img{
    max-width:100%;
}
*:focus {outline: none;}
body{  
    position:relative;
}
.bannerpic{
background-position:center; background-repeat:no-repeat; height:calc(100vh - 7.5em); background-size:cover;}
.div1300{
margin:0 auto; padding:0 1em; max-width:81.25em;}
.footer_mid{
position:relative; padding-left:12.5em;}
.footer_mid_left{
position:absolute; left:0; top:0;}
.footer_mid_right_1{
margin-bottom:1.875em;}
.footer_mid_right_1 ul li{ float:left;
  padding:0 1.5em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/footer/img2.jpg);}
  
.footer_mid_right_1 ul li:nth-child(1){
padding-left:0; background-image:none}
.footer_mid_right_1 ul li:last-child{
padding-right:0}
.footer_mid_right_1 ul li a{
font-size:1.125em; color:#0e2e2e;}
.footer_mid_right_1 ul li a:hover{
color:#0098a7;}
.footer_mid_right_2,.footer_mid_right_2 a{
color:#5c6469;}
.footer_mid_right_3{color:#5c6469; margin-top:.8em; margin-bottom:1.875em;}
.footer_mid_right_4_left{
float:left;}
.footer_mid_right_4_right{
float:right; color:#5c6469}
.footer_mid_right_4_right a{color:#5c6469}
.footer_mid_right_4_left a{ margin-right:.7em; position:relative;
display:inline-block; width:2.25em; height:2.25em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer_mid_right_4_left a img{ display:none;
position:absolute; left:-29.5px; top:2.25em; max-width:none;}
.footer_mid_right_4_left a:hover img{
display:block;}
.footer_mid_right_4_left a:nth-child(1){
background-image:url(../images/footer/img3.png);}
.footer_mid_right_4_left a:nth-child(2){
background-image:url(../images/footer/img4.png);}
#footer{
padding-top:9em; overflow:hidden; padding-bottom:6.5em;}
.header_mid{
position:relative; height:7.5em; margin:0 2%;}
.header_mid_left{ z-index:10;
position:absolute; left:0; top:0; height:100%;}
.header_mid_left img,.footer_mid_left img{
height:2.6875em;}
.header_mid_right{
position:absolute; right:0; top:0; height:100%;}
.header_mid_mid{
position:absolute; left:0; top:0; width:100%; height:100%; text-align:center;}
.header_mid_mid ul li{
display:inline-block; margin:0 2.5em;}

.header_mid_mid ul li a{
font-size:1.125em; color:#414141}
.header_mid_mid ul li a:hover{
color:#0098a7}
.header_mid_mid ul li:nth-child(1){
margin-left:0}
.header_mid_mid ul li:last-child{
margin-right:0}
.header_mid_right_left{
float:left; position:relative; width:10.625em;}
.header_mid_right_left_mid{ padding-bottom:0.4em;
position:relative; border-bottom:1px #3d3d3d solid;}
.header_mid_right_left_mid_right{ cursor:pointer;
position:absolute; right:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; width:0.875em; background-image:url(../images/index/img1.png);}
.header_mid_right_right{
float:right; margin-left:1.5em;}
.header_mid_right_right a{ margin-left:.6em; float:left;
display:block; width:1.5625em; height:1.5625em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_right_right a:nth-child(1){
background-image:url(../images/index/img2.png);}
.header_mid_right_right a:nth-child(2){
background-image:url(../images/index/img3.png);}
.header_mid_right_left_mid_left input{
border:none; background:none; width:100%; font-size:0.875em;}
.index_1_mid{ overflow:hidden;
background-color:#f8f9fa; text-align:center;}
.index_1_mid_1{ padding:0 1em; margin-top:2.8125em;
font-size:2em; color:#000;}
.index_1_mid_2{
margin-bottom:4em; margin-top:0.5em;}
.swiper-pagination-jz{
display:none}
.swiper-pagination-jz-show{
display:block}
.index_1_mid_2 span{ display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img10.png);
font-size:0.875em; color:#677273; padding-right:1em;}
.index_1{
margin:10px 0px;}
.index_2_img{
overflow:hidden}
.index_2_img img{
width:100%;}
.index_2{
position:relative;}
.index_2 video{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; object-fit: fill; display:none}
.index_2_mask{
position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:10;}
.index_2_mask span{ width:8.875em; height:8.875em; cursor:pointer;
display:inline-block; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img4.png);}
.bannersj{ display:none;
background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner{ height:auto;
position:relative; /*height:calc(100vh - 7.5em);*/}
.ny_pcbanner{ text-align:center;
position:absolute; left:0; top:0; width:100%; height:auto; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sj_pcbanner{ display:none; text-align:center;
background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.div1259{
 margin:0 auto; padding:0 1em; max-width:78.6875em;}
.about_1_1{ margin-top:1.875em; margin-bottom:.875em;
text-align:center; color:#20a5b2; font-size:3em; font-weight:bold;}
.about_1_2{ font-size:1.125em; color:#383838; text-align:left; line-height:1.8; border-bottom:1px #20a5b2 dashed; border-top:1px #20a5b2 dashed;
margin:0 auto; max-width:57.6875em; padding:.875em 0;}
.about_1_3_mid{
text-align:center;}
.about_1_3_mid_2{
font-size:1.125em; color:#111; margin-top:1.5em;}
.about_1_3{
margin-top:3.875em; margin-bottom:6em;}
.about_2{ color:#fff; overflow:hidden; padding-bottom:6.875em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img16.jpg);}
.swiper-pagination-wst{
display:none}
.about_2 .about_1_1{
color:#fff;}
.about_2_1{
text-align:center;}
.about_2_1 span{
display:inline-block; text-align: left; font-size:1.125em;  line-height:1.8; border-bottom:1px #fff dashed; border-top:1px #fff dashed;
  padding:.2em 0;}
.about_2_2{
text-align:left; font-size:1.125em; margin:2.5em 0; line-height:1.8;}  
.about_3_1{ margin-bottom:.8em;
text-align:center; color:#20a5b2; font-size:2.25em; margin-top:2.1em;}
.about_3_2 span{
border-top:1px #20a5b2 dashed;border-bottom:1px #20a5b2 dashed;}
.about_3_3_mid{
overflow:hidden;}
.about_3_3_mid img{
width:100%;}
.swiper-pagination-wst2{
display:none}
.about_3_3{
margin:3.625em 0;}
.about_3_4{border-radius:0 6.875em 0 6.875em;
position:relative; background-color:#e9f4f5; overflow:hidden;}
.about_3_4_left{ background-color:#20a5b2;
position:absolute; left:0; top:0; width:50%; height:100%;}
.about_3_4_right{
width:50%; margin-left:50%;}
.about_3_4_right_mid{
margin:3.125em; text-align:center}
.about_3_4_left_mid_span span{
border-color:#fff;}
.about_3_4_left_mid_1{ margin:0 auto; font-size:0.9375em; line-height:1.8; margin-top:2em;
width:67.74193548387097%;}
.about_4_1{
margin:0 auto; max-width:50em;}
.about_4_1 span{
font-size:0.9375em;}
.about_4_2{
text-align:center; margin:4.8125em 0;}
.about_4_3{
text-align:center}
.about_5 .about_1_1{
font-weight:normal; margin-bottom:0;}
.about_5_1{ margin-bottom:4.5em;
text-align:left; color:#545454; font-size:1.125em; margin-top:1em;}
.about_5_2_1{ margin-bottom:1em;
text-align:center; font-size:1.5em;}
.about_5_2_2 table{
width:100%;border: 1px solid #ccdadb;
            border-collapse: collapse;}
.about_5_2_2 table td{border: 1px solid #ccdadb; padding:.8em 0;}	
.about_5_2_2_2 td:nth-child(1){
width:19%;}		
.about_5_2_2{border-radius:0.75em 0.75em 0 0;
overflow:hidden;}
.about_5_2_2_2 tr:nth-child(2n-1) td{
background-color:#f9f9f9}
.about_5_2_2_2 tr td:nth-child(2){
color:#333;}

.about_5_2_2_4 tr td:nth-child(2),.about_5_2_2_4 tr td:nth-child(3),.about_5_2_2_4 tr td:nth-child(4){
color:#333;}

.about_5_2_2 table tr:nth-child(1) td{
background-color:#20a5b2; color:#fff;}
.about_5_2_2 table tr:nth-child(1) td span{
font-size:1.125em;}
.about_5_2_2_jj{
text-align:left; padding:0 1.5em; line-height:1.8;}
.about_5_2_2_name{
font-size:1.125em;}
.about_5_2_3{
text-align:left; font-size:0.9375em; margin-top:1.5em; margin-bottom:3em;}
.about_6{ padding-top:2.8em;
background-color:#f7f7f7; overflow:hidden}
.about_5_2_2_4{
padding-left:1em; padding-right:1em;}
.about_6_1{
text-align:center; margin:1em 0 0 0;}
.about_6_1 span{
color:#ff0000; }
.about_6_2{
font-size:0.9375em; line-height:1.8; margin:2.5em 0 3.5em 0;}
.about_7_1_mid{ max-width:44em;
margin:0 auto; position:relative;   text-align:center;}
.about_7_1_mid_left{
position:absolute; left:0; top:0;}
.about_7_1_mid_right{
position:absolute; right:0; top:0;}
.about_7{ overflow:hidden; color:#fff; padding-top:7.5em; padding-bottom:5.625em;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img15.jpg);}
.about_7_1_mid_mid{
font-size:1.5em;}
.about_7_1_mid_mid{
font-size:1.5em; margin:0 2.291666666666667em; line-height:1.8;}
.about_7_2{
text-align:center; margin-top:2.5em;}
.about_8{ padding:2.875em 0;
background-color:#f7f7f7; overflow:hidden;}
.about_8_1{
font-size:1.5em; color:#000;}
.about_8_2{
color:#666; font-size:0.9375em; line-height:2; margin-top:0.4em;}
.promid{
margin:0 8%;}
.pro_1_1{ margin-top:6em;
position:relative; margin-bottom:1.5em;}
.pro_1_1_left{
font-size:3em; color:#000;}
.pro_1_1_right{
position:absolute; right:0; bottom:0;}
.pro_1_1_right ul li{
display:inline-block; margin-left:5px;}
.pro_1_1_right ul li a{
color:#060606; display:inline-block; border:1px #c1c1c1 solid; line-height:2em; padding:0 1.5em;border-radius:2em;}
.pro_1_1_right ul li a.on,.pro_1_1_right ul li a:hover{
color:#fff; background-color:#0098a7; border-color:#0098a7}
.pro_2 ul li{ margin-right:1.666666666666667%; margin-top:1.75em;
float:left; width:23.75%; background-color:#f8f9fa;}
.pro_2 ul li:nth-child(4n){
margin-right:0;}
.pro_2_mid_1{ text-align:center;
height:21.5625em;}
.pro_2_mid_1 img{  
max-width:81.57894736842105%;}
.pro_2_mid_2{
text-align:center; color:#555; font-size:1.25em; padding:0 1em;}
.pro_2_mid_3 span{
display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img10.png);
font-size:0.875em; color:#677273; padding-right:1em;
}
.pro_2_mid_3{
text-align:center; margin-top:1em; margin-bottom:3em;}
.pro_3_page{
text-align:center; margin-top:5em;}
.pro_3_page a{ margin:0 0.2em;
display:inline-block; border:1px #bfbfbf solid; padding:0.4em 0.9em; background-color:#fff;}
.pro_3_page a:hover,.pro_3_page a.on{
background-color:#0696a1; color:#fff; border-color:#0696a1}
.pro_info_1{ overflow:hidden;
background-color:#f9f9f9; padding-bottom:6em;}
.div1200{
margin:0 auto; max-width:75em; padding:0 1em;}
.pro_info_1_1{
color:#000; font-size:3em; margin-top:1.125em; margin-bottom:.875em;}
.pro_info_1_2 p{
margin-bottom:1.5em;}
.pro_info_1_3{ padding:1.875em;
background-color:#ebeff3;}
.pro_info_1_3_1{
text-align:center;}
.pro_info_1_3_1 span{ padding:0 1.111111111111111em;
display:inline-block; position:relative; font-size:2.25em; color:#3e4243;}
.pro_info_1_3_1 span b{ height:0.3888888888888889em; top:50%; margin-top:-0.1944444444444444em;
position:absolute; width:0.6666666666666667em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img4.png);}
.pro_info_1_3_1 span b:nth-child(1){
left:0;}
.pro_info_1_3_1 span b:nth-child(2){
right:0;}
.pro_info_1_3_2{
margin-top:2em;}
.div1258{
margin:0 auto; padding:0 1em; max-width:78.625em;}
.brand_1_1{
text-align:center;}
.brand_1_1 span{ padding-bottom:.6em; letter-spacing:0.1em;
display:inline-block; position:relative; font-size:2.25em; color:#000;}
.brand_1_1 span:after{
content:''; position:absolute; bottom:0; width:2.055555555555556em; left:50%; margin-left:-1.027777777777778em; height:0.1111111111111111em; background-color:#1ba1a0;}
.brand_1_2{
font-size:1.125em; color:#666; line-height:2; margin-top:1.5em; margin-bottom:2.5em;}
.brand_1_3{
overflow:hidden;}
.brand_1_3 img{
width:100%;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.brand_1_3:hover img{
	transform: scale(1.04, 1.04);
}
.brand_1{ overflow:hidden;
padding-top:5em;} 
.brand_2{ background-size:cover; padding-bottom:38em; background-position:center bottom; background-repeat:no-repeat; background-image:url(../images/brand/img3.jpg);  overflow:hidden;  }
.brand_2_list ul li{
float:left; width:50%; margin-bottom:1em;}
.brand_2_list_mid{
position:relative; padding-left:9em; font-size:1.125em;}
.brand_2_list_mid_left{ padding-left:1.5em; color:#1ca1a2;
position:absolute; left:0; top:0; background-position:left center; background-repeat:no-repeat; background-image:url(../images/brand/img20.png);}
.brand_3_1 ul li{
float:left; width:32.25%; margin-right:1.625%;}
.brand_3_1 ul li:nth-child(3n){
margin-right:0;}
.brand_3_1_mid{
position:relative;}
.brand_3_1_mid_1{
overflow:hidden;}
.brand_3_1_mid_1 img{
width:100%;}
.brand_3_1_mid_2{ text-align:center; padding:0.5em 0;
position:absolute; left:0; bottom:0; width:100%; color:#fff; font-size:1.25em; color:#fff;background-color:rgba(0,0,0, 0.72);}
.brand_5_2 .brand_1_2{
font-size:0.875em; color:#666;}
.div1260{
padding:0 1em; max-width:78.75em; margin:0 auto;}
.brand_5{ padding-top:5em; padding-bottom:5.9375em;
background-color:#f8f9f9; overflow:hidden;}
.brand_5_1{
text-align:center; font-size:2.25em;}
.swiper-button-next-1{ width:1.875em; height:1.875em; top:50%; margin-top:-0.9375em; cursor:pointer;
position:absolute; z-index:10; right:10px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img16.png);}
.swiper-button-next-1:hover{
background-image:url(../images/brand/img17.png);}
.swiper-button-prev-1{ width:1.875em; height:1.875em; top:50%; margin-top:-0.9375em; cursor:pointer;
position:absolute; z-index:10; left:10px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img15.png);}
.swiper-button-prev-1:hover{
background-image:url(../images/brand/img18.png);}
.contact_1_1{
font-size:3em; color:#000;}
.contact_1_2{
color:#9b9b9b; font-family:Arial, Helvetica, sans-serif; font-size:1.875em;}
.contact_1_3 ul li{ margin-right:1.25%; 
float:left; text-align:center; width:32.5%;}
.contact_1_3 ul li:nth-child(3n){
margin-right:0;}
.contact_1_3_mid{height:18.125em;
border:1px #c2c2c2 solid;}
.contact_1_3_mid_1{
height:5.9375em;}
.contact_1_3_mid_2{ padding-left:1em; padding-right:1em;
font-size:1.25em; line-height:1.6; margin-top:1em;}
.contact_1_top{
margin:2.5em 0;}
#allmap{
height:33em;}
.contact_2 img{
max-width:none}
.contact_2{
margin-top:4.375em;}

.contact_1_3 ul li{-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;border-radius:0 5px 5px 0px;}

.contact_1_3 ul li:hover{
-webkit-box-shadow:18px 18px 26px rgba(0,0,0,0.2);box-shadow:18px 18px 26px rgba(0,0,0,0.2)}

.contact_1_3 ul li img{
   
 
   
  transition: 0.8s;
   
}
.contact_1_3 ul li:hover img{
   
  
    transform: rotateY(180deg);
   
}


.mobilemenu{ overflow:visible; overflow-x:hidden; overflow-y:auto;  -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity:0;
position:fixed; left:0; top:-100%; width:100%; background-color:#fff;height:calc(100vh - 5em); z-index:888; }
.mobilemenuon{top:5em;opacity:1;}
.mobilemenu ul li{ margin-bottom:1.5em;
text-align:center; }
.mobilemenu_search{
margin:0 1em; margin-top:2.5em; margin-bottom:2.5em;}
.mobilemenu_search_mid{ padding:.5em 3em .5em .8em;
position:relative; border:1px #bbbbbb solid;}
.mobilemenu_search_mid_right{ cursor:pointer;
position:absolute; right:1em; top:0; height:100%; background-position:center; background-repeat:no-repeat;}
.mobilemenu_search_mid_left input{
border:none; background:none; width:100%;}
.mobilemenu_search_mid_right i{
font-size:1.25em;}
.mobilemenu ul li a{
display:block; padding:1em 0;}
.gotops{ cursor:pointer;border-radius:100%; z-index:777; right:2em; bottom:2em; position:fixed; display:none;
background-image:url(../images/footer/img1.png); background-position:center; background-repeat:no-repeat; width:3.125em; height:3.125em; background-color:#8f9798;}
.gotops:hover{
background-color:#0098a7;}
.brand_4{ overflow:hidden; padding-top:5em; padding-bottom:10.625em; margin-top:7.125em;
background-position:center bottom; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img11.jpg);}
.brand_4_1{
position:relative; margin:3em 0 0 0;}
.brand_4_1:after{
position:absolute; content:''; left:0; top:50%; width:100%; background-color:#fff; height:1px; margin-top:-0.5px;}
.brand_4_1_mid{
position:relative; }
.swiper-button-next-1-fzlc{
position:absolute; right:0; top:50%; width:2.9375em; height:2.9375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img8.png); cursor:pointer; z-index:10; margin-top:-1.46875em;}
.swiper-button-next-1-fzlc:hover{
background-image:url(../images/brand/img8hover.png);}
.swiper-button-prev-1-fzlc{
position:absolute; left:0; top:50%; width:2.9375em; height:2.9375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img7.png); cursor:pointer; z-index:10; margin-top:-1.46875em;}
.swiper-button-prev-1-fzlc:hover{
background-image:url(../images/brand/img7hover.png);}
.fzlclist li{ color:#fff; height:25em; position:relative;
float:left; width:14.28571428571429%;}
.fzlclist li:nth-child(1){
}
.brand_4_1_mid_jj{ text-align:center;
position:absolute; left:-60%;  top:50%; width:110%; }
.brand_4_1_mid_jj_1{ top:-13px; position:absolute; left:0; width:100%;
height:60px; background-position:center; background-repeat:no-repeat; background-image:url(../images/brand/img9.png);}
.brand_4_1_mid_jj_1 span{
position:absolute; left:0; bottom:-30px; width:100%; text-align:center; font-size:1.125em;}
.brand_4_1_mid_jj_2{
font-size:0.9375em; margin-top:85px; line-height:1.6;}
 .fzlclist li:nth-child(2n-1) .brand_4_1_mid_jj{
top:auto; bottom:50%;}
.fzlclist li:nth-child(2n-1) .brand_4_1_mid_jj_1{
top:auto; bottom:-13px; background-image:url(../images/brand/img10.png);}
.fzlclist li:nth-child(2n-1) .brand_4_1_mid_jj_2{
margin-top:auto; margin-bottom:85px;}
.fzlclist li:nth-child(2n-1) .brand_4_1_mid_jj_1 span{
bottom:auto; top:-30px;} 
.fzlclist li:hover .brand_4_1_mid_jj_1 span{
font-size:1.5em;}
.brand_2_list_mid{
padding-right:1em;} 
.brand_2_m_img img{
width:100%;}
.brand_2_m_img{
display:none;}
@media screen and (max-width:1550px) {
.pro_2_mid_1{
height:18em;}
.promid{
margin:0 4%;}
.header_mid_mid ul{
margin-right:7em;}
.header_mid_mid ul li{
margin:0 1em;}
}
.header_mid_right_mid{ margin-right:0.2em;
float:left; display:none; position:relative;}
.header_mid_right_mid:after{
content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:}
.global-nav-initializer {
  width: 38px;
  height: 34px;
    margin:0 .5em 0 0;
	display:block;
  position: relative;
  background: white;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
 
  .global-nav-initializer .line {
    width: 22px;
    height: 2px;
    background: 2px;
    left: 8px;
    position: absolute;
    background: #333;
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .global-nav-initializer .line.top {
      top: 8px; }
    .global-nav-initializer .line.mid {
      top: 16px; }
    .global-nav-initializer .line.bottom {
      top: 24px; }
	  .active .global-nav-initializer {
    background: #cfa972; }
    .active .global-nav-initializer .line {
	background-color:#fff;
      }
       .global-nav-initializer.active .line.top {
        -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0);
        transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); }
       .global-nav-initializer.active .line.mid {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0); }
     .global-nav-initializer.active .line.bottom {
        -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);
        transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); }

@media screen and (max-width:1200px) {
	
	.header_mid_mid ul li a{
	font-size:1em;}
	.header_mid_mid ul li{
	margin:0 0.875em;}
	
}
@media screen and (max-width:1090px) {
	.brand_5_1{
	font-size:1.875em;}
	.brand_2_list_mid,.brand_3_1_mid_2{
	font-size:0.875em;}
	.brand_1_1 span{
	font-size:1.875em;}
	.brand_1_2{
	font-size:0.875em;}
	#allmap{
	height:24em;}
	.contact_1_3_mid{
	height:16em;}
	.contact_1_2{
	font-size:1em;}
	.contact_1_1{
	font-size:1.875em;}
	.contact_1_3_mid_2{
	font-size:0.875em;}
	.pro_info_1_3_1 span{
	font-size:1.875em;}
	.pro_info_1_1{
	font-size:1.875em;}
	.pro_2_mid_1{
	height:15em;}
	.pro_2_mid_3{
	margin-bottom:2em;}
	.pro_2_mid_2{
	font-size:1em;}
	.pro_2 ul li{
	margin-top:1em;}
	 
	.pro_1_1{
	margin-top:4em;}
	.pro_1_1_left{
	font-size:2em;}
	.about_3_1{
	font-size:1.875em;}
	.about_3_4_left_mid_span span{
	font-size:1em}
	.about_3_4_left_mid_1{
	font-size:0.875em; margin-top:1em;}
	#header{-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
	position:fixed; left:0; top:0; width:100%; z-index:999; background-color:#fff;}
	#mid{
	margin-top:5em;}
	.index_2_mask span{
	font-size:0.75em;}
	#footer{
	padding:4em 0;}
	.footer_mid_right_2,.footer_mid_right_3,.footer_mid_right_4_right{
	font-size:0.875em;}
	.footer_mid_right_1 ul li a{
	font-size:1em;}
	.index_1_mid_1{
	font-size:1.5em;}
	 .header_mid_right_mid{
	display:block}
	.header_mid{
	height:5em;}
	.header_mid_mid,.header_mid_right_left{
	display:none}
	.header_mid_right_right{
	margin-left:0; padding-top:4px;}
}
@media screen and (max-width:1024px) {
	.pro_1_1{
	z-index:10;}
	.pro_1_1_right{ display:none;
	width:100%; bottom:auto; background-color:#fff;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); left:0; right:auto; z-index:10;}
	.pro_1_1.on .pro_1_1_right{
	display:block}
	.pro_1_1_right ul li{
	display:block;}
	.pro_1_1_right ul li a{
	border:none; display:block; padding:0 1em;}
	.pro_1_1_left{ background-position:right center; background-repeat:no-repeat; background-image:url(../images/img1.png);
	font-size:1.5em; padding:0.3em 0; border-bottom:1px #dedede solid;}
	.pro_1_1_right ul li a.on, .pro_1_1_right ul li a:hover{
	background:none; color:#333;}	  
}
.index_2_sj{
display:none}
@media screen and (max-width:950px) {
.about_5_1{
font-size:1em;}
.about_3_3{
margin:2.5em 0;}
.about_3_1{
font-size:1.5em}
.about_2{
padding-bottom:3.5em;}
 .about_2_1 span,.about_2_2{
	 font-size:1em;}
.about_1_3_mid_2{
font-size:1em;}
.about_1_1{
font-size:1.875em;}
.about_1_2{
font-size:1em;}
}
@media screen and (max-width:850px) {
.about_3_4_left{
position:static; width:auto; padding-top:3em; padding-bottom:3em;}
.about_3_4_right{
margin:0; width:auto}
.about_3_4_left_mid_1{
width:auto; margin-left:8%; margin-right:8%;}
}
.pro_info_1_3_2_pc{
 }
.pro_info_1_3_2_sj{
display:none;  }
.brand_4_mobile{
display:none;}
@media screen and (max-width:768px) {
.brand_4_1{
padding:6em 0;}
.brand_4_1_top{
  position:absolute; left:50%; top:0; width:2.6875em; height:2.6875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img25.png); margin-left:-1.34375em; z-index:10;}
.brand_4_1_bottom{
  position:absolute; left:50%; bottom:0; width:2.6875em; height:2.6875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img26.png); margin-left:-1.34375em; z-index:10;} 
.brand_4_mobile_mid_1{
position:relative; padding-right:60px;}
.brand_4_mobile_mid_1:after{
content:''; right:-0.8em; top:0; width:3.75em; height:1.5625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img23.png); position:absolute;}
.brand_4_mobile_mid_1 span{
font-size:1.375em;}
.brand_4_mobile_mid_2 span{
  line-height:1.6; font-size:0.875em; }
.brand_4_mobile_mid_2{
padding-right:60px; margin-top:0.5em;}

.brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_2,.brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_1{
padding-left:60px; padding-right:0;}
.brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_1:after{
right:auto; left:-0.8em; background-image:url(../images/brand/img24.png);}

.brand_4_mobile_mid{
width:50%; text-align:right;}
.brand_4_mobile ul li{
display:block; clear:both; color:#fff;}
.brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid{
margin-left:50%; text-align:left;}
.brand_4_1:after{
width:1px; height:100%; left:50%; margin-left:-0.5px; margin-top:0; top:0;}
.brand_4_mobile{
display:block;}
.brand_4_1_mid{
display:none;}
.brand_5{
padding-top:2.5em; padding-bottom:2.5em;}
.brand_5_1{
font-size:1.5em;}
.brand_4{
margin-top:2.5em; }
.brand_2_m_img{
display:block;}
.brand_2{
background-image:none; background-color:#fafafa; padding-bottom:0;}
.brand_2_list ul li{
width:100%;}
.brand_2{
padding-top:2.5em;}
.brand_1{
padding-top:2.5em;}
.brand_1_1 span{
font-size:1.5em;}
.gotops{
width:36px; height:36px; right:1em; background-image:url(../images/footer/img1p.png);}
.contact_2{
margin-top:2.5em;}
#allmap{
	height:20em;}
.contact_1_top{
margin-bottom:1.5em;}
.contact_1_2{
font-size:0.875em;}
.contact_1_1{
font-size:1.5em;}
.pro_info_1_3_2{
margin-top:1.5em;}
.pro_info_1{
padding-bottom:3em;}
.pro_info_1_3_1 span{
font-size:1.25em;}
.pro_info_1_3_2_sj{
display:block;  }
.pro_info_1_3_2_pc{
display:none}
.pro_info_1_1{
font-size:1.25em;}
.pro_1_1{
margin-top:2em;}
.pro_3_page a{
font-size:1em;}
.pro_3_page{
margin-top:3em;}
 .pro_1_1{
 margin-bottom:1em;}
 .pro_1_1_left{
 font-size:1.125em;}
.pro_2 ul li{
 width:32.22222222222222%;}
.pro_2 ul li:nth-child(4n){
margin-right:1.666666666666667%} 
.pro_2 ul li:nth-child(3n){
margin-right:0;}
.about_5_2_2_4 table tr td:nth-child(2){
text-align:left;}
.about_5_2_2_4 table tr:nth-child(1) td:nth-child(2){
text-align:center}
.about_5_2_2_4 table tr td{
padding-left:1em; padding-right:1em;}
.about_8_2{
font-size:0.875em;}
.about_8_1{
font-size:1.25em;}
.about_7_1_mid_mid{
font-size:1.25em;}
.about_5_2_2_ti,.about_6_1,.about_6_2{
font-size:0.875em;}
.about_6_2{
margin:1.5em 0;}
.about_5_2_2 table tr:nth-child(1) td span{
font-size:1em;}
.about_5_2_2_jj,.about_5_2_2_name{
font-size:0.875em;}
.about_5_2_1{
font-size:1.125em;}
.about_4_3 img{
max-width:64%;}
.about_3_4{
border-radius:3em 0 3em 0}
.about_2_2{
margin:1.5em 0;}
.about_1_3{
margin:2.5em 0;}
.pro_info_1_3{
padding-left:1em; padding-right:1em;}
.nybanner{ height:auto; position:static
	/*height:calc(100vh - 5em);*/
	}
.ny_pcbanner{
display:none}
.sj_pcbanner{
display:block}
#footer{
padding:2.5em 0;}
.footer_mid_right_1{
margin-bottom:1em;}
.footer_mid{
padding-left:0; }
.footer_mid_left{padding-bottom:1em; overflow:hidden; clear:both;
position:static; width:100%;}
.index_2_pc{
display:none;}
.index_2_sj{
display:block;}
.index_1_mid_2{
margin-bottom:2.5em;}
.swiper-pagination-jz{
display:block}
.bannersj{
display:block;}
.bannerpic{
display:none}
}
.footer_mobile{
display:none; font-size:0.75em; color:#5c6469; line-height:1.8;}
.footer_mobile a{color:#5c6469;}
@media screen and (max-width:670px) {
.contact_1_3 ul li{
float:none; margin-right:0; width:auto; margin-bottom:1em;}
}
@media screen and (max-width:640px) {
.brand_4{ padding-top:2.5em;
padding-bottom:3.5em;}
.brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_2, .brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_1{
padding-left:50px;}
.brand_4_mobile_mid_1,.brand_4_mobile_mid_2{
padding-right:50px;}
 .brand_4_mobile_mid_1{
 font-size:0.875em;}
.brand_5_1,.brand_1_1 span{
font-size:1.25em;}
.pro_2_mid_1{
height:12em;}
.about_7{
padding:4em 0;}
.about_7_1_mid_mid{
font-size:1.125em;}
.about_4_2{
margin:2.5em 0;}
.about_1_1{
font-size:1.5em;}
.footer_mid_right_1 ul li{
padding:0 1em;}
.footer_mobile{
display:block}
.footer_mid_right_4_left{
float:none; margin-top:1em;}
.footer_mid_right_2,.footer_mid_right_3,.footer_mid_right_4_right{
display:none;}
.index_2_mask span{
font-size:0.5em;}
.index_1_mid_1{
font-size:1.25em;}
}

div::-webkit-scrollbar-track-piece {  
    background-color: rgba(32,165,178, 0);  
    border-left: 1px solid rgba(32,165,178, 0);  
}  
div::-webkit-scrollbar {  
    width: 3px;  
    height: 3px;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    border-radius: 3px;  
}  
div::-webkit-scrollbar-thumb {  
    background-color: rgba(32,165,178, 1);  
    background-clip: padding-box;  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    border-radius: 3px;  
    
}  
div::-webkit-scrollbar-thumb:hover {  
    background-color: rgba(32,165,178, 1);  
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    border-radius: 3px;  
} 

@media screen and (max-width:625px) {
.about_5_2_2_4{
overflow:hidden; overflow-x:auto;}
.about_5_2_2_4 table{
width:625px;}


}
@media screen and (max-width:600px) {
	.pro_2 ul li{
	width:49%; margin-right:0;}
	.pro_2 ul li:nth-child(2n){
	float:right;}
	.pro_2 ul li:nth-child(4n){
	margin-right:0;}
	.promid{
	margin:0 1em;}
}
.swiper-pagination-yq{
display:none; position:static; margin-top:0.5em;}
.compt .swiper-pagination-bullet{
background:none; opacity:1; border:1px #0098a7 solid;}
.compt .swiper-pagination-bullet-active{
background-color:#0098a7}
@media screen and (max-width:516px) {
.swiper-pagination-yq{
display:block;}
}
@media screen and (max-width:480px) {
.brand_4 .div1260{
padding:0 0.5em;}
.brand_4_mobile_mid_1:after{ right:-0.6em; top:0.3em;
width:2.6em; height:1.1625em; background-position:right center;}
.brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_1::after{
background-position:left center; left:-0.6em;}

.brand_4_mobile_mid_1, .brand_4_mobile_mid_2{
padding-right:25px;}
.brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_2, .brand_4_mobile ul li:nth-child(2n) .brand_4_mobile_mid_1{
padding-left:25px;}
.mobilemenu_search{
margin-top:2em; margin-bottom:2em;}
.mobilemenu ul li{
margin-bottom:1em;}
.brand_4_1_top,.brand_4_1_bottom{
width:2em; height:2em; margin-left:-1em;}
.brand_2_list_mid{
padding-left:8.3em;}
.brand_2_list ul li{
font-size:0.9375em;}

.mobilemenu{  height:calc(100vh - 3.75em); }
.mobilemenuon{top:3.75em}

#allmap{
	height:16em;}
.contact_1_1{
font-size:1.25em;}
.contact_1_3 ul li img{
max-width:23%;}
.contact_1_3_mid_1{
height:auto;}
.contact_1_3_mid{
height:auto; padding:2.5em 0;}

.pro_info_1_1{
font-size:1.125em;}
.pro_1_1_left{
font-size:1em;}
.pro_1_1_right a{
font-size:0.875em;}
.pro_3_page{
margin-top:2.5em;}
.pro_2_mid_1{
height:10em;}
.about_8{
padding:2em 0;}
.about_8_1{
font-size:1.125em;}
.about_7_2 img{
max-width:40%;}
.about_5_2_3{
font-size:0.875em;}
.about_5_2_2_jj{
padding-left:1em; padding-right:1em;}
.about_5_2_2_2 td:nth-child(1){
padding-left:1em; padding-right:1em; width:4.5em;}
.about_3_4{
border-radius:2em 0 2em 0
}
.about_5_1{
font-size:0.875em;}
.about_3_4_right_mid{
margin:2.5em;}
.about_3_4_left_mid_1{
margin-left:2.2em; margin-right:2.2em;}
.about_3_4_left{
padding-top:2.5em; padding-bottom:2.5em;}
.about_3_1{
font-size:1.125em;}
.about_1_1{
font-size:1.25em;}
.about_2_1 span, .about_2_2,.about_1_2{
font-size:0.855em;}
.about_1_3_mid_2{
font-size:0.875em; margin-top:1em;}
.nybanner{ height:auto;
	/*height:calc(100vh - 3.75em);*/
	}
#mid{
	margin-top:3.75em;}
#footer{
padding:2em 0;}
.header_mid{
height:3.75em;}
.header_mid_left img,.footer_mid_left img{
height:2.3em;}
.bannersj{    }
.footer_mid_left img{
height:2em;}
 .footer_mid_right_1 ul li a{
 font-size:0.9375em;}
}
.index_1_sj{
display:none}
.index_1_sj_mid ul li{
margin-top:1em;}
.index_1_sj_mid ul li:nth-child(1){
margin-top:0}
@media screen and (max-width:400px) {
.index_1_sj_mid{
margin:0 auto;}
.index_1_pc{
display:none}
.index_1_sj{
display:block}
.footer_mid_right_1 ul li{
padding:0 .5em;}
.index_1{
padding:0 1em; margin:1em 0;}
.swiper-pagination-jz{
display:none}
}

.about_1_3_mid img{transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;}
.about_1_3_mid:hover img{
transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);}