/* 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;
}
 @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: 'Impact';
    src: url('fonts/Impact.eot');
    src: url('fonts/Impact.eot?#iefix') format('embedded-opentype'),
        url('fonts/Impact.woff2') format('woff2'),
        url('fonts/Impact.woff') format('woff'),
        url('fonts/Impact.ttf') format('truetype'),
        url('fonts/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 

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:#262626;
}
a{
    color:inherit;
	color:#262626;
    text-decoration: none; 
}
a:hover  {
    color:#e2bca4;    
    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:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    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{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;*/}
@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{/*-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; } 
/*********header**********/
.menubg{ height:0;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;
position:fixed; right:0; top:0; z-index:88; width:55.41666666666667%; background-image:url(../images/header/img3.png);
}
.menubgb{
background-color:#fff; background-image:none}
.menubgon{ height:100vh;
opacity:1; visibility:visible;}
.header_mid{ position:relative; margin-right:4%;
margin-left:4%; margin-top:1.875em; margin-bottom:1.875em;}
#header{
position:fixed; left:0; top:0; width:100%; z-index:999; /*border-bottom:1px rgba(255,255,255,0.28) solid;*/}
.header_mid_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.header_mid_right ul li{ position:relative; z-index:10;
display:inline-block; margin-left:2em;}
.header_mid_right ul li dl{ padding-top:2em;height:0;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; visibility:hidden;
position:absolute; left:0; width:136px; z-index:10;}
.header_mid_right_left.on ul li dl{
height:auto; opacity:1; visibility:visible}
.header_mid_right ul li dl dd{
margin-top:1em;}
.header_mid_right ul li dl dd a{
color:#fff; display:inline-block; position:relative;}
.header_mid_right ul li dl dd a:after{ background-color:#06bf96; opacity:.5; width:0;
content:''; position:absolute; left:0; bottom:-1px; height:5px;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li dl dd a:hover:after{
width:100%;}
.header_mid_right ul li dl dd a span{
position:relative; z-index:10;}
.header_mid_right_left{
margin-right:0px;}
.header_mid_right ul li a.biga{
color:#fff; font-size:1.125em; display:inline-block; position:relative;}	
.header_mid_right ul li:hover a.biga{
color:#14aacf}
.header_mid_right ul li a.biga:after{
content:''; position:absolute; left:0; bottom:-10px; width:0; height:1px; background-color:#14aacf;transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header_mid_right ul li:hover a.biga:after{
width:100%;}
.header_mid_right_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img1.png); padding-left:1.875em;}
.hss{ background-image:url(../images/header/img1.png?=1); background-position:left center; background-repeat:no-repeat;
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:44px; height:16px; text-align:right}	
.hss a{
display:inline-block; width:15px; height:16px; background-image:url(../images/header/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_right_right a{ padding-right:2.5em; display:inline-block;
color:#fff; background-position:right center; background-repeat:no-repeat; background-image:url(../images/header/img2.png);}	
/*******index************/ 
.banner_img{ position:relative;
width:100%; height:100vh;}
.banner_img_pc{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner{ position:fixed;
  left:0; top:0; width:100%;}
.banner_img_jj{ top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); z-index:10; text-align:center;
position:absolute; z-index:10; color:#fff; left:3.85416666666667%;right:3.85416666666667%;}
.banner_img_cir{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:24.58333333333333vw; z-index:1;
position:absolute; left:20.83333333333333%; top:50%;}
.banner_img_jj_mid_1{
font-size:4.5em; font-weight:bold}
.banner_img_jj_mid_2{
font-size:2.25em; margin-top:.65em;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom, .swiper-pagination-fraction{
left:3.85416666666667%; width:92.29166666666666%; text-align:center; bottom:2.5vw;}
.indexbanner .swiper-pagination-bullet{ position:relative;
width:1.4375em; height:1.4375em;   background:none; opacity:1;background-image:url(../images/index/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .swiper-pagination-bullet:after{border-radius:100%; background-image:url(../images/index/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; left:50%; top:50%; width:0; height:0; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.indexbanner .swiper-pagination-bullet-active:after{ opacity:1;
width:100%; height:100%; left:0; top:0; }
.indexbanner .swiper-pagination-bullet-active{
background:none}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 1.25em 0 0;}
.indexmid{ margin-top:100vh; background-color:#fff;
position:relative; z-index:11;  }
.indexmid_nbg{
background:none; margin-top:calc(100vh - 66px);}
.indexbanner_cir{ width:10.26041666666667vw; height:10.3125vw; cursor:pointer;
position:absolute; right:5.20833333333333vw; bottom:5.20833333333333vw; z-index:10;}
.indexbanner_cir:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img1.png);animation:fadenum 5s linear infinite;}
 @keyframes fadenum{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}

}
.indexbanner_cir:before{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); position:absolute;
content:''; left:50%; top:50%; width:1.25em; height:3.875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img2.png);}
.indexbanner_cir:hover:after{animation-play-state:paused}
.indexmid_1{ position:relative;
background-color:#033041; color:#fff; padding:8.59375vw 0;}
.indexmid_1_left{
margin-left:18.75%; overflow:hidden;}
.indexmid_1_left img{
width:100%;}
.indexmid_1_right{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); max-width:975px;
position:absolute; left:6.77083333333333%;right:6.77083333333333%; top:50%;}
.indexmid_1_right_mid_1{
font-size:3em; font-weight:bold}
.indexmid_1_right_mid_2{
font-size:1.125em; line-height:2; margin:2em 0;}
.comview{
display:inline-block; position:relative; width:7.3125em; height:2em;}
.comview span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-image:url(../images/index/img7.png);
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.comview_black span{
background-image:url(../images/index/img9.png);}
.comview:hover span{
left:1em;}
.pagew{
margin:0 6.77083333333333%;}
.indexmid_2_mid{
position:relative; margin:11.45833333333333vw 0;}
.indexmid_2_mid_left{
width:46.74698795180723%; overflow:hidden}
.indexmid_2_mid_left img{
width:100%;}
.indexmid_2_mid_right{ top:4.6875vw;
position:absolute; width:43.97590361445783%; left:56.02409638554217%;}
.indexmid_2_mid_right_1{
overflow:hidden; margin-top:5.46875vw;}
.indexmid_2_mid_right_1 img{
width:100%;}
.indexmid_3{ padding-top:11.71875vw; padding-bottom:8.125vw;background-attachment: fixed;
background-image:url(../images/index/img13.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden}
.indexmid_3_mid_1{
color:#fff;}
.indexmid_3_mid_2{
color:#fff}
.indexmid_3_mid_2{
font-size:1.5em; margin-top:.7em;}
.indexmid_3_mid_3{
text-align:right;}
.indexmid_3_mid_4 ul li{ padding-top:4.42708333333333vw; margin-right:2.46987951807229%;
float:left; width:31.68674698795181%; background-color:#fff; text-align:center; padding-bottom:3.75em;}
.indexmid_3_mid_4 ul li:nth-child(3n){
margin-right:0}
.indexmid_3_mid_4_mid_1{
position:relative; height:22.86458333333333vw;}
.indexmid_3_mid_4_mid_1:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(0, 0); opacity:0; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img18.png); margin-top:-11.69270833333333vw;
position:absolute; width:23.38541666666667vw; height:23.38541666666667vw; left:50%; top:50%; margin-left:-11.69270833333333vw; content:'';}
.indexmid_3_mid_4_mid_1 img{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); z-index:10;
position:absolute; left:50%; top:50%; max-height:80%;}
.indexmid_3_mid_4 ul li:hover .indexmid_3_mid_4_mid_1:after{
opacity:1;transform: scale(1, 1);}
.indexmid_3_mid_4_mid_2{
color:#181818; margin-left:1em; margin-right:1em;}
.indexmid_3_mid_4_mid_2_1{
margin-top:1em;}
.indexmid_3_mid_4_mid_2_1 span{ font-size:1.5em;
display:inline-block; position:relative; padding:0 .75em;}
.indexmid_3_mid_4_mid_2_1 span:before{-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);border-radius:100%;
content:''; position:absolute; width:0.2916666666666667em; height:0.2916666666666667em; background-color:#5caf7d; left:0; top:50%;}
.indexmid_3_mid_4_mid_2_1 span:after{-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);border-radius:100%;
content:''; position:absolute; width:0.2916666666666667em; height:0.2916666666666667em; background-color:#5caf7d; right:0; top:50%;}
.indexmid_3_mid_4_mid_2_2{
font-size:1.25em; margin-top:.5em; margin-bottom:1em;}
.indexmid_3_mid_4{
margin-top:4.75em;}
.indexmid_4{ position:relative; overflow:hidden; padding-top:8.125vw; padding-bottom:10.10416666666667vw;}
.indexmid_4:after{background-attachment: fixed; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img17.jpg);
content:''; position:absolute; right:0; top:0; height:100%; width:67.55208333333333%;}
.indexmid_4 .pagew{
position:relative; z-index:10;}
.indexmid_4_1{
position:relative; padding:5em 0; margin-top:4.8125em;}
.indexmid_4_1_left{
position:absolute; left:0; top:0; height:100%; width:66.20481927710843%;}
.indexmid_4_1_left_bg{background-attachment: fixed;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexmid_4_1_right{ overflow:hidden; background-color:rgba(23,130,165,0.92); color:#fff;
position:relative; z-index:10; margin-left:45.06024096385542%;}
.indexmid_4_1_right_mid{
margin:4em;}
.indexmid_4_1_right_mid_1 span{ font-size:1.25em;
display:inline-block; padding:0 9px; background-position:right center; background-repeat:no-repeat;}
.indexmid_4_1_right_mid_1 span:nth-child(1){
background-image:url(../images/index/img19.png); padding-left:0;}
.indexmid_4_1_right_mid_2{
font-size:2.5em; margin-top:1em;}
.indexmid_4_1_right_mid_2 a{
color:#fff}
.indexmid_4_1_right_mid_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:1.125em; line-height:2; margin:1.5em 0 2.5em 0;}
.news_index_view{
font-size:1.125em; position:relative; color:#fff; display:inline-block; padding-right:3.4em;}
.news_index_view:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; top:50%; width:3em; height:2px; background-color:#fff;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.news_index_view:hover{
color:#fff;}
.news_index_view:hover:after{
right:-.5em;}
.indexmid_5{ overflow:hidden; background-image:url(../images/index/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;
background-attachment: fixed; text-align:center; color:#fff; padding:18.75vw 0; position:relative;}
.indexmid_5 .vcr{
position:absolute; width:24.16666666666667vw;height:24.16666666666667vw; left:50%; top:50%; margin-left:-12.08333333333333vw; margin-top:-12.08333333333333vw;}
.indexmid_5 .pagew{
position:relative; z-index:10;}
.indexmid_5_3{
text-align:center}
.indexmid_5_3 a{
display:inline-block; width:4.375em; height:4.375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img16.png);}
.indexmid_5_1{
font-size:1.125em; letter-spacing:1.125em;}
.indexmid_5_2{ margin-top:.5em; margin-bottom:.5em;
font-size:3em; letter-spacing:.4em;}
.banner_img_jj_mid_1_cl{
font-size:3em; letter-spacing:.1em; margin-bottom:.2em;}
.banner_img_jj_mid_2_cl{
font-size:4.5em; letter-spacing:.1em;}
.banner_img_jj_mid_3_cl{
text-align:center; margin-top:1.5em;}
a.qjmore{ color:#fff; text-align:left;
display:inline-block;  width:10.9375em; height:2.8125em; line-height:2.8125em; border-radius:2.8125em; position:relative; overflow:hidden;}
a.qjmore p{
position:absolute; left:0; top:0; width:100%; height:100%; background-color:#14aacf; opacity:.79;}
a.qjmore span{ padding-right:3em; padding-left:2.2em;
position:relative; z-index:10; color:#fff; font-size:1.125em;}
a.qjmore span:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; right:0; top:50%; width:2.1875em; height:2.1875em; background-image:url(../images/header/img3.png?v=1); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_index_1{ overflow:hidden; padding-top:7.8125vw; position:relative;background-attachment: fixed;
background-image:url(../images/index/img8.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_index_1_left{ overflow:hidden; padding-top:7.65625vw; border-radius:0 3.64583333333333vw 0 0;background-attachment: fixed;
width:57.1875%; background-image:url(../images/index/img7.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_index_1_right{ z-index:10;
position:absolute; right:0; bottom:0; width:54.16666666666667%;}
.cl_index_1_left_mid{ padding-right:14vw;
padding-left:8.54166666666667vw; padding-bottom:9.375vw;}
.cl_index_1_left_mid_1{
font-size:3.75em; margin-bottom:.3em;}
.cl_index_1_left_mid_2{
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; overflow:hidden; margin-bottom:2.75em;}
.cl_index_1_left_mid_4 ul li{ border-top:1px #000 solid; margin-bottom:1em;
float:left; width:31.33333333333333%; margin-right:3%;}
.cl_index_1_left_mid_4 ul li:nth-child(3){
margin-right:0}
.cl_index_1_left_mid_4_1{
margin-top:1em; min-height:60px;}
.cl_index_1_left_mid_4_2{
line-height:1.6;}
.cl_index_1_left_mid_4{
margin-top:2.5em;}
.qjmore_border{
border:1px #fff solid;}
.cl_index_2_1,.cl_index_2_2{
text-align:center}
.cl_index_2_1{
margin-bottom:.1em;}
.cl_index_2_2{
font-size:1.5em;}
.cl_index_2_mid{
margin:0 13.75%;}
.cl_index_2_3 ul li{ position:relative; margin-bottom:1.30208333333333vw; 
float:left; width:31.92857142857143%;}
.cl_index_2_3_mid{
position:relative;height:23.07291666666667vw;}
.cl_index_2_3_mid_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_index_2_3 ul li:nth-child(2){
float:right; width:66%;}
.cl_index_2_3 ul li:nth-child(3){
  width:66%;}
.cl_index_2_3 ul li:nth-child(4){
  width:31.92857142857143%; float:right;}  
.cl_index_2_3 ul li:nth-child(6){
  width:66%; float:right}  
.cl_index_2_3{
margin-top:3.64583333333333vw;}  
.cl_index_2_3_mid_jj{
position:absolute; left:0; bottom:2.60416666666667vw; z-index:10; width:100%; color:#fff;}
.cl_index_2_3_mid_jj_mid_1 span{
font-size:1.125em; position:relative; padding-right:2em;}
.cl_index_2_3_mid_jj_mid_1 span:after{
content:''; position:absolute; bottom:0.3em; right:0; width:1.722222222222222em; height:0.4444444444444444em; background-image:url(../images/index/img15.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_index_2_3_mid_jj_mid_2{ max-width:22vw;
font-size:2.25em; line-height:1.5; margin-top:.7em; margin-bottom:.1em; }
.cl_index_2_3_mid_jj_mid_3{
font-size:1.125em;}
.cl_index_2_3_mid_jj_mid{
margin:0 1.30208333333333vw;}
.cl_index_2{
padding-top:6.51041666666667vw;}
.cl_index_2_4{ padding-bottom:7.8125vw;
text-align:center; padding-top:2.34375vw;}
a.qjmore.qjmore_border_blue{
border:1px #dcdcdc solid;}
a.qjmore.qjmore_border_blue p{
background:none}
a.qjmore.qjmore_border_blue span{
color:#000;}
a.qjmore.qjmore_border_blue span:after{
background-image:url(../images/index/img16.png);}
.swiper-container-banner2,.swiper-container-banner2 .swiper-wrapper,.swiper-container-banner2 .swiper-wrapper .swiper-slide{
width:100%; height:100%;}
.cl_index_2_3_mid_dz{ font-family:"宋体";
position:absolute; z-index:10; right:3.33333333333333vw; bottom:3.33333333333333vw;}
.cl_index_2_3_mid_dz_left{ cursor:pointer;
display:inline-block; border:1px #fff solid; border-radius:100%; width:2.375em; height:2.375em; text-align:center; line-height:2.375em; color:#fff;}
.cl_index_2_3_mid_dz_right{ cursor:pointer;
display:inline-block; border:1px #fff solid; border-radius:100%; width:2.375em; height:2.375em; text-align:center; line-height:2.375em; color:#fff;}
.cl_index_2_3_mid_dz_left:hover,.cl_index_2_3_mid_dz_right:hover{
background-color:#14aacf; border-color:#14aacf}
.cl_index_3{ padding-top:6.51041666666667vw;background-attachment: fixed;
overflow:hidden; background-image:url(../images/index/img21.jpg); background-position:center top; background-repeat:no-repeat; background-size:cover;}

.swiper-container-video .swiper-slide {

     

	width: 30%;

}
.cl_index_3_1_img{
overflow:hidden; position:relative;}
.cl_index_3_1_img:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:1; background-image:url(../images/index/img20.png); background-position:center; background-size:cover; background-repeat:no-repeat;}
.cl_index_3_1_img img{
width:100%;}
.cl_index_3_1_jj{
position:absolute; left:0; width:100%; bottom:0; z-index:10; color:#fff;}
.cl_index_3_2{
text-align:center; padding:4.47916666666667vw 0;}
.cl_index_3_1_jj_mid_1{
font-size:1.875em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-bottom:.6em;}
.cl_index_3_1_jj_mid{
margin:1.92708333333333vw;}
.cl_index_3_1_jj_mid_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden;
line-height:1.5; width:34.375vw;}
.cl_index_3_1_jj_mid_1{
width:23.95833333333333vw;}
.cl_index_3_1{
margin-top:3.85416666666667vw;}
.cl_index_3_1_btn{ overflow:hidden;
position:absolute; z-index:100; width:4.375em; height:4.375em; border-radius:100%; right:1.92708333333333vw; bottom:1.92708333333333vw;}
.cl_index_3_1_btn span:nth-child(1){border-radius:100%;
display:block; width:100%; height:100%; background-color:#14aacf; opacity:.29; position:absolute; left:0; top:0;}
.cl_index_3_1_btn span:nth-child(2){border-radius:100%;
display:block; width:100%; height:100%; background-color:#14aacf; z-index:10;transform: scale(.7, .7); position:absolute; left:0; top:0;}
.cl_index_3_1_btn:after{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%;);
	
content:''; position:absolute; left:50%; top:50%; width:1.0625em; height:.9375em; background-image:url(../images/index/img18.png); background-position:center; background-repeat:no-repeat; background-size:cover; z-index:200;}
.swiper-slide.swiper-slide-active .cl_index_3_1_btn span:nth-child(2){
background-color:#fff;}
.swiper-slide.swiper-slide-active .cl_index_3_1_btn:after{
background-image:url(../images/index/img19.png);}
.cl_index_4{
background:none}
.cl_index_4_mid{
margin:0 4.6875%;}
.cl_index_4_mid_1 ul li{ margin-top:1.45833333333333vw;
float:left; width:18.6046511627907%; margin-right:1.74418604651163%;}
.cl_index_4_mid_1 ul li:nth-child(5n){
margin-right:0;}
.cl_index_4_mid_1_mid{
position:relative;}
.cl_index_4_mid_1_mid_img{ text-align:center;
position:relative; z-index:10; height:6vw; }
.cl_index_4_mid_1_mid_img img{
max-width:85%;}
.cl_index_4_mid_1_mid_img img:nth-child(2){
display:none}
.cl_index_4_mid_1_mid{background-color:#eff0f1;}
.cl_index_4_mid_1 ul li:hover .cl_index_4_mid_1_mid{
background-color:#14aacf}
.cl_index_4_mid_1 ul li:hover .cl_index_4_mid_1_mid_img img:nth-child(2){
display:inline}
.cl_index_4_mid_1 ul li:hover .cl_index_4_mid_1_mid_img img:nth-child(1){
display:none}
.cl_index_4_mid_1_mid:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/index/img22.png); background-position:left center; background-repeat:no-repeat; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cl_index_4_mid_1 ul li:hover .cl_index_4_mid_1_mid:after{
opacity:1;}
.cl_index_4_mid_2{
text-align:center; padding:4.47916666666667vw 0}
.cl_index_4_mid_1{
margin-top:2vw;}
/*******footer*********/
.cl_footer_mid_1{
border-bottom:1px #636465 solid; padding-bottom:3.4375em; margin-bottom:1.125em;}
.cl_footer_mid_2_left{
float:left; width:26%;}
.cl_footer_mid_2_right{
width:19%; float:right;}
.cl_footer_mid_2_mid{
float:left; width:55%;  position:relative;}
.cl_footer_mid_2_mid_mid{min-height:345px;
border-left:1px #636465 solid; border-right:1px #636465 solid;}
.cl_footer_mid_2_left_mid_1,.cl_footer_mid_2_mid_mid_mid_1,.cl_footer_mid_2_right_mid_1{
font-size:1.375em;}
a.cl_footer_mid_2_mid_mid_mid_1{
color:#fff;}
.cl_footer_mid_2_left_mid_2{
font-size:2.5em; margin-top:.3em; margin-bottom:.5em;}
.cl_footer_mid_2_right_mid_2{
line-height:1.5; padding-top:1.5em; }
.cl_footer_mid_2_right_mid{padding-left:2.60416666666667vw;}
.cl_footer_mid_2_left_mid{
padding-right:2.60416666666667vw}
#footer .header_mid{
margin-top:0; margin-bottom:0;}
.cl_footer_mid_2_right_mid_2_1{
margin-bottom:1em;}
.cl_footer_mid_2_mid_mid ul li{
float:left; width:20%;}
.cl_footer_mid_2_mid_mid ul li dl dd a{
color:#fff;}
.cl_footer_mid_2_mid_mid ul li dl{
padding-top:1em;}
.cl_footer_mid_2_mid_mid ul li dl dd{
margin-top:1em;}
.cl_footer_mid_2_mid_mid_mid{
padding:0 2vw;}
.cl_footer_mid_2_left_mid_3{
line-height:1.8;word-break: break-all}
#footer{ overflow:hidden; position:relative; z-index:10; background-color:#505050; color:#fff;
  background-position:center; background-repeat:no-repeat; background-size:cover; padding-bottom:4.47916666666667vw; padding-top:5.72916666666667vw;}
.footer_1{
text-align:center; padding:5em 0;}
.footer_2{
position:relative; padding-left:23.49397590361446%; padding-right:15.90361445783133%;}
.footer_2_left{
position:absolute; left:0; top:0; width:23.49397590361446%;}
.footer_2_left_mid{
padding-right:1em;}
.footer_2_right{ width:15.90361445783133%;
position:absolute; right:0; top:0;}
.footer_2_left_mid_1{ margin-bottom:.75em;
font-size:1.875em; color:#222;}
.footer_2_left_mid_2{  
color:#666; font-size:1.125em; line-height:1.8;}
.footer_2_mid_mid_mid_1{
color:#262626; font-size:1.125em; color:#262626; margin-bottom:1.875em;}
.footer_2_mid_mid ul li{
float:left; width:20%;}
.footer_2_mid_mid{ overflow:hidden;
padding-left:10%; border-left:1px #c1c1c1 solid;border-right:1px #c1c1c1 solid;}
.footer_2_mid_mid_mid{
padding-right:1em;}
.footer_2_mid_mid_mid_2 dl dd a{
color:#666;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_2_mid_mid_mid_2 dl dd a:hover{
color:#000}
.footer_2_mid_mid_mid_2 dl dd{
margin-bottom:.5em; line-height:1.6;}
.footer_2_right_mid_1 ul li{ margin-right:3px;
display:inline-block; position:relative;}
.footer_2_right_mid_1 ul li a{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-position:center; background-repeat:no-repeat; display:inline-block;
width:2.1875em; height:2.1875em; border:1px #1d1f25 solid; position:relative;border-radius:100%;}
.footer_2_right_mid_1 ul li:nth-child(1) a{
background-image:url(../images/footer/img1.png);}
.footer_2_right_mid_1 ul li:nth-child(2) a{
background-image:url(../images/footer/img2.png);}
.footer_2_right_mid_1 ul li:nth-child(3) a{
background-image:url(../images/footer/img3.png);}
.footer_2_right_mid_1 ul li:nth-child(4) a{
background-image:url(../images/footer/img4.png);}
.footer_2_right_mid_1 ul li a:hover{
background-color:#1d1f25}
.footer_2_right_mid{
padding-left:1em;}
.footer_3{ margin-top:10.5em;
overflow:hidden; border-top:1px #b6b6b6 solid; padding:1.125em 0;}
.footer_3 a{
color:#181818;}
.footer_3_mid_left{
float:left; font-size:.875em; color:#181818;}
.footer_3_mid_right{
float:right; font-size:.875em; color:#181818;}

.footer_2_right_mid_1 ul li:nth-child(1) a:hover{
background-image:url(../images/footer/img1on.png);}
.footer_2_right_mid_1 ul li:nth-child(2) a:hover{
background-image:url(../images/footer/img2on.png);}
.footer_2_right_mid_1 ul li:nth-child(3) a:hover{
background-image:url(../images/footer/img3on.png);}
.footer_2_right_mid_1 ul li:nth-child(4) a:hover{
background-image:url(../images/footer/img4on.png);}
/********about**************/
.nybanner{ width:100%;
position:fixed; left:0; top:0; height:100vh;}
.nybanner_bg{ 
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_jj{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); z-index:100;
position:absolute; left:0; top:50%; width:100%;   color:#fff;}
.clpagew{
margin:0 13.54166666666667%;}
.nybanner_jj_1_cl{
font-size:4.5em; margin-bottom:.1em;}
.cl_so_1{ 
}
.clpagew_zb{
margin:0 10.41666666666667%;}
.cl_so_1 ul li{
float:left; text-align:center;}
.cl_so_1 ul li a{ position:relative; 
display:block; color:#fff; font-size:1.25em; padding:1em 0;}
.cl_so_1 ul li a:after{
content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#fff; opacity:.2;}
.cl_so_1 ul li a:hover,.cl_so_1 ul li a.on{
background-color:#14aacf
}
.cl_so_1 ul li a span{ margin-left:2em; z-index:10;
display:block; margin-right:2em; position:relative;}
.cl_so_1 ul li a span:after{ font-size:1.25em;
content:'+'; position:absolute; right:-1em; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.cl_so_1 ul li a span img{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.cl_so_1 ul.ul3 li{
width:33.3333%;}
.cl_so_1 ul.ul2 li{
width:50%;}
.cl_so_1 ul.ul4 li{
width:25%;}
.cl_so_1 ul.ul5 li{
width:20%;}
.cl_so_1 ul.ul6 li{
width:16.66666666666667%;}
.nybanner_jj_2_cl{
font-size:2.25em;}
.nybanner_jj_1{
font-size:3.75em;}
.nybanner_jj_2{ margin-top:.4em;
font-size:2.25em; letter-spacing:5px;}
.about_1{background-attachment: fixed; padding-bottom:13.54166666666667vw; padding-top:10.9375vw;
background-image:url(../images/about/img5.jpg); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.about_1_mid_left_1{
font-size:1.875em; margin-bottom:.75em;}
.about_1_mid_left_2 h2{ font-weight:normal; padding-bottom:.1875em;
display:inline-block; position:relative; font-size:3em; padding-right:1.5em;}
.about_1_mid_left_2 h2:after{ width:100%;
content:''; position:absolute; left:0; bottom:0; height:0.4791666666666667em; background-color:#4fb051; opacity:.5;}
.about_1_mid_left_2 h2 span{
position:relative; z-index:10;}
.about_1_mid_left{ position:relative; z-index:10;
max-width:830px;}
.about_1_bg{ top:19.17545541706616%;opacity:.3; display:none;
position:absolute; width:30.26041666666667%; left:22.8125%;}
.cl_so_2{
background-color:#fff; overflow:hidden}
.cl_so_2_1_mid{
position:relative;}
.cl_so_2_1 ul li{
padding:5.46875vw 0; border-bottom:1px #dcdcdc solid;}
.cl_so_2_1_mid_left{
width:55.28571428571429%; overflow:hidden;}
.cl_so_2_1_mid_left img{
width:100%;}
.cl_so_2_1_mid_right{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
position:absolute; right:0; top:50%; width:44.71428571428571%;}
.cl_so_2_1_mid_right_mid{
margin:0 3.125vw;}
.cl_so_2_1_mid_right_mid_1{
font-size:1.5em; margin-bottom:.2em;}
.cl_so_2_1_mid_right_mid_2 span{ padding-bottom:.75em;
font-size:2.25em; display:inline-block; position:relative;}
.cl_so_2_1_mid_right_mid_3{
line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:3em; margin-bottom:2.5em;}
.cl_so_2_1_mid_right_mid_2 span:after{
content:''; position:absolute; left:0; bottom:0; height:2px; background-color:#14aacf; width:2.611111111111111em;}



.about_1{
position:relative}
.about_1_mid_left_3{
line-height:2; margin-top:3.875em;}
.about_2_1_left{
float:right; overflow:hidden; width:43.97590361445783%;}
.about_2_1_left img{
width:100%;}
.about_2_1_right{ margin-top:5vw;
float:left; width:49.39759036144578%;}
.about_2_1{
margin-top:8.33333333333333vw;}
.about_2_2 .about_2_1_right{
float:right; width:43.97590361445783%;}
.about_2_2 .about_2_1_left{
float:left; width:49.39759036144578%;}
.about_3{ color:#fff;  
position:relative; margin-top:11.61458333333333vw;}
.about_3_bg{ height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img4.jpg);
position:absolute; width:93.22916666666667%;background-attachment: fixed; top:0; right:0}
.about_3_bg2{height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#000; opacity:.5;  
position:absolute; width:93.22916666666667%;background-attachment: fixed; top:5.98958333333333vw; left:0}
.about_3_mid{
position:relative; z-index:10;}
.about_3_mid_mid{
padding-left:5.46875vw;padding-bottom:5.46875vw;padding-right:5.46875vw; padding-top:12.8125vw;}
.about_3_mid_mid_1{
font-size:1.5em;}
.about_3_mid_mid_2{
line-height:1.8; margin-top:10px;}
.about_3_mid_mid ul li{
margin-top:2em;}
.about_3_mid_mid ul li:nth-child(1){
margin-top:0}
.nybody #footer{
padding-top:5.98958333333333vw;}
/*********product*****************/
.janke{
height:6.25vw;}
.pro_1{
padding:5em 0;   overflow:hidden; position:relative;}
.pro_1_mid_right{ background-image:url(../images/product/img4.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;
position:absolute; right:0; top:0; height:100%; width:63.38541666666667%;}
.pro_1_mid_left{ 
position:relative; z-index:10;}
.pro_1_mid_left_left{ overflow:hidden;
width:66.86746987951807%;}
.pro_1_mid_left_left img{
width:100%;}
.pro_1_mid_left_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); color:#fff; width:29.81927710843373%;}
.pro_1_mid_left_right_1{
font-size:3em;}
.pro_1_mid_left_right_2{
font-size:1.875em; margin-top:.5em; margin-bottom:1.125em;}
.pro_1_mid_left_right_3{
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-bottom:2.5em;}
.pro_viewmore{
display:inline-block; position:relative; width:3.8125em; height:1.25em; }
.pro_viewmore span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img2.png);}
.pro_viewmore:hover span{
left:.5em;}
.pro_banner_pn{
position:absolute; left:6.77083333333333%; line-height:1.6; bottom:0; z-index:10; color:#656565;}
.pro_banner_pn a{
color:#656565}
.pro_2{
background-color:#eff5f3; overflow:hidden}
.pro_2 .indexmid_3_mid_4_mid_1 img{
max-height:80%;}
.pro_2 .indexmid_3_mid_4 ul li{
margin-bottom:4.375em;}
.pagination{
text-align:center;}
.pagination li{
display:inline-block; margin:0 .25em; color:#292929;}
.pagination li a,.pagination li span{ width:2.25em; text-align:center; line-height:2.25em; border-radius:100%; border:1px #d1d1d1 solid;
color:#292929; display:inline-block; position:relative;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pagination li:nth-child(1) span,.pagination li:nth-child(1) a{
   }
.pagination li:nth-child(1) span:after,.pagination li:nth-child(1) a:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); background-image:url(../images/product/img5.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:50%; width:100%; height:9px; background-position:left center; background-repeat:no-repeat;}
.cl_so_2_2{
padding:4vw 0;}
.pagination li:nth-child(1):hover span:after,.pagination li:nth-child(1):hover a:after{
left:-.5em;}
 .pagination li a:hover, .pagination li.active span{
 background-color:#14aacf; border-color:#14aacf; color:#fff;}

.pagination li:last-child span:after,.pagination li:last-child a:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); background-image:url(../images/product/img6.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; top:50%; width:100%; height:9px; background-position:right center; background-repeat:no-repeat;}
.pro_page{
margin-bottom:5em;}
.pagination li:last-child:hover span:after,.pagination li:last-child:hover a:after{
right:-.5em;}
.proinfo_banner{
position:absolute; left:46.19791666666667%; z-index:10; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); color:#fff; right:6.77083333333333%;}
.proinfo_banner_1{
font-size:5.25em; margin-bottom:.18em;}
.proinfo_banner_2 h2{ padding-bottom:.1875em;
font-size:3.25em; font-weight:normal; display:inline-block; position:relative;}
.proinfo_banner_2 h2 span{
position:relative; z-index:10;}
.proinfo_banner_2 h2:after{
content:''; position:absolute; left:0; bottom:0; width:100%; background-color:#4fb051; opacity:.84; height:.5em;}
.proinfo_banner_3{
line-height:2; margin-top:2.5em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 10;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; max-width:430px; font-size:1.125em;}
.pro_info_1{
position:relative}
.pro_info_1_jj{ top:20.55498458376156%;
position:absolute; z-index:10; color:#000; left:13.90625%;}
.pro_info_1_jj_2{ margin-bottom:1.5em;
font-size:1.875em; margin-top:.78em;}
.pro_info_1_jj_3{
font-size:1.25em; line-height:2;}
.pro_info_2_right{
float:right; width:46.44578313253012%; overflow:hidden}
.pro_info_2_right img{
width:100%;}
.pro_info_2_left{ position:absolute; top:-14.47916666666667vw;
     
 width:46.44578313253012%;}
.pro_info_2_left_1{
overflow:hidden}
.pro_info_2_left_1 img{
width:100%;}
.pro_info_2{
position:relative; padding:7.29166666666667vw 0;}
.pro_info_2_left_2_mid_1{
font-size:1.875em; line-height:1.6;}
.pro_info_2_left_2_mid_2{ margin-top:1.375em;
font-size:1.25em; line-height:1.8;}
.pro_info_2_left_2_mid{ padding-top:5vw;
margin-left:16%; margin-right:16%;}
.pro_info_2_mid{  
position:relative; padding-bottom:16em;}
.pro_info_3_mid{
padding-bottom:5.88541666666667vw;}
/*******news***********/
.news_1_mid{
position:relative;}
.news_1_mid_left{
overflow:hidden; width:65.66265060240964%;}
.news_1_mid_left img{
width:100%;}
.news_1_mid_right{ height:75%; top:12.5%; background-image:url(../images/news/img3.png); background-position:center; background-size:cover;
position:absolute; right:0; z-index:10; width:46.02409638554217%; color:#fff}
.news_1_mid_right a{
color:#fff}
.news_1_mid_right_mid_1 span{ padding:0 8px;
display:inline-block; font-size:1.125em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_1_mid_right_mid_1 span:nth-child(1){
padding-left:0; background-image:none}
.news_1_mid_right_mid_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:1em;
font-size:1.875em; margin-top:.4em; line-height:1.5;}
.news_1_mid_right_mid_3{
line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-bottom:2.25em;}
.news_1_mid_right_mid{
margin:0 8%;}
.news_1{
padding-top:6.77083333333333vw;}
.news_2{ overflow:hidden;
padding-top:6.77083333333333vw;}
.news_2_1 ul li{ margin-right:1.6566265060241%;
float:left; width:32.2289156626506%; margin-bottom:5.5em;}
.news_2_1 ul li:nth-child(3n){
margin-right:0;}
.news_2_1_mid_1{
overflow:hidden}
.news_2_1_mid_1 img{
width:100%;}
.news_2_1_mid{
position:relative; padding-bottom:6.25em;}
.news_2_1_mid_2{ background-image:url(../images/news/img5.png); color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;
position:absolute; left:7.5%; width:85%; z-index:10; bottom:0;}
.news_2_1_mid_2_mid{
padding-left:2.5em; padding-right:2.5em; padding-top:1.875em; padding-bottom:3em;}
.news_2_1_mid_2_mid_1 span{
display:inline-block; padding:0 5px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_2_1_mid_2_mid_1 span:nth-child(1){
background-image:none; padding-left:0}
.news_2_1_mid_2_mid_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:3em;
font-size:1.5em; line-height:1.5; margin-top:.6em;}
.nybanner_news_info{
height:34.58333333333333vw;}
.nybanner_news_info_footer{
position:absolute; left:0; top:-6.25vw; width:100%;}
.nybanner_news_info_footer .pagew{
background-color:#fff; height:6.25vw;}
#newsinfo{ margin-top:34.58333333333333vw;
background-color:#033041; padding-bottom:6.09375vw;}
#newsinfo .pagew{
background-color:#fff; overflow:hidden}
.newsinfo_mid_1{
text-align:center}
.newsinfo_mid_2{
text-align:center}
.newsinfo_mid_1 span{
font-size:1.125em; display:inline-block; padding:0 6px; color:#656565; background-image:url(../images/news/img6.png); background-position:left center; background-repeat:no-repeat;}
.newsinfo_mid_1 span:nth-child(1){
background-image:none}
.newsinfo_mid_2{
font-size:2.25em; margin-top:.5em; margin-bottom:1.5em;}
.newsinfo_mid_3{
line-height:2; margin-bottom:4em;}
.newsinfo_mid{
margin:0 15.5421686746988%; padding-bottom:6em;}
.newsinfo_mid_4{
border:1px #d1d1d1 solid; padding:1em 1em; overflow:hidden}
.newsinfo_mid_4_mid_left{
float:left; width:50%;}
.newsinfo_mid_4_mid_right{
float:right; width:50%; text-align:right}
.newsinfo_mid_4_mid{
position:relative; overflow:hidden;}
.newsinfo_mid_4_mid_mid{
position:absolute; left:50%; top:50%; z-index:10;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.newsinfo_mid_4_mid_mid a{ width:.9375em; height:1em;
color:#033041; display:block; text-align:left; text-indent:-999em; background-image:url(../images/news/img5.png); background-position:center; background-repeat:no-repeat;}
.newsinfo_mid_4_mid_left a{ padding-left:0px;
display:block; padding-right:4em; position:relative;}
.newsinfo_mid_4_mid_left a:after{-webkit-transform: translate(0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(0%, -50%);
content:''; position:absolute; width:68px; height:9px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/product/img5.png); left:0; top:50%;}

.newsinfo_mid_4_mid_right a{  
display:block; padding-left:4em; position:relative;}
.newsinfo_mid_4_mid_right a:after{-webkit-transform: translate(0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(0%, -50%);
content:''; position:absolute; width:68px; height:9px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/product/img6.png); right:0; top:50%;}
.newsinfo_mid_4 a{
color:#033041}
.newsinfo_mid_4_mid_left a:hover:after{
left:.5em;}
.newsinfo_mid_4_mid_right a:hover:after{
right:.5em;}
/*********joinus***********/
.joinus_1_mid{
position:relative;
}
.joinus_1_mid_left img{
display:none}
.joinus_1_mid_left{ height:110%;  
position:absolute; left:0; top:-23%; width:81.80722891566265%;}
.joinus_1_mid_right{
margin-left:37.95180722891566%; position:relative; z-index:10; background-image:url(../images/joinus/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.joinus_1_mid_right_mid_1{
font-size:3em;}
.joinus_1_mid_right_mid_2{
font-size:1.5em; margin-top:15px; margin-bottom:1.125em;}
.joinus_1_mid_right_mid_3 ul li{ padding-top:1em;
float:left; width:47%; position:relative; padding-bottom:1em;}
.joinus_1_mid_right_mid_3 ul li:nth-child(2n){
float:right}
.joinus_1_mid_right_mid_3_mid_1{
font-size:1.25em; margin-bottom:10px;}
.joinus_1_mid_right_mid_3_mid_2 dl dd{
display:inline-block; font-size:.875em; margin-left:1em;}
.joinus_1_mid_right_mid_3_mid_2 dl dd:nth-child(1){
margin-left:0}
.joinus_1_mid_right_mid_3 ul li:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#fff; opacity:.25;}
.jobnav_mid{ font-size:1.125em;
display:inline-block; position:relative; text-align:center; width:195px;}
.jobnav_mid_left{ cursor:pointer;
position:absolute; left:0; top:0; height:100%; width:68px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/joinus/img8.png);}
.jobnav_mid_left:hover{
background-image:url(../images/joinus/img11.png);}

.jobnav_mid_right{ cursor:pointer;
position:absolute; right:0; top:0; height:100%; width:68px; background-position:right center; background-repeat:no-repeat; background-image:url(../images/joinus/img9.png);}
.jobnav_mid_right:hover{
background-image:url(../images/joinus/img10.png);}
.jobnav_mid span{
color:#55c655}
.jobnav{
margin-top:2.5em;}
.joinus_1_mid_right_mid{ padding:4vw 0;
margin:0 12.64591439688716%;}
.joinus_1_mid_right_mid_3_mid_2{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.joinus_1_mid_left_bg{ z-index:1;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed; }
.joinus_1{ padding-bottom:5.20833333333333vw;
padding-top:14.58333333333333vw;}
.joinus_1_mid_left_bg_2{background-attachment: fixed;background-position:center; background-repeat:no-repeat; background-size:cover; left:21.9440353460972%;
width:47.34904270986745%; height:59.33609958506224%; position:absolute; bottom:-5.94744121715076%;}
.joinus_2{background-attachment: fixed; overflow:hidden; padding-top:12.13541666666667vw; padding-bottom:9.6875vw;
background-image:url(../images/joinus/img4.png); margin-top:3vw; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.joinus_2_mid{ max-width:54.68521229868228%;
color:#fff; background-image:url(../images/joinus/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.joinus_2_mid_mid{
margin:0 12%; padding:2.96875vw 0 4.5vw 0; overflow:hidden}
.joinus_2_mid_mid_1{
font-size:1.125em; margin-top:.5em;}
.joinus_2_mid_mid_2{
font-size:1.5em; margin-top:1.5em; margin-bottom:1em;}
.joinus_2_mid_mid_3 ul li{
color:#ebebeb; border-bottom:1px #dddddd solid; padding:13px 0px;}
.joinus_2_mid_mid_3_1{ padding-left:1.5em;
background-repeat:no-repeat;}
.joinus_2_mid_mid_3 ul li:nth-child(1) .joinus_2_mid_mid_3_1{
background-image:url(../images/joinus/img5.png); background-position:left 4px;}
.joinus_2_mid_mid_3 ul li:nth-child(2) .joinus_2_mid_mid_3_1{
background-image:url(../images/joinus/img6.png); background-position:left 4px;}
.joinus_2_mid_mid_3 ul li:nth-child(3) .joinus_2_mid_mid_3_1{
background-image:url(../images/joinus/img7.png); background-position:left 8px;}
.joinus_2_mid_mid_3 ul li:nth-child(3){
border:none}
/**************pages*******************/
.nybanner_jj_2 span{
display:inline-block; position:relative; z-index:10; padding-bottom:.2em;}
.nybanner_jj_2_line{
position:relative}
.nybanner_jj_2_line:after{
content:''; position:absolute; left:50%; bottom:0;-webkit-transform: translateX(-50%);
    transform: translateX(-50%); width:5em; height:0.6944444444444444em; background-color:#4fb051; opacity:.64}
.nybanner_jj_3{
color:#fff; font-size:1.25em; line-height:2; margin:0  auto;  max-width:1015px; margin-top:2em;}
.pages_1{ position:relative; margin-bottom:11.45833333333333vw;
margin-top:8.33333333333333vw; padding:4.75em 0; overflow:hidden;}
.pages_1_left{
position:absolute; left:11.77083333333333%; top:0; height:100%; width:81.45833333333333%;}
.pages_1_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;}
.pages_1_left_cir{ z-index:10; top:4.1522491349481%; width:37.14833759590793%;
position:absolute; left:12.78772378516624%; opacity:.5;}
.pages_1_right{ position:relative; z-index:100; overflow:hidden;
max-width:57%; background-image:url(../images/pages/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff;}
.pages_1_right_mid{
margin:0 12%; padding:7.8125vw 0;}
.pages_2_mid_left{
float:left; width:52.83132530120482%; overflow:hidden}
.pages_2_mid_left img{
width:100%;}
.pages_2_mid_right{ margin-top:13.02083333333333vw;
float:right; width:40.36144578313253%; position:relative; z-index:10;}
.pages_2_mid_right_1 div{ overflow:hidden;
float:right; width:71.34328358208955%;}
.pages_2_mid_right_1 div img{
width:100%;}
.pages_2_mid_right_1{
margin-top:7.29166666666667vw;}
.pages_2{
overflow:hidden; position:relative}
.pages_2:after{ width:100%; height:4.84375vw; background-color:#033041;
content:''; position:absolute; left:0; bottom:0;}
.pages_3{background-color:#033041; padding-top:6.25vw; padding-bottom:10.9375vw;
overflow:hidden;}
.pages_3_mid{
position:relative; padding:9.89583333333333vw 0;}
.pages_3_mid_left{
position:absolute; right:0; top:0; height:100%; width:85.96385542168675%;}
.pages_3_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;}
.pages_3_mid_right{ color:#fff;
position:relative; z-index:10; width:43.13253012048193%;}

.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.63);}
.jobmask_mid{ overflow:hidden;
position:relative; background-color:#fff;}
.jobmask_mid_close{
position:absolute; right:1.875em; top:1.875em;}
.jobmask_mid_close a img{-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.jobmask_mid_close a:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.jobmask_mid_mid{
margin:3em 4em; min-height:460px; max-height:460px; overflow:hidden; overflow-y:auto;}
.jobmask_mid_mid_1{
font-size:1.875em; color:#000;}
.jobmask_mid_mid_2{
color:#ababab; margin-top:4px;}
.jobmask_mid_mid_3{
color:#666; line-height:1.8; margin-top:1.5em; margin-bottom:1.5em;}
.jobmask_mid_mid_4{
color:#666;}
.jobmask_mid_mid_4 a{
color:#f91212}
.jobmask_mid_mid_3_jj{
display:none}
.ovh{
overflow:hidden}
.div1200{
max-width:75em; padding:0 1em; margin:0 auto}


/**********header*******************/
/*#header.cur.headroom--unpinned{
top:-100%;}*/
#header.cur .hss{
background-image:url(../images/index/img1b.png?v=2);}
#header.cur .hss a{
background-image:url(../images/index/img2b.png?v=2);}
#header.cur .header_mid{ margin-top:0; margin-bottom:0;}
#header.cur{
background-color:#fff; padding:.9em 0;}
.header_mid_left a{ overflow:hidden;
display:inline-block; position:relative;}
.header_mid_left img{
width:30.57291666666667vw;}
.header_mid_left a span{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:100%;opacity:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/logob.png);}
#header.cur .header_mid_left a img{
opacity:0;  }
#header.cur .header_mid_left a span{
top:0; opacity:1;
}
.header_mid_right_top{ padding-bottom:.5em;
 text-align:right; color:#fff;}
.header_mid_right_top span{
display:inline-block; position:relative; padding-left:1.125em; font-size:1.25em; font-family:Arial, Helvetica, sans-serif}
.header_mid_right_top span:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; left:0; top:50%; width:.8em; height:.8em; background-image:url(../images/header/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
#header.cur .header_mid_right ul li a{
color:#000}
#header.cur .header_mid_right_right a{
color:#000; background-image:url(../images/header/img2v.png);}
#header.cur .header_mid_right_right{
background-image:url(../images/header/img1b.png);}
#header.cur .header_mid_right ul li a:after{
background-color:#000}
/*********nav************/
.nav-btn-box{ display:none;
position:absolute; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); right:0%;}
.nav-btn{
		display: block;
		position: relative;
		width: 1.5em;
		height: 1em;
		padding: 0;
	
	}
	.nav-btn .line {
	    width: 100%;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    background-color: #383838;
	    transition: all .2s;
	    transform-origin: center;
	}
	.nav-btn .line1 {
	    top: 0;
	}
	.nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	.nav-btn .line3 {
	    bottom: 0;
	}
	.nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	.nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	.nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.nav-btn.cur .line3{
		transform: rotate(-45deg);
	}

.m-nav{
		position: fixed;
		top: 68.4px;
		width: 100%;
		z-index: 50;
		box-sizing: border-box;
		padding: 0 3.64583333333333%;
		background-color: rgba(255,255,255,.95);
	}
	.m-nav li{
		border-bottom: 1px solid #dcdcdc;
	}
	.m-nav li:last-child{
		border-bottom: none;
	}
	.m-nav li .tit{
		display: block;
		font-size: 1em;
		padding: .65em 0 .65em .5em;
		color: #333;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 0;
		width: 1em;
	    height: 1em;
	    margin-top: -.5em;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url(../images/m-nav-jia.png);
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before
	 {
		display: none;
	}
	.m-nav li.on .tit:before{
		transform: rotate(45deg);
	}
	.m-nav li .navson{
		padding-bottom: .3rem;
		display: none;
	}
	.m-nav li .navson a{
		display: block;
		font-size: .9375em;
		line-height: 1.5;
		padding: 0.3em 1em;
		color: #333;
	}	
	body.no-scroll { overflow:hidden;
   
}
.cl_so_1_info_mid{ font-size:1.125em; background-color:#fff;
position:relative; border-radius:.75em .75em 0 0;  padding:1em 2.5em;}
.cl_so_1_info_mid a{
color:#666;}
.cl_so_1_info_mid_right{
position:absolute; right:2.5em; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.clpagew_info{
margin:0 12.5%;}	
.cl_so_1_info_mid_right a{ padding-left:1.375em;
display:inline-block; position:relative;}
.cl_so_1_info_mid_right a:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; left:0; top:50%; width:0.8333333333333333em; height:0.7222222222222222em; background-image:url(../images/so/img2.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_so_info_mid{
background-color:#fff; overflow:hidden;}	
.cl_so_info_mid_1_mid_left{
float:left; width:55.28571428571429%; overflow:hidden;}
.cl_so_info_mid_1_mid_right{ margin-top:4.6875vw;
float:right; width:39.85714285714286%;}
.cl_index_2_3_mid_jj_mid_1 span.bi:after { width:2.166666666666667em; height:.5em;
background-image:url(../images/solution/img6.png);}
.cl_index_2_3_mid_jj_mid_1 span.bi{
padding-right:2.5em;}
.cl_so_2_1_mid_right_mid_2 span.bi{
padding-bottom:0;}
.cl_so_2_1_mid_right_mid_2 span.inf:after{
display:none}
.cl_so_2_1_mid_right_mid_2_info{
border-bottom:1px #ddd solid; margin-top:6px;}
.cl_so_info_mid_1_mid_right_1{
line-height:1.8; margin-top:2em;}
.cl_so_info_mid_1{
padding:2vw 0 0 0;}
.indexmid_somid_mid_3_mid_right_mid_2_info:after{
display:none;}
.indexmid_somid_mid_3_mid_right_mid_2_info{
padding-bottom:0}
.cl_so_info_mid_2{ padding-top:5vw; padding-bottom:5vw;background-attachment: fixed;
background-image:url(../images/solution/img7.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.cl_so_info_mid_2_1{
text-align:center;}
.cl_so_info_mid_2_1 span{ padding-bottom:.4em;
display:inline-block; position:relative; font-size:3em;}
.cl_so_info_mid_2_1 span:after{
content:''; position:absolute; left:50%; bottom:0; width:1.666666666666667em; height:2px; background-color:#14aacf;-webkit-transform: translateX(-50%);
    transform: translateX(-50%);}
.cl_so_info_mid_2_2{
line-height:1.6; margin-top:3.125vw;}	
#swiper-pagination-index-bannerss{
position:static; padding-top:2.44791666666667vw; padding-bottom:4vw;}
#swiper-pagination-index-bannerss .swiper-pagination-bullet{ opacity:1; margin:0 1em;
width:1.375em; height:1.375em; background:none; border:1px #fff solid; position:relative}
#swiper-pagination-index-bannerss .swiper-pagination-bullet:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%; background-color:#626b71;transform: scale(.5, .5);}
#swiper-pagination-index-bannerss .swiper-pagination-bullet-active{
border-color:#14aacf; background:none}
#swiper-pagination-index-bannerss .swiper-pagination-bullet-active:after{
background-color:#14aacf}
.cl_so_info_mid_3{
padding-top:5vw;}
.cl_so_info_mid_2_2_img{
position:relative;}
.cl_so_info_mid_2_2_img_mask{
position:absolute; z-index:10; width:100%; bottom:0;}
.cl_so_info_mid_2_2_img_mask img{
width:100%;}
.cl_so_info_mid_2_2_img img{
width:100%;}
.cl_so_info_mid_2_2_img_mask_jj{
position:absolute; left:0; bottom:0; width:100%; z-index:100; color:#fff;}
.cl_so_info_mid_2_2_img_mask_jj_mid{
margin:2.34375vw;}
.cl_so_info_mid_2_2_img_mask_jj_mid_1{
font-size:2.25em; margin-bottom:.2em;}
.cl_so_info_mid_2_2_img_mask_jj_mid_2{ line-height:1.8; font-size:1.125em;
width:33.85416666666667vw;}
.cl_so_2_1_news_1{ margin-top:7.55208333333333vw;
background-color:#fff; position:relative;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);}
.cl_so_2_1_news_1_left{
width:50%; overflow:hidden}
.cl_so_2_1_news_1_left img{
width:100%;}		
.cl_so_2_1_news_1_right{
position:absolute; width:50%; top:50%; right:0;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}  
.cl_so_2_1_news_1_right_mid{
margin:0 3vw;}	
.cl_so_2_1_news_1_right_mid_1{
font-size:1.125em;}
.cl_so_2_1_news_1_right_mid_2{
font-size:1.875em; margin-top:.3em;}
.cl_so_2_1_news_1_right_mid_3{ line-height:1.6;
border-top:1px #d4d4d4 solid; padding-top:1.5em; display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-top:1.5em; margin-bottom:1.875em;}
.cl_so_2_1_news_2 ul li{ margin-top:1.875em; background-color:#fff;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
float:left; width:32%; margin-right:2%;}
.cl_so_2_1_news_2{
margin-top:1.875em;}
.cl_so_2_1_news_2 ul li:nth-child(3n){
margin-right:0;}
.cl_so_2_1_news_2_mid_1{
overflow:hidden}
.cl_so_2_1_news_2_mid_1 img{
width:100%;}
.cl_so_2_1_news_2_mid_2{
margin:1.5em; color:#000;}
.cl_so_2_1_news_2_mid_2_2{
font-size:1.375em; margin-top:.35em;}
.cl_so_2_1_news_2_mid_2_3{
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; overflow:hidden; margin:1em 0;}
.cl_so_2_1_news_2_mid_2_4 span{ padding-right:20px;
font-size:.875em; background-image:url(../images/news/img4.png); background-position:right center; background-repeat:no-repeat}
.cl_news_info_mid_1{
text-align:center; font-size:2.25em; margin-bottom:.4em; margin-top:7.70833333333333vw;}
.cl_news_info_mid_2{
text-align:center; font-size:1.125em;}
.cl_news_info_mid_3{ margin-bottom:5.625vw;
line-height:1.6; margin-top:4vw;}
.cl_about_1_mid{
position:relative;}
.cl_about_1_mid_left{ height:100%; overflow:hidden;
position:absolute; left:0; top:0; width:41.85714285714286%;}
.cl_about_1_mid_left_bg{
background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.cl_about_1_mid_right{
margin-left:47.57142857142857%;}
.cl_about_1_mid_right_1_left{
text-align:left;}
.cl_about_1_mid_right_1_left span:after{
left:0;-webkit-transform: translateX(-0%);
transform: translateX(-0%);}
.cl_about_1_mid_right_2{
line-height:1.8; margin:2em 0;}
.cl_about_1_mid_right_3 ul li{
float:left;}
.cl_about_1_mid_right_3 ul li:nth-child(1){
width:35%;}
.cl_about_1_mid_right_3 ul li:nth-child(2){
width:38%;}
.cl_about_1_mid_right_3 ul li:nth-child(3){
width:27%;}
.cl_about_1_mid_right_3_mid_1 p{font-size:3.6em; font-weight:bold; color:#14aacf;
display:inline-block; position:relative; font-family: 'Impact';}
.cl_about_1_mid_right_3_mid_1 p span:nth-child(1){
}
.cl_about_1_mid_right_3_mid_1 p span:nth-child(2){
position:absolute; right:-.7em; top:0;}
.cl_about_1_mid_right_3_mid_2{
line-height:1.6; margin-top:.5em;}
.cl_about_1_mid_right_3_mid_br{
border-left:1px #d1d7d8 solid;border-right:1px #d1d7d8 solid;}
.cl_about_1_mid_right_3_mid{
padding:0 2.39583333333333vw;}
.cl_about_1_mid_right_3 ul li:nth-child(1) .cl_about_1_mid_right_3_mid{
padding-left:0;}
.cl_about_1_mid_right_3 ul li:nth-child(3) .cl_about_1_mid_right_3_mid{
padding-right:0;}
.cl_about_1{
padding:9vw 0;}
.cl_about_2{background-attachment: fixed; padding-top:16.40625vw; padding-bottom:3.38541666666667vw;
background-image:url(../images/about/img7.jpg); overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat;}
.cl_about_1_mid_right_1_white{
color:#fff;}
.cl_about_1_mid_right_1_white span:after{
background-color:#fff;}
.cl_about_2_list ul li{
float:left; width:33.3333%; color:#fff;}
.cl_about_2_list_mid_1{
font-size:2.25em; margin-bottom:1em;}
.cl_about_2_list_mid_2{
line-height:1.8;}
.cl_about_2_list_mid{
border-left:2px #14aacf solid; padding:0 1.875vw; padding-bottom:1em; min-height:243px;}
.cl_about_2_list{
margin-top:10.3125vw;}
.cl_about_3_mid{
position:relative;}
.cl_about_3_mid_left{ height:100%;
position:absolute; left:0; top:0; width:49.78571428571429%;}
.cl_about_3_mid_left_bg{ background-image:url(../images/about/img8.jpg);background-attachment: fixed;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_about_3_mid_right{
position:relative; z-index:10; margin-left:34.57142857142857%;}

.cl_about_3_mid_right_2{
position:relative; height:750px;}
.cl_about_3_mid_right .swiper-container {
        width: 100%;
        height: 100%;
    }
 .cl_about_3_mid_right   .swiper-slide {
         
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        
    }
.cl_about_3{
padding:11.45833333333333vw 0;}
.cl_about_3_mid_right_1{
padding-left:16.66666666666667vw;}
.cl_about_3_mid_right_2_dl{padding-left:16.66666666666667vw;}
.cl_about_3_mid_right_2_t{
position:relative;padding-left:16.66666666666667vw;}
.cl_about_3_mid_right_2_t_left{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); font-size:2.25em;font-family: 'Impact'; font-weight:bold; color:#fff;}
.cl_about_3_mid_right_2_t_left span{
display:inline-block; position:relative; padding-right:2.6em;}
.cl_about_3_mid_right_2_t_right{
font-size:1.875em;}
.cl_about_3_mid_right_2_t_left span:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; right:0; top:50%; height:2px; width:2em; background-color:#14aacf;}
.cl_about_3_mid_right_2_t_right_1{
font-size:1.5em;}
.cl_about_3_mid_right_2_dl dd{
margin-top:1em;}
.cl_about_3_mid_right_2_t_right_2{
line-height:1.6; margin-top:3px;}
 
.cl_about_3_mid_right_2 ul li{
margin-top:2.3em;}
.cl_about_4{
position:relative; height:44.63541666666667vw;}
#map_canvas{
position:absolute; left:0; top:0; width:100%; height:100%;}
.cl_about_4_box{ background-color:#fff;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); border-radius:1.5625vw; overflow:hidden;
position:absolute; z-index:10; left:19.79166666666667vw; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:41.66666666666667vw;}
.cl_about_4_box_right{
width:53.75%;}	
.cl_about_4_box_right_mid{
margin:2vw;}
#cl_about_4_box_right_mid_1 span{
font-size:2.25em;}
.cl_about_4_box_right_mid_2_1{
font-size:1.5em; margin-top:2.5em;}
.cl_about_4_box_right_mid_2 dl dd{
position:relative; padding-left:1.5em; margin-top:1em;}
.cl_about_4_box_right_mid_2 dl dd img{
position:absolute; left:0; top:.4em;}
.cl_about_4_box_left{ height:100%;
position:absolute; right:0; top:0; width:46.25%;}
.cl_about_4_box_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../images/about/img12.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.tz_1_1_mid_img{
overflow:hidden}
.tz_1_1_mid_img img{
width:100%;}
.tz_1_1_mid{
position:relative;}
.tz_1_1_mid_top{
position:absolute; z-index:10; left:1.5625vw; top:1.5625vw;}
.tz_1_1_mid_top img{
max-width:11.5625vw;}
.tz_1_1_mid_jj{
position:absolute; z-index:100; left:0; top:50%; width:100%; text-align:center;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); color:#fff;}
.tz_1_1_mid_jj_mid{
margin:0 1.5625vw;}
.tz_1_1_mid_jj_mid_1{
font-size:2.5em; margin-bottom:.2em;}
.tz_1_1_mid_jj_mid_2{
font-size:1.5em; line-height:1.6; margin-bottom:1em;}
.tz_1_1_mid_jj_mid_3{
text-align:center}
.tz_1_1_mid_jj_mid_3 p{
display:inline-block; background-color:#fff; width:9.125em; line-height:2.1875em; height:2.1875em; border-radius:2.1875em;}
.tz_1_1_mid_jj_mid_3 p span{ color:#000; padding-right:1.2em;
display:inline-block; position:relative}
.tz_1_1_mid_jj_mid_3 p span:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; right:0; top:50%; width:.9375em; height:1em; background-image:url(../images/tz/img6.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.tz_1{
padding-top:7.8125vw;}
.tz_1_1{
margin-top:3.9vw;}
.tz_2{
background-color:#f1f4f5; overflow:hidden}
.tz_2_1 ul li{
background-color:#fff; margin-bottom:3px; border:1px #e3e3e3 solid;}
.tz_2_1 ul li a{ padding-top:1.75vw; padding-bottom:1.75vw;
display:block; padding-left:3.33333333333333vw; padding-right:3.33333333333333vw;}
.tz_2_mid{
position:relative; padding-right:9em;}
.tz_2_1_right{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); font-size:1.125em; color:#222;
position:absolute; right:0; top:50%;}
.tz_2_1_left{
font-size:1.375em; color:#2d2d2d;}
.tz_2_1{
margin-top:2vw;}
.tz_2_1 ul li a:hover{
background-color:#14aacf;}
.tz_2_1 ul li a:hover .tz_2_1_right,.tz_2_1 ul li a:hover .tz_2_1_left{
color:#fff;}
.tz_3{background-attachment: fixed; color:#fff; text-align:center; padding:10.67708333333333vw 0;
background-image:url(../images/tz/img7.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.tz_3_1{
font-size:2.25em;}
.tz_3_2{
font-size:6em; font-weight:bold;}
.tz_3_3{
font-size:1.5em;}
.jr_cl_1_1 ul li{ cursor:pointer;
background-color:#e8eff1; margin-bottom:10px;}
.jr_cl_1_1_1{
padding:1.2vw 2.34375vw;}
.jr_cl_1_1_1 div{ padding-right:2em;
position:relative; font-size:1.875em;}
.jr_cl_1_1_2{padding:1.2vw 3.4375vw; display:none;  }
.jr_cl_1_1_1 div:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; right:0; top:50%; width:.8em; height:.8em; background-image:url(../images/j/img1.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.jr_cl_1{
padding-top:7.8125vw;}
.jr_cl_1_1{
margin-top:3.33333333333333vw;}
.jr_cl_1_1_2_mid_1{
font-size:1.875em;}
.jr_cl_1_1_2_mid_2 dl dd{
display:inline-block; color:#363636; font-size:1.125em; margin-right:1em; margin-top:.5em;}
.jr_cl_1_1_2_mid_3{
font-size:1.25em; margin-top:1em; margin-bottom:.75em;}
.jr_cl_1_1_2_mid_4{
color:#363636; line-height:1.7; font-size:1.125em;}
.jr_cl_1_1 ul li.on .jr_cl_1_1_1{
background-color:#14aacf; color:#fff;}
.jr_cl_1_1 ul li.on .jr_cl_1_1_1 div:after{
background-image:url(../images/j/img2.png);}
.jr_cl_1_1 ul li.on .jr_cl_1_1_2{
display:block}
.jr_cl_1_1_2_mid_5{
margin-top:1em; color:#363636; line-height:1.6; margin-bottom:2em;}
.jr_cl_1_1_2_mid_5 a{
color:#363636;}
.cl_so_2_pro{
padding-top:6.25vw;}
.cl_so_2_pro_mid{
position:relative; height:28.95833333333333vw;}
.cl_so_2_pro_mid_top{ overflow:hidden;
position:absolute; z-index:10; left:0; top:0; width:100%;}
.cl_so_2_pro_mid_top img{
width:100%;}
.cl_so_2_pro_list dl dd{ margin-bottom:1.5625vw;
float:left; width:32%; margin-right:2%;}
.cl_so_2_pro_list dl dd:nth-child(3n){
margin-right:0;}
.cl_so_2_pro_mid_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-color:#eeeeee;}
.cl_so_2_pro_mid_footer{ position:absolute; left:0; bottom:3.64583333333333vw; width:100%; z-index:10; text-align:center;}
.cl_so_2_pro_mid_footer_mid_1{
font-size:1.125em; color:#4c4c4c;}
.cl_so_2_pro_mid_footer_mid_2{
font-size:1.875em; color:#000; margin-top:.2em; margin-bottom:.6em;}
.cl_so_2_pro_mid_footer_mid_3 p{
display:inline-block; border:1px #acacac solid; color:#3d3d3d; width:7.5em; height:1.75em; line-height:1.75em; border-radius:1.75em;}
.cl_so_2_pro_mid_footer_mid{
margin:0 1em;}
.cl_so_2_pro_mid_footer_mid_3 p span{
display:inline-block; position:relative; padding-right:1em;}
.cl_so_2_pro_mid_footer_mid_3 p span:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; right:0; top:50%; width:0.8125em; height:.75em; background-image:url(../images/p/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cl_so_2_pro_list dl dd:hover .cl_so_2_pro_mid_bg{
background-color:transparent; }
.cl_so_2_pro_mid_bg:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;background-image:url(../images/p/img2.png); background-position:center bottom; background-repeat:repeat-x;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cl_so_2_pro_list dl dd:hover .cl_so_2_pro_mid_bg:after{
opacity:1;
}
.cl_so_2_pro_list dl dd:hover .cl_so_2_pro_mid_footer_mid_1,.cl_so_2_pro_list dl dd:hover .cl_so_2_pro_mid_footer_mid_2{
color:#fff;}
.cl_so_2_pro_list dl dd:hover .cl_so_2_pro_mid_footer_mid_3 p{
background-color:#fff; border-color:#fff;}
#cl_so_info_mid_1_mid_left_pro{
width:54.28571428571429%;}
#cl_so_info_mid_1_mid_left_pro img{
width:100%;}
#cl_so_info_mid_1_mid_right_pro{
width:38.85714285714286%; margin-top:3.64583333333333vw;}
.cl_so_info_mid_1_mid_right_pro_1 dl dd{ display:inline-block; width:7.5em; overflow:hidden; margin-right:5px;
}
.cl_so_info_mid_1_mid_right_pro_1 dl dd.on{  width:7.5em;  border:5px #fff solid;
border-color:#cfd3d4;}
#cl_so_info_mid_1_mid_right_pro .cl_so_info_mid_1_mid_right_1{
padding-bottom:2em; border-bottom:1px #ddd solid; margin-bottom:2em;}
.cl_pro_info_2{ padding-top:4vw; padding-bottom:7vw;
background-color:#f1f1f1; overflow:hidden;}
.cl_pro_info_2_list{
margin-top:4vw;}
.cl_pro_info_2_list ul li{
display:block; background-color:#fff;}
.cl_pro_info_2_list_mid{
position:relative;}
.cl_pro_info_2_list_mid_left{
width:50%; overflow:hidden; position:relative; z-index:10;}
.cl_pro_info_2_list_mid_left img{
width:100%;}
.cl_pro_info_2_list_mid_right{
position:absolute; right:0; top:0; height:100%; width:50%;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);}
.cl_pro_info_2_list ul li:nth-child(2n) .cl_pro_info_2_list_mid_left{
margin-left:50%;}
.cl_pro_info_2_list ul li:nth-child(2n) .cl_pro_info_2_list_mid_right{
left:0; right:auto;}
.cl_pro_info_2_list_mid_right_mid{
position:absolute; left:9%; width:82%; bottom:3.33333333333333vw;}
.cl_pro_info_2_list_mid_right_mid_1{
font-size:2.25em; margin-bottom:.5em;}
.cl_pro_info_2_list_mid_right_mid_2{
line-height:1.8;}
.cl_pro_info_2_list ul.td0 li{-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); padding:2.34375vw 0; margin-bottom:1.5em;}
.cl_pro_info_2_list ul.td0 li .cl_pro_info_2_list_mid_right{-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0);}
.cl_pro_info_2_list ul.td0 li .cl_pro_info_2_list_mid_left{
width:185px; position:absolute; left:0; top:50%; text-align:center;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.cl_pro_info_2_list ul.td0 li .cl_pro_info_2_list_mid_right{
position:static; width:auto; margin-left:185px;}
.cl_pro_info_2_list ul.td0 li .cl_pro_info_2_list_mid_right_mid{
position:static; width:100%;}
.cl_pro_info_2_list ul.td0 li .cl_pro_info_2_list_mid_left img{
width:80px;}
.cl_pro_info_2_list ul.td0 li:nth-child(2n) .cl_pro_info_2_list_mid_left{
margin-left:0}
#gosearch{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;background-color: rgba(0,0,0,.4);}
#gosearch_mid{ margin:0 auto;
max-width:640px; padding:0em 1em;}
.gosearch_mid_mid{ position:relative;
background-color:#fff; padding:2em 1.5em;}
.closes{
position:absolute; right:1em; top:1em; cursor:pointer}
.gosearch_mid_mid_1{
text-align:center; font-size:1.5em; margin-bottom:.75em;}
.gosearch_mid_mid_2{
position:relative; background-color:#f4f4f4;}
.gosearch_mid_mid_2_left{
padding:1em;}
.gosearch_mid_mid_2_left input{
border:none; background:none; width:100%;}
.gosearch_mid_mid_2_right{
position:absolute; right:0; top:0; height:100%; width:80px;}
.gosearch_mid_mid_2_right input{ cursor:pointer;
border:none; background:none; width:100%; height:100%; position:absolute; left:0; top:0; background-image:url(../images/index/img2b.png); background-position:center; background-repeat:no-repeat;}
.qjmore_border_blue i{
position:absolute; right:0; top:45%; width:2.1875em; height:2.1875em; border-radius:100%;-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
a.qjmore.qjmore_border_blue span:after { z-index:100;
  background-image: url(../images/p/j.png);
}
.qjmore_border_blue i b{background-color:#14aacf; opacity:.2; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%;}
.qjmore_border_blue i:after{ border-radius:100%; 
content:''; position:absolute; left:0; top:0; width:100%; height:100%;background-color:#14aacf; opacity:.3;transform: scale(.8, .8);}
.qjmore_border_blue i:before{ border-radius:100%; z-index:1;
content:''; position:absolute; left:0; top:0; width:100%; height:100%;background-color:#14aacf; opacity:1;transform: scale(.55, .55);}
.indexmid_somid{ overflow:hidden;
background-color:#f3f6f8;}
.indexmid_somid_mid{
margin:0 12.5%;}
.indexmid_somid_mid_1{ margin-top:6.66666666666667vw;
text-align:center; font-size:3em; font-weight:bold;}
.indexmid_somid_mid_2{ margin-bottom:3.38541666666667vw;
text-align:center; font-size:2.25em; position:relative; padding-bottom:1em; padding-top:.2em;}
.indexmid_somid_mid_2:after{
content:''; position:absolute; left:50%; bottom:0; width:2.777777777777778em; height:3px; background-image:url(../images/so/img1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translateX(-50%);
transform: translateX(-50%);}
.indexmid_somid_mid_3 ul li{ margin-bottom:3.48958333333333vw;
display:block; background-color:#fff; overflow:hidden;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); border-radius:1.25vw;}
.indexmid_somid_mid_3_mid{
position:relative;}		  
.indexmid_somid_mid_3_mid_left{
position:absolute; left:0; top:0; width:55%; height:100%;}	  
.indexmid_somid_mid_3_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}	  
.indexmid_somid_mid_3_mid_right{
margin-left:55%;}		  
.indexmid_somid_mid_3_mid_right_mid_1{
font-size:1.5em; color:#191919; letter-spacing:.1em;}		  
.indexmid_somid_mid_3_mid_right_mid_2{
 position:relative; font-size:2.25em; margin-top:.2em; padding-bottom:.875em;}
 .indexmid_somid_mid_3_mid_right_mid_2:after{
 content:''; position:absolute; left:0; bottom:0; height:3px; width:2.777777777777778em; height:3px; background-image:url(../images/so/img1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }
.indexmid_somid_mid_3_mid_right_mid_2 span{
display:block; position:relative;  }		  
.indexmid_somid_mid_3_mid_right_mid{
padding:5.72916666666667vw 3.54166666666667vw;}		  
.indexmid_somid_mid_3_mid_right_mid_3{
font-size:1.125em; line-height:1.9; margin:1.75em 0;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}		  
.rdmore{ display:inline-block; width:6.8125em; height:1.5625em; background-image:url(../images/so/img11.png); background-position:center top; background-repeat:no-repeat;  position:relative; overflow:hidden}		  
.rdmore:hover{
background-position:center bottom;}		  
.rdmore span{
position:relative; z-index:10;}
.indexmid_somid_mid_4{
text-align:center; padding:4.58333333333333vw 0;}
.indexmid_somid_mid_3 ul li:last-child{
margin-bottom:0}
.indexmid_somid_mid_3 ul li:nth-child(2n) .indexmid_somid_mid_3_mid_left{
left:45%;}
.indexmid_somid_mid_3 ul li:nth-child(2n) .indexmid_somid_mid_3_mid_right{
margin-left:0; margin-right:55%}
 
.rdmore:hover{
color:#fff;}
.indexmid_somid_mid_3_mid_right_mid_2_info{
padding-bottom:0}
.cl_so_info_mid_1_mid_zb_3{
line-height:1.8; margin-top:2em;}
.cl_so_info_mid_3_zb{ padding-bottom:7.8125vw;
background-color:#edf0f0; overflow:hidden; border-radius:3.125vw 0 0 0;}
.cl_so_info_mid_2_2_zb_mid{ margin:15px; border-radius:1.3vw;
background-color:#fff;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); height:28.38541666666667vw; position:relative;}
.cl_so_info_mid_2_2_zb_mid_img{
position:absolute; left:0; width:100%; text-align:center; bottom:11.92660550458716%; height:41.28440366972477%;}
.cl_so_info_mid_2_2_zb_mid_img img{
max-height:100%;}
.cl_so_info_mid_2_2_zb_mid_jj{
position:absolute; left:0; width:100%; text-align:center; top:14.31192660550459%;}
.cl_so_info_mid_2_2_zb_mid_jj_mid_1{
color:#1e1e1e; font-size:1.1875em;}
.cl_so_info_mid_2_2_zb_mid_jj_mid_2{
font-size:1.5em; color:#1e1e1e; margin-bottom:.75em;}
.cl_so_info_mid_2_2_zb_mid_jj_mid{
margin:0 1em;}
.sopinfo_left{ cursor:pointer;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); z-index:10;
position:absolute; left:26px; top:50%; width:4.0625em; height:4.0625em; background-image:url(../images/so/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;}

.sopinfo_right{ cursor:pointer;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); z-index:10;
position:absolute; right:26px; top:50%; width:4.0625em; height:4.0625em; background-image:url(../images/so/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.sopinfo_left:hover{
background-image:url(../images/so/img7.png);}
.sopinfo_right:hover{
background-image:url(../images/so/img6.png);}
.footerzb{ overflow:hidden; padding-top:4vw; border-radius:0 3.48958333333333vw 0 3.48958333333333vw;
background-color:#2d323b; padding-bottom:7.29166666666667vw;}
#footer{
background-color:#edf0f0; padding:0;}
.footerzb_mid_left{
float:left; width:40.625%;}
.footerzb_mid_right{ position:relative;
float:right; width:59.375%;}
.footerzb_mid_left_mid{
padding-right:1em;}
.footerzb_mid_left_mid_1 img{
max-width:18.75vw;}
.footerzb_mid_left_mid_2{
font-size:1.125em; line-height:2; margin-top:3.5vw;}
.footerzb_mid_right_mid{ overflow:hidden; padding-top:2em;
border-left:1px #4b4f57 solid;}
.footerzb_mid_right_mid ul li{
float:left; width:33.3333%;}
.footerzb_mid_right_mid ul li:nth-child(1){
width:29.3333%}
.footerzb_mid_right_mid ul li:nth-child(3){
width:37.3333%}
.footerzb_mid_right_mid ul li p{ padding-bottom:.65em;
font-size:1.25em; position:relative;}
.footerzb_mid_right_mid ul li p:after{
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#3cb3c3; width:1.3em;}
.footerzb_mid_right_mid ul li dl dd a{
color:#dee4ec;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footerzb_mid_right_mid ul li dl dd{
line-height:1.6; margin-top:.6em;}
.footerzb_mid_right_mid ul li dl dd a:hover{
color:#fff;}
.footerzb_mid_right_mid ul li dl{
margin-top:1.5em; margin-bottom:3em;}
.footerzb_mid_right_mid_mid{
padding:0 0 0 4.5vw;}
.footer_cpzb_mid_left{
float:left; color:#272727;}
.footer_cpzb_mid_right{
float:right; color:#272727;}
.footer_cpzb_mid_right a{
color:#272727;}
.footer_cpzb{
line-height:1.6; padding:1em 0;}
.indexmid_somid_case{
background-color:#fff;}
.indexmid_somid_mid_3_cases_1_right_img_top{
position:absolute; left:0; top:0; z-index:10; width:100%; color:#fff;}
.indexmid_somid_mid_3_cases_1_right_img{
position:relative; border-radius:1em; overflow:hidden}
.indexmid_somid_mid_3_cases_1_right_img_footer{
position:static; left:0; bottom:0; width:100%; z-index:10; color:#000;}
.indexmid_somid_mid_3_cases_1_right_img_mid{
padding:1em 0;}
.indexmid_somid_mid_3_cases_1_right_img_top_num{ display:none;
font-size:2.375em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.indexmid_somid_mid_3_cases_1_right ul li .indexmid_somid_mid_3_cases_1_right_img_img,.indexmid_somid_mid_3_cases_2 ul li .indexmid_somid_mid_3_cases_1_right_img_img{
border-radius:1em; overflow:hidden}
.indexmid_somid_mid_3_cases_1_right_img_footer_2{
font-size:1.5em; margin-top:.3em;}
.indexmid_somid_mid_3_cases_1_right{
width:32%; margin-left:68%;}
.indexmid_somid_mid_3_cases_1_right ul li{
margin-bottom:1.45833333333333vw;
 }
.indexmid_somid_mid_3_cases_1_left{ border-radius:1em;
position:absolute; left:0; top:0; width:66%; height:100%; overflow:hidden}
.indexmid_somid_mid_3_cases_1{
position:relative;}
.indexmid_somid_mid_3_cases_1_left_bg{
background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; left:0; top:0; width:100%; height:calc(100% - 91.2px)}
.indexmid_somid_mid_3_cases_1_left .indexmid_somid_mid_3_cases_1_right_img_mid{
font-size:1.75em;}
.indexmid_somid_mid_3_cases_2 ul li{
float:left; width:32%; margin-right:2%;margin-bottom:1.45833333333333vw;}
.indexmid_somid_mid_3_cases_2 ul li:nth-child(3n){
margin-right:0}
body#whitefooter #footer{
background-color:#fff}
#newszbcate{ background-color:rgba(0,0,0,0.57)}
#newszbcate ul li a{
text-align:left;}
.zb_news_1_mid{
position:relative;}
.zb_news_1_mid_right{
margin-left:56.52777777777778%;}
.zbindexmid_5_1_right .zb_news_1_mid_right{
margin-left:0;}
.zb_news_1_mid_right_mid_left{ position:absolute; left:0; top:0; text-align:center;
width:8.125em;}
.zb_news_1_mid_right_mid_right{ padding-top:.5em; padding-bottom:.5em;
margin-left:8.125em; border-left:1px #d8dce1 solid; padding-left:1em; padding-right:1em;}
.zb_news_1_mid_right_mid{
position:relative}
.zb_news_1_mid_right ul li{
padding:2em 0; border-radius:.5em;}
.zb_news_1_mid_right_mid_left_1{ line-height:1;
font-size:3.5em; color:#4a4a4a; font-weight:bold;}
.zb_news_1_mid_right_mid_left_2{
font-size:.875em; margin-top:5px; color:#333;}
.zb_news_1_mid_right_mid_right_1{
font-size:1.5em; color:#333;}
.zb_news_1_mid_right_mid_right_2{ line-height:1.6; margin-top:5px;
color:#333;  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;}
.zb_news_1_mid_right ul li:hover{
background-color:#fff;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);}
.zbindexmid_5_1_right .zb_news_1_mid_right ul li{
background-color:#fff; margin-bottom:1em;}		  
.zbindexmid_5_1_right .zb_news_1_mid_right_mid_left_1{
color:#308f9c}		  
.zbindexmid_5_1_right .zb_news_1_mid_right ul li:hover{
background-color:#308f9c; color:#fff;}

.zbindexmid_5_1_right .zb_news_1_mid_right ul li:hover .zb_news_1_mid_right_mid_left_1,.zbindexmid_5_1_right .zb_news_1_mid_right ul li:hover .zb_news_1_mid_right_mid_left_2,.zbindexmid_5_1_right .zb_news_1_mid_right ul li:hover .zb_news_1_mid_right_mid_right_1,.zbindexmid_5_1_right .zb_news_1_mid_right ul li:hover .zb_news_1_mid_right_mid_right_2{
color:#fff}


.zbindexmid_5_1_left_1{
font-size:1.5em; margin-bottom:.75em;}	  
.zbindexmid_5_1_left_2{
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; overflow:hidden; margin-bottom:2em;}
		  
		  
.zb_news_1_mid_left{ overflow:hidden; border-radius:1.30208333333333vw;
position:absolute; left:0; top:0; width:54.72222222222222%; height:100%;}
.zb_news_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;
}
.zb_news_1{
padding-bottom:9.375vw;}
.zb_news_1_mid_left_bg a{
display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.zb_news_2{padding-top:5.72916666666667vw;
background-color:#fff; overflow:hidden; border-radius:3.48958333333333vw 0 0 0;}
.zb_news_2_mid{
margin:0 9.89583333333333%;}
.zb_news_2_mid_1 ul li{ position:relative;
float:left; width:33.3333%;}
.zb_news_2_mid_1_mid{ margin:2.60416666666667vw; border-radius:1.30208333333333vw 1.30208333333333vw 0 0;
position:relative; height:29.16666666666667vw; overflow:hidden;}
.zb_news_2_mid_1_mid_1{ border-radius:1.30208333333333vw; overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:56.60714285714286%;}
.zb_news_2_mid_1_mid_1_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zb_news_2_mid_1 ul li:after{
content:''; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#e2e2e2;}
.zb_news_2_mid_1 ul li:nth-child(3n):after{
display:none}
.zb_news_2_mid_1_mid_2{
position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.zb_news_2_mid_1_mid_2_1{ font-size:1.125em;
color:#308f9c;}
.zb_news_2_mid_1_mid_2_2{
font-size:1.5em; color:#000;}
.zb_news_2_mid_1_mid_2_3{
font-size:1.125em; color:#000; padding-bottom:1.5625vw;}
.zb_news_2_mid_1_mid_2_2{
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; overflow:hidden; margin-top:.3em; margin-bottom:1em;}
.zb_news_2_mid_1_mid_nopic1{
background-image:url(../images/news/img1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.zb_news_2_mid_1_mid_nopic1 .zb_news_2_mid_1_mid_1{
display:none}
.zb_news_2_mid_1_mid_nopic1 .zb_news_2_mid_1_mid_nopic_mid{
padding-left:2.60416666666667vw; padding-right:2.60416666666667vw; padding-top:2.60416666666667vw;}
.zb_news_2_mid_1_mid_nopic1 .zb_news_2_mid_1_mid_2_2{-webkit-line-clamp: 3;  }
.zb_news_2_mid_1_mid_2_2_jj{
  font-size:1.125em; line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 5;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; color:#000; margin-bottom:2em;}
.zb_news_2_mid_1_mid_nopic1{
border-radius:1.30208333333333vw;}
.zb_news_2_mid_1_mid_nopic1 .zb_news_2_mid_1_mid_2{
top:0; bottom:auto;}
.zb_news_2_mid_1_mid_nopic1 .zb_news_2_mid_1_mid_2_3{
padding-bottom:0;}
.zb_news_2_mid_1 ul li:nth-child(1) .zb_news_2_mid_1_mid,.zb_news_2_mid_1 ul li:nth-child(2) .zb_news_2_mid_1_mid,.zb_news_2_mid_1 ul li:nth-child(3) .zb_news_2_mid_1_mid{
margin-top:0}
.zbnewsinfo_pv{
border:1px #c0c2c2 solid; overflow:hidden;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); border-radius:.5em;} 
.zbnewsinfo_pv ul li{
float:left; width:50%;}
.zbnewsinfo_pv ul li a{ font-size:1.125em; color:#000;
display:block; padding:1em;}
.zbnewsinfo_pv ul li:nth-child(2){
text-align:right}
.zbnewsinfo_pv ul li a:hover{
color:#fff; background-color:#3ca4be;}
.zbnewsinfo_pv ul li a span{
padding-right:1em;}
.zbs_1_1{ overflow:hidden; border-radius:3.90625vw 0 3.90625vw 0;
background-image:url(../images/s/img1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbs_1_1_right{ color:#fff;border-radius:3.90625vw 0 3.90625vw 0;
margin-left:50%; background-color:rgba(48,143,156,0.91)}
.zbs_1_1_right_mid{
padding:3.54166666666667vw;}
.zbs_1_1_right_mid_1{
font-size:1.5em;}
.zbs_1_1_right_mid_2{ padding-bottom:.75em; margin-bottom:.85em;
margin-top:.2em; text-align:left; position:relative;}
.zbs_1_1_right_mid_2:after{
content:''; position:absolute; left:0; bottom:0; height:3px; background-color:#93c3c9; width:2em;}
.zbs_1_1_right_mid_3{
font-size:1.125em; line-height:1.9; padding-bottom:2em;}
.sopinfo_left_s{ color:#fff;
display:inline-block; width:2.5em; height:2.5em; text-align:center; line-height:2.5em; font-family:"宋体"; border-radius:100%; border:1px #a9cfd4 solid; cursor:pointer;}
.sopinfo_left_s:hover{
background-color:#fff; border-color:#fff; color:#3a909c}
.sopinfo_left_s span{
font-size:1.5em;}

.sopinfo_right_s{ color:#fff; margin-left:5px;
display:inline-block; width:2.5em; height:2.5em; text-align:center; line-height:2.5em; font-family:"宋体"; border-radius:100%; border:1px #a9cfd4 solid; cursor:pointer;}
.sopinfo_right_s:hover{
background-color:#fff; border-color:#fff; color:#3a909c}
.sopinfo_right_s span{
font-size:1.5em;}
.zbs_1{
padding-bottom:9.89583333333333vw;}
.zbs_2{background-attachment: fixed; overflow:hidden; color:#fff; text-align:center; padding:10.9375vw 0;
background-image:url(../images/s/img2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbs_2_1 span{ padding-left:1.25em; line-height:.8;
display:inline-block; position:relative; font-size:3em;}
.zbs_2_1 span:after{
content:''; position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:1.0625em; height:0.9166666666666667em; background-image:url(../images/s/img3.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbs_2_2{
font-size:6.25em; margin:.2em 0 .3em 0;}
.zbs_2_3 a{ color:#fff;
display:inline-block; font-size:1.5em; width:11em; height:2.333333333333333em; line-height:2.333333333333333em; background-color:#3393a0; border-radius:2.333333333333333em;}
#zbsss{
position:relative;  }
body.nfffd .footerzb{border-radius: 0 0 0 3.48958333333333vw;}
.zb_contact_1{
margin:0 auto; max-width:1419px; position:relative;}
.zb_contact_1 img{
width:100%;}
.zb_contact_1_mid{ position:absolute; left:73.99577167019027%;
width:7vw; height:7vw;   top:36.88155922038981%;}

@keyframes ripple{0%{opacity:0;transform:scale(.7,.7)}5%{opacity:.5}100%{opacity:0;transform:scale(1.5)}}

@keyframes ripple2{0%{opacity:0;transform:scale(.7,.7)}5%{opacity:.5}100%{opacity:0;transform:scale(1.2)}}

.zb_contact_1_mid:after {
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0; width:100%; height:100%;
 left:0;
 border-radius:50%;
/* background-image:url(../images/contact/img8.png);*/ background-position:center;
 opacity:0;
 -webkit-animation:ripple 4s ease-out 225ms infinite;
 -moz-animation:ripple 4s ease-out 225ms infinite;
 -o-animation:ripple 4s ease-out 225ms infinite;
 animation:ripple 4s ease-out 225ms infinite; background-color:#3586bb;
}
.zb_contact_1_mid:before {border-radius:50%;
width:100%; height:100%; position:absolute; left:0; top:0; content:'';
 -webkit-animation:ripple2 6s ease-out 725ms infinite;
 -moz-animation:ripple2 6s ease-out 725ms infinite;
 -o-animation:ripple2 6s ease-out 725ms infinite;
 animation:ripple2 6s ease-out 725ms infinite; background-color:#3586bb
}
.zb_contact_1_mid span{ left:28%; top:28%; position:absolute; display:block; z-index:100;
width:44%; height:44%; background-image:url(../images/s/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.bzlxwmmid{-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); margin:15px;
background-color:#fff; border-radius:1.30208333333333vw; padding:2.34375vw;}
.bzlxwmmid_1{
position:relative; padding-right:80px;}
.bzlxwmmid_1_left_1{
font-size:1.875em;}
.bzlxwmmid_1_right{
position:absolute; right:0; top:0; width:53px;}
.bzlxwmmid_2{
font-size:1.5em; margin-top:1.75em; margin-bottom:.75em;}
.bzlxwmmid_3 dl dd{ padding-left:24px;
font-size:1.125em; position:relative; line-height:1.6; margin-top:.5em;}
.bzlxwmmid_3 dl dd span{ position:absolute; left:0; top:0;
display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bzlxwmmid_3 dl dd:nth-child(1) span{
background-image:url(../images/c/img1.png); width:16px; height:19px; top:6px;}
.bzlxwmmid_3 dl dd:nth-child(2) span{
background-image:url(../images/c/img2.png); width:16px; height:19px; top:5px;}
.bzlxwmmid_3 dl dd:nth-child(3) span{
background-image:url(../images/c/img3.png); width:16px; height:19px; top:4px;}
.bzlxwmmid:hover{
background-color:#252a33; color:#fff;}
.apple-retail{
margin-bottom:9vw;}
.zb_contact_footer{background-attachment: fixed; color:#fff; padding-top:10.41666666666667vw; padding-bottom:5.20833333333333vw;
background-image:url(../images/c/img8.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden;}
.zb_contact_footer_mid{ overflow:hidden;
position:relative; padding-left:47%;}
.zb_contact_footer_mid_right ul li{
float:left; text-align:center; width:28.125%; margin-right:7.8125%;}
.zb_contact_footer_mid_right ul li:nth-child(3){
margin-right:0;}
.zb_contact_footer_mid_left{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.zb_contact_footer_mid_left_1{
font-size:1.5em;}
.zb_contact_footer_mid_left_2{
font-size:3em; margin-top:5px;}
.zb_contact_footer_mid_right_2{
font-size:1.125em; padding-top:17px;}
.zbpro_1_mid{border-radius: 1.3vw; margin-bottom:2vw;
background-color:#fff;-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); overflow:hidden;}
.zbpro_1_mid_mid{
position:relative; margin:5.72916666666667vw 4.94791666666667vw;}
.zbpro_1_mid_left{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); width:33.2512315270936%;}
.zbpro_1_mid_left_1{
font-size:2.25em;}	
.zbpro_1_mid_left_2{
font-size:3em; font-weight:bold; margin-top:.3em; margin-bottom:.875em;}
.zbpro_1_mid_right{
margin-left:39.16256157635468%; text-align:center;}	
.zbpro_1_mid_left_3 a{
display:inline-block; position:relative; font-size:1.4375em; width:8.956521739130435em; height:2em; line-height:2em; background-color:#308f9c; border-radius:2em; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center}
.zbpro_2 ul li{ margin-bottom:1.25vw;
float:left; width:32%; margin-right:2%;}
.zbpro_2 ul li:nth-child(3n){
margin-right:0;}
.zbpro_2 ul li .cl_so_info_mid_2_2_zb_mid{
margin:0;}
.zbpro_info_1{
position:relative; margin-bottom:2em;}
.zbpro_info_1_right{
margin-left:51.38888888888889%;}
.zbpro_info_1_right_1{
font-size:1.5em;}
.zbpro_info_1_right_2{ font-weight:bold; margin-bottom:.875em; 
font-size:2.25em; margin-top:.2em; padding-bottom:.875em; border-bottom:1px #cdcdcd solid;}
.zbpro_info_1_right_3{ overflow:hidden;
position:relative; height:18vw;}
.zbpro_info_1_right_3 .swiper-container{
width:100%; height:100%;}
.zbpro_info_1_right_3 .swiper-slide{
width:100%; height:auto}
.zbpro_info_1_right_3_mid{
line-height:1.8; padding-right:1em;}
.swiper-container-vertical > .swiper-scrollbar{
width:3px;}
.zbpro_info_1_right_4{
font-size:1.875em; font-weight:bold; margin-bottom:.6em;}
.zbpro_info_1_left{
position:absolute; left:0; top:0; width:46.52777777777778%; height:100%;}
.zbpro_info_1_left_1{
position:absolute; left:0; top:0; width:100%; text-align:center; background-color:#dfdfdf; height:74.57627118644068%;}
.zbpro_info_1_left_1 img{
/*max-width:77.61194029850746%;*/ max-height:18vw;}
.zbpro_info_1_left_2{
position:absolute; left:0; bottom:0; width:100%; height:22.88135593220339%;}
.zbpro_info_1_left_2 .swiper-container{
width:100%; height:100%;}
.zbpro_info_1_left_2 .swiper-slide{
height:100%;}
.zbpro_info_1_left_2_mid{ cursor:pointer; overflow:hidden;
position:absolute; left:0; top:0; width:100%; height:100%; background-color:#dfdfdf; text-align:center;}
.zbpro_info_1_left_2_mid img{
max-width:77.61194029850746%;}
.zbpro_info_1_left_2_mid:after{ opacity:0;
content:'';transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; left:0; top:0; width:calc(100% - 5px);height:calc(100% - 5px);  border:2px #5dadb7 solid;}
.zbpro_info_1_left_2_mid.on:after{
 opacity:1;}
.cl_so_info_mid_3_pro_1{ background-color:#dfdfdf; margin-bottom:2.08333333333333vw;
margin-top:5.20833333333333vw;border-radius:4px 0 0 4px; overflow:hidden;}
.cl_so_info_mid_3_pro_1 span{ display:inline-block; padding-left:1em; padding-right:2.5em; border-radius:4px;
font-size:2.25em; background-color:#42a0ab; color:#fff; text-align:center;   height:2em; line-height:2em;}
.cl_so_info_mid_3_pro_2_mid{
position:relative;}
.cl_so_info_mid_3_pro_2_mid_left{
width:34%; overflow:hidden; border-radius:1.30208333333333vw 0 0 0;}
.cl_so_info_mid_3_pro_2_mid_left img{
width:100%;}
.cl_so_info_mid_3_pro_2_mid_right{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
position:absolute; right:0; top:50%; width:66%;}
.cl_so_info_mid_3_pro_2_mid_right_mid_1{
 }
.cl_so_info_mid_3_pro_2_mid_right_mid_1 span{
font-size:2.5em; padding-right:5px;}
.cl_so_info_mid_3_pro_2_mid_right_mid_2{
font-size:1.125em; line-height:1.8; margin-top:1.3em;}
.cl_so_info_mid_3_pro_2_mid_right_mid{
margin:0 0 0 5vw;}
.cl_so_info_mid_3_pro_2 ul li:nth-child(2n) .cl_so_info_mid_3_pro_2_mid_right_mid{
margin:0vw 5vw 0 0;}
.cl_so_info_mid_3_pro_2 ul li:nth-child(2n) .cl_so_info_mid_3_pro_2_mid_left{
margin-left:66%;border-radius:0 0 1.30208333333333vw 0;}
.cl_so_info_mid_3_pro_2 ul li:nth-child(2n) .cl_so_info_mid_3_pro_2_mid_right{
right:auto; left:0;}
.cl_so_info_mid_3_pro_2{
margin-bottom:9.63541666666667vw;}
.cl_so_info_mid_4_pro{ overflow:hidden; padding:9.21875vw 0;background-attachment: fixed;
background-image:url(../images/p/img10.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.clpagew_info_2{
margin:0 10.41666666666667%;}
.clpagew_info_2_mid{
position:relative;}
.clpagew_info_2_mid_left{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); text-align:center;
position:absolute; left:0; top:50%; width:47%;}
.clpagew_info_2_mid_right{
margin-left:53.37837837837838%; background-color:rgba(48,143,156,0.78); color:#fff; overflow:hidden; border-radius:1.25em;}
.clpagew_info_2_mid_right_mid{
margin:3vw 3vw;}
.clpagew_info_2_mid_right_mid_1{
font-size:1.875em;}
.clpagew_info_2_mid_right_mid_2{
font-size:.9375em; margin-top:3px;}
.clpagew_info_2_mid_right_mid_3 ul li{ padding:1.25em 0;
display:block; width:100%; overflow:hidden; border-bottom:1px #8cc0c8 solid;}
.clpagew_info_2_mid_right_mid_3_left{
float:left; width:33%;}
.clpagew_info_2_mid_right_mid_3_mid{
float:left; width:24%;}
.clpagew_info_2_mid_right_mid_3_mid2{
float:left; width:21.5%;}
.clpagew_info_2_mid_right_mid_3_right{
float:right; width:21.5%;}
.clpagew_info_2_mid_right_mid_3_right a{ padding-left:19px;
color:#fff; background-image:url(../images/p/img11.png); background-position:left center; background-repeat:no-repeat;}
.clpagew_info_2_mid_right_mid_3 ul li:nth-child(1){
font-weight:bold;}
.clpagew_info_2_mid_right_mid_3_left span{
display:block; padding-right:1em;}
.clpagew_info_2_mid_right_mid_3{
margin-top:1.5em;}
.bkk_right{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); z-index:10; cursor:pointer;
position:absolute; right:5px; top:50%; width:2.125em; height:2.125em; background-image:url(../images/p/img5.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.bkk_left{-webkit-transform: translateY(-50%);
    transform: translateY(-50%); z-index:10; cursor:pointer;
position:absolute; left:5px; top:50%; width:2.125em; height:2.125em; background-image:url(../images/p/img4.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.bkk_right:hover{
background-image:url(../images/p/img6.png);}
.bkk_left:hover{
background-image:url(../images/p/img7.png);}
.bkk_left.swiper-button-disabled,.bkk_right.swiper-button-disabled{
display:none}
.downbg{ z-index:999999999999999; display:none;
position:fixed; left:0; top:0; width:100%; height:100%;  background-color:rgba(0,0,0,0.5);}
.downbg_mid{
max-width:480px; margin:0 auto; padding:0 1em;}
.downbg_mid_mid{ position:relative;
background-color:#fff; border-radius:10px; padding:1em; padding-bottom:2em;}
.downbg_mid_mid_1{ padding-left:1em;
position:relative; border:1px #dedede solid;}
.downbg_mid_mid_1_right{ background-color:#308f9c;
position:absolute; right:0; top:0; height:100%; width:60px;}
.downbg_mid_mid_1_right a{
display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-image:url(../images/img2.png);}
.downbg_mid_mid_1_left input{
border:none; background:none; width:100%; height:40px; line-height:40px;}
.downbg_mid_mid_top{
text-align:center; font-size:1.5em; padding-bottom:.75em;}
.closedd{
position:absolute; right:1em; top:1em; z-index:10; cursor:pointer;}
.zb_about_1{
background-color:#fff; overflow:hidden;}
.zb_about_1_mid{
position:relative;}
.zb_about_1_mid_left{ overflow:hidden; height:100%; border-radius:1.30208333333333vw 0 1.30208333333333vw 0;
position:absolute; left:0; top:0; width:49.51388888888889%;}
.zb_about_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zb_about_1_mid_right{
margin-left:56.25%;}
.indexmid_somid_mid_1_tleft,.indexmid_somid_mid_2_left{
text-align:left;}
.indexmid_somid_mid_2_left:after{
left:0;-webkit-transform: translateX(-0%);
transform: translateX(-0%);}
.zb_about_1_mid_right_1{
line-height:1.8;}
.zb_about_1_mid_right .indexmid_somid_mid_1{
margin-top:0}
.zb_about_1{
padding:9.27083333333333vw 0;}
.zb_about_2{background-attachment: fixed; border-radius:2.60416666666667vw 0 2.60416666666667vw 0; padding:5.98958333333333vw 0; overflow:hidden; background-color:#fff;
background-image:url(../images/a/img2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.zb_about_2_mid{border-radius:1.30208333333333vw 0 1.30208333333333vw 0; overflow:hidden;
margin-left:15vw; max-width:685px; color:#fff; background-color:rgba(59,172,195,0.79);}
.zb_about_2_tt{
background-color:#fff; overflow:hidden}
.zb_about_2_mid_jj{
margin:2.34375vw;}
.zb_about_2_mid_jj ul li{ padding:1em 0;
border-bottom:1px #7ec1d1 solid;}
.zb_about_2_mid_jj_mid{
position:relative; padding-left:110px;}
.zb_about_2_mid_jj_mid_left{
position:absolute; left:0; top:0;}
.zb_about_2_mid_jj_mid_right_1{
font-size:1.125em;}
.zb_about_2_mid_jj_mid_right_1 span{
font-size:1.333333333333333em; padding-right:8px;}
.zb_about_2_mid_jj_mid_right_2{
line-height:1.6; margin-top:10px;}
.zb_about_2_mid_jj ul li:last-child{
border:none}
.zb_ab_mid{
margin:0 15%;}
.zbzsmid_mid{ border-radius:.5em; padding:1em;
background-color:#e7eff1;}
#zsjindu{ background:none;
position:relative; left:auto; bottom:0; width:87px; height:25px; margin:3.33vw auto;}
#zsjindu .swiper-scrollbar-drag{
background:none; z-index:100;}
#zsjindu .swiper-scrollbar-drag:after{ z-index:888;
content:''; position:absolute; right:0; top:0; width:1.5em; height:1.5em; background-color:#3cb3c3; border-radius:100%;}
#zsjindu:after{ background-color:#e2e2e2; border-radius:.8125em;
content:''; position:absolute; left:0; top:50%; width:100%; height:0.8125em;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.zbzsmid_2{ font-size:1.125em;
text-align:center; margin-top:1em;}
#zsjindu{
font-size:.875em;}
.indexbanner video{  width:100%;}
.index_c{
position:absolute; z-index:10;  }
.index_c_2{top:32%;left:5.20833333333333%;  }
.index_c_3{
left:23.80208333333333%; top:29%;}
.index_c_1{ top:15%;
left:41.14583333333333%;}
.index_c_4{
left:32%; top:55%;}
.index_c_5{
left:61.875%; top:28%;}
.index_c_6{
left:79.5625%; top:14%;}
.index_c_7{
left:90%; top:55%;}


.index_c_b{width:2.5em; height:2.5em; position:relative; cursor:pointer;}
.index_c_b i{ display:block; position:absolute; left:50%; top:50%; z-index:10;
  margin-top:-9.5px; margin-left:-9.5px; width:19px; height:19px; background-image:url(../images/index/img1.png?v=1); background-position:center; background-repeat:no-repeat; background-size:cover;}

.index_c_b:after {
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0; width:100%; height:100%;
 left:0;
 border-radius:50%;
/* background-image:url(../images/contact/img8.png);*/ background-position:center;
 opacity:0;
 -webkit-animation:ripple 4s ease-out 225ms infinite;
 -moz-animation:ripple 4s ease-out 225ms infinite;
 -o-animation:ripple 4s ease-out 225ms infinite;
 animation:ripple 4s ease-out 225ms infinite; background-color:#3586bb;
}
.index_c_b:before {border-radius:50%;
width:100%; height:100%; position:absolute; left:0; top:0; content:'';
 -webkit-animation:ripple2 6s ease-out 725ms infinite;
 -moz-animation:ripple2 6s ease-out 725ms infinite;
 -o-animation:ripple2 6s ease-out 725ms infinite;
 animation:ripple2 6s ease-out 725ms infinite; background-color:#3586bb
}
.indexmid_index{
background-color:transparent;margin-top:calc(100vh - 60px);}
.indexmid_index_1{
margin:0 4%; background-color:#fff; height:60px; border-radius:1em 1em 0 0; position:relative;}
.indexmid_index_1_1{
position:absolute; width:100%; text-align:center; top:-33.5px; left:0;}
.indexmid_index_1_2{
position:absolute; left:0; bottom:0; width:100%; text-align:center; color:#666;}
.zbindexmid{
background-color:#fff; overflow:hidden;}
.zbindexmid_1_1_mid{ color:#fff;
position:relative; overflow:hidden; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:1.25vw 0 1.25vw 0;}
.zbindexmid_1_1_mid_mid{
position:relative; z-index:10; margin:4vw 1.6vw;}
.zbindexmid_1_1_mid:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.5;}
.zbindexmid_1_1_mid:hover:after{
background-color:#3cb3c3; opacity:.89}
.zbindexmid_1_1_mid_mid_1{
font-size:1.5em;}
.zbindexmid_1_1_mid_mid_2{
font-size:.875em; margin-top:4px;}
.zbindexmid_1_1_mid_mid_3 dl dd a{ line-height:1.6; color:#fff;
display:block; position:relative; font-size:1.125em; padding-left:1.5em;}
.zbindexmid_1_1_mid_mid_3 dl dd a:after{
content:''; position:absolute; left:0; top:0.4em; width:0.9444444444444444em; height:0.9444444444444444em; background-image:url(../images/index/img7.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbindexmid_1_1_mid_mid_3 dl dd{
margin-bottom:.6em;}
.zbindexmid_1_1_mid_mid_line{
margin-top:1em; margin-bottom:1.125em;}
.zbindexmid_1_1_mid_mid_4 a{ background-color:#3cb3c3; font-family:Arial, Helvetica, sans-serif;
display:block; width:122px; height:28px; border-radius:28px; position:relative; color:#fff;}
.zbindexmid_1_1_mid_mid_4 a span{ font-size:.9375em;
display:block; position:absolute; left:0; width:100%; text-align:center; top:4.5px;}
.zbindexmid_1_1_mid_mid_4{
margin-top:2.5vw;}
.zbindexmid_1_1_mid:hover .zbindexmid_1_1_mid_mid_4 a{
background-color:#fff; color:#3cb3c3}
#indexcatepage{
margin:0 auto; position:relative; height:1.5em; margin-bottom:3.64583333333333vw;}
#indexcatepage:after{-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
content:''; position:absolute; left:0; top:50%; width:100%; height:0.8125em; background-color:#e2e2e2; border-radius:.8125em;}
#indexcatepage span{ z-index:100;
width:1.5em; height:1.5em; border-radius:100%; background-color:#3cb3c3; position:absolute; left:0; top:0;}
#swiper-pagination-p{
position:static; margin:3.64583333333333vw 0 0 0;}
.zbindexmid_2_mid{ overflow:hidden;
margin:0 4%; border-radius:0 0 3.64583333333333vw 3.64583333333333vw}
.zbindexmid_2_midmid_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbindexmid_2_midmid{ padding-bottom:10.41666666666667vw;
position:relative; padding-top:6.51041666666667vw; }
.zbindexmid_2_midmid_jj__kk{ opacity:.5; border-radius:0 0 1.25vw 0; overflow:hidden;
content:''; position:absolute; left:1.5em; top:1.5em; width:100%; height:100%;  }
.zbindexmid_2_midmid_jj{ z-index:10; border-radius:1.25vw 0 0 0;
max-width:625px; position:relative; color:#fff; background-color:rgba(48,143,156,0.78)}
.zbindexmid_2_midmid_jj_mid{
padding:3.64583333333333vw; position:relative; z-index:10;}
.zbindexmid_2_midmid_jj_mid_1{
font-size:1.125em;}
.zbindexmid_2_midmid_jj_mid_1 span{
font-size:2em; padding-right:6px;}
.zbindexmid_2_midmid_jj_mid_2{
font-size:1.875em; margin-top:1em; margin-bottom:.5em;}
.zbindexmid_2_midmid_jj_mid_1_line{
margin-top:.75em;}
.zbindexmid_2_midmid_jj_mid_3{
line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden}
.zbindexmid_2_midmid_jj__kk_right{
position:absolute; right:0; top:0; width:1.5em; height:100%; background-color:#fff;}
.zbindexmid_2_midmid_jj__kk_footer{
position:absolute; bottom:0; width:100%; height:1.5em; background-color:#fff; right:0;}
.zbindexmid_2_midmid_jj_mid_num{
position:absolute; right:2vw; top:1.5vw; font-size:3.75em;}
.zbindexmid_2 .swiper-pagination-bullet{ opacity:1; 
width:.9375em; height:.9375em; background-color:#e2e2e2;}
.zbindexmid_2 .swiper-pagination-bullet-active{
background-color:#3cb3c3;}
.zbindexmid_2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 .875em;}
#swiper-pagination-ps{
bottom:2.60416666666667vw;}
.zbindexmid_3_1{
text-align:center; max-width:720px; margin:0 auto; color:#575757; line-height:1.8;}
.indexmid_somid_mid_1_indext_s:before{-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
content:''; position:absolute; left:50%; bottom:0; width:1.770833333333333em; height:2px; background-image:url(../images/index/img17.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexmid_somid_mid_1_indext_s{
padding-bottom:.5em; margin-bottom:.5em;}
.zbindexmid_3_2 ul li{
float:left; width:25%; text-align:center; position:relative; overflow:hidden}
.zbindexmid_3_2_mid{
display:inline-block; text-align:left;}
.zbindexmid_3_2 ul li:after{ content:''; position:absolute; left:0; top:0; width:1px; height:100%; background-color:#ededed;}
.zbindexmid_3_2 ul li:nth-child(1):after{
display:none}
.zbindexmid_3_2_mid_2 dl dd{
display:inline-block; color:#171717; position:relative;}
.zbindexmid_3_2_mid_2 dl dd span{
font-size:3em; color:#3bb3c3; font-weight:bold;}
.zbindexmid_3_2_mid_1{
margin-bottom:1em;}
.zbindexmid_3_2_mid_2 dl dd.jia:after{ color:#3bb3c3; font-size:1.5em;
content:'+'; position:absolute; right:-.8em; top:0; font-weight:bold}
.zbindexmid_3_2{
margin:6.77083333333333vw 0;}
.zbindexmid_4{ padding-bottom:11.35416666666667vw;
position:relative; overflow:hidden}
.zbindexmid_4:after{
content:''; position:absolute; left:0; top:0; width:96%; height:44vw; border-radius:0 3.64583333333333vw 0 0; background-color:#e9eef4;}
.zbindexmid_4_mid{
margin:0 10.9375%; position:relative; z-index:10;}
.zbindexmid_4_2{
text-align:right; font-size:1.25em;}
.zbindexmid_4_1{
font-size:1.125em; margin-top:.6em;}
.zbindexmid_4_3_mid{
position:relative;  }
.zbindexmid_4_3_mid_bg{ display:none;
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zbindexmid_4_3 ul li{ border-radius:1.25em; overflow:hidden; margin-top:3.9vw;
width:32%; float:left; margin-right:2%; }

.zbindexmid_4_3 ul li:nth-child(3n){
margin-right:0}
.zbindexmid_4_3_mid_jj{
position:static; left:0; top:0; width:100%; height:100%; z-index:10; color:#000;}
.zbindexmid_4_3_mid_jj_top{ display:none;
position:absolute; left:0; top:0; width:100%;}
.zbindexmid_4_3_mid_jj_footer{
position:absolute; left:0; bottom:0; position:static; width:100%;}
.zbindexmid_4_3_mid_jj_top span{
font-size:3.125em; font-weight:bold;}
.zbindexmid_4_3_mid_jj_mid{
margin:2vw 0;}
.zbindexmid_4_3_mid_jj_footer_1{
font-size:1.25em;}
.zbindexmid_4_3_mid_jj_footer_2{
font-size:1.5em;}
.zbindexmid_5{ padding-bottom:7.8125vw;
overflow:hidden; position:relative;}
.zbindexmid_5 .clpagew_info{
position:relative; z-index:10;}
.zbindexmid_5:after{
content:''; position:absolute; left:4%; top:0; width:96%;border-radius:3.64583333333333vw 0  3.64583333333333vw 0; background-color:#e9eef4; height:100%;}
.zbindexmid_5_1_left{ margin-top:4.42708333333333vw;
float:left; width:41.66666666666667%;}
.zbindexmid_5_1_right{
float:right; width:49.58333333333333%;}
.zbindexmid_5_1_left_4 a{ text-align:center;
display:block; position:relative; width:170px; height:40px; border-radius:40px; background-color:#308f9c; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.zbindexmid_5_1_left_4 a span{ padding-right:50px;
    white-space: nowrap;

position:absolute; font-size:.875em; display:block; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.zbindexmid_5_1_left_4 a span:after{-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
content:''; position:absolute; right:0; top:50%; width:40px; height:1px; background-color:#fff;}
.zbindexmid_5_1_left_4{
margin-top:3.33333333333333vw;}
.zbindexmid_6{ text-align:center; padding-top:10.9375vw; padding-bottom:9.89583333333333vw;background-attachment: fixed;
background-image:url(../images/index/img19.png); background-position:center top; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.zbindexmid_6_1{
font-size:3.5em; color:#308f9c; margin-bottom:.6em; }
.zbindexmid_6_2 a{
display:block; margin:0 auto; width:16.375em; height:3.3125em; position:relative; border-radius:3.3125em; border:1px #aeaeae solid; text-align:center;}
.zbindexmid_6_2 a span{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);   position:absolute;white-space: nowrap; padding-right:50px;
font-size:.875em; color:#333333; left:50%; top:50%; font-family:Arial, Helvetica, sans-serif;}
.zbindexmid_6_2 a span:after{-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
content:''; position:absolute; right:0; top:50%; width:40px; height:1px; background-color:#333;}
.zbindexmid_6_2 a:hover{
background-color:#308f9c; border-color:#308f9c; color:#fff;}
.zbindexmid_6_2 a:hover span{
color:#fff}
.zbindexmid_6_2 a:hover span:after{
background-color:#fff;}
#header.cur .header_mid_right_top{
color:#000;}
#header.cur .header_mid_right_top{
display:none}
.btt{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0;
position:absolute; left:50%;-webkit-transform: translate(-50%, -0%); text-align:center;
    transform: translate(-50%, -0%); bottom:1.5em; background-image:url(../images/index/img21.png); height:29px; background-position:center; background-repeat:no-repeat;}
.btt p{
white-space: nowrap; display:inline-block; height:25px; line-height:25px; background-color:#005d95; color:#fff; border-radius:25px; padding:0 1em;}
.btt{
opacity:1; bottom:2.5em;}





@media screen and (max-width:1700px) {
.zbindexmid_6_1{
font-size:2.5em;}
.zbindexmid_5_1_left_1{
font-size:1.25em;}
.zbindexmid_4_3_mid_jj_footer_2{
font-size:1.25em;}
.zbindexmid_4_3_mid_jj_footer_1{
font-size:1em;}
.zbindexmid_4_3_mid_jj_top span{
font-size:2.5em;}
.zbindexmid_4_2,.zbindexmid_4_1{
font-size:1em;}
.zbindexmid_3_2_mid_1 img{
width:80px;}
.zbindexmid_3_2_mid_2 dl dd span{
font-size:2.65em;}
.zbindexmid_3_2_mid_2 dl dd{
font-size:.9375em;}
#swiper-pagination-ps{
font-size:.875em;}
.zbindexmid_2_midmid_jj_mid_num{
font-size:2.5em;}
.zbindexmid_2_midmid_jj_mid_1_line img{
width:80px;}
.zbindexmid_2_midmid_jj_mid_1 span{
font-size:1.5em;}
.zbindexmid_2_midmid_jj_mid_1{
font-size:.9375em;}
.zbindexmid_2_midmid_jj_mid_2{
font-size:1.375em;}
#indexcatepage{
font-size:.875em;}
.zbindexmid_1_1_mid_mid_1{
font-size:1.25em;}
.zbindexmid_1_1_mid_mid_2{
font-size:.75em;}
.zbindexmid_1_1_mid_mid_3 dl dd a{
font-size:1em;}
.zbzsmid_2{
font-size:1em;}
.clpagew_info_2_mid_right_mid_1{
font-size:1.5em;}
.cl_so_info_mid_3_pro_2_mid_right_mid_1 span{
font-size:1.75em;}
.cl_so_info_mid_3_pro_1 span{
font-size:1.5em;}
.zbpro_info_1_right_4{
font-size:1.375em;}
.zbpro_info_1_right_2{
font-size:1.75em;}
.zbpro_info_1_right_1{
font-size:1.125em;}
.clpagew_info_2{
margin-left:4%; margin-right:4%;}
.zbpro_1_mid_left{
font-size:.65em;}
.swiper-container-video .swiper-slide {
  width: 40%;
}
.bzlxwmmid_1_right{
width:40px;}
.bzlxwmmid_1_left_1{
font-size:1.5em;}
.bzlxwmmid_1_left_2{
font-size:.875em;}
.bzlxwmmid_2{
font-size:1.25em;}
.bzlxwmmid_3 dl dd{
font-size:1em}
.zb_contact_footer_mid_right_2{
font-size:1em;}
.zb_contact_footer_mid_left_2{
font-size:2em;}
.zb_contact_footer_mid_left_1{
font-size:1.125em;}
.zbs_2_mid{
font-size:.7em;}
.zbs_1_1_right_mid_1{
font-size:1.125em;}
.zbs_1_1_right_mid_3{
font-size:1em;}

.zb_news_1_mid_right ul li{
padding:1em 0;}
.zb_news_1_mid_right_mid_left_1{
font-size:2.5em;}
.zb_news_1_mid_right_mid_right_1{
font-size:1.125em;}
.zb_news_1_mid_right_mid_right_2{
font-size:1em;}
.zb_news_2_mid_1_mid_2_2_jj{
font-size:.9375em;}
.zb_news_2_mid_1_mid_2_2{
font-size:1.125em;}
.zb_news_2_mid_1_mid_2_3,.zb_news_2_mid_1_mid_2_1{
font-size:.9375em;}
.indexmid_somid_mid_3_cases_1_left .indexmid_somid_mid_3_cases_1_right_img_mid{
font-size:1.25em;}
.indexmid_somid_mid_3_cases_1_right_img_top_num{
font-size:1.875em;}
.indexmid_somid_mid_3_cases_1_right_img_footer_2{
font-size:1.125em;}
.indexmid_somid_mid_3_cases_1_right_img_footer_1{
font-size:.9375em;}
.footerzb_mid_right_mid_mid{
padding-left:5vw;}
.footerzb_mid_right_mid ul li:nth-child(3) .footerzb_mid_right_mid_mid{
padding-left:4vw;}
.footerzb_mid_left_mid_2{
font-size:1em;}
#footer .clpagew_info{
margin:0 4%;}
.sopinfo_right,.sopinfo_left{
font-size:.875em}
.cl_so_info_mid_2_2_zb_mid_jj{
top:10%;}
.cl_so_info_mid_2_2_zb_mid_jj_mid_2{
font-size:1.25em;}
.cl_so_info_mid_2_2_zb_mid_jj_mid_1{
font-size:1em;}
.cl_so_1_info_mid{
padding-left:1.875em; padding-right:1.875em;}
.indexmid_somid_mid_1{
font-size:2.5em;}
.indexmid_somid_mid_2{
font-size:1.5em;}
.indexmid_somid_mid_4 img{
width:40px;}
.indexmid_somid_mid_3_mid_right_mid_2{
font-size:1.5em;}
.indexmid_somid_mid_3_mid_right_mid_1{
font-size:1em;}
.indexmid_somid_mid_3_mid_right_mid_3{
font-size:1em;}
.header_mid_right_top span{
font-size:1.125em;}
.header_mid_right ul li a.biga{
font-size:1em;}
.indexmid_nbg {
  
  margin-top: calc(100vh - 52.8px);
}
.cl_so_1 ul li a{
font-size:1em;}
	   
.cl_pro_info_2_list_mid_right_mid_1{
font-size:1.5em;}
#cl_so_info_mid_1_mid_right_pro{
margin-top:0}
.cl_so_info_mid_1_mid_right_pro_1 dl dd{
font-size:.75em;}
#cl_so_info_mid_1_mid_right_pro .cl_so_info_mid_1_mid_right_1{
padding-bottom:1.5em;   margin-bottom:1.5em;}
.cl_so_2_pro_mid_footer_mid_2{
font-size:1.25em;}
.cl_so_2_pro_mid_footer_mid_1{
font-size:1em;}
.cl_so_2_pro_mid_footer_mid_3 p{
font-size:.9375em;}
.jr_cl_1_1_2_mid_3{
font-size:1.125em;}
.jr_cl_1_1_2_mid_2 dl dd,.jr_cl_1_1_2_mid_4{
font-size:1em;}
.jr_cl_1_1_1 div,.jr_cl_1_1_2_mid_1{
font-size:1.25em;}
.tz_3_2{
font-size:5em;}
.tz_3_1{
font-size:2em;}
.tz_3_3{
font-size:1.125em;}
.tz_2_1_left{
font-size:1.125em;}
.tz_2_1_right{
font-size:1em;}
.tz_1_1_mid_jj_mid_1{
font-size:1.75em;}
.tz_1_1_mid_jj_mid_2{
font-size:1.125em;}
.tz_1_1_mid_jj_mid_3 p{
font-size:.875em;}
.cl_about_4_box{
width:50vw; left:10vw;}
#cl_about_4_box_right_mid_1 span{
font-size:2em;}
.cl_about_4_box_right_mid_2_1{
font-size:1.125em;}
.cl_about_1_mid_right_3_mid_1 p{
font-size:3em;}
.cl_about_2_list_mid_1{
font-size:1.5em;}
.cl_about_3_mid_right_2_t_right{
font-size:1.375em;}
.cl_about_3_mid_right_2_t_right_1{
font-size:1.125em;}
.cl_about_3_mid_right_2_t_left{
font-size:1.5em;}
.cl_news_info_mid_1{
font-size:1.875em;}
.cl_news_info_mid_2{
font-size:1em;}
.cl_so_2_1_news_1_right_mid_2{
font-size:1.5em;}
.cl_so_2_1_news_2_mid_2_2{
font-size:1.25em;}
.cl_so_2_1_news_1_right_mid_1{
font-size:.9375em;}
.cl_so_info_mid_2_2_img_mask_jj_mid_1{
font-size:1.5em;}
.cl_so_info_mid_2_2_img_mask_jj_mid_2{
font-size:1em;}
#swiper-pagination-index-bannerss{
font-size:.875em;}
.cl_so_info_mid_2_1 span{
font-size:2em;}
.cl_so_1_info_mid{
font-size:1em;}
.cl_so_info_mid_1_mid_right_1{
margin-top:1.5em;}
.nybanner_jj_1_cl{
font-size:3em;}
.nybanner_jj_2_cl{
font-size:1.5em;}
.cl_so_2_1_mid_right_mid_3{
margin:2em 0;}
.cl_so_2_1_mid_right_mid_2 span{
font-size:1.65em;}
.cl_so_2_1_mid_right_mid_1{
font-size:1.125em;}
.cl_footer_mid_2_mid_mid_mid{
padding-right:1vw;}
.cl_footer_mid_2_left_mid_2{
font-size:1.875em;}
.cl_footer_mid_2_left_mid_1, .cl_footer_mid_2_mid_mid_mid_1, .cl_footer_mid_2_right_mid_1{
font-size:1.125em;}
.cl_index_3_1_jj_mid_1{
font-size:1.5em;}
.cl_index_2_3_mid_dz,.cl_index_3_1_btn{
font-size:.875em;}
.cl_index_2_3_mid_jj_mid_2{
font-size:1.5em;}
.cl_index_2_3_mid_jj_mid_3,.cl_index_2_3_mid_jj_mid_1 span{
font-size:1em;}
.cl_index_2_2{
font-size:1.125em;}
.cl_index_1_left_mid_1{
font-size:2.5em;}
a.qjmore{
font-size:.875em;}
.banner_img_jj_mid_1_cl{
font-size:2em;}
.banner_img_jj_mid_2_cl{
font-size:3em;}

.menubg{
width:75%;}
.indexmid_3_mid_4_mid_2_1 span{
font-size:1.375em;}
.indexmid_3_mid_4_mid_2_2{
font-size:1.125em;}
.nybanner_jj_3{
font-size:1em;}

.joinus_1_mid_right_mid{ padding:3vw 0;
margin:0 4vw;}

.joinus_1_mid_right_mid_1{
font-size:2.5em;}
.joinus_1_mid_right_mid_2{
font-size:1.125em;}
.newsinfo_mid{
margin:0 4em;}
.newsinfo_mid_1 span{
font-size:1em;}
.newsinfo_mid_2{
font-size:1.875em;}
.news_2_1_mid{
padding-bottom:4.5em;}
.news_2_1_mid_2_mid{
padding:1.5em;}
.news_2_1_mid_2_mid_2{
font-size:1.25em;}
.news_2_1_mid_2_mid_1 span{
font-size:.875em;}
.news_1_mid_right_mid_2{
font-size:1.5em;}
.news_1_mid_right_mid_1 span{
font-size:1em;}
.pro_info_2_mid{
padding-bottom:12em}
.pro_info_2_left_2_mid_1{
font-size:1.5em;}
.pro_info_2_left_2_mid_2{
font-size:1em;}
.pro_info_1_jj_2{
font-size:1.5em;}
.pro_info_1_jj_3{
font-size:1em;}
.proinfo_banner_1{
font-size:2.5em;}
.proinfo_banner_2 h2{
font-size:1.65em;}
.proinfo_banner_3{
font-size:1em; margin-top:1.5em;}
.pro_viewmore{
font-size:.875em;}
.pro_1_mid_left_right_1{
font-size:2em;}
.pro_1_mid_left_right_2{
font-size:1.5em;}
.pro_1_mid_left_right_3{
font-size:1em;}
.about_1_mid_left_2 h2{
font-size:2.25em;}
.about_1_mid_left_1{
font-size:1.375em;}
	.nybanner_jj_1{
font-size:2.5em;}
.nybanner_jj_2{  
font-size:1.875em; }
	.indexmid_5_2{
	font-size:2em;}
	.indexmid_5_1{
	font-size:1em;}
	.indexbanner_cir:before{
	font-size:.75em;}
.footer_2_left_mid_1{
font-size:1.5em;}
.indexmid_4_1_right_mid_2{
font-size:1.875em;}
.news_index_view,.indexmid_4_1_right_mid_1 span,.indexmid_4_1_right_mid_3{
font-size:1em;}
 .indexmid_2_mid_right{
 top:1vw;}
 .indexmid_2_mid_right_1{
 margin-top:3vw;}
.indexmid_3_mid_2{
font-size:1.125em;}
.indexmid_1_right_mid_1{
font-size:2em;}
.indexmid_1_right_mid_2{
font-size:1em;}
.comview{
font-size:.5em;}
 .indexbanner .swiper-pagination-bullet{
 }
 .banner_img_jj_mid_1{
font-size:2.5em}
.banner_img_jj_mid_2{
font-size:1.5em}
 
}

@media screen and (max-width:1200px) {
.zbindexmid_5 .clpagew_info{
margin-left:8%;}
.zbindexmid_4_3_mid_jj_top span{
font-size:2em;}
.zbindexmid_4_3_mid_jj_footer_2{
font-size:1.25em;}
.zbindexmid_4_2{
padding-right:4vw;}
.zbindexmid_4_mid{
margin:0 4%;}
.zbs_2_mid{
font-size:.5em;}
.zbs_2_3 a{
font-size:2em;}
.zbnewsinfo_pv ul li a{
font-size:1em;}
.zb_news_2_mid_1_mid_nopic1 .zb_news_2_mid_1_mid_2_2 {
  -webkit-line-clamp: 2;
}
.zb_news_2_mid_1_mid{
height:31vw;}
.zb_news_2_mid{
margin:0 4%;}
.indexmid_somid_mid{
margin:0 4%;}
.zb_ab_mid{
margin:0 4%;}
.cl_so_info_mid_3_pro_2_mid_right_mid_2{
font-size:1em;}
.sopinfo_right, .sopinfo_left{
font-size:.75em;}
.cl_so_info_mid_3_pro_2_mid_right_mid_1 span{
font-size:1.375em;}
.cl_so_info_mid_3_pro_1 span{
font-size:1.25em;}
.zbpro_info_1_right_4{
font-size:1.125em;}
.zbpro_info_1_right_2{
font-size:1.5em;}
.cl_so_info_mid_2_2_zb_mid_jj_mid_2{
font-size:1.125em;}
.zbpro_1_mid_left{
font-size:.5em;}
.indexmid_somid_mid_1{
font-size:2em;}
.indexmid_somid_mid_2{
font-size:1.125em;}
.clpagew_info{
margin:0 4%;}
.cl_index_2_3_mid_dz, .cl_index_3_1_btn{
font-size:.65em;}
.cl_index_3_1_jj_mid_1{
font-size:1.125em;}
.swiper-container-video .swiper-slide {
  padding: 0 calc((100vw - 880px) * 0.0395833333333333);
  width: 880px;
}

.cl_index_2_2{
font-size:1em;}
.cl_index_2_3_mid_jj_mid_2{
font-size:1.125em;}
.cl_index_2_3_mid_jj_mid_3, .cl_index_2_3_mid_jj_mid_1 span{
font-size:.9375em;}
.cl_index_2_mid{
margin:0 3.85416666666667%}
.cl_index_1_left_mid_1{
font-size:1.5em;}
.banner_img_jj_mid_2_cl{
font-size:2em;}
.banner_img_jj_mid_1_cl{
font-size:1.5em;}
#cl_about_4_box_right_mid_1 span{
font-size:1.5em;}
.cl_about_2_list_mid_1{
font-size:1.125em;}
.cl_about_1_mid_right_3_mid_1 p{
font-size:2.5em;}
.tz_3_2{
font-size:3em;}
.tz_3_1{
font-size:1.5em;}
.tz_3_3{
font-size:1em;}
.tz_2_1_right{
font-size:.9375em;}
.tz_2_1_left{
font-size:1em;}
.tz_2_1 ul li a{
padding:.75em 1em;}
.tz_1_1_mid_jj_mid_1{
font-size:1.25em;}
.tz_1_1_mid_jj_mid_2{
font-size:1em;}
.cl_news_info_mid_1{
font-size:1.5em;}
.cl_so_2_1_news_1_right_mid_2,.cl_so_2_1_news_2_mid_2_2{
font-size:1.125em;}
.cl_pro_info_2_list_mid_right_mid_2{
font-size:.9375em;}
.cl_pro_info_2_list_mid_right_mid_1{
font-size:1.125em;}
.cl_so_2_pro_mid{
height:36vw;}
.cl_so_2_pro_mid_footer_mid_2{
font-size:1.125em;}
.cl_so_info_mid_2_2_img_mask_jj_mid_1{
font-size:1.125em;}
.cl_so_info_mid_2_2_img_mask_jj_mid_2{
width:100%;}
.cl_so_info_mid_2_1 span{
font-size:1.5em;}
.cl_so_2_1_mid_right_mid_2 span{
font-size:1.25em;}
.cl_so_2_1_mid_right_mid_1{
font-size:1em;} 
.cl_so_1 ul li a span img{
max-width:1.3em;}
.cl_so_1 ul li a{
font-size:1em;}
.clpagew{
margin:0 3.85416666666667%;}
.nybanner_jj_2_cl{
font-size:1em;}
.nybanner_jj_1_cl{
font-size:2em;}
.joinus_1_mid_right_mid_1{
font-size:1.875em;}
.newsinfo_mid_2{
font-size:1.5em;}
.news_1_mid_right_mid_2,.news_2_1_mid_2_mid_2{
font-size:1.125em;}
.news_1_mid_right_mid_1 span{
font-size:.875em;}
.pro_info_2_left{
top:0; position:static; float:left}
.pro_info_2_left_2_mid{
margin-left:0; margin-right:0}
.pro_info_2_left_2_mid_1{
font-size:1.25em;}
}
@media screen and (max-width:1080px) {
 
.header_mid_left img{
width:auto; height:35px;}
.jobmask_mid_mid{
margin-top:2em; margin-bottom:2em;}
.jobmask_mid_close{
top:1em; right:1em;}
.jobmask_mid_mid_1{
font-size:1.25em;}
.jobmask_mid_mid{
margin-left:2em; margin-right:2em;}
.jobmask_mid_close a img{
width:2em;}
.indexmid_5_3 a{
font-size:.75em;}
.indexmid_5_2{
font-size:1.875em;}
.indexmid_4_1_right_mid_2{
font-size:1.25em;}
.indexmid_4_1_right_mid_1 span,.news_index_view{
font-size:.875em;}
.indexmid_2_mid{
margin-bottom:25vw;}
.banner_img_jj{
left:2.60416666666667%; right:2.60416666666667%}
.comview{
font-size:.4em;}
.indexmid_1_right_mid_1{
font-size:1.875em;}
.indexmid_1_right{
left:2.60416666666667%; right:2.60416666666667%}
	#header.cur.headroom--unpinned{
top:0%;}
#header .header_mid{ margin-top:0; margin-bottom:0;}
#header.cur,#header{
background-color:#fff; padding:1em 0;}
#header .header_mid_left a img{
opacity:0; }
#header .header_mid_left a span{
top:0; opacity:1;
}
.header_mid_right{
display:none}
.nav-btn-box{
display:block}
.nybanner_jj_2{
font-size:1.5em;}
.nybanner_jj_1{
font-size:2em;}
.about_1_mid_left_1{
font-size:1em;}
.pagew{
margin-left:2.60416666666667%; margin-right:2.60416666666667%;}
.about_1_mid_left_2 h2{
font-size:1.875em;}
}
.momenu{
display:none; margin-bottom:1.5em; }
.momenu div{background-position:right center; background-repeat:no-repeat; background-image:url(../images/x.png);}
.momenu select{appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border:none; background:none;
border:none; background:none; width:100%; padding:1em 0; border-bottom:1px #dedede solid;}
@media screen and (max-width:1024px) {
.zb_about_1{
padding-top:1em;}
.momenu{
display:block;}
.zbindexmid_6_1{
font-size:2em;}
.zbindexmid_3_2_mid_2 dl dd.jia:after {
right:-7px}
.zbindexmid_3_2_mid_2 dl dd.jia{
padding-right:10px;}
.zbindexmid_3_2_mid_1 img{
width:60px;}
.zbindexmid_3_2_mid_2 dl dd span{
font-size:2em;}
#indexcatepage{
font-size:.65em;}
#newszbcate{
display:none}	
.footerzb_mid_left_mid_1 img{
max-width:none; height:40px;}
.zb_news_2_mid_1_mid{
height:35vw;}
.zb_news_2_mid_1_mid_2_2_jj{-webkit-line-clamp: 4;}
.zb_about_2_mid_jj_mid{
padding-left:85px;}
.zb_about_2_mid_jj_mid_left img{
width:65px;}
.zb_about_2_mid_jj_mid_right_1{
font-size:.875em;}
.cl_index_3_1_jj_mid_1,.cl_index_3_1_jj_mid_2{
width:45vw;}
.swiper-container-video .swiper-slide {
  padding: 0 calc((100vw - 800px) * 0.0395833333333333);
  width: 800px;
}
.cl_footer_mid_2_right{
width:50%;}
.cl_footer_mid_2_left{
width:50%;}
.cl_footer_mid_2_mid{
display:none}
.cl_index_1_left_mid{
padding-left:3.85416666666667%}
.cl_index_1_left_mid_4_2{
font-size:.9375em;}
	.cl_about_3_mid_right_2_t_right{
	font-size:1.125em;}
	.cl_about_3_mid_right_2_t_left{
	font-size:1.25em;}
	.jr_cl_1_1_1{
	padding:.65em 1.5em;}
	.jr_cl_1_1_1 div, .jr_cl_1_1_2_mid_1{
	font-size:1.125em;}
	.jr_cl_1_1_2{
	padding:1em 1.5em;}

	.newsinfo_mid_4_mid_mid{ display:none;
	position:static;-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
	.pro_info_1_jj{
	top:15%;}
	.pro_info_1_jj_2{
	font-size:1.25em;}
	.proinfo_banner_1{
	font-size:1.875em;}
	.proinfo_banner_2 h2{
	font-size:1.25em;}
	.pro_1_mid_left_right_1{
	font-size:1.5em;}
	.pro_1_mid_left_right_2{
	font-size:1.125em;}
	.footer_2{
	padding-right:12em;}
	.footer_2_right{
	width:11.4em;}
	.footer_2_left{
	display:none}
	.footer_2{
	padding-left:0}
	.footer_2_mid_mid{
	padding-left:0; border-left:none}
}
@media screen and (max-width:950px) {
.zb_contact_footer_mid_left_2{
font-size:1.5em;}
.cl_so_2_1_news_1_left{
width:100%;}
.cl_so_2_1_news_1_right{
position:static; width:100%;-webkit-transform: translateY(-0%);
transform: translateY(-0%); padding-top:1em; padding-bottom:1em;}

.pro_info_1_jj{
position:static; width:auto; margin:0 2.60416666666667%; padding:2em 0;}

}
#sjdhis{
display:none}
@media screen and (max-width:850px) {
.cl_index_4_mid_1_mid_img{
height:12vw;}
.cl_index_4_mid_1 ul li{
width:23.69186046511628%;}
.cl_index_4_mid_1 ul li:nth-child(5n){
margin-right:1.74418604651163%}
.cl_index_4_mid_1 ul li:nth-child(4n){
margin-right:0}
.cl_index_1_left_mid_1{
font-size:1.25em;}
.cl_about_3_mid_right_2_t_left span:after {
width:1.25em;}
.cl_about_3_mid_right_2_t_left span{
padding-right:1.5em;}
.cl_about_3_mid_right_2{
height:auto}
.cl_about_3_mid_right_2_dl dd{
font-size:.9375em;}
.cl_about_3_mid_right_2_t,.cl_about_3_mid_right_2_dl{
padding-left:130px;}
.cl_about_3_mid_right_2_t_left{
color:#333;}
.cl_about_3_mid_right_1{
padding-left:0}
.cl_about_3_mid_left{
position:relative; width:100%; height:50vw;}
.cl_about_3_mid_right{
margin-left:0; padding-top:1.5em;}
#sjdhis{
display:block}
.cl_about_3_mid_right .swiper-container{
display:none}
.news_2_1 ul li{ width:49%; margin-right:0;
margin-bottom:3em;}
.news_2_1 ul li:nth-child(2n){
float:right}
.news_1_mid_left{
width:100%;}
.news_1_mid_right{
position:static; height:auto; width:100%; padding:2em 0;}
.news_1_mid_right_mid{
margin-left:1.5em; margin-right:1.5em;}
}
#zbpro_info_1_right_3_m{
display:none; height:auto; line-height:1.8;}
.zb_about_1_mid_left img{
display:none; width:100%;}
.csimds{
display:none; width:100%;}
.indexmid_somid_mid_3_mid_left img{
display:none; width:100%;}
.zb_news_1_mid_left img{
display:none; width:100%;}
.omgd{
display:none}
.syjjjf{
display:none; width:100%;}
#idp{
display:none}
@media screen and (max-width:810px) {
#idv{
display:none}
#idp{
display:block}

.indexmid_index_1_1{
top:-25px;}
.indexmid_index_1_1 img{
width:25px;}
.zbindexmid_6_1{
font-size:1.5em;}
.zbindexmid_6_2 a{
height:40px; border-radius:40px; line-height:40px; }
.zbindexmid_5_1_left_1{
font-size:1.125em;}
.zbindexmid_5_1_left_4 a{
width:100%;}
.zbindexmid_5_1_left_3 img{
width:100%;}
.zbindexmid_5_1_right{
width:100%; margin-top:1em;}
.zbindexmid_5_1_left{
width:100%;}
.zbindexmid_4_3 ul li:nth-child(3){
margin-left:0; margin-right:0}
.zbindexmid_4_3 ul li:nth-child(1){
margin-right:0}
.zbindexmid_4_3 ul li{
width:100%;}
.zbindexmid_4_3_mid{
height:auto}
.zbindexmid_4_3_mid_bg{
display:none}
.syjjjf{
display:block;}
.zbindexmid_3_2_mid{
text-align:center; display:block; padding:0 1em;}
.zbindexmid_3_2 ul li:nth-child(3):after {
display:none}
.zbindexmid_3_2 ul li:nth-child(3),.zbindexmid_3_2 ul li:nth-child(4){
margin-top:1em;}
.zbindexmid_3_2 ul li{
width:50%;}
#swiper-pagination-ps{
font-size:.75em;}
.zbindexmid_2_midmid_jj_mid_num{
font-size:2em;}
.zbindexmid_2_midmid_jj_mid_2{
font-size:1.125em;}
.zbindexmid_2_midmid_jj_mid_1 span{
font-size:1.375em;}
.zbindexmid_2_midmid_jj_mid_1{
font-size:.875em;}
.indexmid_index{
margin-top:0}
#indexbanner{
position:static;}
#main{
padding-top:72.4px;}
.footerzb_mid_left{
width:100%; text-align:center}
.footerzb_mid_right{
display:none}
.zb_contact_footer_mid_left {
  position:static;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-0%);
  transform: translateY(-0%);
}
.zb_contact_footer_mid_right{
padding-top:1.5em;}
.zb_contact_footer_mid{
padding-left:0;  }
.omgd{
display:block}
.bzlxwmmid_1_left_1{
font-size:1.25em;}
.bzlxwmmid_2{
font-size:1.125em;}
.zbs_2_mid{
font-size:.4em;}
.zbs_2_3 a{
font-size:2.5em;}
.sopinfo_left_s,.sopinfo_right_s{
font-size:.875em;}
.zbs_1_1_right{
margin-left:0}
.zbnewsinfo_pv ul li a{
padding:.5em 1em;}
.zbnewsinfo_pv ul li{
width:100%;}
.zbnewsinfo_pv ul li:nth-child(2){
text-align:left}
.zb_news_2_mid_1_mid{
height:43vw;}
.zb_news_2_mid_1 ul li{
width:50%;}
.zb_news_1_mid_right_mid_right{
margin-left:7.5em;}
.zb_news_1_mid_right_mid_left{
width:7.5em;}
.zb_news_1_mid_right_mid_left_1{
font-size:2em;}
.zb_news_1_mid_right{
margin-left:0; margin-top:1em;}
.zb_news_1_mid_left{
position:static; width:100%; height:auto}
.zb_news_1_mid_left img{
display:block}
.indexmid_somid_mid_3 ul li:nth-child(2n) .indexmid_somid_mid_3_mid_right{
margin-right:0}
.indexmid_somid_mid_3_mid_right{
margin-left:0}
.indexmid_somid_mid_3_mid_left img{
display:block}
.indexmid_somid_mid_3_mid_left_bg{
display:none}
.indexmid_somid_mid_3_mid_left{
position:static; width:100%;}
.indexmid_somid_mid_3_mid_right_mid_2{
font-size:1.25em;}
.dtwu .cl_so_1{
opacity:0; visibility:hidden}
.dtwu .cl_so_info_mid_1_mid_zb{
padding-top:1.5em;}

.indexmid_somid_mid_3_cases_1_right_img_footer_2{
font-size:1em;}
.indexmid_somid_mid_3_cases_1_right_img_top_num{
font-size:1.5em;}
.indexmid_somid_mid_3_cases_2 ul li{
width:49%; margin-right:0}
.indexmid_somid_mid_3_cases_2 ul li:nth-child(2n){
float:right}
.indexmid_somid_mid_3_cases_1_right ul li{
width:49%; float:left; margin-top:1.45833333333333vw}
.indexmid_somid_mid_3_cases_1_right ul li:nth-child(2){
float:right}
.indexmid_somid_mid_3_cases_1_left_bg{
display:none}
.csimds{
display:block}
.indexmid_somid_mid_3_cases_1_left{
position:static; width:100%;}
.indexmid_somid_mid_3_cases_1_right{
margin-left:0; width:100%;}

#zsjindu .swiper-scrollbar-drag::after {
top:.3em;}
#zsjindu{
font-size:.7em;}
.zb_about_2_mid{
max-width:none; margin-left:4%; margin-right:4%;}

.zb_about_1_mid_right{
margin-left:0; margin-top:2em;}
.zb_about_1_mid_left{
position:static; width:100%;}
.zb_about_1_mid_left_bg{
display:none}
.zb_about_1_mid_left img{
display:block}

.clpagew_info_2_mid_right_mid_1{
font-size:1.25em;}

.clpagew_info_2_mid_left {
  -webkit-transform: translateY(-0%);
  transform: translateY(-0%);
  position:static;
  left: 0;
  top: 50%;
  width: 100%; text-align:center;
}
.clpagew_info_2_mid_right{
margin-left:0; margin-top:1.5em;}
.zbpro_info_1_right_2{
font-size:1.25em;}
#zbpro_info_1_right_3_m{
display:block}
#zbpro_info_1_right_3_p{
display:none}
.zbpro_info_1_left_2_mid{
position:static; padding:.5em 0;}
.zbpro_info_1_left_2{
position:static; padding:1em 0;}
.zbpro_info_1_left_1{
position:static; padding:1.5em 0;}
.zbpro_info_1_right{
margin-left:0}
.zbpro_info_1_left{
width:100%; position:static;}
.cl_so_info_mid_3_pro_2_mid_right_mid_1 span{
font-size:1.125em;}
.cl_so_info_mid_3_pro_2_mid_right_mid{
margin:1em 0;}
.cl_so_info_mid_3_pro_2 ul li:nth-child(2n) .cl_so_info_mid_3_pro_2_mid_left{
margin-left:0}
.cl_so_info_mid_3_pro_2_mid_right {
  -webkit-transform: translateY(-0%);
  transform: translateY(-0%);
  position:static;
   
  width: 100%;
}
.cl_so_info_mid_3_pro_2_mid_left{
width:100%;}
.zbpro_1_mid_left_3 a{
font-size:14px;}
.zbpro_1_mid_left{
font-size:.475em;}
.indexmid_somid_mid_2{
font-size:1em;}
#loadpartner img{
width:30px;
}
.cl_so_info_mid_2_2_zb_mid{
height:36vw}
.zbpro_2 ul li{
width:49%; margin-right:0}
.zbpro_2 ul li:nth-child(2n){
float:right}
.indexmid_somid_mid_1{
font-size:1.5em;}
.cl_index_3_1_jj_mid_1, .cl_index_3_1_jj_mid_2{
width:100%;}
.cl_index_3_1_btn{
display:none}
.cl_footer_mid_2_left_mid_2{
font-size:1.5em;}
.cl_footer_mid_1{
text-align:center; padding-bottom:1.5em;}
.cl_footer_mid_2_left{
text-align:center}
.cl_footer_mid_2_right_mid_1{
display:none}
.cl_footer_mid_2_left_mid{
padding-right:0;}
.cl_footer_mid_2_right_mid{
padding-left:0;}
.cl_footer_mid_2_left{
width:100%;}
.cl_footer_mid_2_right{ text-align:center;
width:100%;}
.cl_index_1_right{
position:static; width:100%; padding-top:1.5em;}
.cl_index_1_left{
width:96.14583333333333%;}
.banner_img_jj_mid_2_cl{
font-size:1.5em;}
.banner_img_jj_mid_1_cl{
font-size:1.25em;}
.cl_about_4{
height:auto}
#map_canvas{ position:relative;
height:60vw}
.cl_about_4_box{
position:static; width:100%;-webkit-transform: translateY(-0%); border-radius:0;
transform: translateY(-0%);}
.cl_about_1_mid_right{
margin-left:0; margin-top:1.5em;}
.cl_about_1_mid_left{
width:100%; position:relative; height:50vw;}
.cl_news_info_mid_1{
font-size:1.25em;}
.cl_so_info_mid_1_mid_right_pro_1 dl dd.on{
border:3px #cfd3d4 solid;}
.cl_so_info_mid_1_mid_right_pro_1 dl dd{
font-size:.6em;}
#cl_so_info_mid_1_mid_right_pro{
width:100%; margin-top:1.5em;}
#cl_so_info_mid_1_mid_left_pro{
width:100%;}
.cl_so_info_mid_2_1 span{
font-size:1.25em;}
.cl_so_info_mid_1_mid_left,.cl_so_info_mid_1_mid_right{
width:100%;}
.cl_so_2_1_mid_right_mid_2 span{
font-size:1.125em;}
.cl_so_2_1_mid_left{
width:100%;}
.cl_so_2_1_mid_right { width:100%; position:static;
  -webkit-transform: translateY(-0%);
  transform: translateY(-0%);
 }
.cl_so_2_1_mid_right_mid{
margin:1em 0;} 
.indexmid_5_2{
font-size:1.5em;}
.indexmid_4_1{
padding:2em 0; margin-top:2em;}
.indexmid_4_1_right_mid{
margin:1.5em 1em;}
.indexmid_4_1_right{
margin-left:3%;
}
.indexmid_3_mid_2{
font-size:.875em;}
.indexmid_2_mid{
margin-bottom:32vw;}
.indexmid_1_left{
margin-left:0}
.indexmid_1_right {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  max-width: 100%;
  position:static; padding-top:2em;
  margin-left: 2.60416666666667%;
  margin-right: 2.60416666666667%;
  top: 0%;
}
.indexmid_1_right_mid_1{
font-size:1.5em;}
.indexbanner .swiper-pagination-bullet{
font-size:.5em;}
.banner_img_jj_mid_1{
font-size:1.875em;}
.banner_img_jj_mid_2{
font-size:1.25em;}
.joinus_2_mid_mid_2{
font-size:1.25em;}
.joinus_2_mid_mid_1{
font-size:.875em;}
.joinus_2_mid_mid{
margin:0 1.5em; padding-top:2.5em; padding-bottom:2.5em;}
.joinus_2{
padding-top:2.5em; padding-bottom:2.5em;}
.joinus_2_mid{
max-width:100%;}
.joinus_1_mid_right_mid_3_mid_1{
font-size:1.125em;}
.joinus_1_mid_right_mid_3_mid_2{
font-size:.875em;}
.joinus_1_mid_right{
margin-left:3%;}
.newsinfo_mid_3{
margin-bottom:2em;  }
.newsinfo_mid{
margin:0 2em; padding-bottom:2em;}
.newsinfo_mid_2{
font-size:1.25em;}
.newsinfo_mid_4_mid_left,.newsinfo_mid_4_mid_right{
width:100%; text-align:left}
.newsinfo_mid_4_mid_left a{
padding-right:0}
.newsinfo_mid_4_mid_right a{
padding-left:0}
.newsinfo_mid_4_mid_right{
margin-top:1em;}
	.pages_3_mid_right{
	width:85%;}
	.pages_1_right{
	max-width:85%;}
	.proinfo_banner{
	left:2.6%; right:2.6%;}
	.pro_2 .indexmid_3_mid_4 ul li{
	margin-bottom:2em;}
	.pro_banner_pn{
	left:2.60416666666667%; color:#fff; bottom:1.5em;}
	.pro_banner_pn a{
	color:#fff}
	.pro_1{
	padding:2.5em 0 6em 0;}
	.pro_1_mid_left_left{
	width:100%;}
	.pro_1_mid_right{
	width:100%;}
	.pro_viewmore{
	font-size:.75em;}
	.pro_1_mid_left_right{ width:100%; margin-top:1.5em;
	position:static;-webkit-transform: translateY(-0%);
transform: translateY(-0%);}
	.indexbanner_cir:before{
	font-size:.6em;}
	.indexbanner_cir{
	width:5em; height:5em;}
	.footer_2{
	display:none}
	.footer_3{
	margin-top:0}
	.footer_1{
	padding:2em 0;}
	.nybanner_jj_2{
	font-size:1.125em;}
	.nybanner_jj_1{
	font-size:1.875em;}
	.about_2_1_left{
	width:100%;}
	.about_2_1_right{
	width:100%;}
	.about_2_2 .about_2_1_left{
	width:100%;}
	.about_2_2 .about_2_1_right{
	width:100%;}
	
}

@media screen and (max-width:768px) {
.cl_index_2_3_mid{
height:35vw;}
.cl_index_2_3_mid_jj_mid_2{
max-width:100%;}
.cl_index_2_3 ul li,.cl_index_2_3 ul li:nth-child(2),.cl_index_2_3 ul li:nth-child(3),.cl_index_2_3 ul li:nth-child(4),.cl_index_2_3 ul li:nth-child(6){
width:100%;}
.cl_about_4_box_right_mid_2_1{
font-size:1em;}
#cl_about_4_box_right_mid_1 span{
font-size:1.125em;}
.cl_about_4_box_right{
width:100%; padding-bottom:1em;}
.cl_about_4_box_left{
position:relative; width:100%; height:50vw;}
.cl_so_2_1_news_2 ul li{
width:49%; margin-right:0}
.cl_so_2_1_news_2 ul li:nth-child(2n){
float:right;}
.cl_pro_info_2_list ul li{
margin-bottom:1em;}
.cl_pro_info_2_list ul li:nth-child(2n) .cl_pro_info_2_list_mid_left{
margin-left:0}
.cl_pro_info_2_list_mid_right_mid{
position:static; width:auto; padding:1em;}
.cl_pro_info_2_list_mid_right{
position:static; width:100%;}
.cl_pro_info_2_list_mid_left{
width:100%;}
.cl_so_2_pro_mid{
height:52vw;}
.cl_so_2_pro_list dl dd{
width:49%; margin-right:0;}
.cl_so_2_pro_list dl dd:nth-child(2n){
float:right}
.nybanner_jj_1_cl{
font-size:1.5em;}
.pagination{
font-size:.875em;}
.indexmid_2_mid{
margin-bottom:38vw;}
.banner_img_jj_mid_2{
font-size:1em;}
.indexmid_1_right_mid_1,.banner_img_jj_mid_1{
font-size:1.25em;}
.joinus_1_mid_right_mid_1{
font-size:1.25em;}
.joinus_1_mid_right_mid_1{
font-size:1.5em;}
.joinus_1{
padding-top:4em;}
.joinus_1_mid_left{
top:-2em;}
.pro_page{
margin-bottom:4em;}
.pagination li:nth-child(1) span, .pagination li:nth-child(1) a,.pagination li:last-child span, .pagination li:last-child a{
 }
.pagination li{
margin:0 5px;}
.indexmid_3_mid_4_mid_2_1 span{
font-size:1.125em;}
.indexmid_3_mid_4_mid_2_2{
font-size:1em;}
.indexmid_3_mid_4_mid_2_3{
font-size:.9375em;}
.indexmid_3_mid_4{
margin-top:2em;}
.indexmid_3_mid_4_mid_1:after{
display:none}
.indexmid_3_mid_4 ul li{
width:49%; margin-right:0}
.indexmid_3_mid_4 ul li:nth-child(2n){
float:right}
.about_1_mid_left_2 h2{
font-size:1.5em;}
.about_1_mid_left_3{
margin-top:1.5em;}
}
.zb_news_2_mid_1_mid_1 img{
display:none; width:100%;}
@media screen and (max-width:700px) {
.zb_news_2_mid_1_mid_nopic1 .zb_news_2_mid_1_mid_2{
padding-bottom:1.5em;}
.zb_news_2_mid_1_mid{
height:auto}
.zb_news_2_mid_1_mid_2{
position:static; padding-top:1.5em;}
.zb_news_2_mid_1_mid_1{
position:static; width:100%; height:auto;}
.zb_news_2_mid_1_mid_1_bg{
display:none}
.zb_news_2_mid_1_mid_1 img{
display:block}
.zb_news_2_mid_1 ul li{
width:100%;}
.indexmid_2_mid_left{
width:100%;}
.indexmid_2_mid_right{
position:static; width:100%; padding-top:2em;}
.indexmid_2_mid{
margin:2em 0;}
}
@media screen and (max-width:640px) {
.zbindexmid_1_1_mid_mid_line{
font-size:1.125em;}
.zbindexmid_1_1_mid_mid_line img{
width:64px; height:1px;}
.footerzb{
padding-top:1.5em; padding-bottom:1.5em;}
.footer_cpzb_mid_left,.footer_cpzb_mid_right{
float:none; width:100%; text-align:center}
.zbs_2_2{
font-size:4.5em;}
.cl_so_info_mid_3_zb {
 
  border-radius: 0 0 0 0;
}
.clpagew_info_2_mid_right{
border-radius:1em;}
.clpagew_info_2_mid_right_mid_3 ul li{
position:relative; padding-right:100px;}
.clpagew_info_2_mid_right_mid_3_right{
width:90px; position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.clpagew_info_2_mid_right_mid_3_mid2{
display:none}
.clpagew_info_2_mid_right_mid_3_left{
width:auto; float:none}
.clpagew_info_2_mid_right_mid_3_mid{
display:none}
.zbpro_1_mid_left_2{
font-size:2.5em;}
.indexmid_somid_mid_1{
font-size:1.25em;}
.zbpro_1_mid_left {
  position:static;
  
  -webkit-transform: translateY(-0%);
  transform: translateY(-0%);
  width: 100%;
}
.zbpro_1_mid_right{
margin-left:0}
.cl_so_info_mid_2_2_zb_mid{
height:50vw;}
.zbpro_2 ul li{
width:100%;}
.cl_index_4_mid_1_mid_img{
height:16vw;}
.cl_index_4_mid_1 ul li{
width:32%; margin-right:2%;}
.cl_index_4_mid_1 ul li:nth-child(5n){
margin-right:2%}
.cl_index_4_mid_1 ul li:nth-child(4n){
margin-right:2%}
.cl_index_4_mid_1 ul li:nth-child(3n){
margin-right:0%}

.cl_about_1_mid_right_3_mid_1 p{
font-size:2em;}
.cl_about_1_mid_right_3_mid_2{
font-size:.9375em;}
.jr_cl_1_1_1 div, .jr_cl_1_1_2_mid_1,.jr_cl_1_1_2_mid_3{
	font-size:1em;}
#swiper-pagination-index-bannerss .swiper-pagination-bullet{
font-size:.875em; margin:0 .5em;}
.jobmask_mid_mid{
margin-left:1em; margin-right:1em;}
.indexmid_5_2{
font-size:1.25em;}
.indexmid_5_3 a{
font-size:.55em;}
.joinus_1_mid_right_mid{
padding-top:2em; padding-bottom:2em;}
.joinus_1_mid_right_mid_2{
font-size:1em; line-height:1.5;}
.jobnav_mid{
width:135px;}
.jobnav_mid_left,.jobnav_mid_right{
width:32px;}
.joinus_1_mid_right_mid_3 ul li{
width:100%;}
.news_2_1 ul li{
width:100%;}
.pages_2_mid_left{
width:100%;}
.pages_2_mid_right{
width:100%; margin-top:2em;}
.pages_1{
padding-top:2.5em; padding-bottom:2.5em;}
.pro_info_2_mid{
padding-bottom:0}
.pro_info_2_left,.pro_info_2_right{
width:100%;}
.pro_info_2_right{
margin-top:2em;}
.footer_3_mid_left,.footer_3_mid_right{ line-height:1.5;
float:none; width:100%; text-align:center;}
.footer_3_mid_left{
padding-bottom:5px;}
.pro_page{
margin-bottom:2em;}
}
.m-nav li:last-child .tit:before,.m-nav li:nth-child(4) .tit:before,.m-nav li:nth-child(6) .tit:before{
display:none}
.bshoujiimg{
display:none; width:100%;}
@media screen and (max-width:480px) {
#swiper-pagination-ps{
font-size:.6em;}
.zbindexmid_1_1_mid_mid_1{
font-size:1.125em;}
.zbindexmid_1_1_mid_mid_line{
margin:.5em 0;}
.zbindexmid_6_2 a{
width:12em;}
.zbindexmid_6_1{
font-size:1.25em; margin-bottom:1.5em;}
.zbindexmid_6{
padding:25vw 0;}
.zbindexmid_4:after {
height:60vw;}
.zbindexmid_4_3_mid_jj_top span{
font-size:1.65em;}
.zbindexmid_4_3_mid_jj_footer_2{
font-size:1.125em;}
.zbindexmid_4_3_mid_jj_footer_1{
font-size:.875em;}
.zbindexmid_3_2_mid_2 dl dd.jia{
padding-right:15px;}
.zbindexmid_3_2_mid_2 dl dd.jia:after{
right:-3px;}
.zbindexmid_3_2_mid_1{
margin-bottom:.5em;}
.zbindexmid_3_2_mid_2 dl dd span{
font-size:1.75em;}
#indexcatepage{
font-size:.5em;}
.zb_contact_footer_mid_left_2{
font-size:1.25em;}
.footerzb_mid_left_mid_1 img{
height:32px;}
.zb_news_1_mid_right ul li{
padding:.5em 0;}
.zb_news_1_mid_right_mid_right{
margin-left:5.5em;}
.zb_news_1_mid_right_mid_left{
width:5.5em; top:.5em;}
.zb_news_1_mid_right_mid_left_1{
font-size:1.75em;}

.indexmid_somid_mid_3_mid_right_mid_2{
font-size:1.125em;}
.indexmid_somid_mid_3_mid_right_mid_1{
font-size:.875em;}
.indexmid_somid_mid_3_cases_1_right_img_footer_2{
font-size:18px;}
.indexmid_somid_mid_3_cases_1_right_img_footer_1{
font-size:15px;}
.indexmid_somid_mid_3_cases_2{
margin-top:1em;}
.indexmid_somid_mid_3_cases_2 ul li{
margin-bottom:1em;}
.indexmid_somid_mid_3_cases_1_right ul li{
margin-top:1em;}
.indexmid_somid_mid_3_cases_1_right ul li{
width:100%;}
.indexmid_somid_mid_3_cases_1_right_img_img img{
width:100%;}
.indexmid_somid_mid_3_cases_2 ul li{
width:100%;}
.zb_about_2_mid_jj_mid{
padding-left:75px;}
.zb_about_2_mid_jj_mid_left img{
width:60px;}
.zb_about_2_mid_jj_mid_right_2{
font-size:.9375em;}
.cl_so_info_mid_2_2_zb_mid{
height:75vw;}
.cl_index_3_1_jj_mid_1{
font-size:1em; line-height:1.7;}
.cl_index_3_1_jj_mid_2{
display:none}
.cl_footer_mid_2_right_mid_2{
padding-top:1em;}
.cl_footer_mid_2_left_mid_1{
font-size:1em;}
.cl_footer_mid_1 img{
height:22px;}
.cl_index_4_mid_1_mid_img{
height:22vw}
.cl_index_4_mid_1 ul li:nth-child(4n){
margin-right:0}
.cl_index_4_mid_1 ul li{
width:49%; margin-right:0}
.cl_index_4_mid_1 ul li:nth-child(2n){
float:right}
.cl_index_1_left_mid_4_1{
min-height:50px;}
.cl_index_1_left_mid_4_1 img{
height:33px;}
.cl_index_1_left_mid{
padding-right:3.85416666666667vw;}
.cl_index_1_left_mid_2{
font-size:.9375em; margin-bottom:1.5em;}
.cl_index_2_2{
font-size:.9375em;}
.cl_index_1_left_mid_1{
font-size:1.125em;}
.cl_index_2_3_mid{
height:50vw;}
.cl_index_2_3_mid_jj_mid_2{
font-size:1em;}
.banner_img_jj_mid_2_cl{
font-size:1.25em;}
.banner_img_jj_mid_1_cl{
font-size:1.125em;}

.cl_about_2_list_mid { border-left:none;
  border-bottom: 2px #14aacf solid;
}
.cl_about_2_list_mid{
min-height:inherit; padding-top:1em;}
.cl_about_2_list ul li{
width:100%;}
.cl_about_1_mid_right_3_mid_1 p{
font-size:1.875em;}
.tz_3_2{
font-size:1.875em;}
.tz_3_1{
font-size:1.125em;}
.tz_2_mid{
padding-right:0}
.tz_2_1_right{
display:none}
.tz_1_1_mid_jj_mid_1{
font-size:1.125em;}
.tz_1_1_mid_jj_mid_2{
font-size:.9375em;}
.cl_news_info_mid_1{
font-size:1.125em;}
.cl_so_2_1_news_2_mid_2_3,.cl_so_2_1_news_1_right_mid_3{
font-size:.9375em;}
.cl_so_2_1_news_2 ul li{
width:100%;}
.cl_so_info_mid_1_mid_right_pro_1 dl dd{
font-size:.5em;}
.cl_so_2_pro_mid_footer_mid_2{
font-size:1em;}
.cl_so_2_pro_mid_footer_mid_1{
font-size:.875em;}
.cl_so_2_pro_mid{
height:96vw;}
.cl_so_2_pro_list dl dd{
width:100%;}
.cl_so_info_mid_2_2_img_mask_jj_mid{
margin:1em 0;}
.cl_so_info_mid_2_2_img_mask{
display:none}
.cl_so_info_mid_2_2_img_mask_jj{
position:static; color:#000;}
.cl_so_info_mid_1_mid_right_1{
font-size:.9375em;}
.cl_so_info_mid_2_1 span{
font-size:1.125em;}
.cl_so_1_info_mid_left{
visibility:hidden;}
.nybanner_jj_1_cl{
font-size:1.25em;}
.nybanner_jj_2_cl{
font-size:.875em;}
a.qjmore{
font-size:.75em;}
.cl_so_2_1_mid_right_mid_3{
font-size:.9375em;}
.indexmid_3 .indexmid_3_mid_4 ul li{
width:100%;}
	.banner_img_jj_mid_1{
	font-size:1.5em;}
	.banner_img_jj_mid_2{
	font-size:1em;}
	.newsinfo_mid_2{
	font-size:1.125em;}
	.newsinfo_mid_1 span{
	font-size:.875em;}
	.pages_3_mid_right{
	width:95%;}
	.pro_info_1_jj_2{
	font-size:1.125em; margin-bottom:1em;}
	.proinfo_banner_1{
	font-size:1.375em;}
	.proinfo_banner_2 h2{
	font-size:1.125em;}
	.indexmid_3_mid_4_mid_1{
	height:auto}
	.indexmid_3_mid_4_mid_1 img {
  -webkit-transform: translate(-0%, -0%);
  transform: translate(-0%, -0%);
  z-index: 10;
  position:static;
  left: 50%;
  top: 50%;
  max-height:inherit; max-width:30%;
}
	.pro_2 .indexmid_3_mid_4 ul li{
	width:100%; padding-bottom:2em;}
	.indexbanner_cir{
	font-size:.75em;}
	.footer_1 img{
	height:3.5em;}
	.footer_1{
	padding:1.5em 0;}
	.about_3_mid_mid_1{
	font-size:1.125em;}
	.nybanner_jj_2{
	font-size:1em;}
	.nybanner_jj_1{
	font-size:1.5em;}
	.about_1_mid_left_1{
	font-size:.875em;}
	.about_1_mid_left_2 h2{
	font-size:1.25em;}
.bshoujiimg{
display:block;}
.nybanner{
position:relative; height:auto;}
.nybanner_bg{
display:none}
	.indexmid_nbg{
	margin-top:0}
	.indexmid{
	margin-top:0}
	.dtwu .cl_so_1{
	display:none}
	.bzlxwmmid{
	padding:1em;}
	.bzlxwmmid_1_left_2{
	font-size:.75em;}
	.omgd{
	position:static}
}


@media screen and (max-width:810px) {
.index_c_b{
font-size:.8em;}
.index_c_1{
top:calc(14% - 16px);}
.index_c_2{top:calc(22% - 16px);}
.index_c_3{left:calc(34% - 16px);}
.index_c_4{top:calc(20% - 16px);left:calc(25% - 16px);}
.index_c_5{top:calc(19% - 16px); }
.index_c_6{top:calc(12% - 16px); }
.index_c_7{top:calc(30% - 16px); }
}
@media screen and (max-width:480px) {
.btt{
opacity:0;}
 
.index_c_1{
top:calc(15% - 16px);}
.index_c_2{top:calc(20% - 16px);}
.index_c_3{left:calc(34% - 16px);top:calc(29% - 16px)}
.index_c_4{top:calc(20% - 16px);left:calc(25% - 16px);}
.index_c_5{top:calc(20% - 16px); }
.index_c_6{top:calc(15% - 16px); }
.index_c_7{top:calc(29% - 16px); }
}
@media screen and (max-width:414px) {
 
.index_c_1{
top:calc(12% - 16px);}
.index_c_2{top:calc(19% - 16px);}
.index_c_3{left:calc(34% - 16px);top:calc(23.5% - 16px)}
.index_c_4{top:calc(17% - 16px);left:calc(25% - 16px);}
.index_c_5{top:calc(17% - 16px);left:calc(62% - 16px); }
.index_c_6{top:calc(12% - 16px); }
.index_c_7{top:calc(24% - 16px); }
}
@media screen and (max-width:375px) {
 
.index_c_1{
top:calc(12% - 16px);}
.index_c_2{top:calc(19% - 16px);}
.index_c_3{left:calc(34% - 16px);top:calc(23.5% - 16px)}
.index_c_4{top:calc(17% - 16px);left:calc(25% - 16px);}
.index_c_5{top:calc(17% - 16px);left:calc(62% - 16px); }
.index_c_6{top:calc(12% - 16px); }
.index_c_7{top:calc(24% - 16px); }
}
@media screen and (max-width:320px) {
 
.index_c_1{
top:calc(14% - 16px);}
.index_c_2{top:calc(21% - 16px);}
.index_c_3{left:calc(34% - 16px);top:calc(26.5% - 16px)}
.index_c_4{top:calc(19% - 16px);left:calc(25% - 16px);}
.index_c_5{top:calc(20% - 16px);left:calc(59% - 16px); }
.index_c_6{top:calc(15% - 16px); }
.index_c_7{top:calc(25% - 16px); }
}
.cl_so_info_mid_2_2_zb_mid_img img{
max-width:80%;}

.indexmid_somid_mid_3_cases_1_right_img_img img{
width:100%;}

.zbindexmid_4_3 ul li .syjjjf{
 display:block;border-radius: 1.25em;}
.indexmid_somid_mid_3_cases_1_left  .indexmid_somid_mid_3_cases_1_right_img_footer_1{
font-size:16px;}
.indexmid_somid_mid_3_cases_1_left  .indexmid_somid_mid_3_cases_1_right_img_footer_2{
font-size:24px;}

.indexmid_somid_mid_3_cases_1_left .indexmid_somid_mid_3_cases_1_right_img_mid{
padding:16px 0px;}
.indexmid_somid_mid_3_cases_1_left_bg{
border-radius:1em;}
@media screen and (max-width: 1700px){

.indexmid_somid_mid_3_cases_1_left  .indexmid_somid_mid_3_cases_1_right_img_footer_1{
font-size:15px;}
.indexmid_somid_mid_3_cases_1_left  .indexmid_somid_mid_3_cases_1_right_img_footer_2{
font-size:18px;}
.indexmid_somid_mid_3_cases_1_left_bg{
height: calc(100% - 80.3px);
}
}

@media screen and (max-width:480px) {
	.btt{
	opacity:1; font-size:10px;}
	.index_c_1 .btt,.index_c_6 .btt,.index_c_2 .btt{
	bottom:-2.8em;}
	.index_c_7 .btt p{
	margin-right:40px;}
	.index_c_2 .btt p{
	margin-left:30px;}
}