img{
    max-width:100%;
}
*:focus {outline: none;}
body{  
    position:relative;
}
/**********header*********/
#header{ background-position:bottom; background-repeat:repeat-x; background-image:url(../images/header/img5.png);
position:fixed; left:0; top:0; width:100%; z-index:999999; height:5.3125em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
 
.header_mid{
margin-left:26%;}
.header_mid ul li{ position:relative;
float:left; margin-right:3.375em; z-index:10;}
.header_mid ul li dl{ width:128px; left:-36px; padding:1em 0; display:none;
position:absolute; z-index:10; background-image:url(../images/menu.jpg); background-position:center top; background-repeat:repeat-x; background-color:#fff;}
.header_mid ul li dl dd{
padding:.5em 1.8em;  }
.header_mid ul li:nth-child(2) dl{
width:148px; left:-46px;}
.header_mid ul li dl dd a{
color:#666; position:relative;}
.header_mid ul li dl dd a:before{
content:'-';}
.header_mid ul li dl dd a:hover{
color:#59697b}
.header_mid ul li a.biga{
display:inline-block; position:relative; color:#fff; height:5.3125em; line-height:5.3125em;}
.header_mid ul li a.biga:after{ width:0;
content:''; position:absolute; left:0; bottom:0; left:0%; height:2px; background-color:#59697b;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.header_mid ul li a.biga:hover:after,.header_mid ul li a.bigaon:after{
width:100%;}
.header_logo{
position:absolute; left:2.91666666666667%; top:0; height:100%;}
.header_logo a{
display:block; width:15.75em; height:2.875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/logo.png);}
/********index******/
.indexbanner_bg{
position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100vh;}
.indexbanner_bg_mid{
position:absolute; left:19%; top:0; height:100%; color:#fff; width:62%; text-align:center;}
.indexbanner_bg_mid_1{
font-size:3.75em; font-weight:bold}
.indexbanner_bg_mid_2{
font-size:0.875em; margin-top:1.5em;}
.swiper-pagination-index-banner-left{ z-index:10; cursor:pointer;
position:absolute; left:4.0625%; width:14%; height:3.125em; top:50%; margin-top:-1.5625em;}
.swiper-pagination-index-banner-right{ z-index:10; cursor:pointer;
position:absolute; right:4.0625%; width:14%; height:3.125em; top:50%; margin-top:-1.5625em;}
.swiper-pagination-index-banner-c_mid:after{
content:''; position:absolute; left:0; width:100%; height:1px; background-color:#fff; top:50%;}
.swiper-pagination-index-banner-c_mid{
position:relative; margin-left:1.5625em; height:100%; margin-right:0.625em;}
.swiper-pagination-index-banner-c_left{ display:block;
position:absolute; left:0; top:0; width:3.125em; height:3.125em; border:1px rgba(255, 255, 255, 0.5) solid;border-radius:100%;}
.swiper-pagination-index-banner-c_left:after{border-radius:100%;
content:''; width:0.5em; height:0.5em; position:absolute; left:50%; top:50%; background-color:#fff; margin-left:-0.25em; margin-top:-0.25em;}
.swiper-pagination-index-banner-c_right{border:1px rgba(255, 255, 255, 0.5) solid;border-radius:100%;
position:absolute; right:0; width:1.25em; height:1.25em; top:50%; margin-top:-0.625em;}
.swiper-pagination-index-banner-c_right:after{border-radius:100%;
content:''; width:0.5em; height:0.5em; position:absolute; left:50%; top:50%; background-color:#fff; margin-left:-0.25em; margin-top:-0.25em;}
.swiper-pagination-index-banner-right .swiper-pagination-index-banner-c_left{
left:auto; right:0;}
.swiper-pagination-index-banner-right .swiper-pagination-index-banner-c_right{
right:auto; left:0;}
.swiper-pagination-index-banner-right .swiper-pagination-index-banner-c_mid{
 margin-right:1.5625em;   margin-left:0.625em;
}
.index_1{ padding-top:9.1875em; overflow:hidden; padding-bottom:6.875em;
background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img10.jpg);}
.index_1_mid{
padding:0 14%;/*max-width:calc(1380px + 28%);*/ margin:0 auto;}
.index_1_mid_1_left{
float:left; width:42.7536231884058%; margin-top:12.8125em;}
.index_1_mid_1_right{
float:right; width:49%;}
.index_1_mid_1_right_mid{
overflow:hidden;}
.index_1_mid_1_right_mid img{
width:100%;}
.index_1_mid_1_left_1_1 span{
font-size:2.5em; display:inline-block; position:relative;}
.index_1_mid_1_left_1_1 span:after{ position:absolute;
content:''; background-color:#000; width:1em; height:1px; background-color:#1e88d3; top:50%; margin-top:-0.5px; right:-1.5em;}
.index_1_mid_1_left_1_2{ margin-top:.8em; line-height:1.5;
color:#3c3c3c; font-size:0.875em;}
.index_1_mid_1_left_1_3{ line-height:1.7;
color:#828282; font-size:.875em; margin:2.5em 0;}
.commore{ display:inline-block;
color:#080808; font-size:0.875em;}
.commore span{ background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img11.png);
display:inline-block; position:relative; padding-right:8px;}
.index_1_mid_1_left_2{
overflow:hidden; width:90%; margin-top:9.375em;}
.index_1_mid_2{
margin-top:13.75em; margin-bottom:6em;}
.index_1_mid_2_1{
text-align:center}
.index_1_mid_2_1 .index_1_mid_1_left_1_1 span:after{
width:1px; right:50%; height:1.5em; top:-2em;}
.index_1_mid_3{
margin:0 7%;}
.index_1_mid_3_mid{
position:relative; overflow:hidden}
.index_1_mid_3_mid img{
width:100%;}
.index_1_mid_3_mid_name{ background-color:#fff; text-align:center;
position:absolute; z-index:10; left:16%; width:68%; bottom:6.95488721804511%;}
.index_1_mid_3_mid_name_mid{
padding:1em;}
.indexbanner{
position:relative;}
.indexbanner:before{ content:'';
height:88px; width:1px; background-color:#000; position:absolute; z-index:11; left:50%; margin-left:-0.5px; bottom:-50px;opacity:1;
webkit-animation:go-btn2 3s cubic-bezier(0.5,0,0.5,1)infinite;
-webkit-animation:go-btn2 3s cubic-bezier(0.5,0,0.5,1)infinite;
-ms-animation:go-btn2 3s cubic-bezier(0.5,0,0.5,1)infinite;
-moz-animation:go-btn2 3s cubic-bezier(0.5,0,0.5,1)infinite;
-o-animation:go-btn2 3s cubic-bezier(0.5,0,0.5,1)infinite;}
.indexbanner_cir{
position:absolute; z-index:10; bottom:2em; width:4.6875em; height:4.6875em; background-color:#fff;border-radius:100%; left:50%; margin-left:-2.34375em; text-align:center; font-size:0.875em;opacity:1;
webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-webkit-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-ms-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-moz-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite;
-o-animation:go-btn 3s cubic-bezier(0.5,0,0.1,1)infinite; }


 
/*.indexbanner_cir:hover{
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
	-ms-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
}*/
@keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-webkit-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-ms-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-moz-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}
@-o-keyframes go-btn{
%0,%100{bottom:10px; opacity:1;}
50%{bottom:50px; opacity:.5}
	}

@keyframes go-btn2{
%0,%100{bottom:-50px; opacity:1;}
50%{bottom:-35px; opacity:.5}
	}
@-webkit-keyframes go-btn2{
%0,%100{bottom:-50px; opacity:1;}
50%{bottom:-35px; opacity:.5}
	}
@-ms-keyframes go-btn2{
%0,%100{bottom:-50px; opacity:1;}
50%{bottom:-35px; opacity:.5}
	}
@-moz-keyframes go-btn2{
%0,%100{bottom:-50px; opacity:1;}
50%{bottom:-35px; opacity:.5}
	}
@-o-keyframes go-btn2{
%0,%100{bottom:-50px; opacity:1;}
50%{bottom:-35px; opacity:.5}
	}	




.index_1_mid_3_mid_name_mid_1{
font-size:1.125em;}
.index_1_mid_3_mid_name_mid_2{
font-size:0.875em; color:#919191;}
.index_1_mid_3_mid_jj{opacity:0;transform:translateY(50px);
z-index:11; background-color:rgba(59, 172, 209, 0.87);}
.index_1_mid_3_mid_jj .index_1_mid_3_mid_name_mid_1,.index_1_mid_3_mid_jj .index_1_mid_3_mid_name_mid_2{
color:#fff;}
.index_1_mid_3_mid_name_mid_3{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#deeffb; font-size:0.875em; line-height:1.8; margin:1.5em 0 2.5em 0;}
.commore.white span{
color:#fff; background-image:url(../images/index/img11w.png);}
@media screen and (min-width: 768px){
.index_1_mid_3 .swiper-slide:hover .index_1_mid_3_mid_name{
opacity:0;}
.index_1_mid_3 .swiper-slide:hover .index_1_mid_3_mid_jj{
opacity:1;transform:translateY(0);transition:.5s cubic-bezier(.215,.61,.355,1) 0s}
}
.swiper-pagination-mxcp{
display:none; position:static; margin-top:2em;}
.index_2_mid img{
width:100%;}
.index_2_mid{ padding-top:12.5em; padding-bottom:15.625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img9.jpg);
position:relative;}
.index_2_mid_mask{
position:relative; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.index_2_mid_mask_mid_1{
font-size:1.125em; position:relative;}
.index_2_mid_mask_mid_1:after{
content:''; position:absolute; width:1px; background-color:#fff; height:3.722222222222222em; left:50%; margin-left:-0.5px; top:-5em;}
.index_2_mid_mask_mid_2{
font-size:3.75em; margin-top:0.2em;}
.index_2_mid_mask_mid_3 a{
display:inline-block; width:3.625em; height:3.625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img8.png)}
.index_2_mid_mask_mid_3{
margin-top:2.5em;}
.index_2_mid_mask_mid{
padding:0 1em; margin-top:6em;}
.index_3_mid{
position:relative; padding-left:29.71014492753623%;}
.index_3_mid_left{
position:absolute; left:0; top:3.375em;}
.index_3_mid_left .index_1_mid_1_left_1_2{
margin-top:0}
.index_3_mid_right_1 ul li{
border-bottom:1px #b5b2b8 solid; padding:3.375em 0; position:relative;}
.index_3_mid_right_1 ul li:after{
content:''; position:absolute; left:0; bottom:-1px; height:2px; background-color:#3bacd1; width:0;-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.index_3_mid_right_1 ul li:hover:after{
width:100%;}
.index_3_mid_right_1_mid{
position:relative; clear:both; overflow:hidden;}
.index_3_mid_right_1_left{
float:left; width:26%; color:#151515; font-size:1.25em; line-height:1.8;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.index_3_mid_right_1_right{
float:right; width:64.31535269709544%;}
.index_3_mid_right_1_right_1{
font-size:0.875em; color:#333; line-height:1.7;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; position:relative; padding-right:19.87179487179487%}
.index_3_mid_right_1_right_2{ margin-top:3em;
color:#929292; font-size:0.875em;}
.index_3_mid_right_1_right_1:after{
content:''; position:absolute; right:0; top:0;}
.a-plus{align-items:center;display:flex;height:20px;justify-content:center;position:relative;width:20px}
.a-plus:after,.a-plus:before{border-bottom:1px solid #000;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:50% 50%;width:20px}
.a-plus:after{transform:rotate(90deg);transition:all .5s cubic-bezier(.4,.8,.74,1) 0s}
.a-plus:after,.a-plus:before{border-color:#878787}
.index_3_mid_right_1 ul li:hover .a-plus:after,.index_3_mid_right_1 ul li:hover .a-plus:after{transform:rotate(0deg)}
.index_3_mid_right_1_right_1_right{
position:absolute; right:0; top:0;}
.index_3_mid_right_2{
text-align:center; margin-top:2.5em;}
.index_3{
margin:6.875em 0;}
.index_3_mid_right_1 ul li:hover .index_3_mid_right_1_left{
color:#3bacd1}
/*******footer********/
#footer{
background-color:#3c4147; color:#fff; border-top:6px #3bacd1 solid;}
.footer_1_1_left{
float:left;}
.footer_1_1_right{
float:right; font-size:1.125em; margin-top:.5em;}
.footer_1_1{ border-bottom:1px #4c5056 solid;
padding:2.375em 0;}
.footer_1_2_left{
float:left; width:78%;}
.footer_1_2_left ul{
border-right:1px #4d5157 solid; overflow:hidden}
.footer_1_2{
padding-top:4.1875em; padding-bottom:6em;}
.footer_1_2_left ul li{
float:left; width:14.28571428571429%;}
.footer_1_2_right{
float:right; width:22%;}
.footer_1_2_left ul li p,.footer_1_2_right_1{
font-size:1.25em;}
.footer_1_2_left ul li dl{
padding-top:1em;}
.footer_1_2_left ul li dl dd a{
color:#aeb1b4; font-size:0.875em;}
.footer_1_2_left ul li dl dd{
margin-top:1em;}
.footer_1_2_left ul li dl dd a:hover{
color:#fff;}
.footer_1_2_left_mid{
padding-right:1em;}
.footer_1_2_right_mid{
margin-left:18.66666666666667%;}
.footer_1_2_right_2 ul li{
display:inline-block; margin-right:6px;}
.footer_1_2_right_2 ul li a{ position:relative;
display:inline-block; background-position:center; background-repeat:no-repeat; width:1.875em; height:1.875em; border:1px #f5f5f6 solid;border-radius:100%;}
.footer_1_2_right_2 ul li a img{ display:none;
position:absolute; top:1.875em;  left:-45px; width:120px; max-width:none}
.footer_1_2_right_2 ul li a:hover img{
display:block}
.footer_1_2_right_2 ul li:nth-child(1) a{
background-image:url(../images/footer/weibo.png);}
.footer_1_2_right_2 ul li:nth-child(2) a{
background-image:url(../images/footer/wechat.png);}
.footer_1_2_right_2 ul li:nth-child(3) a{
background-image:url(../images/footer/qq.png);}
.footer_1_2_right_2{
margin-top:1.125em;}
.footer_1_2_right_2 ul li a:hover{
background-color:#f5f5f6;}
.footer_1_2_right_2 ul li:nth-child(1) a:hover{
background-image:url(../images/footer/weibo_on.png);}
.footer_1_2_right_2 ul li:nth-child(2) a:hover{
background-image:url(../images/footer/wechat_on.png);}
.footer_1_2_right_2 ul li:nth-child(3) a:hover{
background-image:url(../images/footer/qq_on.png);}
.footer_2_left{
float:left; font-size:0.875em;}
.footer_2_right{
float:right; font-size:0.875em;}
.footer_2{
background-color:#fff; color:#666; padding:1em 0;}
.footer_2_right a{
color:#666;}
.footer_2_right a:hover{
color:#3bacd1;}
.header_right{
position:absolute; right:2.91666666666667%; top:0; height:100%;}
.header_right ul li{ z-index:1;
display:inline-block; padding:0 .8em; position:relative;}
.header_right ul li:nth-child(2){
padding-right:0}
.header_right ul li:nth-child(1){
background-position:right center; background-repeat:no-repeat; background-image:url(../images/header/img4.png);}
.header_right ul li a.header_right_com_a{
color:#fff; display:inline-block; position:relative; padding-left:1.875em; background-position:left center; background-repeat:no-repeat;}
.header_right ul li:nth-child(1) a.online_shop{
background-image:url(../images/header/img1.png);}
.header_right ul li:nth-child(2) a.language_type{
background-image:url(../images/header/img2.png); padding-left:1.7em; padding-right:1em;}
.header_right ul li:nth-child(2) a.language_type:after{ top:50%; margin-top:-1.5px;
content:''; position:absolute; right:0; width:8px; height:3px; background-position:center; background-repeat:no-repeat; background-image:url(../images/header/img3.png);}
.header_right ul li dl{ display:none;
position:absolute; left:0; width:100%;   z-index:10;}
.header_right ul li dl dd{
margin-left:1.7em;background-color:#fff; text-align:center; padding-top:0.3em; border-bottom:1px #dedede solid; padding-bottom:0.3em}
.header_right ul li dl dd:nth-child(1){
margin-top:0.5em;}
.header_right ul li dl dd a{
font-size:0.9375em;}
.header_right ul li:hover dl{
display:block}
.nybanner{
position:relative; 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_footer{
position:absolute; left:0; bottom:0; width:100%; z-index:10;background-color:rgba(0, 0, 0, 0.3);}
.div1200{
margin:0 auto; max-width:75em; padding:0 1em;}
.nybanner_footer_mid ul li{
float:left; width:16.66666666666667%; text-align:center; background-position:left; background-repeat:repeat-y; background-image:url(../images/about/img14.png);}
.nybanner_footer_mid ul li a{ position:relative;
display:block; font-size:1.25em; color:#fff; padding:.7em 0;}
.nav li>a.hov,.nav li>a:hover{ color: #fff;}
.nav a:before {  content:""; width:100%; height:100%; background-color:#3bacd1; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9;}
.nav>li>a:hover:before,.nav>li>a.hov:before { transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9; }
.about_1{ overflow:hidden; padding-bottom:6.25em;
background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img13.jpg);}
.about_1_1{
position:relative; margin-top:8.75em; margin-bottom:8.75em;}
.about_1_1_bg{ height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;
position:absolute; right:6.77083333333333%; width:23.07291666666667%; top:0}
.about_1_1_bg_img{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_1_1_mid_left{
width:74%; margin-top:1em;}
.about_1_1_mid_left_2{
color:#333; line-height:2; margin-top:2.5em;}
.about_1_1_mid_left .index_1_mid_1_left_1_1 span:after{
display:none}
.about_1_2_mid_right{ background-color:#fff;
float:right; position:relative; z-index:10; width:43.91666666666667%;}
.about_1_2{
position:relative; padding:5.4375em 0;}
.about_1_2 .div1200{
position:relative; z-index:10;}
.about_1_2_bg{ z-index:0;
position:absolute; left:0; top:0; width:67.55208333333333%; height:100%;}
.about_1_2_bg_img{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_1_2_body{
position:relative; padding:6.25em 0;}
.about_1_2_body_bg{
position:absolute; right:0; top:0; height:100%; width:70.52083333333333%;}
.about_1_2_body_bg_img{
background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.about_1_2_mid_right_mid{
padding:5.4375em 16.88804554079696%;}
.about_1_2_mid_right .index_1_mid_1_left_1_1 span:after{
display:none}
.about_1_2_mid_right_mid_2_1{
font-size:1.125em;}
.about_1_2_mid_right_mid_2_2{
color:#666}
.about_1_2_mid_right_mid_2{
line-height:2; margin-top:2em;}
.about_3_mid_right_1 .index_1_mid_1_left_1_1 span:after{
display:none}
.about_3_mid{
position:relative; padding-left:52.75%;
}
.about_3_mid_right_2{
line-height:2.2; color:#333; margin:3em 0;}
.about_3_mid_right_3{
text-align:right}
.about_3_mid{
padding-top:6.5625em; padding-bottom:10.9375em;}
.about_3_mid_left{ width:45.83333333333333%; overflow:hidden;
position:absolute; left:0; top:-8.5625em;}
.about_3_mid_left img{
width:100%;}
.about_5{ padding-top:4.625em; padding-bottom:6.25em;
background-image:url(../images/about/img11.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_5_mid{ overflow:hidden;
background-color:#fff; width:42.66666666666667%;}
.about_5_mid_mid_2{ overflow:hidden;
position:relative; height:18em; margin:2.5em 0 1em 0;}
.about_5_mid_mid{
margin:0 9.765625%; margin-top:5.25em; margin-bottom:3.125em;}
.about_5_mid_mid_2_mid{ color:#0d0d0d; margin-top:0.4em;
height:2.225em;}
.about_5_mid_mid_3{ font-weight:bold;
font-size:1.125em; color:#0d0d0d;}
.about_5_mid_mid_1 .index_1_mid_1_left_1_1 span:after{
display:none}
.about_5_mid_mid_4{
margin-top:2em;}
.about_5_mid_mid_4 a{ background-position:center; background-repeat:no-repeat; width:1.5em; height:1.5em;
display:inline-block; border:1px #72777d solid;border-radius:100%; margin-right:.6em;}
.about_5_mid_mid_4 a:nth-child(1){
background-image:url(../images/about/img10.png);}
.about_5_mid_mid_4 a:nth-child(2){
background-image:url(../images/about/img9.png);}
.about_5_mid_mid_4 a:hover{
background-color:#3bacd1; border-color:#3bacd1}
.about_5_mid_mid_4 a:nth-child(1):hover{
background-image:url(../images/about/img10on.png);}
.about_5_mid_mid_4 a:nth-child(2):hover{
background-image:url(../images/about/img9on.png);}
.about_4{
position:relative; overflow:hidden;}
.about_4_bg{ height:100%; background-color:#f1f6fd;
position:absolute; left:0; top:0; width:70.83333333333333%;}
.about_4_mid{ margin-top:9em; margin-bottom:8.125em;
position:relative; z-index:10; margin-left:40%;}
.about_4_mid_img{
overflow:hidden;}
.about_4_mid_img img{
width:100%;}
.about_4_mid .swiper-slide{
width:66%; margin-right:5%;}
.about_4_mid .swiper-slide:last-child{
margin-right:0}
.about_4_txt{
position:absolute; left:0; top:25%; width:100%;  }
.about_4_mid_left_1 .index_1_mid_1_left_1_1 span:after{
display:none}
.about_4_mid_left_2{
color:#333; line-height:2; margin-top:2.3em;}
.about_4_mid_page{ display:inline-block; position:relative;
margin-left:30.51438535309503%; padding-right:50px; margin-top:3.75em;
}
.about_4_mid_page_right{
position:absolute; right:0; top:50%; height:15px; margin-top:-7.5px; width:40px;}
.about_4_mid_page_right_left{
position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; width:9px; cursor:pointer; background-image:url(../images/about/img7.png);}
.about_4_mid_page_right_right{
position:absolute; right:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; width:9px; cursor:pointer; background-image:url(../images/about/img8.png);}
.about_4_mid_page .swiper-pagination-bullet{
width:10px; height:10px; border:1px #80858b solid;border-radius:0%; background:none; opacity:1; margin-right:15px;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	} 
.about_4_mid_page .swiper-pagination-bullet-active{
background-color:#3bacd1; border-color:#3bacd1}
.about_3{
position:relative;}
.about_3_footer{
  position:absolute; width:9.89583333333333%;;   background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img12.png); bottom:-4.375em; right:13%;}
.news_1_mid_left{ overflow:hidden;
float:left; width:57.68115942028986%;}  
.news_1_mid_left img{
width:100%;}
.news_1_mid_right{ margin-top:6.25em;
float:right; width:35.36231884057971%;}
.news_1_mid_right_mid{
padding-left:1.875em; position:relative;}
.news_1_mid_right_mid:after,.news_2_1_mid_left_date:after{
content:''; position:absolute; left:0; top:0; width:1.25em; height:2.0625em; background-position:center; background-repeat:no-repeat; background-image:url(../images/news/img2.png);}
.news_1_mid_right_1 a{
font-size:1.5em; color:#030200; line-height:1.5;}
.news_1_mid_right_1{
overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.news_1_mid_right_2{
font-size:0.875em; line-height:2; margin:2.5em 0;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.news_1_mid_right_1 a:hover{
color:#3bacd1}
.news_1{
margin-top:5.9375em;}
.news_2_1_mid{
position:relative; padding-left:29.68460111317254%;}
.news_2_1_mid_left{
position:absolute; left:0; top:0;}
.news_2_1_mid_left_date{
position:relative; padding-left:1.875em;}
.news_2_1_mid_left_date span{
color:#2a2a2a; }
.news_2_1_mid_left{
position:absolute; left:0; top:0;}
.news_2_1_mid_left_date:after{
top:-.6em;}
.news_2_1_mid_right_1{
font-size:1.25em; color:#151515;}
.news_2_1_mid_right_2{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:0.875em; color:#333; line-height:1.6; margin:2.5em 0;}
.news_2 .div1200{
max-width:66.875em;}
.news_2_1_mid_right_3{
text-align:right; color:#5f5f5f}
.news_2_1_mid_right_3 span{transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:inline-block; position:relative; padding-right:5em;}
.news_2_1_mid_right_3 span:after{transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; top:50%; height:1px; margin-top:-0.5px; background-color:#5f5f5f; width:4.25em;}
.news_2_1 ul li{
padding:4.375em 0; border-bottom:1px #d8d8d8 solid;}

.news_2_1 ul li:after{
content:''; position:absolute; left:0; bottom:-1px; height:2px; background-color:#3bacd1; width:0;-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.news_2_1 ul li:hover:after{
width:100%;}


.news_2_2{
margin:4em 0;}
.news_2_1 ul li:hover .news_2_1_mid_right_1{
color:#3bacd1;}
.news_2_1 ul li:hover .news_2_1_mid_right_3 span{
padding-right:4em;}
.news_2_1 ul li:hover .news_2_1_mid_right_3 span:after{
width:3.25em;}
.news_1,.news_2{
overflow:hidden}
.news_info_1_mid_left{
float:left;}
.news_info_1_mid_right{
float:right}
.news_info_1{ overflow:hidden; clear:both;
color:#666; border-bottom:1px #e0e0e0 solid; line-height:3.625em;}
.news_info_1_mid_left span{
color:#409ed7;}
.news_info_1_mid_right a{ padding-left:20px; color:#666;
display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/news/img4.png);}
.news_info_1_mid_right a:hover{
color:#3bacd1}
.news_info_2_1{ margin-top:2.708333333333333em;
text-align:center; font-size:1.5em; color:#030200;}
.news_info_2_2{
text-align:center; color:#999; margin-top:1.1em;}
.news_info_2_3{ color:#030200; line-height:1.6;
margin:4.1875em 0;}
.news_info_2_4{ margin-bottom:4.375em;
border:1px #eff2f6 solid; overflow:hidden;}
.news_info_2_4_left{
float:left; width:50%;}
.news_info_2_4_right{
float:right; width:50%; text-align:right;}
.news_info_2_4 a{
display:block; padding:1.2em 1em;}
.news_info_2_4_mid{
position:relative; padding-left:4.375em;}
.news_info_2_4_mid span{
position:absolute; left:0; top:0;}
.news_info_2_4_right .news_info_2_4_mid{
padding-left:0; padding-right:4.375em;}
.news_info_2_4_right .news_info_2_4_mid span{
right:0; left:auto}
.news_info_2_4 a:hover{
background-color:#409ed7; overflow:hidden; color:#fff;}
.contact_1_2_mid{ position:relative; z-index:10; margin-right:8.47826086956522%;
float:right; width:33.3333%; background-color:#fff; margin-top:3.75em; margin-bottom:3.75em;}
.contact_1_2_mid_mid{
margin:2.25em 8%;}
.contact_1_2{
position:relative;}
#map22{
position:absolute; left:0; top:0; width:100%; height:100%;}
.contact_1_2_mid_mid_2{
color:#3c3c3c; line-height:1.5; margin-top:0.5em;}
.contact_1_2_mid_mid_2 a{
color:#3c3c3c;}
.contact_1_2_mid_mid ul li{
margin-bottom:1.2em;}
.contact_1_2_mid_mid_1{
color:#3bacd1;}
.contact_1_2_mid_mid ul li:nth-child(1) .contact_1_2_mid_mid_1{
font-size:1.25em; color:#000;}
.css_animation{  
        height:80px;  
        width:80px;  
       border-radius: 40px;  
         
    }  
  
  @keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:1}100%{opacity:0;transform:scale(1)}}
.css_animation:after{
 content:'';
 display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 border-radius:50%;
 border:2px solid #3bacd1;
 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
}
.css_animation i{
display:block;
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 border-radius:50%;
 border:2px solid #3bacd1;
 opacity:0;
 -webkit-animation:ripple 4s ease-out 725ms infinite;
 -moz-animation:ripple 4s ease-out 725ms infinite;
 -o-animation:ripple 4s ease-out 725ms infinite;
 animation:ripple 4s ease-out 725ms infinite
}
.contact_1_1 .index_1_mid_1_left_1_1 span:after{
display:none}
.contact_1_1{ margin-bottom:2.75em;
margin-top:4.8125em;}
.contact_1_3 ul li{ border-bottom:1px #d9d9d9 solid; padding-bottom:0.5em; margin-top:2em; margin-bottom:1em;
float:left; width:47.82608695652174%;}
.contact_1_3 ul li:nth-child(2n){
float:right;}
.contact_1_3 ul li input{
border:none; background:none; width:100%; font-size:1em;}
.contact_1_3 ul li textarea{ height:10.625em;
border:none; background:none; width:100%; font-size:1em;}

.a-button{background-color:#fff;display:inline-block; line-height:2.75em; font-size:1.25em;position:relative;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;white-space:nowrap; max-width:264px; border:none; width:100%; text-align:center; overflow:hidden; cursor:pointer; }
.a-button span{color:#fff;position:relative;z-index:10}
.a-button:before{transform:translateX(0)}
.a-button:after,.a-button:before{background-color:#3bacd1;content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.a-button:after{transform:translateX(-100%)}
.a-button:hover:not(:disabled){border-color:#b30606;color:#fff}
.a-button:hover:not(:disabled) span{ animation-delay:0s;animation-direction:normal;animation-duration:.6s;animation-fill-mode:both;animation-iteration-count:1;animation-name:color-b30606-to-fff;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes color-b30606-to-fff{0%{color:#3bacd1}49.9%{color:#fff}50%{color:#3bacd1}to{color:#fff}}
.a-button:hover:not(:disabled):before{animation-delay:0s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-1;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes translateX-hover-1{0%{transform:translateX(0);transform-origin:100% 0}to{transform:translateX(100%);transform-origin:100% 0}}
.a-button:hover:not(:disabled):after{animation-delay:.2s;animation-direction:normal;animation-duration:.3s;animation-fill-mode:both;animation-iteration-count:1;animation-name:translateX-hover-2;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
@keyframes translateX-hover-2{0%{transform:translateX(-100%);transform-origin:0 0}to{transform:translateX(0);transform-origin:0 0}}
.a-button:disabled{opacity:.6}
.contact_1_4{
margin-bottom:6.875em; margin-top:3.1875em;}
.contact_1{
overflow:hidden}
.job_2{ text-align:center; color:#fff; padding:12.1875em 0;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobs/img1.jpg); overflow:hidden;}
.job_2_mid{
margin:0 1em;}
.job_2_mid_1{
font-size:2.25em;}
.job_2_mid_2{
margin-top:.5em;}
.job_3{
border:1px #dfdfdf solid; overflow:hidden}
.job_3 ul li{ padding-right:16.66666666666667%;
display:block; position:relative; clear:both; padding-left:18.84057971014493%; border-bottom:1px #dfdfdf solid;}
.job_3 ul li:last-child{
border:none}
.job_3_left{ width:18.84057971014493%;
position:absolute; left:0; top:0; height:100%; text-align:center;}
.job_3_right{ width:16.66666666666667%; text-align:center;
position:absolute; right:0; top:0; height:100%;}
.job_3_left_mid{
margin:0 1em;}
.job_3_left_mid span{
font-size:1.125em; color:#222222}
.job_3_right_mid{
margin:0 1em;}
.job_3_right_mid a{ position:relative; height:2.357142857142857em;
display:inline-block; width:8.5em; font-size:0.875em; line-height:2.357142857142857em; color:#fff; background-color:#a2a2a2;}

.job_3_right_mid a .hbg{display:block;overflow:hidden;position:absolute;left:0;width:0;top:0;bottom:0;background:#3bacd1;transition:0.5s;z-index:10;}
.job_3_right_mid a:hover .hbg,.job_3_right_mid a.on .hbg{width:100%;}
.job_3_right_mid a span:after{ background-image:url(../images/jobs/img2.png); background-position:center; background-repeat:no-repeat; top:50%; margin-top:-5.5px;
content:''; position:absolute; right:0; width:19px; height:11px;transition: .2s ease-in-out;

-webkit-transition: .6s ease-in-out;

-moz-transition: .6s ease-in-out;

-o-transition: .6s ease-in-out;}
.job_3_right_mid a span{ position:relative; z-index:10;
display:inline-block; background-position:right center; background-repeat:no-repeat; padding-right:24px;}
.job_3_mid{ line-height:2; padding-top:1em; padding-bottom:1em;
border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid;}
.job_3_mid table{
width:100%; text-align:left;}
.job_3_mid table td{
text-align:left;}
.job_3_mid table tr td:nth-child(1),.job_3_mid table tr td:nth-child(4){
width:33.3333%;}
.job_3_mid table tr td:nth-child(2),.job_3_mid table tr td:nth-child(5){
width:23%;}
.job_3_mid_mid{ color:#3f3f3f;
padding-left:3.5625em;}
.job_4{
margin:3.75em 0;}
 
.job_3_right_mid a:hover span:after,.job_3_right_mid a.on span:after{
transform: rotate(-180deg);

-webkit-transform: rotate(-180deg);

-moz-transform: rotate(-180deg);

-o-transform: rotate(-180deg);
 }
.job_3 ul li.jobsinfoli{ display:none;
padding:0 6.52173913043478%;  }
.jobs_info_mid_1{
color:#333;}
.jobs_info_mid_2{
font-size:0.875em; line-height:2; margin-top:.5em; margin-bottom:1em;}
.jobs_info_mid{
margin-top:2em; margin-bottom:2em;}
.FooterBigBtn{display:block;overflow:hidden;position:relative;line-height:31px; overflow:hidden; text-align:center; border:1px #3bacd1 solid; background-color:#3bacd1; width:117px;color:#fff;font-size:14px;margin-bottom:0px;}
.FooterBigBtn .FooterBigBtnBG{display:block;overflow:hidden;position:absolute;left:0;width:0;top:0;bottom:0;background:#fff;transition:0.5s;z-index:10;}
.FooterBigBtn:hover .FooterBigBtnBG{width:100%;}
.FooterBigBtn .FooterBigBtnTT{display:block;overflow:hidden;position:relative;z-index:14;transition:0.5s; }
.FooterBigBtn:hover .FooterBigBtnTT{ } 
.FooterBigBtnTT span{ padding-right:26px;
display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/jobs/img4.png);}
.FooterBigBtn:hover{
color:#3bacd1}
.FooterBigBtn:hover .FooterBigBtnTT span{
background-image:url(../images/jobs/img5.png);}
.jobs_info_mid_3{
margin-top:1.875em;}
.eq_1_mid_1{
overflow:hidden}
.eq_1_mid_1 img{
width:100%;}
.eq_1 .swiper-slide{
width:calc(45.625% + 2%); padding:0 2%;}
.eq_1_mid_2{ margin:0 auto; opacity:0;
text-align:center; margin-top:2.5em; max-width:54.75em; padding:0 3.75em;}
.eq_1_mid_2_1{
color:#272727; font-size:1.5em;}
.eq_1_mid_2_2{
color:#666; margin-top:.8em;}
.eq_1_mid_2_mid{ position:relative;
padding:0 1.875em;}
.eq_1{
margin-bottom:8.5em;}
.sqpage{
position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.eq_1_mid_2_mid_left{ cursor:pointer; display:none; position:absolute; left:0; top:0;
float:left; width:1.6875em; height:3.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/eq/img2.png);}
.eq_1_mid_2_mid_left:hover{
background-image:url(../images/eq/img2on.png);}

.eq_1_mid_2_mid_right{ cursor:pointer; display:none; position:absolute; right:0; top:0
float:right; width:1.6875em; height:3.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/eq/img3.png);}
.eq_1_mid_2_mid_right:hover{
background-image:url(../images/eq/img3on.png);}
.eq_1 .swiper-slide-active .eq_1_mid_2_mid_left,.eq_1 .swiper-slide-active .eq_1_mid_2_mid_right{
display:block}
.eq_1 .swiper-slide-active .eq_1_mid_2{
opacity:1;}
.pro_cate{ line-height:1.6;
border:1px #e1e1e1 solid; padding:1em; margin-top:2.8125em;}
.pro_cate ul li{
float:left; padding:0 1em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/product/img2.jpg);}
.pro_cate ul li a{
color:#616161; font-size:1.125em;}
.pro_cate ul li:nth-child(1){
background-image:none}
.pro_cate ul li a.on,.pro_cate ul li a:hover{
color:#3bacd1;}
.pro_list_1 li{ margin-top:2.5em;
float:left; width:31.66666666666667%; margin-right:2.5%;}
.pro_list_1 li:nth-child(3n){
margin-right:0;}
.pro_list_1_1{
overflow:hidden;}
.pro_list_1_1 img{
width:100%;}
.pro_list_1_2{
position:relative; padding-right:5em; margin-top:1em;}
.pro_list_1_2:after{ background-image:url(../images/product/img3.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:0; width:2.375em; background-position:right center; background-repeat:no-repeat; height:1.0625em; top:50%; margin-top:-0.53125em;}
.pro_list_1 li:hover .pro_list_1_2:after{
right:1em;}
.pro_list_1_2_1{
font-size:1.125em;}
.pro_list_1_2_2{
font-size:0.875em; color:#666; margin-top:.3em;}
.pro_list_2{
margin:5.9em 0;}
.showbox{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999; background-color:#e8eef1;}
.showboxmid{
margin:0 auto; width:68%;  }
@media screen and (max-width:1600px) {
.showboxmid{width:57%;}
}
@media screen and (max-width:1440px) {
.showboxmid{width:57%;}
}
.showboxmid_1{
overflow:hidden;}
.showboxmid_1 img{
width:100%;}
.showboxmid_2{
text-align:center; margin:0 auto; width:81.26858275520317%;}
.showboxmid_2_mid{
position:relative; padding:0 5em;}
.showboxmid_2_mid_left{
position:absolute; left:0; top:50%; width:14px; height:25px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img6.png); cursor:pointer; margin-top:-12.5px;}
.showboxmid_2_mid_right{
position:absolute; right:0; top:50%; width:14px; height:25px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img7.png); cursor:pointer; margin-top:-12.5px;}
.pro_photos{
display:none;}
.showbox .swiper-slide {
      

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; height:100%;
    }

.showboxmid_2_1{
color:#020202; font-size:1.5em; margin-top:1.5em;}
.showboxmid_2_2{
color:#333; margin-top:0.5em; line-height:1.5;}
.swiper-pagination-pro{
position:static; margin-top:1em; color:#333;}
.swiper-pagination-current{
color:#4faccb}
.showbox_close{
position:fixed; right:1.5em; top:1.5em; z-index:999;}
.showbox_close a img{
-webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;}
.showbox_close a:hover img{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.networkmid{
position:relative;}
.networkmid img{
width:100%;}
.networkmid_cir{ top:40.96638655462185%; background-position:center; background-repeat:no-repeat; background-image:url(../images/market/img1.png);
position:absolute; width:70px; height:70px; left:40.10416666666667%;}
.networkmid_cir .css_animation{
width:70px; height:70px;border-radius:70px;}
.networkmid_cir .css_animation:after,.networkmid_cir .css_animation i{
border-color:#fff000}
.mpmid_footer{
position:absolute; left:0; width:100%; bottom:27%; text-align:center; z-index:1; color:#fff; line-height:2;}
@media screen and (max-width:1200px) {
.mpmid_footer{
bottom:9%;}
}
.netw {
    width: 100%;
    margin: 0 auto;
    position:relative;
	background-position:center; background-repeat:no-repeat; background-image:url(../images/market/bg.jpg);  
}
.animated-plane {
    width: 38px;
    height: 34px;
    position: absolute;
	transform: scale(.8, .8);
    
    z-index: 9999;
}
.animated-plane svg{transform: scale(.7, .7);}
#route {
    position: absolute;
    top: 45px;
    left: 55px;
}
.mpmid{ position:relative;
margin:0 auto; width:1180px; height:951px;}




@keyframes bimg1 {

      0% {top: 43.0672268907563;}

      100% {top: 50.73529411764706%;}

}

@keyframes bimg2 {

  0%  {left: 41.14583333333333%;}

  100% {left: 39.58333333333333%;}

}

 .air_1 {
 left:41.14583333333333%;
  animation: bimg1 2s infinite cubic-bezier(0,0,1,1),bimg2 2s infinite cubic-bezier(0,1,0,1);
  position: absolute;
  top:43.0672268907563%;
}

.yrjg_1{
text-align:center; font-size:1.5em; color:#030200; margin-top:3.583333333333333em;}
.yrjg_2{
text-align:center; font-size:1.125em; color:#999; margin-top:0.8em;}
.yrjg_3_left{
float:left;}
.yrjg_3_right{
float:right;}
.yrjg_3_left ul li{
display:inline-block;}
.yrjg_3_left ul li a{
border:1px #d9e3ec solid; display:inline-block; color:#4a4a4a; padding:0.15em 0.5em; background-color:#fff; }
.yrjg_3_left ul li a:hover,.yrjg_3_left ul li a.on{
background-color:#409ed7; border-color:#409ed7; color:#fff}
.yrjg_3{
margin:2.5em 0 3em 0;}
.yrjg_3_right ul li{
display:inline-block; float:left; line-height:27px; margin-left:5px;}
.yrjg_3_right_subcate select{  
background-position:right center; background-repeat:no-repeat; background-image:url(../images/news/img6.png);  
border:none; color:#333; font-size:0.875em;    appearance: none; width:100%; height:26px; -moz-appearance: none; -webkit-appearance: none;}
.yrjg_3_right_subcate{border:1px #d9e3ec solid; width:9.625em; padding:0 0.5em;}
.yrjg_3_right ul li .laydate-icon{border:1px #d9e3ec solid; background-position:100px center;
height:25px; line-height:25px; font-size:0.875em; width:95px; padding-left:10px; background-image:url(../images/news/img7.png);}
.search_date_btn{ cursor:pointer;
border:none; height:27px;border:1px #d9e3ec solid; font-size:1em; background:none; padding:0 1.3em;}
#count{
margin-bottom:8.125em; height:550px;}
.mobilenavlist li dl{
margin-top:0.5em; display:none;}
.mobilenavlist li dl dd a{
padding:0.5em 1em; display:block}
.mobilenavlist a.prosmall{
position:relative;}
.index_3_mid_right_1_right_1_right_small{
position:absolute; right:0; top:0; height:100%;}

.a-plus2{align-items:center;display:flex;height:14px;justify-content:center;position:relative;width:14px}
.a-plus2:after,.a-plus2:before{border-bottom:1px solid #000;content:"";height:1px;left:0;position:absolute;top:50%;transform:translateY(-50%);transform-origin:50% 50%;width:14px}
.a-plus2:after{transform:rotate(90deg);transition:all .5s cubic-bezier(.4,.8,.74,1) 0s}
.a-plus2:after,.a-plus2:before{border-color:#878787}
.mobilenavlist a.prosmall.on2 .a-plus2:after,.mobilenavlist a.prosmall.on2 .a-plus2:after{transform:rotate(0deg)}


@media screen and (max-width:1600px) {
	.news_1_mid_right{
	margin-top:5em;}
	.indexbanner_bg_mid_1{
	font-size:3.25em;}
	.swiper-pagination-index-banner-left,.swiper-pagination-index-banner-right{
	font-size:0.75em; width:10%;}
	 #header{
	 font-size:0.875em;}
	 .header_mid ul li{
	 margin-right:2.875em;}
}
@media screen and (max-width:1440px) {
.indexbanner_cir{
font-size:0.75em;}
.about_3_mid_left{
top:-6em;}
.about_1_1_mid_left{
width:65%;}
.index_1_mid{
padding:0 7%;}
}
.mobilemenu{position:relative;transition:.35s cubic-bezier(.14,1,.34,1);transform:translateX(100%);
position:fixed; left:0; top:0; width:100%; text-align:center; height:100vh; background-color:#fff; z-index:1000;
}
.mobilemenuon{transform:translateX(0%)}
.mobilemenu ul li{opacity:0;position:relative;transform:translateY(50px);
border-bottom:1px #dedede solid;}
.mobilemenu ul li a{
display:block; padding:.7em 0;}
.mobilemenu ul li:last-child a{
display:inline; padding:0;}

.mobilemenu ul{opacity:0; position:relative;transition:.3s cubic-bezier(.14,1,.34,1);width:auto;z-index:10}
.mobilemenuon ul{opacity:1;transition:.5s cubic-bezier(.215,.61,.355,1) .1s}
 
.mobilemenuon ul li{opacity:1;transform:translateY(0)}
.mobilemenu ul li:first-child{transition:.5s cubic-bezier(.215,.61,.355,1) .23s}
.mobilemenuon ul li:nth-child(2){transition:.5s cubic-bezier(.215,.61,.355,1) .26s}
.mobilemenuon ul li:nth-child(3){transition:.5s cubic-bezier(.215,.61,.355,1) .29s}
.mobilemenuon ul li:nth-child(4){transition:.5s cubic-bezier(.215,.61,.355,1) .32s}
.mobilemenuon ul li:nth-child(5){transition:.5s cubic-bezier(.215,.61,.355,1) .35s}
.mobilemenuon ul li:nth-child(6){transition:.5s cubic-bezier(.215,.61,.355,1) .38s}
.mobilemenuon ul li:nth-child(7){transition:.5s cubic-bezier(.215,.61,.355,1) .41s}
.mobilemenuon ul li:nth-child(8){transition:.5s cubic-bezier(.215,.61,.355,1) .44s}
.mobilemenuon ul li:nth-child(9){transition:.5s cubic-bezier(.215,.61,.355,1) .47s}
.mobilemenuon ul li:nth-child(10){transition:.5s cubic-bezier(.215,.61,.355,1) .5s}
.mobilemenuon ul li:nth-child(11){transition:.5s cubic-bezier(.215,.61,.355,1) .53s}
.mobilemenuon ul li:nth-child(12){transition:.5s cubic-bezier(.215,.61,.355,1) .56s}
.mobilemenuon ul li:nth-child(13){transition:.5s cubic-bezier(.215,.61,.355,1) .59s}
.mobilemenuon ul li:nth-child(14){transition:.5s cubic-bezier(.215,.61,.355,1) .62s}
.mobilemenuon ul li:nth-child(15){transition:.5s cubic-bezier(.215,.61,.355,1) .65s}
.mobilemenuon ul li:nth-child(16){transition:.5s cubic-bezier(.215,.61,.355,1) .68s}
.mobilemenuon ul li:nth-child(17){transition:.5s cubic-bezier(.215,.61,.355,1) .71s}
.mobilemenuon ul li:nth-child(18){transition:.5s cubic-bezier(.215,.61,.355,1) .74s}
.mobilemenuon ul li:nth-child(19){transition:.5s cubic-bezier(.215,.61,.355,1) .77s}
.mobilemenuon ul li:nth-child(20){transition:.5s cubic-bezier(.215,.61,.355,1) .8s}


/************/
.bodyon #header{
transform:translateY(-100%);
}
.bodyon2 #header{
background-color:#fff;}
.bodyon2 .header_logo a{
background-image:url(../images/header/logo2.png);}
.bodyon2 .header_mid ul li a.biga,.bodyon2 .header_right ul li a.header_right_com_a{
color:#000;}
.bodyon2 .header_right ul li:nth-child(1) a.online_shop{
background-image:url(../images/header/img1on.png);}
.bodyon2 .header_right ul li:nth-child(2) a.language_type{
background-image:url(../images/header/img2on.png);}
.bodyon2 .header_right ul li:nth-child(2) a.language_type:after{
background-image:url(../images/header/img3on.png);}
/**************/
.mobilehack{ display:none;
position:absolute; right:2.91666666666667%; top:0; height:100%;}
#header .m-btn {  
   
  margin-right:0em; 
  position:relative;
  width: 24px;
  height: 20px;
  cursor: pointer;
}
#header .m-btn .box {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#header .m-btn .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: 0;
    -webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;
}
#header .m-btn .line1 {
 /* width: 12px;*/
  top: 0;
}
#header .m-btn .line2 {
 /* width: 22px;*/
  top: 7px;
}
#header .m-btn .line3 {
  /*width: 16px;*/
  top: 14px;
}
#header .m-btn.cur .line1, #header .m-btn.cur .line2, #header .m-btn.cur .line3 {
  width: 100%;
}
#header .m-btn.cur .line2{
opacity:0;}
#header .m-btn.cur .line1 {-webkit-transform: translateY(9px) rotate(-45deg);-moz-transform: translateY(9px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);-o-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg); background-color:#000;} 
#header .m-btn.cur .line3{-webkit-transform: translateY(-5px) rotate(45deg);-moz-transform: translateY(-5px) rotate(45deg);-ms-transform: translateY(-5px) rotate(45deg);-o-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg); background-color:#000}
.mobilejobinfo{
display:none}
@media screen and (max-width:1260px) {
.job_3_left_mid span{
font-size:1em;}
.mobilejobinfo{
display:block}
.job_3_mid table tr td:nth-child(1){
width:50%;}
.job_3_mid table tr:nth-child(2),.job_3_mid table tr:nth-child(1) td:nth-child(2){
display:none}
.nybanner_footer .div1200{
padding-left:0; padding-right:0}
.nybanner_footer_mid ul li a{
font-size:1em;}
.mobilehack{
display:block}
.footer_1_2_left,.footer_1_2_right{
float:none; width:auto}
.footer_1_2_left ul{
border:none}
.footer_1_2_right{
display:none}
.index_2_mid_mask_mid_3 a{
font-size:.75em;}
.index_2_mid_mask_mid_1{
font-size:0.875em;}
.index_2_mid_mask_mid_2{
font-size:2.5em;}
.index_2_mid{
padding-top:8em; padding-bottom:8em;}
#header{
background-color:#fff;}
#header:before{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#dedede;}
#header .header_logo a{
background-image:url(../images/header/logo2.png);} 
.header_mid,.header_right{
display:none}
.bodyon #header{
transform:translateY(0%);
}
#mid{
margin-top:4.64895625em}
}
.mobile_nav{ display:none}
.mobile_nav_mid_cate{
position:relative; padding:1em 0; border-bottom:1px #dedede solid;}
.mobile_nav_mid_cate .index_3_mid_right_1_right_1_right{
position:absolute; right:0; height:100%; top:0;}

.mobile_nav_mid_cate .a-plus,.mobile_nav_mid_cate .a-plus:after,.mobile_nav_mid_cate .a-plus:before{
width:14px;}
.mobile_nav ul li{
border-bottom:1px #dedede solid; padding:1em;}
.mobilenavlist a{
display:block}
.mobilenavlist{
display:none}
.mobile_nav_mid.on .a-plus:after,.mobile_nav_mid.on .a-plus:after{transform:rotate(0deg)}

@media screen and (max-width:1180px) {
.netw_mid{
width:100%;overflow-x:auto;}
.netw{
width:1180px;}
}
@media screen and (max-width:1024px) {
.pro_cate{
display:none}
.contact_1_2_mid_mid{
margin-left:0; margin-right:0}
.contact_1_2_mid{ width:auto;
float:none; margin-right:auto}
#map22{
position:static; height:40vh;}
.job_2_mid_1{
font-size:2em;}
.job_2_mid_2{
font-size:.875em;}
.job_2{
padding:8em 0;}
.eq_1_mid_2{
max-width:100%; padding-left:0; padding-right:0}
.eq_1_mid_2_mid_left,.eq_1_mid_2_mid_right{
font-size:.75em;}
.eq_1_mid_2_1{
font-size:1.25em;}
.news_info_1,.news_info_2_2{
font-size:.875em;}
.news_1{
margin-top:3.5em;}
.news_1_mid_right_1 a,.news_2_1_mid_right_1{
font-size:1.125em;}
.about_1_2_mid_right_mid_2_1{
font-size:1em;}
.about_1_2_mid_right_mid_2_2{
font-size:.875em;}
.nybanner_footer{
display:none}
.mobile_nav{
display:block}
.footer_1_2_left ul li dl dd{
margin-top:0; margin-bottom:0.5em;}
.footer_1_2_left ul li{
float:none; width:auto}
.footer_1_2_left ul li dl{
display:none}
.footer_1_2_left ul li.on dl{
display:block}
.footer_1_2_left ul li p, .footer_1_2_right_1{
font-size:1em; padding:0.9em 0; border-bottom:1px #4d5157 solid}
.footer_1_2_left ul li p{
position:relative;}
.footer_1_2_left ul li p:after{
content:''; position:absolute; right:0; width:11px; height:6px; background-position:center; background-repeat:no-repeat; margin-top:-3px; top:50%; background-image:url(../images/jobs/img2.png);transition: .2s ease-in-out;

-webkit-transition: .6s ease-in-out;

-moz-transition: .6s ease-in-out;

-o-transition: .6s ease-in-out;}

.footer_1_2_left ul li.on p:after{
transform: rotate(-180deg);

-webkit-transform: rotate(-180deg);

-moz-transform: rotate(-180deg);

-o-transform: rotate(-180deg);
 }

.footer_1_2{
padding:1.5em 0 2.5em 0;}
.index_3_mid{
padding-left:0}
.index_3_mid_left{
position:static}
.index_2_mid_mask_mid_1{
font-size:.875em;}
.index_1_mid_1_left_1_1 span{
font-size:2em;}
.index_1_mid_1_left_1_2{
font-size:.75em;}
.indexbanner_bg_mid_1{
font-size:2.5em;}
.index_2_mid_mask_mid_2{
font-size:2.5em;}
}
@media screen and (max-width:950px) {
.swiper-pagination-mxcp{
display:block}
}
@media screen and (max-width:900px) {
	.news_2 .div1200{
	padding-left:7%; padding-right:7%;}
	.news_1_mid_right{
	margin-top:3.5em;}
	.news_1_mid_right{
	float:none; width:100%;}
	.news_1_mid_left{
	float:none; width:100%;}
	.about_5_mid{
	width:60%;}
	.about_4_mid_page{ padding-right:0;
	margin:0; width:100%; text-align:center; margin-top:1.5em;}
	.about_4_mid .swiper-slide{
	width:100%;}
	.about_4_mid{
	margin-left:0; width:94%; margin-left:auto; margin-right:auto; margin-top:3em; margin-bottom:4em;}
	.about_4_bg{
	width:100%;}
	.about_4_txt{
	position:static; padding-top:3em;}
	.about_3_mid{
	padding-left:0; padding-top:4em; padding-bottom:8em;}
	.about_3_mid_left img{
	width:auto}
	.about_3_mid_left{ margin-bottom:2em;
	position:static; width:100%; text-align:center}
}
.index_1_mid_1_left_1_mobile{
display:none; text-align:center; margin-bottom:2em;}
.mobilehistory{
display:none}
.mobilejobinfo span{
display:none}
@media screen and (max-width:850px) {
.job_3_right_mid a{
width:7em;}
.job_3 ul li.jobsinfoli{
padding:0 2em;}
.job_3_left .job_3_left_mid{
margin-left:0}
.job_3 ul li{ padding-right:10em;
padding-left:0}
.job_3_right{
width:auto; right:0em;}
.job_3_left{
position:static; width:auto; text-align:left; padding:1em;}
.job_3_mid{
display:none}
.mobilejobinfo span{
display:block}
}
#mobilecid{
display:none}
@media screen and (max-width:768px) {
.pro_list_1_2_1{
font-size:1em;}
.pro_list_1 li{
width:49%; margin-right:0;}
.pro_list_1 li:nth-child(2n){
float:right}
#count{
height:400px; margin-bottom:5em;}
.yrjg_3_left ul{
display:none}
#mobilecid{
display:block}
.search_date_btn{
padding:0; width:100%; height:40px; line-height:40px;}
.yrjg_3_right_subcate select{
height:30px; line-height:30px;}
.yrjg_3_right_subcate{
display:block; width:98%;  padding:0 1%;}
.yrjg_3_right ul li{ position:relative; margin-top:1em;
display:block;   margin-left:0; width:100%;}
.yrjg_3_right ul li:nth-child(2){
float:left; width:40%;}
.yrjg_3_right ul li:nth-child(3){
float:left; width:20%; text-align:center}
.yrjg_3_right ul li:nth-child(4){
float:right; width:40%;}
.yrjg_3_right ul li .laydate-icon{ padding-left:3%; padding-right:0; background-position:97% center;
width:97%; height:30px; line-height:30px;  }
.yrjg_3_left,.yrjg_3_right{
float:none}
.yrjg_3_left ul li{ width:100%;
display:block; clear:both}
.yrjg_1{
font-size:1.25em;}
.yrjg_2{
font-size:0.875em;}
.a-button{
max-width:100%; font-size:1em;}
.contact_1_3 ul li,.contact_1_3 ul li:nth-child(2n){
float:none; width:100%;}
.contact_1_1{
margin-top:2.5em;}
.eq_1{
 margin-bottom:3em;}
.news_info_2_1{
font-size:1.25em;}
.news_info_2_3{
margin:2.5em 0;}
.news_info_2_4_right .news_info_2_4_mid span{
left:0; right:auto}
.news_info_2_4_right .news_info_2_4_mid{
padding-right:0; padding-left:4.375em;}
.news_info_2_4_right .news_info_2_4_mid{
text-align:left}
.news_info_2_4_left,.news_info_2_4_right{
float:none; width:100%;}
.news_info_2_4{
font-size:.875em;}
.about_5_mid_mid{
margin:3em;}
.about_5_mid{
margin:0 auto; width:90%;}
.about_5_mid_mid_2,.about_5_mid_mid_4{
display:none}
.mobilehistory{ position:relative;
display:block; text-align:center; margin-top:3em; margin-bottom:3em;}
.mobilehistory_mid{
position:relative; overflow:hidden; padding:2em 0;}
.mobilehistory_top,.mobilehistory_footer{ background-color:#fff; z-index:10;
position:absolute; width:100%; text-align:center; left:0; height:1.5em;}
.mobilehistory_top{
top:0;}
.mobilehistory_footer{
bottom:0;}
.mobilehistory_mid:after{
content:''; position:absolute; height:100%; width:1px; left:50%; margin-left:-0.5px; background-color:#72777d; top:0;}
.mobilehistory_top a{ background-position:center; background-repeat:no-repeat; width:1.5em; height:1.5em;
display:inline-block; border:1px #72777d solid;border-radius:100%;  background-image:url(../images/about/img9.png);}
.mobilehistory_footer a{ background-position:center; background-repeat:no-repeat; width:1.5em; height:1.5em;
display:inline-block; border:1px #72777d solid;border-radius:100%;  background-image:url(../images/about/img10.png);}
.mobilehistory_mid_mid{ position:relative;
width:50%; text-align:right;}
.mobilehistory_mid_mid:after{
content:''; position:absolute; right:0; width:12px; height:1px;  top:50%; margin-top:-0.5px;  background-color:#72777d}
.mobilehistory_mid li:nth-child(2n) .mobilehistory_mid_mid:after{
right:auto; left:0;}
.mobilehistory_mid_mid span{
padding-right:1.5em; display:block}
.mobilehistory_mid li:nth-child(2n) .mobilehistory_mid_mid{
margin-left:50%; text-align:left;}
.mobilehistory_mid li{
margin:1em 0;}
.mobilehistory_mid li:nth-child(2n) .mobilehistory_mid_mid span{
padding-right:0; padding-left:1.5em;}
.about_3_mid{
padding-bottom:6em;}
.about_1{
padding-bottom:4em;}
.about_1_2_body,.about_1_2{
padding:4em 0;}
.about_1_2_mid_right_mid{
padding-top:4em; padding-bottom:4em; padding-left:4em; padding-right:4em;}

.about_1_1{
margin-bottom:4em; margin-top:4em;}
.about_1_2_mid_right{
width:90%;}
.about_1_1{
margin-top:5em;}
.about_1_1_mid_left{
width:auto}
.about_1_1_bg{ margin-top:2em;
position:relative; width:100%; height:20vh; right:0;}
.footer_1_1_right{
display:none}
.footer_1_1_left{
float:none; width:100%; text-align:center}
.footer_2_left,.footer_2_right{
float:none; width:100%; line-height:1.6; text-align:center;}
.index_3{
margin:4em 0;}
.index_3_mid_right_1 ul li{
padding:2em 0;}
.index_3_mid_right_1_right_1{
padding-right:4em;}
.index_3_mid_right_1_left{
font-size:1em; margin-bottom:0.5em;}
.index_3_mid_right_1_left,.index_3_mid_right_1_right{
float:none; width:auto}
.index_1_mid_2{ margin-bottom:3em;
margin-top:8em;}
.index_1_mid_1_left_1_mobile{
display:block}
.index_1_mid_1_right{
display:none}
.index_1_mid_1_left_2{
margin-top:4em;}
.index_1{
padding-top:5em; padding-bottom:5em;}
.index_1_mid_1_left{
margin-top:0}
.index_1_mid_1_left,.index_1_mid_1_right{
float:none; width:auto}
.swiper-pagination-index-banner-left, .swiper-pagination-index-banner-right{
font-size:.5em;}
.indexbanner_bg_mid_1{
font-size:2em;}
.index_2_mid_mask_mid_2{
font-size:2em;}
.indexbanner_cir{
font-size:.5em;}
.indexbanner:before {
height:60px; bottom:-35px;}
}
@media screen and (max-width:640px) {
.job_2{
padding:7em 0;}
.job_2_mid_1{
font-size:1.875em;}
.eq_1_mid_2{
margin-top:2em;}
.eq_1 .swiper-slide{
width:70%;}
.eq_1_mid_2_mid_left, .eq_1_mid_2_mid_right{
font-size:.5em;}
.eq_1_mid_2_1{
font-size:1.125em;}
.news_1_mid_right_2,.news_2_1_mid_right_2{
margin:1.5em 0;}
.news_2_1{border-top:1px #d8d8d8 solid;  }
.news_1_mid_right{
margin-top:1.5em; padding-bottom:1.5em; }
.news_1_mid_right_mid{
padding-left:0;}
.news_1_mid_right_mid:after{
display:none}
.news_2_1 ul li{
padding:2em 0;}
.news_2_1_mid_right_3 span{
font-size:0.875em;}
.news_2_1_mid_left_date span{
font-size:0.875em;}
.news_2_1_mid_left_date:after{
display:none}
.news_2_1_mid_left_date{
padding-left:0; margin-bottom:0.5em;}
.news_2_1_mid{
padding-left:0;}
.about_5{
padding:3em 0;}
.news_2_1_mid_left{
position:static}

.about_1_2_body,.about_1_2{
padding:2em 0;}
.about_1_2_mid_right_mid{
padding:2em;}

.footer_1_1_left img{
height:2.5em;}
.index_1_mid_1_left_1_1 span{
font-size:1.75em;}
}
@media screen and (max-width:480px) {
#count{
height:300px; margin-bottom:3em;}
.yrjg_1{
font-size:1.125em; margin-top:2.5em;}
.contact_1_4{
margin-top:2em; margin-bottom:4em;}
.contact_1_2_mid{
margin-top:2em; margin-bottom:2em;}
.contact_1_2_mid_mid{
margin-top:2em; margin-bottom:2em;}
.job_2{
padding:5em 0;}
.job_2_mid_1{
font-size:1.375em;}
.nybanner{
height:45vh;}
.eq_1_mid_2_1{
font-size:1em;}
.eq_1_mid_2_2{
font-size:.875em;}
.eq_1_mid_2{
margin-top:1em;}
	.news_2_1_mid_right_3 span{
	padding-right:4em;}
	.news_2_1_mid_right_3 span:after{
	width:3em;}
	.news_info_2_3{
	margin:2em 0;}
	.news_info_2_1{
	font-size:1.125em;}
.news_info_2_4 a{
padding-top:.6em; padding-bottom:.6em;}
.news_1_mid_right_1 a, .news_2_1_mid_right_1{
font-size:1em;}
.about_3_mid{
padding-bottom:4em;}
.index_2_mid{
padding-top:4em; padding-bottom:6em;}
.a-plus:after, .a-plus:before,.a-plus{
width:15px;}
.index_3{
margin:2.5em 0;}
.index_1_mid_2{
margin-bottom:2em;}
.index_1_mid_2{
margin-top:6em;}
.index_1_mid_1_left_2{
margin-top:2.5em;}
.index_1{
padding-top:4em; padding-bottom:4em;}
.index_1_mid_1_left_1_1 span,.index_2_mid_mask_mid_2{
font-size:1.375em;}
.indexbanner_bg_mid_1{
font-size:1.875em;}
.swiper-pagination-index-banner-left, .swiper-pagination-index-banner-right{
display:none}
.indexbanner_bg_mid{
width:92%; left:4%;}
 
}
@media screen and (max-width:400px) {
.pro_list_1 li{
width:100%; margin-top:1.5em;}
}
@media screen and (max-width:360px) {
.job_2_mid_1{
font-size:1.25em;}
.index_1_mid_1_left_1_1 span,.index_2_mid_mask_mid_2{
font-size:1.25em;}
}
.indexbanner_cir,.swiper-pagination-index-banner-left, .swiper-pagination-index-banner-right,.indexbanner:before{
display:none}
#swiper-pagination-index-banner{
width:47px; height:46px; left:50%; margin-left:-23.5px; bottom:6%;}

.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0;}
.indexbanner .swiper-pagination-bullet{
opacity:0.4}
.indexbanner .swiper-pagination-bullet-active{
opacity:1}
.indexbanner .swiper-pagination-bullet:nth-child(1){border-radius:0;
width:23px; height:23px; position:absolute; left:0; top:0; background:none; background-position:center; background-repeat:no-repeat; background-image:url(../images/b1.png);}
.indexbanner .swiper-pagination-bullet:nth-child(2){border-radius:0;
width:24px; height:23px; position:absolute; right:0; top:0; background:none; background-position:center; background-repeat:no-repeat; background-image:url(../images/b2.png);}
.indexbanner .swiper-pagination-bullet:nth-child(4){border-radius:0;
width:23px; height:22px; position:absolute; left:0; bottom:0; background:none; background-position:center; background-repeat:no-repeat; background-image:url(../images/b3.png);}
.indexbanner .swiper-pagination-bullet:nth-child(3){border-radius:0;
width:24px; height:22px; position:absolute; right:0; bottom:0; background:none; background-position:center; background-repeat:no-repeat; background-image:url(../images/b4.png);}
@media screen and (max-width:768px) {
#swiper-pagination-index-banner{
bottom:1em;transform: scale(.8, .8);}
}
@media screen and (max-width:640px) {
#swiper-pagination-index-banner{
bottom:.5em;transform: scale(.6, .6);}
}
@media screen and (min-width:1200px) {
.netw{
height:850px; overflow:hidden; background-position:center top;}
}
.mobileimg{
display:none}
.mobileimg img{
width:100%;}
@media screen and (max-width:768px) {
.netw{ overflow:hidden;
height:768px; background-position:center top;  }
.mpmid_footer{
bottom:32%}
.indexbanner_bg{
position:relative; height:auto}
.mobileimg{
display:block}
}