/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
 textarea {
    resize: none;
}

   @font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal; 
}  
/* 
 @font-face {
    font-family: 'SOURCEHANSANSCN-EXTRALIGHT';
    src: url('fonts/SOURCEHANSANSCN-EXTRALIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
 @font-face {
    font-family: 'INTERTIGHT-VARIABLEFONT_WGHT';
    src: url('fonts/INTERTIGHT-VARIABLEFONT_WGHT.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SOURCEHANSANSCN-LIGHT';
    src: url('fonts/SOURCEHANSANSCN-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
*/
/*@font-face {
    font-family: 'SOURCEHANSANSCN-REGULAR';
    src: url('fonts/SOURCEHANSANSCN-REGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}*/

 


@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
 
@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.eot');
    src: url('fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLight.woff') format('woff'),
        url('fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}  
/*   @font-face {
	font-family: AlibabaPuHuiTi_2_85_Bold;
	src:url(fonts/AlibabaPuHuiTi_2_85_Bold.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi_2_85_Bold.woff2) format('woff2');
}
   @font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(fonts/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
	url(fonts/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
} 
*/ 
a.biga,.slang{font-family: 'SourceHanSansCN-Normal';}
body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#333;
}
a{
    color:inherit;
	color:#333;  
    text-decoration: none; 
}
a:hover  {
    color:#333;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: text-top; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#898989; }
input:-webkit-input-placeholder { color:#898989; } 
input:-moz-placeholder { color:#898989; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
     
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg,.hz_4_1_1_img img{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
.pagination{ 
text-align:center;}
.pagination{
padding:0em 0 0em 0;}
.pagination li{
display:inline-block; margin:0 5px;}
.pagination li:nth-child(1) a,.pagination li:nth-child(1) span,.pagination li:last-child a,.pagination li:last-child span{ width:4em; text-indent:-99999em;}
.pagination li a,.pagination li span{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display:block; height:2em;     text-align:center; line-height:2em; width:2em;
border:1px #d1d1d1 solid; border-radius:2em; position:relative; }
.pagination li a:hover,.pagination li.active span{
color:#fff;   border-color:#9e0e1b; background-color:#9e0e1b; background-position:center; background-repeat:no-repeat; background-size:cover;}

.pagination li:nth-child(1) a:after,.pagination li:nth-child(1) span:after,.pagination li:last-child a:after,.pagination li:last-child span:after{ background-position:center; background-repeat:no-repeat; background-size:cover; width:1.8125em; height:0.6875em; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%); content:''; 
    transform: translate(-50%, -50%);}
.pagination li:nth-child(1) a:after,.pagination li:nth-child(1) span:after{ background-image:url(../images/tip/z.png);}
.pagination li:nth-child(1) a:hover:after,.pagination li:nth-child(1) span:hover:after{ background-image:url(../images/tip/zon.png);}

.pagination li:last-child a:after,.pagination li:last-child span:after{ background-image:url(../images/tip/r.png);}
.pagination li:last-child a:hover:after,.pagination li:last-child span:hover:after{ background-image:url(../images/tip/ron.png);}
.pagination li:last-child span:hover,.pagination li:nth-child(1) span:hover{    border-color:#9e0e1b; background-color:#9e0e1b;}

.ovh{
overflow:hidden}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg,.hz_4_1 ul li:hover .hz_4_1_1_img img{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.mobileimg{
width:100%; display:none}
.warp-nav,.mobilemenu——{ display:none}
/*********header**********/
#header{ position:fixed; left:0; width:100%; z-index:999; top:1.875em;transition: top .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);
box-shadow: 4px 2px 9px 2px rgba(0, 0, 0, .1);
}
#header.cur{ top:0}
.headermid{ margin:0 20vw; position:relative;}
.headermid_mid{}
.headermid_mid ul{display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */}
.headermid_mid ul li{   position:relative;}
.headermid_mid ul li .biga{ position:relative; padding:0 2em; display:block; position:relative; z-index:10; font-size:1.125em; height:4.166666666666667em; line-height:4.166666666666667em; background-image:url(../images/header/img2.jpg); background-position:left center; background-repeat:no-repeat;}
.headermid{ background-color:#fff; position:relative; z-index:10; border-radius:10px; margin:0 2.60416666666667%;}
.headermid_left{ position:absolute; left:1.64835164835165%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.headermid_mid ul li:nth-child(1) .biga{ background-image:none}	
.headermid_right{ position:absolute; right:1.64835164835165%;top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.headermid_right a{ font-size:1.125em; display:block; position:relative; padding-left:1.7em;}	
.headermid_right a:after{ content:''; position:absolute; left:0; top:50%; width:1em; height:1.111111111111111em; background-image:url(../images/header/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}

.headermid_mid ul li dl {
  z-index:2;
  min-width:248px;
  max-height:0;
  border-radius:10px;
  transition:max-height .6s cubic-bezier(.75,0,.25,1),box-shadow .6s cubic-bezier(.75,0,.25,1);
  position:absolute;
  top:0;
  left:0;
  overflow:hidden
}
.headermid_mid ul li dl:before,
.headermid_mid ul li dl:after {
  content:"";
  width:100%;
  z-index:0;
  background-color:#fff;
  display:block;
  position:absolute;
  left:0
}
.headermid_mid ul li dl:before {
  height:3.125vw;
  border-radius:.625vw .625vw 0 0;
  top:0
}
.headermid_mid ul li dl:after {
  height:calc(100% - 3.125vw);
  bottom:0
}
.headermid_mid ul li dl{ padding-top:.875em;}
.headermid_mid ul li dl dd {
  z-index:2;
  opacity:0;
  margin-left:2.25em;
  margin-right:2.25em; margin-top:.875em; margin-bottom:.875em;
  transition-property:opacity,transform;
  transition-duration:.24s;
  transition-timing-function:cubic-bezier(.4,0,.6,1),cubic-bezier(.4,0,.6,1);
  position:relative;
  transform:translateY(.41667vw)
}
#header:before{content: "";
  width: 100%;
  opacity: 0;
  height: 100%;
  background-color: #fff;
  transition: opacity .3s cubic-bezier(.4,0,.2,1);
  position: absolute;
  top: 0;
  left: 0;}
#header.cur:before {
  opacity: 1;
}  
.headermid_mid ul li dl dd:nth-child(1) {
  transition-delay:.22s
}
.headermid_mid ul li dl dd:nth-child(2) {
  transition-delay:.24s
}
.headermid_mid ul li dl dd:nth-child(3) {
  transition-delay:.26s
}
.headermid_mid ul li dl dd:nth-child(4) {
  transition-delay:.28s
}
.headermid_mid ul li dl dd:nth-child(5) {
  transition-delay:.3s
}
.headermid_mid ul li dl dd:nth-child(6) {
  transition-delay:.32s
}
.headermid_mid ul li dl dd:nth-child(7) {
  transition-delay:.34s
}
.headermid_mid ul li dl dd:nth-child(8) {
  transition-delay:.36s
}
.headermid_mid ul li dl dd:nth-child(9) {
  transition-delay:.38s
}
.headermid_mid ul li dl dd:nth-child(10) {
  transition-delay:.4s
}
.headermid_mid ul li dl dd:nth-child(11) {
  transition-delay:.42s
}
.headermid_mid ul li dl dd:nth-child(12) {
  transition-delay:.44s
}
.headermid_mid ul li dl dd:nth-child(13) {
  transition-delay:.46s
}
.headermid_mid ul li dl dd a {
  height:auto;
  padding-top:.3125vw;
  padding-bottom:.3125vw
}
.headermid_mid ul li:hover a.biga{color:#9e0e1b}
.headermid_mid ul li dl dd a:hover{ color:#9e0e1b}
.headermid_mid ul li dl dd:first-child {
  height:3vw;
  width:calc(100% - 4.5em);
  background-image:linear-gradient(90deg,#666 0%,#666 33.33%,transparent 33.34%,transparent 100%);   
  background-position:0 100%;
  background-repeat:repeat-x;
  background-size:3px 1px;
  margin-bottom:1.04167vw;
  margin-left:auto;
  margin-right:auto
}
.headermid_mid ul li dl dd:last-child {
  margin-bottom:1.66667vw
}
 
.headermid_mid ul li:hover dl {
    max-height:15.625vw;
    box-shadow:0 .15625vw 1.5625vw rgba(0,0,0,.05)
  }
.headermid_mid ul li:hover dl dd {
    opacity:1;
    transform:translateY(0)
  }
 
	
	
/*******index***************/
.bannerbg{ position:relative; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bannerleftfooter{ position:absolute; z-index:10; left:0; bottom:3.64583333333333%; width:100%; color:#fff;} 
.indexbanner_mid{ margin:0 7.29166666666667%;}
.bannerleftfooter_2 div{ display:inline-block; width:1.75em; background-position:center; background-repeat:no-repeat; height:1.75em; border-radius:5px; cursor:pointer; border:1px rgb(255, 255, 255, 0.6) solid;}
.bannerleftfooter_1{ float:right; line-height:1.75em;}
.bannerleftfooter_2_left{ background-image:url(../images/index/img1.png);}
.bannerleftfooter_2_right{ background-image:url(../images/index/img2.png);}
.bannerleftfooter_2 div:hover{ background-color:#9e0e1b; border-color:#9e0e1b;}
.indexbanner_con{ position:absolute; z-index:10; left:0; width:100%; color:#fff; bottom:18.75%;}
.indexbanner_con_1{ font-size:3.775em; font-weight:bold; margin-bottom:.56em;}
.indexbanner_con_2{ font-size:1.125em; max-width:650px; line-height:1.8;}
.index_2{ position:relative; height:100vh;}
.index_2_bg{ background-image:url(../images/index/bg1.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.index_2_bg_1{ position:absolute; right:1.64835164835165%; width:29.63541666666667%; bottom:0; z-index:1;}
.index_2_bg_1 img{ width:100%;}

.index_2_bg_2{ position:absolute; right:21.04166666666667%; width:23.90625%; bottom:0; z-index:2;}
.index_2_bg_2 img{ width:100%;}
.index_2_bg_1_mid{ position:absolute; z-index:1; width:100%; color:#fff; text-align:center; top:26.7515923566879%;}
.index_2_bg_1_mid_1{ font-size:3.75em;font-family: 'poppinsmedium'; font-weight:bold}
.index_2_bg_1_mid_2{ font-size:1.125em;}
.index_2_bg_2_mid{ text-align:center; color:#fff; position:absolute; left:0; width:100%; bottom:11%;}
.index_2_con{ position:absolute; left:0; z-index:5; width:100%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
a.comlink{ display:block; width:9.375em; border-radius:5px;font-family: 'Poppins'; font-weight:bold; color:#fff; background-color:#9e0e1b; height:2.5em; line-height:2.5em;}
a.comlink p{ margin-left:1.25em;}
a.comlink p span{ display:inline-block; position:relative; padding-right:1.75em; background-image:url(../images/index/img5.png); background-position:right center; background-repeat:no-repeat;}
.index_2_con_1{ font-size:2.25em; font-weight:bold;}
.index_2_con_2{ font-size:1.125em; width:49%; line-height:2; margin-bottom:2.5em; margin-top:2em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; }
a.comlink:hover p span{ padding-right:2em;}
.index_3_con{ position:absolute; left:0; width:100%; z-index:5; top:17%; color:#fff;}
.index_3_con2{ position:absolute; z-index:5; width:100%; bottom:8.75%;}
.index_3_con2 .swiper-slide{ /*width:32%; margin-right:2%;*/height:14.27777777777778em; margin-top:1.78125em;}
/*.index_3_con2 .swiper-slide:last-child(){ margin-right:0}*/
.index_3_con2_mid{ position:absolute; left:0; bottom:0; border-radius:10px; background-color:rgb(0, 0, 0, 0.6); color:#fff;transition:height .6s cubic-bezier(.75,0,.25,1),background-color .3s cubic-bezier(.75,0,.25,0); height:8.333333333333333em; font-size:1.125em; width:100%;}

@media screen and (min-width:810px) {
.index_3_con2 .swiper-slide:hover .index_3_con2_mid{ height:100%;background-color:rgb(255, 255, 255, 0.67); color:#000}
}

.index_3_con2_mid_1{ position:absolute; left:1.875em; right:1.875em; bottom:1.875em;}
.index_3_con2_mid_1_right{ position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); max-width:3.833333333333333em;}
.index_3_con2_mid_1_left_1{ font-size:1.333333333333333em; margin-bottom:15px;}
.index_3_con2_mid_1_left{ margin-right:5em;}
@media screen and (min-width:810px) {
.index_3_con2 .swiper-slide:hover .index_3_con2_mid_1_right{ opacity:0;}
}

.index_3_con2_mid_1_img{ position:absolute; left:1.875em; bottom:7em; opacity:0;}

@media screen and (min-width:810px) {
.index_3_con2 .swiper-slide:hover .index_3_con2_mid_1_img{ opacity:1}
 }
.index_3_con2_left{ position:absolute; z-index:10; left:2.60416666666667%; cursor:pointer; width:1.875em; height:1.875em; border-radius:100%; background-color:#373737; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img1.png); bottom:3.5em;}
.index_3_con2_left:hover{ background-color:#9e0e1b}

.index_3_con2_right{ position:absolute; z-index:10; right:2.60416666666667%; cursor:pointer; width:1.875em; height:1.875em; border-radius:100%; background-color:#373737; background-position:center; background-repeat:no-repeat; background-image:url(../images/index/img2.png); bottom:3.5em;}
.index_3_con2_right:hover{ background-color:#9e0e1b}
.index_4_1{ padding:2.7em 0 2em 0;}
.index_4_2_mid_right_1{font-family: 'Poppins'; margin-bottom:10px; font-weight:bold; font-size:1.125em;}
.index_4_2_mid_right_2{ font-weight:normal}
.index_4_2_mid{ position:relative;}
.index_4_2_mid_left{ overflow:hidden; border-radius:10px; width:46.89024390243902%;}
.index_4_2_mid_left img{ width:100%;}
.index_4_2_mid_right{ position:absolute; right:11%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:38%; }
.index_4_2_mid_right_3{-webkit-line-clamp: 2; width:100%;   }

.index_4 .swiper-pagination-progressbar{ position:relative; top:auto; bottom:0; height:2px; margin-top:5em; margin-bottom:5em;}

.index_4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color:#9e0e1b;}
.index_4_footer ul li{ overflow:hidden;
float:left; width:32%; margin-right:2%; background-color:#f2f2f2; border-radius:10px; margin-bottom:1.5em;}
.index_4_footer ul li:nth-child(3n){ margin-right:0}
.index_4_footer_mid{ position:relative; margin:2em; min-height:165px;}
.index_4_footer_mid_left_1{ color:#828282;font-family: 'Poppins';}
.index_4_footer_mid_left_2{ font-size:1.5em; font-weight:bold; margin-top:10px; margin-bottom:15px;}
.index_4_footer_mid_left_3{ font-size:1.125em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 1;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:1.5em;}
.index_4_footer_mid_right{ position:absolute; right:0; top:0%;  width:27%;}
.index_4_footer_mid_left{ margin-right:30%;}
.relink{ color:#5f5f5f;font-family: 'Poppins'; font-weight:bold;}
.relink span{ display:inline-block; background-image:url(../images/index/img11.png); padding-right:2.5em; background-position:right center; background-repeat:no-repeat;}
.index_4{ padding-bottom:5em;}
a:hover .relink span{ padding-right:3em;}
.index_5_mid{ padding-top:15em; padding-bottom:13.125em; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; text-align:center; color:#fff; border-radius:10px;}
.index_5_mid_mid{ margin:0 auto; max-width:775px; padding:0 1em;}
.index_5_mid_mid_1{ padding-top:5px;}
.index_5{ background-color:#f2f2f2; padding:7.5em 0;}
.index_3_con2_mid_more{ position:absolute; z-index:5; font-size:0.8888888888888889em; width:3.5625em; height:3.5625em; text-align:center; color:#fff;font-family: 'Poppins'; font-weight:bold; color:#fff; background-color:#9e0e1b; right:10%; top:0;-webkit-transform: translate(-0%, 50%);  
    transform: translate(-0%, 50%); border-radius:5px; opacity:0;}
.index_3_con2_mid_more_1{ padding-top:5px;}
@media screen and (min-width:810px) {
.index_3_con2 .swiper-slide:hover .index_3_con2_mid_more{ opacity:1;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}

.index_3_con2 .swiper-slide:hover .index_3_con2_mid_1_left{ margin-right:0}
}
/***********footer**************/
#footer{ color:#fff; background-image:url(../images/footer/bg.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.footer_1_1{ padding:5em 0;}
.footer_2{ font-size:1.125em;}
.footer_2_left{ float:left; width:20%;}
.footer_2_right{ float:right; width:18%;}
.footer_2_mid{ float:left; width:62%; position:relative;}
.footer_2_mid:before{ content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#fff; opacity:.27; }
.footer_2_mid:after{ content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#fff; opacity:.27; }
.footer_2_mid_mid{ position:relative; margin-left:5%; margin-right:5%; padding-right:65px;}
.footer_2_mid_mid ul li{
float:left; width:19%; }
.footer_2_mid_mid ul li:nth-child(1){ width:34%;}
.footer_2_mid_mid ul li:nth-child(2){ width:24%;}
.footer_2_mid_mid ul li:nth-child(3){ width:23%;}
.footer_2_mid_mid ul li:last-child{ position:absolute; right:0; top:0; width:auto;}
.footer_2_1{ font-size:1.111111111111111em; margin-bottom:2em; }
.footer_2_mid_mid ul li dl dd{   margin-bottom:1.45em;}
.footer_2_mid_mid ul li dl dd a{ color:#fff;}
.footer_2_left_1 ul li div{ padding-left:1.4em; background-repeat:no-repeat;}
.footer_2_left_1 ul li:nth-child(1) div{ background-image:url(../images/footer/img2.png); background-position:left .2em;}

.footer_2_left_1 ul li:nth-child(2) div{ background-image:url(../images/footer/img3.png); background-position:left .2em;}

.footer_2_left_1 ul li:nth-child(3) div{ background-image:url(../images/footer/img4.png); background-position:left .4em;}
.footer_2_left_1 ul li{ margin-bottom:.75em;}
.footer_2_left_2{ padding-top:1em;}
.footer_2_right_mid ul li a{ display:block; color:#fff; padding-left:2.5em; position:relative;}
.footer_2_right_mid ul li a  img{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.footer_2_right_mid ul li a:after{ content:''; position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:1.222222222222222em; height:0.6111111111111111em; background-image:url(../images/footer/img10.png); background-position:center; background-repeat:no-repeat; background-size:cover;transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_2_right_mid ul li{ padding:.9375em 0; border-top:1px rgba(255,255,255,.15) solid;}
.footer_2_right_mid ul li a:hover:after{ right:.5em;}
.footer_2_right_mid{ margin-left:2.5em;}
.footer_3{ padding-bottom:2.7em; padding-top:6.5em; color:#b3b3b3;line-height:1.6;}
.footer_3_left{
float:left;}
.footer_3_right{ float:right}
#footer .footer_3 a{ color:#b3b3b3}
.footer_2_left_mid{ margin-right:1.5em;}
.gotoup{ position:fixed; z-index:100; width:3.5625em; height:3.5625em; border-radius:5px; background-position:center; background-repeat:no-repeat;  background-color:#9e0e1b; right:2.60416666666667%; bottom:5.2vw; cursor:pointer;}
.gotoup:after{ content:''; position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); background-position:center; background-repeat:no-repeat; background-size:cover; width:1.9375em; height:2.4375em; background-image:url(../images/footer/img1.png);}
/***********about*************/
.about_1_2{ color:#969494;font-family: 'Poppins'; font-size:1.125em; font-weight:bold}
.about_1_1{ font-size:3em; color:#9e0e1b; font-weight:bold; padding-bottom:8px; padding-top:3em;}
.about_2_mid_right{ float:right; width:49.45121951219512%; overflow:hidden; border-radius:1em;}
.about_2_mid_right img{ width:100%;}
.about_2_mid_left{ font-size:1.125em; line-height:1.9; float:left; width:43.17073170731707%;}
.about_2{ margin-top:2.5em; margin-bottom:7.5em;}
.about_3{ background-image:url(../images/company/bg1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.about_3_1,.about_3_2{ text-align:center; color:#fff;}
.about_3_3{ margin-right:0}
.about_3_3_mid{ box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);   border-radius:1em; font-size:1.125em; color:#fff; min-height:19.88888888888889em; position:relative; overflow:hidden}
.about_3_3_mid:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/company/bg.png); opacity:0; transition: opacity .3s cubic-bezier(.75,0,.25,1);}
.about_3_3 .swiper-slide{ width:21%; margin-right:2.52808988764045%; padding:2px;}
.about_3_3 .swiper-slide:hover .about_3_3_mid:after{ opacity:1}
.about_3_3 .swiper-slide:hover .about_3_3_mid{box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);  }
.about_3_3{ margin-top:6.25em;}
.about_3_3_mid_1{ position:absolute; right:9%; max-width:16%; top:10.33519553072626%; z-index:1}
.about_3_3_mid_2{ position:absolute; left:13.33333333333333%; right:13.33333333333333%; top:61.45251396648045%;  z-index:1}
.about_3_3_mid_2_1{ font-size:1.333333333333333em; margin-bottom:.875em;}
.about_3_3_mid_2_2{ line-height:2;transition: max-height .6s cubic-bezier(.75,0,.25,1); max-height:2em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 1;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}

.about_3_3 .swiper-slide .about_3_3_mid_2_2{ max-height:10em;-webkit-line-clamp: 5;   }
.about_3_3 .swiper-slide .about_3_3_mid_2{top:26.53631284916201%;}

.about_3 .swiper-pagination{ position:static; padding:6.25em 0;}
.about_3 .swiper-pagination-bullet{ width:.9375em; height:.9375em; border:1px #fff solid; opacity:1; background:none}
.about_3 .swiper-pagination-bullet-active{ background-color:#fff;}
.about_3 .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.about_3 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 7px;}
.about_4_1{ text-align:center; color:#000;}
.about_4_2{ text-align:center}
.about_4_3{ position:relative; height:682px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; background-image:url(../images/company/bg2.jpg); border-radius:1em; margin-bottom:10em; margin-top:4.375em;}
.mySwiperh{ height:100%;}
.mySwiperh .swiper-slide{ height:100%;}
.about_4_3_line{ position:absolute; top:50%; left:50%; width:91.79424372320882%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);}
.about_4_3_line img{ width:100%;}
.about_4_3_line:before{ content:''; position:absolute; left:0; z-index:1; bottom:-3px; width:0.625em; height:0.625em; background-color:#9e0e1b; border-radius:100%;}
.about_4_3_line:after{ content:''; position:absolute; right:0; top:0; z-index:1; width:1.3125em; height:1.3125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/company/bg3.png);-webkit-transform: translate(90%, -50%);  
    transform: translate(90%, -50%);}
.about_4_3 .swiper-slide ul li{ position:absolute;color:#fff;}
.about_4_3 .swiper-slide ul li:nth-child(1){ width:26%; left:6%; bottom:18%; }
.about_4_3 .swiper-slide ul{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.about_4_3 .swiper-slide ul li:before{ content:''; position:absolute; left:0; bottom:0; height:100%; width:2px; background-color:#fff;}

.about_4_3 .swiper-slide ul li:after{-webkit-transform: translate(-50%, -0%);  
    transform: translate(-50%, -0%); content:''; position:absolute; left:0; bottom:0;  width:0.625em; height:0.625em; background-color:#fff; border-radius:100%;}
.about_4_3_mid_2{ font-size:.875em; line-height:1.6;}
.about_4_3_mid_1{ font-size:1.25em; margin-bottom:5px;}
.about_4_3_mid{ padding-left:1em; padding-bottom:120px;}

.about_4_3 .swiper-slide ul li:nth-child(2){ left:28%; width:29%; top:54%; bottom:auto;}
.about_4_3 .swiper-slide ul li:nth-child(2):after{ bottom:auto; top:0}
.about_4_3 .swiper-slide ul li:nth-child(2) .about_4_3_mid{ padding-top:70px; padding-bottom:0}

.about_4_3 .swiper-slide ul li:nth-child(3){ left:48%; width:26%;   bottom:55%;}
.about_4_3 .swiper-slide ul li:nth-child(3) .about_4_3_mid{   padding-bottom:130px}
.about_4_3 .swiper-slide ul li:nth-child(4){ left:70%; bottom:auto; top:10%; width:29%}
.about_4_3 .swiper-slide ul li:nth-child(4):after{ bottom:auto; top:0}
.about_4_3 .swiper-slide ul li:nth-child(4) .about_4_3_mid{ padding-top:80px; padding-bottom:0}

.about_5{ background-image:url(../images/company/bg4.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.about_5_1{ margin-top:4em;}
.about_5_1 ul li{ margin-right:1.533742331288338%; margin-top:1.875em; float:left; width:18.77300613496933%;}
.about_5_1 ul li:nth-child(5n){ margin-right:0}
.about_5_1_img{ overflow:hidden}
.about_5_1_img img{ width:100%;}
.about_5 .swiper-pagination-bullet{ border-color:#9e0e1b}
.about_5 .swiper-pagination-bullet-active{ background-color:#9e0e1b}
.about_5 .swiper-slide{ margin-right:1.533742331288338%;}
.about_5 .swiper-slide:last-child{ margin-right:0}
/*************brand****************/
a.comlink2{background-color:#444}
a.comlink2 p span{ display:block; padding-right:0;}
a.comlink2 p{ margin-right:1.25em;}
a.comlink2:hover{ background-color:#9e0e1b}
.brand_1_1_mid{ margin:2.5em; position:relative; min-height:14.375em;}
.brand_1_1 ul li{ background-color:#f5f5f5; border-radius:1em; overflow:hidden; margin-top:2.5em;}
.brand_1_1_mid_left{ position:absolute; left:0; top:0; width:25.5625em; overflow:hidden}
.brand_1_1_mid_left img{ width:100%;}
.brand_1_1_mid_right{ margin-left:29.375em;}
.brand_1_1_mid_right_1{ font-size:2.25em; font-weight:bold}
.brand_1_1_mid_right_2{ font-size:1.125em; line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1em 0; margin-bottom:1.75em;}
.brand_1{ padding-top:5em;}
a.linkloadmore{ margin:0 auto; display:block; border:1px #a5a5a5 solid; width:10.625em; height:2em; line-height:2em; text-align:center; border-radius:2em; color:#a9a9a9;}
.nybanner{ position:relative}
.brand_1_2{ padding:4.375em 0;}
a.linkloadmore:hover{ background-color:#9e0e1b; border-color:#9e0e1b; color:#fff;}
.nybanner2 .bannerbg{ height:42vw;}
.about_2_mid_left_brand_info img{ border-radius:1em;}

/*******product*************/
body.proindex .indexbanner_con{ bottom:auto; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.indexbanner_con_2{ max-width:480px;}
.indexbanner_mid_cate{ position:relative;}
.indexbanner_mid_cate_mid{ position:absolute; right:0; bottom:0; z-index:1; padding-left:400px;}
.indexbanner_mid_cate_mid ul li{ display:inline-block; margin-left:10px; margin-top:10px;}
.indexbanner_mid_cate_mid ul li a{ display:block; font-size:1.125em; width:7.777777777777778em; text-align:center; height:1.888888888888889em; line-height:1.888888888888889em; border-radius:3px; background-color:#e6e6e6;}
.indexbanner_mid_cate_mid ul li a:hover,.indexbanner_mid_cate_mid ul li a.on{ background-color:#9e0e1b; color:#fff;}
.pro_1{ margin-top:6.25em;}
.pro_2_1 ul li{
float:left; width:24%; margin-right:1.333333333333333%; margin-bottom:1.5em;}
.pro_2_1 ul li:nth-child(4n){ margin-right:0}
.pro_2_1_mid{ position:relative; overflow:hidden; font-size:1.125em; height:28.22222222222222em; text-align:center; background-color:#f2f2f2; border-radius:10px;}
.pro_2_1_mid_1{ z-index:1; position:absolute; height:48.4251968503937%; width:100%; top:15.74803149606299%;}
.pro_2_1_mid_1 img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:100%;}
.pro_2_1_mid_2{ position:absolute; left:0; width:100%; bottom:10%; z-index:2;}
.pro_2_1_mid_2_mid{ margin:0 1em;}
.pro_2_1_mid_2_mid_1{ font-size:1.333333333333333em; margin-bottom:10px;}
.pro_2_1_mid_2_mid_2{ color:#9e0e1b}
.pro_2_1_mid .bgc{   position:absolute; left:0; bottom:0; width:100%; height:50%;background-image: linear-gradient(to top, rgba(255, 0, 0, 1), rgba(255, 0, 0, 0));transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;
}
.pro_2_1 ul li:hover .pro_2_1_mid .bgc{ opacity:1}
.pro_2_1 ul li:hover .pro_2_1_mid_2_mid_1,.pro_2_1 ul li:hover .pro_2_1_mid_2_mid_2{ color:#fff;}
.pro_2_2{ padding:5.25em 0;}
.pro_2_1{ margin-top:5em;}
.proindex_info .bannerbg{ height:42.03125vw;} 
.pro_info_1{ position:relative; z-index:10;-webkit-transform: translate(-0%, -4em);  
    transform: translate(-0%, -4em);}
.pro_info_1 .indexbanner_mid{ background-color:#fff;box-shadow: 0px 6px 20px 6px rgba(0, 0, 0, .1); overflow:hidden; border-radius:1em;}
.pro_info_1_1{ font-size:1.125em; line-height:3.555555555555556em; height:3.555555555555556em; background-color:#f2f2f2;}
.pro_info_1_1_mid_left{ float:left;}
.pro_info_1_1_mid_right{ float:right;}
.pro_info_1_1_mid{ margin:0 2.4em;}
.pro_info_1_1_mid_left span{ color:#9e0e1b;}
.pro_info_1_1 a:hover{ color:#9e0e1b;}
.pro_info_1_2_mid{ margin:5em;}
.pro_info_1_2_mid_1_1 ul li{ font-size:1.125em; padding:1.125em 0; border-bottom:1px #d1d1d1 solid;}
.pro_info_1_2_mid_1_2 a{ width:10.55555555555556em; height:2.555555555555556em; line-height:2.555555555555556em; font-size:1.125em; display:block; background-color:#444; text-align:center; border-radius:5px; color:#fff;}
.pro_info_1_2_mid_1_2 a span{ position:relative; display:inline-block; padding-left:1.6em;}
.pro_info_1_2_mid_1_2 a span:after{ content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); width:1.111111111111111em; height:1em; background-image:url(../images/product/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_info_1_2_mid_1_1 ul li:last-child{ margin-bottom:2em;  }
.pro_info_1_2_mid_1_1 ul li:first-child{ margin-top:1.15em;}
.pro_info_1_2_mid_1_2 a:hover{ background-color:#9e0e1b;}
.pro_info_1_2_mid_2{ border-radius:1em; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; color:#fff; height:40.625em; margin-top:7.5em;}
.pro_info_1_2_mid_2_mid{ position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); background-image:url(../images/product/img9.png); width:56%; border-radius:1em;}
.pro_info_1_2_mid_2_mid_jj{ margin:2.5em 9%;}
.pro_info_1_2_mid_2_mid_jj_1{ font-size:1.875em; margin-bottom:.65em;}
.pro_info_1_2_mid_2_mid_jj_2{ font-size:1.125em; line-height:2}
.pro_info_1_2_mid_3_mid{ position:relative;}
.pro_info_1_2_mid_3_mid_left{ overflow:hidden; width:61%; border-radius:1em;}
.pro_info_1_2_mid_3_mid_left img{ width:100%;}
.pro_info_1_2_mid_3_mid_right{ position:absolute; right:0; top:0; width:39%; height:100%; border-radius:1em; background-color:#f3f3f3;}
.pro_info_1_2_mid_3 ul li{ margin-top:5.25em;}
.pro_info_1_2_mid_3 ul li:nth-child(2n) .pro_info_1_2_mid_3_mid_left{ margin-left:39%;}
.pro_info_1_2_mid_3 ul li:nth-child(2n) .pro_info_1_2_mid_3_mid_right{ right:auto; left:0}
.pro_info_1_2_mid_3_mid_right_1{ font-size:1.875em; color:#9e0e1b; margin-bottom:.5em;}
.pro_info_1_2_mid_3_mid_right_2{ font-size:1.125em; line-height:2;}
.pro_info_1_2_mid_3_mid_right_jj{ position:absolute; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); left:19%; right:19%;}
/************contact******************/
.contact_1{ background-position:center bottom; background-size:cover; overflow:hidden;  }
.contact_1_1{ text-align:center}
.contact_1_2{ text-align:center; font-size:1.125em; line-height:1.6; margin-top:5px;}
.contact_1_3{ background-image:none; margin-top:6em;}
.contact_1_3_mid{box-shadow: 0px 6px 20px 6px rgba(0, 0, 0, .1); margin:20px; background-color:#fff; position:relative; border-radius:1.5em; overflow:hidden}
.contact_1_3_mid_mid{ padding:2.5em; position:relative; z-index:1;}
.contact_1_3_mid_mid_2{ font-size:1.875em; margin-top:1.5em; margin-bottom:.6em;}
.contact_1_3_mid_mid_3{ font-size:1.125em; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:3.6em;}
.about_5.contact_1_3 .swiper-slide{ margin-right:0; cursor:pointer}
.about_5.contact_1_3 .swiper-pagination-lock{ display:block}
.contact_1_3_mid:after{ content:''; position:absolute; right:0; top:0; width:90%; height:100%; background-position:right center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/contact/img2.png);transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity:0;}
.about_5.contact_1_3 .swiper-slide:hover .contact_1_3_mid:after{ opacity:.54}

 

.about_5.contact_1_3 .swiper-slide:hover .index_3_con2_mid_more{ opacity:1;-webkit-transform: translate(-0%, -0px);  
    transform: translate(-0%, -0px);}
.contact_2{ background-position:center; background-repeat:no-repeat; overflow:hidden; background-size:cover; padding-bottom:13.125em;}
.contact_2_1,.contact_2_2{ color:#fff;}
.marlist ul li{
float:left;}
.marlist ul li .litpic{ margin:0 1em; width:260px; height:110px; position:relative; background-color:#fff; border-radius:1em;}
.marlist {
  overflow: hidden;
  width: 100%;
}
.marlist ul li .litpic img{ position:absolute; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%); max-height:73%;}
.man_3{ margin-bottom:50px;}
.contact_3{ background-image:url(../images/contact/img7.jpg); padding-top:6.875em; padding-bottom:6.875em; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.contact_3_mid_left_1{ text-align:left; padding-top:10px;}
.contact_3_mid_left{ float:left; width:37%;}
.contact_3_mid_right{ float:right; width:54.32926829268293%;}
.contact_3_mid_right img{ width:100%;}
.contact_3_mid_left_top{ padding-top:0}
.contact_3_mid_left_2 ul li{ padding:1em 0; font-size:1.125em; border-bottom:1px #d1d1d1 solid;}
.contact_3_mid_left_2_1{ font-weight:bold; padding-left:1.5em; position:relative;}
.contact_3_mid_left_2_1:after{ content:''; position:absolute; left:0; top:.1em; width:0.8333333333333333em; height:1.166666666666667em; background-image:url(../images/contact/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.contact_3_mid_left_2_2{ padding-left:1.5em; margin-top:10px; line-height:1.5;}
.contact_3_mid_left_2{ padding-top:1em;}
.contact_3_mid_left_3{ font-size:1.25em; margin-top:1.5em;}
.contact_3_mid_left_3 span{ color:#9e0e1b}
.pro_2_1_news ul li{ margin-top:5em;
float:left; width:29%; margin-right:6.5%;}
.pro_2_1_news ul li:nth-child(3n){ margin-right:0}
.pro_2_1_news_1{ overflow:hidden; border-radius:1em;}
.pro_2_1_news_1 img{ width:100%;}
.pro_2_1_news_2{ color:#5a5a5a;font-family: 'Poppins'; font-weight:bold; margin-top:1.875em;}
.pro_2_1_news_3{ font-size:1.5em; margin-top:.4em; margin-bottom:.4em;}
.pro_2_1_news_4{ font-size:1.125em; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:3.2em; margin-bottom:1em;}
.pro_2_1_news_5 span{ display:inline-block; position:relative; background-image:url(../images/news/img2.png); background-position:right center; background-repeat:no-repeat; color:#5f5f5f; padding-right:1.625em;font-family: 'Poppins'; font-weight:bold;}
.pro_2{ margin-top:3.75em;}
.pro_2_1_news ul{ position:relative; overflow:hidden}
.pro_2_1_news ul:before{ content:''; position:absolute; width:1px; height:100%; background-color:#cecece; top:5em; left:32.25%;-webkit-transform: translate(-.5px, -0px);  
    transform: translate(-.5px, -0px);}

.pro_2_1_news ul:after{ content:''; position:absolute; width:1px; height:100%; background-color:#cecece; top:5em; right:32.25%;-webkit-transform: translate(.5px, -0px);  
    transform: translate(.5px, -0px);}	
.news_info_1_2_mid{ margin:0 14.63414634146341%; padding-bottom:6em;}
.news_info_1_2_mid_1{ text-align:center; font-size:2.25em; margin-top:3.194444444444444em;}
.news_info_1_2_mid_2_1{ text-align:center; margin-top:1em;}
.news_info_1_2_mid_3{ font-size:1.125em; line-height:2; margin-top:4em; margin-bottom:4em;}
.news_info_1_2_mid_4{ overflow:hidden; border-radius:10px; background-color:#f2f2f2;}
.news_info_1_2_mid_4 ul li{
float:left; width:50%;}
.news_info_1_2_mid_4 ul li a{ display:block; font-size:1.125em; padding:1em; padding-right:3em;}
.news_info_1_2_mid_4 ul li:nth-child(2) a{ text-align:right; padding-left:3em;  }
.news_info_1_2_mid_4 ul li a:hover{ background-color:#9e0e1b; color:#fff;}


@media screen and (max-width:1680px) {
.pro_info_1_1{ font-size:1em; height:45px; line-height:45px;}

.pro_info_1 {
  
  -webkit-transform: translate(-0%, -45px);
  transform: translate(-0%, -45px);
}

.headermid_mid ul li dl dd:first-child {
  height:2.5vw;
  width:calc(100% - 4em);
}

.news_info_1_2_mid{ margin-left:7%; margin-right:7%;}
.news_info_1_2_mid_3{ font-size:1em;}
.news_info_1_2_mid_4 ul li a{ font-size:1em;}
.news_info_1_2_mid_1{ font-size:1.875em;}
.pro_2_1_news_3{ font-size:1.25em;}
.pro_2_1_news_4{ font-size:1em;}
.contact_3_mid_left_2 ul li{ font-size:1em;}
.contact_3_mid_left_3{ font-size:1.125em;}
.contact_2{ padding-bottom:7em;}
.contact_1_3_mid_mid_2{ font-size:1.5em;}
.contact_1_3_mid_mid_3{ font-size:1em;}
.contact_1_2{ font-size:1em;}
.pro_info_1_2_mid{ margin:3em;}
.pro_info_1_1_mid{ font-size:16px;}
.pro_info_1_2_mid_1_2 a{ font-size:1em;}
.pro_info_1_2_mid_1_1 ul li{ font-size:1em;}
.pro_info_1_2_mid_2_mid_jj_1{ font-size:1.375em;}
.pro_info_1_2_mid_2_mid_jj_2{ font-size:1em;}
.pro_info_1_2_mid_3_mid_right_1{ font-size:1.375em;}
.pro_info_1_2_mid_3_mid_right_2{ font-size:1em;}
.indexbanner_mid_cate_mid{ padding-left:180px;}
.indexbanner_mid_cate_mid ul li a{ font-size:1em;}
.pro_2_1_mid{ font-size:1em;}
.brand_1_1_mid{ font-size:.875em;}
.about_3 .swiper-pagination{ padding:4em 0;}
.about_4_3_mid_1{ font-size:1.125em;}
.about_3 .swiper-pagination-bullet{ font-size:.875em;}
.about_3_3_mid{ font-size:1em;}
.about_1_1{ font-size:2em;}
.about_2_mid_left{ font-size:1em;}
.about_1_2{ font-size:1em;}
.headermid_mid ul li dl dd{ margin-left:2em; margin-right:2em;}
.headermid_mid ul li .biga,.headermid_right a{ font-size:1em;}
.index_4_footer_mid_left_2{ font-size:1.25em;}
.index_3_con2_mid{ font-size:1em;}
.indexbanner_con_1{ font-size:2.75em;}
.index_2_bg_1_mid_1{ font-size:3em;}
.index_2_con_1{ font-size:1.75em;}
.index_2_con_2,.index_4_2_mid_right_1,.index_2_bg_1_mid_2,.index_4_footer_mid_left_3{ font-size:1em;}
.footer_2_right_mid{ margin-left:1.5em;}
.footer_2{ font-size:1em;}
#footer .indexbanner_mid{ margin:0 2.60416666666667%}

}
 
.mobilebar{display: none; height:20px;
  position: absolute;
  right: 1.64835164835165%;
  top: 50%;
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);}
 #header .hamburger {
    padding: 0;
    height: 20px;
    margin-left: 0rem;
  }	
    #header .hamburger-box {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }
 
 .hamburger-box {
    width: 20px;
    height: 24px;
    display: inline-block;
    position: relative;
  }

  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }

  #header .hamburger-box {
    width: 20px;
    height: 20px;
    margin-left: 0;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 20px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }

  #header .hamburger--3dx-r .hamburger-inner {
    transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1),
      background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    background: #333;
  }

  #header .hamburger-inner,
  #header .hamburger-inner::before,
  #header .hamburger-inner::after {
    width: 20px;
    height: 2px;
  }

  #header .hamburger-inner::before {
    top: -6px;
  }

  #header .hamburger-inner::after {
    bottom: -6px;
  }

  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -6px, 0) rotate(-45deg);
  }

  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 6px, 0) rotate(45deg);
  } 
  
#header .warp-nav {
    height: calc(100vh - 80px);
    padding: 0 0 45px;
    position: fixed;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(21px);
    width: 100%;
    left: 0;
    top: 80px;
    z-index: 9999;
    display: none;
  }
#header .warp-nav .nav {
    font-size: 16px;
    color: #333;
    position: relative;
    overflow-y: auto;
    height: calc(100vh - 2rem);
  }

 

   

  #header .warp-nav .nav .warp-btn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    text-transform: uppercase;
    display: block;
    padding: 15px 0;
    line-height: 1.5;
    position: relative;
    font-size: 16px;
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  #header .warp-nav .nav .li {
    position: relative;
    width: 100%;
    padding: 0 2.29166666666667%;
  }

  #header .warp-nav .nav .tit {
    width: 100%;
    padding: 15px 0;
    line-height: 60px;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }

  #header .warp-nav .nav .sub-tit {
    display: block;
  }

  #header .warp-nav .nav .tit {
    line-height: 1.5;
  }

  #header .warp-nav .nav .tit:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    text-align: center;
    position: absolute;
    right: 5%;
    top: 20px;
    background: url("../images/header/img1.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 15px auto;
    transform: rotate(0);
    transform-origin: center center;
    transition: all 0.3s ease-in-out;
    filter: grayscale(100%) brightness(0%) !important;
  }
  #header .warp-nav .nav .tit.on::after {
    transform: rotate(90deg);
  }

  #header .warp-nav .nav .sec-list {
    line-height: 40px;
    padding: 0.35rem 0 0.35rem 2.29166666666667%;
    display: none;
    font-size: 14px;
  }

  #header .warp-nav .nav .sec-tit {
    font-size: 15px;
    color: #8ebfea;
    position: relative;
    transition: all 0.4s;
    display: block;
  }

  #header .warp-nav .nav .sec-list-nav {
    font-size: 13px;
    padding-left: 8px;
    line-height: 30px;
    display: none;
  }

  #header .warp-nav .nav .sec-list a {
    color: #000;
    text-transform: capitalize;
  }

  #header .warp-nav .nav .sec-list-nav a {
    color: #8ebfea;
  }

  .js-m-2-1 {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.8s cubic-bezier(0.79, -0.27, 0.21, 0.82);
  }

  .js-m-2-1.animate {
    opacity: 1;
    transform: translate(0, 0);
  }     
  
@media screen and (max-width:1200px) {
.index_2_bg_1_mid_2{ margin-left:4em; margin-right:4em;}
.index_2_bg_1_mid_1{ font-size:2em;}
.footer_2_mid{ width:72%;}
.footer_2_left{ width:28%;}
.footer_2_right{ display:none}

.contact_1_3{ margin-top:2.5em;}
.contact_1_3_mid{  }
.contact_1_3_mid_mid_2{ font-size:1.125em;}
.contact_1_3_mid_mid{ padding:1.5em;}
.news_info_1_2_mid_1{ font-size:1.5em;}
.pro_info_1_2_mid_1_1 ul li{ padding:1em 0;}
.pro_info_1_2_mid_1_1 ul li:nth-child(1){ margin-top:1em;}
.pro_info_1 .index_2_con_1{ font-size:1.25em;}
.brand_1{ padding-top:2em;}
.brand_1_1_mid{ margin:1.5em 1em;}
.brand_1_1_mid_right_1{ font-size:20px;}
#header{ top:0;}
.headermid{ margin:0;border-radius:0; height:80px;}
.mobilebar{ display:block}
.headermid_mid,.headermid_right{ display:none}
.indexbanner_con_2{ font-size:1em;}
.indexbanner_con_1{ font-size:1.5em;}
.about_1_1{ font-size:1.5em;}
.about_3_3 .swiper-slide{ width:32%;}
.about_3_3_mid_2_1{ font-size:18px;}
.about_3_3_mid_2{ left:1em; right:1em; top:72%}
.about_3 .swiper-pagination{ font-size:.75em;}

}
.about_4_3_mobile{ display:none; color:#fff; margin-left:2em; margin-right:1em;}
.triangle {
    width: 0;
    height: 0; position:absolute; z-index:50; top:-8px; left:-8px;
    border-left: 8px solid transparent; /* 左边透明 */
    border-right: 8px solid transparent; /* 右边透明 */
    border-bottom: 16px solid #9e0e1b; /* 底部为实心黑色 */
  }
@media screen and (max-width:1024px) {
.index_2_bg_1,.index_2_bg_2{ width:40%;}

.index_3_con2_mid_1_left{ margin-right:3em;}
.index_3_con2_mid_1_right,.index_3_con2_mid_1_img{ max-width:2em;}
.index_3_con2_mid_1_left_1{ font-size:18px;}
.index_3_con2_mid_1{ left:1em; right:1em; bottom:1em;}
.footer_3_left,.footer_3_right{ float:none; text-align:center}
.pro_info_1_2_mid_2{ margin-top:2em;}

.pro_info_1 .index_4_2_mid_left{ width:100%;}

.pro_info_1 .index_4_2_mid_right {
  position:static;
   
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  width: 100%; padding-top:1.5em;
}


.pro_2_2{ padding:4em 0;}
.about_5_1{ margin-top:1em;}
.mySwiperh{ display:none}
.about_4_3_mobile{ display:block}
.about_4_3{ height:auto; padding-top:2em; padding-bottom:2em; margin-top:2em; margin-bottom:3em;}
.about_4_3_mobile_1{ font-size:18px; padding-left:20px; position:relative;}
.about_4_3_mobile_1:before{ content:''; position:absolute; left:-5px; top:50%; width:10px; height:10px; background-color:#fff; border-radius:100%; -webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); z-index:10;}
.about_4_3_mobile_2{ padding-left:20px; line-height:1.6; margin-top:10px; font-size:15px;}
.about_4_3_mobile ul li{ margin-bottom:1.25em;}
.about_4_3_mobile ul{ position:relative; padding-top:2em; padding-bottom:1em;}
.about_4_3_mobile ul:before{  content:''; position:absolute; left:0; top:0; width:2px; height:100%; background-color:#fff;}
}
.index_4 .swiper-pagination-lock {
  display:block;
}

@media screen and (max-width:810px) {
.index_2_fir{ height:auto; padding:2em 0;}
.index_2_fir .index_2_con{ position:relative;-webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);}

.index_2_bg_1,.index_2_bg_2{ display:none}
.index_2_con_2{ width:100%;}
.index_4 .swiper-pagination-progressbar{ margin-top:2em; margin-bottom:2em;}
.index_5{ padding:2em 0;}
.index_4{ padding-bottom:2em;}
.index_4_footer_mid{ margin:1em;}
.index_4_footer ul li{ width:49%; margin-right:0}
.index_4_footer ul li:nth-child(2n){ float:right}
.gotoup{ font-size:.875em}
.footer_2_1{ margin-bottom:1.5em;}
.footer_1_1 img{ height:2em;}
.footer_3{ padding:2em 0;}
.footer_2_left_1 ul li div{ display:inline-block;}
.footer_1_1{ text-align:center; padding:2.5em 0 2em 0;}
.footer_2_left{ width:100%; text-align:center}
.footer_2_mid{ display:none}
.contact_3_mid_left{ width:100%;}
.contact_3_mid_right{ width:100%; margin-top:1.5em;}
.contact_3{ padding-top:2.5em; padding-bottom:2.5em;}
.contact_3_mid_left_3{ font-size:1em;}
.contact_2{ padding-bottom:2em;}
.contact_2{ padding-bottom:2em;}
.man_3{ margin-bottom:1em;}
.marlist ul li .litpic{ width:170px; height:75px; margin:0 .5em;}
.contact_1_3{ margin-top:1.5em;}
.contact_1 .about_3 .swiper-pagination{ padding-top:2em;}
.contact_1_3_mid{ border-radius:1em;}
.news_info_1_2_mid_3{ margin-top:2em; margin-bottom:2em;}
.news_info_1_2_mid{ margin-left:2vw; margin-right:2vw; padding-bottom:2em;}
.news_info_1_2_mid_1{ font-size:1.25em;}
.pro_2_1_news ul li{ margin-top:1.5em;}
.pro_2_1_news ul:before,.pro_2_1_news ul:after{ display:none}
.pro_2_1_news ul li{ width:49%; margin-right:0}
.pro_2_1_news ul li:nth-child(2n){ float:right}
.pro_2_1_news_3{ font-size:1.125em;}
.proindex_info .bannerbg{ height:70vw;}
.proindex_info .indexbanner_con_2{ display:none}

.pro_info_1_2_mid_3 ul li:nth-child(2n) .pro_info_1_2_mid_3_mid_left {
  margin-left: 0%;
}
.pro_info_1_2_mid_3_mid_right_jj {
  position:static;
  
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
   
}
.pro_info_1_2_mid_3_mid_right{ position:static; height:auto; width:auto; padding:1.5em 1em;}
.pro_info_1_2_mid_3_mid_left{ width:100%;}
.pro_info_1_2_mid_3 ul li{ margin-top:1.5em;}
.pro_info_1_2_mid_3_mid_right_1{ font-size:1.25em;}
.pro_info_1_2_mid_2_mid{ width:90%}
.pro_info_1_2_mid_2_mid_jj_1{ font-size:1.25em;}
.pro_info_1_2_mid{ margin:2vw;}
.pro_2_2{ padding:2em 0;}
.pro_2{ margin-top:2em;}
.pro_2_1{ margin-top:0em;}
.pro_2_1_mid_2_mid_1{ font-size:1.125em;}
.pro_2_1 ul li{ width:49%; margin-right:0; margin-bottom:1em;}
.pro_2_1 ul li:nth-child(2n){ float:right}
.index_2_con_2{ margin-top:1em; margin-bottom:1.5em;}
.index_2_con_1{ font-size:1.25em;}
.pro_1{ margin-top:2em;}
.index_4_2_mid_right {
  position:static; padding-top:1.5em;
   
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  width: 100%;
}
.index_4_2_mid_left{ width:100%;}
.indexbanner_mid_cate_mid{ padding-left:0; position:static; padding-top:1em;}
.indexbanner_mid_cate_mid ul li{ margin-left:0}
.nybanner2 .bannerbg{ height:70vw;}
.indexbanner_mid_cate_mid ul li a{ width:auto; padding-left:1em; padding-right:1em;}


.brand_1_2{ padding:2em 0;}
.brand_1_1 ul li{ margin-top:1em;}
.brand_1_1_mid{ min-height:163px;}
a.comlink{ font-size:.875em;}
.brand_1_1_mid_left{ width:21em}
.brand_1_1_mid_right{ margin-left:22.5em;}
.about_5_1 ul li{ width:32%; margin-right:2%; margin-top:1em;}
.about_5_1 ul li:nth-child(3n){ margin-right:0}
.about_5_1 ul li:nth-child(5n){ margin-right:2%;}
.about_3_3 .swiper-slide{ width:49%;}
.about_2{ margin-bottom:2em; margin-top:2em;}
.about_2_mid_right{ width:100%;}
.about_2_mid_left{ width:100%; margin-top:1.5em;}
.about_1_1{ font-size:1.25em;}
.indexbanner_con_1{ font-size:1.25em;}
.indexbanner_mid{ margin:0 1.64835164835165%}
.headermid_left img{ height:28px;}
.headermid{ height:60px;}
#header .warp-nav {
    height: calc(100vh - 60px);
    
    top: 60px;
     
  }
.about_3_3{ margin-top:2em;}  
.about_3_3 .swiper-slide:hover .about_3_3_mid_2{ top:38%;}
.about_3_3_mid{ min-height:18.4em;}
.about_2_mid_left_brand_info{ margin-top:0}
.index_3 .indexbanner_mid3{ margin-left:4em; margin-right:4em;}

}

@media screen and (max-width:768px) {
	.nybanner .bannerbg,.bannerbg,.bannerbg{ height:calc(100vh - 60px);}
	.nybanner,.indexbanner{ padding-top:60px;}
	.proindex_info .bannerbg{ height:70vw;}
}

@media screen and (max-width:640px) {
.index_3{ height:60vh;}
.index_3 .indexbanner_mid3{ margin-left:3em; margin-right:3em;}
.index_3_con2_left,.index_3_con2_right{ bottom:auto; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
	.index_3_con2 .swiper-slide{ margin-top:0; height:6em;}
.index_3_con2_mid{ height:6em;}
.news_info_1_2_mid_4 ul li a{ padding-right:1em;}
.news_info_1_2_mid_4 ul li:nth-child(2) a{ text-align:left; padding-left:1em; padding-right:1em;}
.news_info_1_2_mid_4 ul li{ width:100%;}
 .pro_info_1_1_mid{ margin-left:2vw; margin-right:2vw;}
.pro_2_1_mid{ height:20em;}


}
@media screen and (max-width:600px) {
.brand_1_1_mid_left{ width:100%; position:static;}
.brand_1_1_mid_right{ margin-left:0; margin-top:1em;}

}
@media screen and (max-width:500px) {
a.comlink p span{ display:block} 
a.comlink p{ margin-right:1.25em;}
.brand_1_1_mid_right_2{ margin-bottom:1.5em;}
a.comlink{ width:auto;}
.index_4_footer_mid_left_3{ margin-bottom:1em;}
.relink span{ font-size:.875em;}
.index_4_footer_mid_left_2{ font-size:1.125em;}
.index_4_footer_mid_left_1{ font-size:.875em;}
.index_4_footer ul li{ width:100%; margin-bottom:1em;}
.bannerleftfooter_1{ font-size:.875em;}
.bannerleftfooter_2 div{ font-size:.876em;}
.gotoup{ font-size:.75em;}
.footer_1_1 img{ height:28px;}
 
.marlist ul li .litpic{ width:150px; height:60px;  }
.pro_2_1_news ul li{ width:100%;}
.pro_2_1_news ul li:nth-child(1){ margin-top:.5em;}
.pro_info_1_2_mid_1_2 a{ width:100%;}
.pro_2_1_mid{ height:18em;}
.pro_2_1_mid_2_mid_2{ font-size:14px;}
.pro_2_1_mid_2_mid_1{ font-size:16px}
.nybanner2 .indexbanner_con_2{ display:none}
.about_3_3_mid_2_1{ font-size:17px; margin-bottom:10px;}
.about_3_3_mid_2_2{ font-size:.9375em;}
.about_3_3_mid_1{ right:1em; top:1em;}
.about_3_3 .swiper-slide{ width:70%;}
.about_3_3_mid{  }
.about_3 .swiper-pagination{ font-size:.55em;}
}
@media screen and (max-width:380px) {
.index_4_footer_mid_right{ top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}

}

@media screen and (min-width: 768px) {
  .index_2_bg,.index_5_mid,#footer,.nybanner .bannerbg_,.about_3,.about_4_3,.pro_info_1_2_mid_2,.contact_1,.contact_2,.contact_3{
    background-attachment: fixed;
  }
}


.about_4_3_left{ position:absolute; left:1em; top:50%;;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); z-index:10; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/hz1.png); width:2em; height:2em;}
.about_4_3_left:hover{ background-image:url(../images/hz.png);}	
.about_4_3_right{ position:absolute; right:1em; top:50%;;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%); z-index:10; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/hy.png); width:2em; height:2em;}
.about_4_3_right:hover{ background-image:url(../images/hr.png);}