/* 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;
}
body{font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   -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:#0173cd;    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;}

/*********header**********/

#header{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
position:absolute; left:0; top:0; width:100%; z-index:999;}
#header:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; opacity:.2}
.header_mid{ position:relative; margin:0 3.64583333333333%;}
.header_mid_mid{text-align:center;}
.header_mid_mid ul li{display:inline-block; z-index:1; margin:0 2vw; position:relative;}
.header_mid_mid ul li dl{ width:11.4375em; padding:1em 0; display:none;position:absolute; left:-3.71875em;background-color:rgba(0,0,0,.47);}
.header_mid_mid ul li dl 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; font-size:.9375em;
color:#fff; display:block; padding:.6em 0; color:#ddd;}
.header_mid_mid ul li dl a:hover{background-color:#0774c8;}
.header_mid_mid ul li a.biga{ position:relative;color:#fff; display:block; height:5.57291666666667vw; line-height:5.57291666666667vw;}
.header_mid_mid ul li a.biga:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10;
content:''; bottom:0px; position:absolute; height:1px; background-color:#0774c8; left:50%; width:0;}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{
width:100%; left:0;}
.header_logo{ text-align:center; z-index:10;position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);width:6.42708333333333vw;}
.header_mid_mid ul li:nth-child(4){margin-right:8.07291666666667vw;}
.header_mid_mid ul li:nth-child(5){margin-left:8.07291666666667vw;}
.header_mid_left{position:absolute; left:0; top:50%;transform:translateY(-50%);}

.menu-toggler{top:50%;left:0px; z-index:10; cursor:pointer;width:20px;height:20px;position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}.menu-toggler .line{top:50%;left:50%;width:100%;height:1px;margin-top:-1px;position:absolute;background:#fff;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0);}
.menu-toggler .line-1{width:100%;-webkit-transform:translate3d(-50%,-6px,0);transform:translate3d(-50%,-6px,0);-webkit-animation:toggler-open-line-1 1500ms 1 normal forwards;animation:toggler-open-line-1 1500ms 1 normal forwards;}
.menu-toggler .line-2{-webkit-transition:all 300ms linear;transition:all 300ms linear; }
.menu-toggler .line-3{width:100%;-webkit-transform:translate3d(-50%,6px,0);transform:translate3d(-50%,6px,0);-webkit-animation:toggler-open-line-3 1500ms 1 normal forwards;animation:toggler-open-line-3 1500ms 1 normal forwards;}
.menu-toggler.close .line-1{-webkit-animation:toggler-close-line-1 1500ms 1 normal forwards;animation:toggler-close-line-1 1500ms 1 normal forwards;}
.menu-toggler.close .line-2{width:0;}
.menu-toggler.close .line-3{-webkit-animation:toggler-close-line-3 1500ms 1 normal forwards;animation:toggler-close-line-3 1500ms 1 normal forwards;}
@-webkit-keyframes toggler-open-line-1{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@keyframes toggler-open-line-1{0%{transform:translate3d(-50%,0px,0) rotate(45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-open-line-3{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}}
@keyframes toggler-open-line-3{0%{transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-close-line-1{0%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}}@keyframes toggler-close-line-1{0%{transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(45deg);}}
@-webkit-keyframes toggler-close-line-3{0%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}}
@keyframes toggler-close-line-3{0%{transform:translate3d(-50%,6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(-45deg);}}
.header_logo img:nth-child(2){display:none}
.bodyon .header_logo img:nth-child(2){display:block}
.bodyon .header_logo img:nth-child(1){display:none}
.bodyon #header{ position:fixed;background-color:#fff;}
.bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right a{color:#000;}
.bodyon .menu-toggler .line{background-color:#000}
.bodyon2 #header{transform:translateY(-100%);-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}
/*********index**************/
.indexpro_act_mid{position:relative}
.indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/index/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center }

@keyframes mouse-dot {
from { opacity: 1; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
from { opacity: 1; }
33% { opacity: 1; }
to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

.index_1{	position:relative; overflow:hidden; padding-top:5.22916666666667vw; padding-bottom:5.45833333333333vw;}

.index_1_mid{	position:relative;  }
.index_1_mid_left{ height:100%; 	position:absolute; left:0; top:0; width:45.57291666666667%;}
.index_1_mid_left_s{ height:11.14583333333333vw; right:-12.45714285714286%; bottom:-11%;	position:absolute; width:11.35416666666667vw; background-position:center; background-repeat:no-repeat; background-size:cover; }
.index_1_mid_left_bg{ z-index:10; overflow:hidden;	position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_mid_left_bg_img{ z-index:10;	position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_1_mid_right{ padding-top:4em; overflow:hidden;	margin-left:51.16666666666667%; width:42%;}
.index_1_mid_right_1 span{ padding-right:4.5em;	position:relative; display:inline-block; color:#262626; font-size:1.25em; letter-spacing:.02em;}
.index_1_mid_right_1{	margin-bottom:3em;}
.index_1_mid_right_1 span:after{	content:''; position:absolute; right:0; height:1px; background-color:#1d1d1d; width:4em; background-color:#1d1d1d; top:50%;transform:translateY(-50%);}
.index_1_mid_right_2{	color:#333; font-size:2.39583333333333vw;  }
.index_1_mid_right_3{	font-size:1em; line-height:2; margin:2em 0;display: -webkit-box;	-webkit-box-orient: vertical;  	-webkit-line-clamp: 3;  	overflow: hidden;word-wrap:break-word;word-break:break-all;}
.index_1_mid_right_4 ul li{	float:left;}
.index_1_mid_right_4 ul li:nth-child(1){	width:20%;}
.index_1_mid_right_4 ul li:nth-child(2){	width:21%;}
.index_1_mid_right_4 ul li:nth-child(3){	width:23%;}
.index_1_mid_right_4 ul li:nth-child(4){	width:28%;}
.index_1_mid_right_4_1 dl{	position:relative; display:inline-block;}
.index_1_mid_right_4_1 dl dd:nth-child(1){	font-size:3.125vw; color:#434e56; font-family:Impact; display:inline-block;}
.index_1_mid_right_4_1 dl dd:nth-child(2){	color:#434e56; display:inline-block;}
.index_1_mid_right_4_1 dl dd:nth-child(3){	position:absolute; right:0; top:0; color:#434e56; font-size:1.875vw;}
.index_1_mid_right_4_2{	font-size:.875em; margin-top:.5em;}
.index_1_mid_right_4_mid{	padding:0 1.5625vw; background-position:right center; background-repeat:no-repeat; 	}
.index_1_mid_right_4 ul li:nth-child(1) .index_1_mid_right_4_mid{	padding-left:0}
.index_1_mid_right_4 ul li:nth-child(4) .index_1_mid_right_4_mid{	padding-right:0; background-image:none}
.index_1_mid_right_5_more{ overflow:hidden;display:inline-block; position:relative; padding-bottom:.875em;}
.index_1_mid_right_5_more span{ padding-right:3.555555555555556em;	font-size:1.125em; color:#2c4670; display:inline-block; position:relative;}
.index_1_mid_right_5_more span:before{	content:''; position:absolute; right:0; width:2em; height:0.7222222222222222em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img17.png);top:50%;transform:translateY(-50%);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.index_1_mid_right_5_more:hover span:before{	right:1em;}
.index_1_mid_right_5{	margin-top:3em; margin-bottom:4em;}
	

.index_1_mid_right_5_more:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-bottom: 1px solid #2c4670;transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);}

.index_1_mid_right_5_more:hover:after {-webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;}
.index_1_mid_left_play{position:absolute; z-index:100; width:27.88571428571429%;top:50%;transform:translate(-50%, -50%); left:50%;}

.indexpro_act{margin:3.75em auto; max-width:27.25em; position:relative;}
.indexpro_act_left{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer; z-index:10; cursor:pointer;
position:absolute; left:0; width:42.20183486238532%; height:1.0625em; background-position:left center; background-repeat:no-repeat; background-image:url(../images/img7.png);}
.indexpro_act_mid{text-align:center}
.indexpro_act_right{ top:50%;transform:translateY(-50%); background-size:cover; cursor:pointer;
position:absolute; right:0; width:42.20183486238532%; height:1.0625em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/img8.png);}



.index_2_mid_2_mid{ text-align:center;border-radius:5px;background: #fff; padding-bottom: 15px;}
.index_2_mid_2_mid_1 {position:relative; text-align:center; height:17vw;}
.index_2_mid_2_mid_1_img{position:absolute; left:0; width:100%; text-align:center; top:0%;}
.index_2_mid_2_mid_1_img img{max-width:100%;}
.index_2_mid_2_mid_2{text-align:center; color:#292929; font-size:1.5em;}
.index_2_mid_2_mid_3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
text-align:center; margin-top:1.3em; margin-left:auto; margin-right:auto; margin-bottom:1.3em; max-width:8em;}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3{}
.index_2_mid_2_mid_3 span{ padding-right:.875em; color:#0173cd; padding-bottom:.3em; padding-top:.3em;
display:inline-block; position:relative; overflow:hidden; }
.index_2_mid_2_mid_3 span:before{ content:''; position:absolute; right:0;background-position:center; background-repeat:no-repeat; background-image:url(../images/img21.png);
width:9px; height:9px; top:50%;top:50%;transform:translateY(-50%); background-repeat:no-repeat;}

.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span{color:#fff;background-color:#0079d6; padding-left:1.75em;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;border-radius:1.875em;  padding-right:1.875em;}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:before{right:1em; background-image:url(../images/img21w.png);}
.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after{display:none}
.index_2_mid_2_mid_3 span:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;border-bottom: 1px solid #2c4670;transition: all 0.8s cubic-bezier(0.555, 0.205, 0.295, 0.975);}

/*.index_2_mid_2_mid:hover .index_2_mid_2_mid_3 span:after {
-webkit-animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
animation: link-hover 0.8s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1;
}*/
.index_2_mid_2_mid_1_bo{position:absolute; left:0; width:100%; text-align:center; top:50%;transform:translateY(-50%); z-index:10;opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.index_2_mid_2_mid:hover .index_2_mid_2_mid_1_bo{opacity:1;}
.index_2_mid_2_mid_1_bo img{width:100%;opacity:0;}
.index_2_mid_2_mid_1_bo span{position:absolute; left:0; top:0; width:100%; height:100%;border-radius:100%;}
.index_2_mid_2_mid_1_bo span:nth-child(1){background-color:#0071df; opacity:.07;}
.index_2_mid_2_mid_1_bo span:nth-child(2){background-color:#0071df; opacity:.07;transform: scale(0.7267441860465116, 0.7267441860465116);}
.index_2_mid_2_mid_1_bo span:nth-child(3){background-color:#0071df; opacity:.13;transform: scale(0.5436046511627907, 0.5436046511627907);}
.index_2_mid_2_mid_1_bo:after{ z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img19.png);
content:''; position:absolute; width:23.83720930232558%;height:23.83720930232558%;left:50%; top:50%;transform:translate(-50%, -50%);}
@keyframes ripple{0%{opacity:0;transform:scale(.1,.1)}5%{opacity:.3}100%{opacity:0;transform:scale(1)}}
.index_2_mid_2_mid_1_bo span:nth-child(1){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}
.index_2_mid_2_mid_1_bo span:nth-child(2){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}
.index_2_mid_2_mid_1_bo span:nth-child(3){opacity:0;-webkit-animation:ripple 4s ease-out 1225ms infinite;-moz-animation:ripple 4s ease-out 1225ms infinite;-o-animation:ripple 4s ease-out 1225ms infinite;
animation:ripple 4s ease-out 1225ms infinite} 
.index_2_mid_2{margin-top:5em;} 


.index_3{ padding-top:3.11458333333333vw;position:relative; background: #f2f2f2;}
.index_3 h2{text-align: center; font-weight: 400;text-transform: uppercase;}
.index_3 h2 em{display: block; font-weight: 800; color: #006ab8;}
.index_3_2_mid{position:relative;}
.index_3_2_mid_1{overflow:hidden}
.index_3_2_mid_1 img{width:100%;}
.index_3_2 .swiper-slide{padding: 0 calc((100vw - 986px) * 0.0375); width:986px;}
.index_3_2_mid_1{overflow:hidden; position:relative;background: #000;}
.index_3_2_mid_1 img{width:100%; opacity: 0.7;}
.index_3_2_mid_1:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; background-position:center top; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img22.png);
content:''; position:absolute; left:50%; bottom:-2.17028380634391%; width:64.40162271805274%; height:2.17028380634391%; z-index:1;transform:translateX(-50%);transition-delay:.7s;}
.swiper-slide-active .index_3_2_mid_1:after{bottom:0;}
.index_3_2_mid_footer{position:absolute; left:0; bottom:13.35559265442404%; z-index:10; width:100%; text-align:center; color:#fff;}
.index_3_2_mid_footer_mid_1{ position:relative;font-size:2.08333333333333vw;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);}
.index_3_2_mid_footer_mid_2{ position:relative;font-size:1em; line-height:1.8; margin-top:1.38em;transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px);transition-delay:.4s;display: -webkit-box;
-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all;}
.swiper-slide-active .index_3_2_mid_footer_mid_1,.swiper-slide-active .index_3_2_mid_footer_mid_2{opacity:1;transform:translateY(0px);}
.index_3_2_mid_footer_mid{margin:0 14%;}
.index_3_2{margin-top:4em;}
.swiper-slide_mid_2_left{ cursor:pointer;position:absolute; z-index:100;top:50%;transform:translateY(-50%); left:8%; width:4.8125em; height:4.8125em;}
#my_left{ width:100%; height:100%;left:0; top:0;}
#my_right{ width:100%; height:100%;right:0; top:0;}
#my_left:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../images/img23.png);content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
#my_right:after{transform:translate(-50%, -50%); left:50%; top:50%; background-image:url(../images/img24.png);content:''; position:absolute; width:2.5em; height:2.5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.swiper-slide_mid_2_right{ cursor:pointer;
position:absolute; z-index:100;top:50%;transform:translateY(-50%); right:8%; width:4.8125em; height:4.8125em;}


.index_2_mid{width: 85%; margin: 0 auto;}
.index_2_mid h2{text-align: center; font-weight: 400;text-transform: uppercase;}
.index_2_mid h2 em{display: block; font-weight: 800; color: #006ab8;}
.index_4_1 ul li{ float:left; width:32.48366013071895%; margin-right:1.27450980392157%;}
.index_4_1 ul li:nth-child(3n){margin-right:0}
.index_4_1_mid_1{overflow:hidden; position:relative;}
.index_4_1_mid_1 img{width:100%;}
.index_4_1_mid_2{margin:0 5%; margin-top:2.125em; }
.index_4_1_mid_2_1{color:#0079d6;font-family:Calibri;}
.index_4_1_mid_2_2{font-size:1.5em; color:#000; margin-top:.75em; margin-bottom:.75em;}
.index_4_1_mid_2_3{color:#666;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}
.index_4_1{margin-top:4em;}
.index_4_2{text-align:center; margin:4.375em 0;}
.index_4_1_mid{overflow:hidden; position:relative}
.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#0079d6;border-radius:20px 20px 0 0;  }
.index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}
.index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;}


/*************footer******************/
#footer{background-color:#0068b7; position:relative; overflow:hidden}
.footerbg{opacity:.02;position:absolute; right:0;left: 0; bottom:0; width:100%;}
.footer_mid{margin:0 10%; position:relative; z-index:10;}
.footer_mid_1_left{float:left;}
.footer_mid_1_right{float:right; margin-top:.5em;}
.footer_mid_1_right a{ margin-left:.75em;
display:inline-block;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);border-radius:100%; background-position:center; background-repeat:no-repeat; width:2.875em; height:2.875em;}
.footer_mid_1_right a:hover{background-color:#717171; border-color:#717171}
.footer_mid_1_right a:nth-child(1){background-image:url(../images/qq.png);}
.footer_mid_1_right a:nth-child(2){background-image:url(../images/img3.png);}
.footer_mid_1_right a:nth-child(3){background-image:url(../images/img4.png);}
.footer_mid_1{ padding-top:3.375em; padding-bottom:3.375em; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.2);}
.footer_mid_2_left{float:left; width:70%;}
.footer_mid_2_right{float:right; width:30%; position:relative;}
.footer_mid_2_right:after{content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:rgba(255, 255, 255, 0.2)}
.footer_mid_2_left ul li{float:left; color:#fff;}
.footer_mid_2_left ul li:nth-child(1){width:21%}
.footer_mid_2_left ul li:nth-child(2){width:31%}
.footer_mid_2_left ul li:nth-child(3){width:25%}
.footer_mid_2_left ul li:nth-child(4){width:23%}
.footer_mid_2_left_mid{padding-right:1em}
.footer_mid_2_left_mid p,.footer_mid_2_right_mid p{ color:#fff;font-size:1.125em; position:relative; padding:.875em 0;}
.footer_mid_2_left_mid p:after,.footer_mid_2_right_mid p:after{content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#fff; width:13px;}
.footer_mid_2_left_mid a{color:#e0e0e0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.footer_mid_2_left_mid a:hover{color:#fff;}
.footer_mid_2_left_mid dl dd,.footer_mid_2_right_mid_2 dl dd{margin-top:.9em;}
.footer_mid_2_left_mid dl,.footer_mid_2_right_mid_2 dl{margin-top:1.25em;}
.footer_mid_2{margin-top:3.25em;}
.footer_mid_2_right_mid{padding-left:36%; color:#e0e0e0 }
.footer_mid_2_right_mid_3{margin-top:2.1875em;}
.footer_mid_3_left{float:left; font-size:.875em; color:#e0e0e0}
.footer_mid_3_right{float:right; font-size:.875em; color:#e0e0e0}
.footer_mid_3_right a{color:#e0e0e0;}
.footer_mid_3_right a:hover{color:#fff;}
.footer_mid_3{margin-top:2.6875em; border-top:1px solid transparent; border-color: rgba(255, 255, 255, 0.2); padding-top:1.5em; padding-bottom:1.5em;}
/********about**************/
.cershowbox{ display:none;position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;background-color:rgba(0,0,0,.85);}
.swiper-container-showbox{width:100%; height:100%}
.swiper-container-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; color:#fff}
.close_box{position:fixed; right:2.5em; top:2.5em; z-index:9999;}	 

.close_box a img{-webkit-transition: 1s;-webkit-transition: -webkit-transform 1s ease-out;transition: transform 1s ease-out;-moz-transition: -moz-transform 1s ease-out;}
.close_box a:hover img{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);}
.cershowbox_img{ width:100%;   text-align:center;position:relative;}
.cershowbox_left{ overflow:hidden; font-family:"宋体"; color:#fff; cursor:pointer; z-index:999; top:50%;transform:translateY(-50%); text-align:center; line-height:4.5em;border-radius:100%;
position:absolute; width:4.5em; height:4.5em; border:.5em #3d3d3c solid; left:2.76041666666667%;}
.cershowbox_left span{
font-size:2.25em; position:relative; z-index:10;}

.cershowbox_right{ overflow:hidden; font-family:"宋体"; color:#fff; cursor:pointer; z-index:999; top:50%;transform:translateY(-50%); text-align:center; line-height:3.5em;border-radius:100%;
position:absolute; width:4.5em; height:4.5em; border:.5em #3d3d3c solid; right:2.76041666666667%;}
.cershowbox_right span{font-size:2.25em; position:relative; z-index:10}

.cershowbox_left:before,.cershowbox_right:before {position:absolute;left:0;top:0;width:100%;height:100%;background:#1654a8;border-radius:50%;transform:translateX(-100%);content:"";transition:all 0.3s; box-sizing:border-box}
.cershowbox_left:hover:before,.cershowbox_right:hover:before{transform:translateX(0);}

.cershowbox_con{position:absolute; left:0; bottom:0; width:100%; z-index:100; font-size:1.5em; bottom:-3.125vw; text-align:center;}
.cershowbox_img img{max-height:39vw;} 
.nybanner{background-position:center; background-repeat:no-repeat; background-size:cover; height:70vh; position:relative;}
.nybanner_mid{ color:#fff; text-align:center;margin:0 7.8125%;}
.nybanner_mid_1{ letter-spacing:.1em;font-size:3.75em; margin-bottom:.45em;}
.nybanner_mid_2{font-size:1.5em; letter-spacing:.1em;}

.nybanner2{background-position:center; background-repeat:no-repeat; background-size:cover; height:100vh; position:relative;}
.nybanner2_mid{ color:#fff; text-align:center;margin:0 7.8125%;}
.nybanner2_mid_1{ letter-spacing:.1em;font-size:3.75em; margin-top:4em;}
.nybanner2_mid_2{font-size:1.5em; letter-spacing:.1em;}
.cell_mid2{ display: table; height:100%; width:100%; }
.cell_h2{ height:100%;display: table-cell;} 

@media screen and (max-width:1400px) {
.nybanner2_mid_1{ margin-top:3em;}
}

@media screen and (max-width:1400px) {
.nybanner2{height: 65vh;}
.nybanner2 .bannercon{display: none;}
}
@media screen and (max-width:1000px) {
	.nybanner2{height: 25vh;}
	.nybanner2 .bannercon{display: none;}
	}

.about_1{ padding:9.625em 0; overflow:hidden; background-color:#fff;background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; background-image:url(../images/img15.png);}
.about_1_left{background-color:#fff; position:relative; z-index:10;  width:82%;}
.about_1_left_con{margin-left:18%; position:relative; padding-top:4em; padding-bottom:4em;  }
.about_1_left_right{position:absolute; right:0; top:0; height:100%; width:27%;}
.about_1_left_right_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/seabout.jpg);}
.about_1_left_left{margin-right:30%;}
.about_1_left_left_mid_2{color:#333; line-height:2.2; margin-top:2em; }
.about_1_left_left_mid_2 p{text-indent:2em;}
.about_1_left_con_top{position:absolute; right:27%; top:-9.625em; background-color:#f1f6fa; width:32%; height:9.625em;} 
.about_1_left_con_footer{position:absolute; right:27%; bottom:-9.625em; background-color:#f1f6fa; width:32%; height:9.625em;} 
.about_1_left_right_footer{ width:63%; right:-26.5%; bottom:-9%; position:absolute;}
.about_2{ background-color:#f6fafe;position:relative; padding:7.875em 0 6.6875em 0;}
.about_2_bg{position:absolute; right:0; top:0; height:100%; width:92%;}
.about_2_bg_img{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/sewenhua.jpg);}
.about_2_mid{background-color:rgba(22,84,168,.74); padding:5em 0;position:relative; z-index:10; width:63.64583333333333%; color:#fff;}
.index_1_mid_right_1 span.ww{color:#fff;}
.index_1_mid_right_1 span.ww:after{background-color:#fff;}
.about_2_mid_mid{margin-left:29%; margin-right:9%;}
.about_2_mid_mid_2{font-size:2.08333333333333vw; line-height:1.5;}
.about_2_mid_mid_3_2{color:#dedede; line-height:1.5;}
.about_2_mid_mid_3_1{font-size:1.25em; margin-bottom:.5em;}
.about_2_mid_mid_3{padding-top:.75em;}
.about_2_mid_mid_3 ul li{margin-top:1.5em;}
.about_3{ overflow:hidden;position:relative; background-color:#f6fafe;}
.about_2_3_mid{margin:0 15%; position:relative; z-index:10;}
.about_3_bg{ position:absolute; left:0; top:0; width:100%; height:100%;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img15.png);}
.about_3_2{font-size:1.125em; max-width:1030px; line-height:1.8; margin-top:1em; margin-bottom:5em;}
.about_3_3{position:relative;}
.about_3_3_left{position:absolute; left:0; top:0; height:100%; width:50%; position:relative; float:left;}
.about_3_3_right{ margin-left:54%; padding-top:3em; position:relative; padding-bottom:4.6875em; float:right; width:46%; margin-left:0;}
.about_3_3_right_1{font-size:1.875em; color:#1654a8}
.about_3_3_right_2{font-size:1.25em; margin-top:1em; margin-bottom:.3em;}
.about_3_3_right_3{color:#333; line-height:1.8;}
.about_3_3_right_2_left{ display:inline-block; color:#1654a8;width:2em; height:2em; border:1px #d5e4f4 solid; line-height:2em;border-radius:100%; text-align:center; font-family:宋体; cursor:pointer;}
.about_3_3_right_2_right{ display:inline-block; color:#1654a8;
width:2em; height:2em; border:1px #d5e4f4 solid; line-height:2em;border-radius:100%; text-align:center; font-family:宋体; cursor:pointer;}
.about_3_3_right_2_left:hover,.about_3_3_right_2_right:hover{color:#fff; background-color:#1654a8;}
.about_3_3_right_act{padding-top:2em; position:relative; z-index:10;}
.about_3_3_left .swiper-container,.about_3_3_left .swiper-container .swiper-slide{width:100%; height:100%;}
.about_3_3_left_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_3_3_right_top{position:relative; z-index:10;}
.about_3_3_right_num{position:absolute; right:0; top:50%;transform:translateY(-50%);   width:100%; text-align:right;}
.about_3_3_right_num p{ font-size:16.82291666666667vw; color:#f0f5f9; display:none}
.about_3_3_right_num p:nth-child(1){display:block}
.about_2_3_mid_1{margin-top:5.625em;}
.about_3_footer{position:relative; margin-top:6.875em; margin-bottom:6.25em;}
.about_3_footer:after{content:''; position:absolute; left:0; top:0; width:100%; height:7px; background-position:left center; background-repeat:repeat-x; background-image:url(../images/xian2.png);}
.about_3_footer_b{  position:absolute; left:0; top:0; width:15%; z-index:5; height:7px; background-position:left center; background-repeat:repeat-x; background-image:url(../images/xian.png);}
.about_3_footer_year{position:relative; padding-top:3em; text-align:center;}
.about_3_footer_year:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; width:26px; height:24px; position:absolute; left:50%; margin-left:-13px; top:16px; background-position:center; background-repeat:no-repeat; background-image:url(../images/dian2.png);}
.swiper-slide.on .about_3_footer_year:before{background-image:url(../images/dian.png);}
.about_4_2 ul li{  position:relative;float:left; width:23.84155455904335%; margin-right:1.54459392127554%; }
.about_4_2 ul li a{ background-color:#fff; position:relative;background-color:#f4f7f9; overflow:hidden;display:block; position:relative;transition:1.5s cubic-bezier(.14,1,.34,1);}
.about_4_2 ul li a:hover{transform:translateY(-32px);}
.about_4_2 ul li a:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:0; bottom:0; height:3px; background-color:#0077d3; width:0;}
.about_4_2 ul li a:hover:after{width:100%;}
.about_4_2 ul li:nth-child(4n){margin-right:0; margin-right:0}
.about_4_2_mid_1{ border-bottom:1px #c6c6c6 solid;position:relative; height:20.15625vw;}
.about_4_2_mid_1:after{content:''; position:absolute; right:0; bottom:.875em; width:1.4375em; height:1.4375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/more.png);}
.about_4_2_mid_1 img{position:absolute; max-width:70%; left:50%; top:50%;transform:translate(-50%, -50%);}
.about_4_2_mid_1 img.ht{max-width:95%;}
.about_4_2_mid{margin:0 1em;}
.about_4_2_mid_2_1{font-size:1.125em; color:#090909;}
.about_4_2_mid_2{margin:1.25em 0;}
.about_4_2 ul li a:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); background-color:#fff;transform:translateY(-16px); }
.about_4_2{margin-top:5.875em; margin-bottom:4em;}	
.about_4_3{margin-bottom:4em;}	  

@media screen and (max-width:790px) {
.nybanner_mid{display: none;}
}
/*********product*******/
.nybanner_footer{position:absolute; left:0; bottom:0; width:100%; z-index:555;display: none;}
.nybanner_footer ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; }
.nybanner_footer ul li{width:25%;}
.nybanner_footer ul li a{ color:#fff; text-align:center; font-size:1.25em; padding:1.5em 1em;display:block; margin-left:1px;background-color:rgba(0,0,0,.77);-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.nybanner_footer ul li a:hover,.nybanner_footer ul li a.on{background-color:#0268b9}

.fenye{width: 80%; margin: 0 auto 1% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; width: 200px; background: #f2f2f2; text-align: center;  line-height: 45px;}


.category li a{ font-size:18px; color:#333; transition: all 0.5s; display:block; position:relative; transition: 0.3s;}
.category li a:hover{ color:#fff;text-decoration: none; font-weight: bold; background: #0079d6; }
.category li.cu_active a{ color:#fff;font-weight: bold; background: #0079d6;}


.pro_1{ position:relative; z-index:10;overflow:hidden; background-color:#f4f7fa;}
.pro_1_mid{margin:0 5%;}
.pro_1_mid_1{color:#333; font-size:1.125em; margin:2em 0;}
.pro_1_mid_1 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;color:#333; margin-right:.5em;}
.pro_1_mid_1 a.on,.pro_1_mid_1 a:hover{color:#0079d6;}
.pro_1_mid_2 ul li{float:left; margin-bottom:1.5em; width:24%; margin-right:1.333333333333333%}
.pro_1_mid_2 ul li:nth-child(4n){margin-right:0;}
.pro_1_mid_2{margin-bottom:3.5em;}
.pro_info_top_1{ background-color:#05070b; display:none;height:5.57291666666667vw}
.pro_info_top_bg{ color:#fff; overflow:hidden; padding-top:5.57291666666667vw;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/se_pro.jpg);}
.pro_info_top_bg a{color:#fff;}
.pro_info_top_2{font-size:1.125em; margin:2em 0;}
.pro_info_top_3_left{float:left; width:46%; text-align:center;background: #fff;}
.pro_info_top_3_left img{max-width:100%;}
.pro_info_top_3_right{ overflow:hidden;float:right; width:53%; }
.index_1_mid_right_2_w{color:#fff;}
.pro_info_top_3_right_mid{margin:4em 11%;}
.pro_info_top_3_right_mid .index_1_mid_right_1{margin-bottom:1.75em;}
.pro_info_top_3_right_mid_3{font-size:1.125em; line-height:2; margin-top:2em;}
.pro_info_top_3{margin-top:4em; margin-bottom:10.625em;background-color:rgba(22,84,168,.74);}
.pro_info_tab{ display:none;border-bottom:1px #eef2f7 solid;}
.pro_info_tab ul{border-left:1px #eef2f7 solid; overflow:hidden}
.pro_info_tab ul li{float:left;border-right:1px #eef2f7 solid;}
.pro_info_tab ul li a{ display:block;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
font-size:1.125em; color:#333333; padding:1.25em 2.875em;}
.pro_info_tab ul li a:hover,.pro_info_tab ul li a.on{color:#fff; background-color:#1654a8;}
.pro_info_con_1{position:relative}
.pro_info_con_1:after{content:''; position:absolute; left:0; bottom:.4em; width:100%; height:1px; background-color:#eaedf1;}
.pro_info_con_1_title{display:inline-block; background-color:#fff; position:relative; z-index:10;}
.pro_info_con_1_title_1{ margin-top:1em;font-size:1.875em; color:#4c4c4c;}
.pro_info_con_1_title_2{text-transform: uppercase; position:relative;font-family:Calibri; color:#b4b4b4; padding-right:1.5em;}
.pro_info_con_1_title_2:after{content:''; position:absolute; width:16px; height:1px; background-color:#1654a8; right:0em; bottom:0.4em;}
.pro_info_con{overflow:hidden; padding-bottom:3em;}
.pro_info_con.hui,.pro_info_con.hui .pro_info_con_1_title{background-color:#f8fbfe}
.pro_info_con_2{margin-top:2.5em; line-height:2;}
.pro_info_con_2 p .xqbox{font-weight: bold; display: block;margin: 30px 0;
    padding-left: 24px;
    font-size: 20px;
    color: #0077d2;
    line-height: 2.2;
    background: url(../images/xqysicon1.png) left top no-repeat;
    background-size: auto 44px}

.con table{width:100%; border-spacing:0px; border-collapse:collapse; background:#fff; border-bottom:1px solid #ddd; margin:1% 0;}
.con td:first-child{  background:#0068b7; height:60px; line-height:60px;color: #fff;}
.con tr:nth-child(2n+3){background:#f5f5f5;}
.con .bhead{background:#0068b7;  color: #fff}
.con tr.odd{background: #f5f5f5; color: #333;}
.con tr.even{background: none;}
.con td.even{background: #fff;}
.con table td{line-height:46px;}
.con tr{ border:1px solid #ddd;}
.con p{text-align:left; margin-left:20px; color:#666; font-size:16px;}
.con strong{width:100%; text-align:left; color:#fff; float:left; font-size:16px; margin:10px 0}


/*内页资质荣誉*/
.cer8{width: 100%; margin: 5% 0;}
.rylist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin: 0 auto 0;}
.rylist li {float: left;width:25%;margin-bottom: 50px;}
.rylist li .lin {padding: 0 10px;}
.rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;}
.rylist li .pic {width: 100%;overflow: hidden;position: relative;font-size: 0;text-align: center;}
.rylist li img {max-width: 100%;}
.rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;}
.rylist li h3 span {position: relative;text-align: center;z-index: 3;display: block;height: 60px;overflow: hidden;font-size: 16px;color: #333;line-height: 60px;white-space: nowrap;padding: 0px 30px 15px 0;
background: url('../images/glass2.png') right no-repeat;border-top: 1px solid #ebebeb;}
.rylist li h3 em {position: relative;text-align: center;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 25px;padding: 15px 0 15px 0;
border-top: 1px solid #ebebeb;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;background-image: -webkit-gradient(linear, left top, right top, from(#0068b7), to(#0068b7));background-image: linear-gradient(to right, #0068b7), to(#0068b7);}
.rylist li h3 span,.rylist li h3 em,.rylist li h3:before {  -webkit-transition: .5s;  transition: .5s;}
.rylist li:hover h3 span {  color: #fff; text-align: center;  background-image: url('../images/glass2h.png');  border-top-color: transparent;}
.rylist li:hover h3 em {  color: #fff; text-align: center;  }
.rylist li:hover h3:before {  width: 100%;  left: 0;  -webkit-transition: width .5s;  transition: width .5s;}
@media screen and (max-width: 1440px) {
.rylist {padding: 0 0 40px;}
.rylist li .lin {padding: 0 20px;}
}
@media screen and (max-width: 1100px) {
.rylist {padding: 0 0 30px;}
.rylist li .lin {padding: 0 15px;}
.rylist li {width: 50%;}
.rylist li h3 {padding: 0 20px;}
}
@media screen and (max-width: 640px) {
.rongyumain {padding: 80px 0 80px;}
.rylist li {width: 100%;}
}



/*********news********/
.index_4_1_ny{margin-top:3.75em;}
.index_4_1_ny ul li{margin-bottom:2em;}
.index_4_1_ny{margin-bottom:3.75em;}
.news_info_banner{ height:17.34375vw;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/se_news.jpg);}
.news_info_1_left{float:left; font-size:1.125em; color:#333;}
.news_info_1_left a{color:#333;}
.news_info_1_left a:hover,.news_info_1_left span{color:#1654a8;}
.news_info_1_right{float:right;}
.news_info_1_right a{ padding-right:1.875em;color:#000; position:relative; display:inline-block;}
.news_info_1_right a:after{content:''; position:absolute; right:0; width:1em; height:.875em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/list.png); top:50%;transform:translateY(-50%);}
.news_info_1{margin:1.6875em 0;}
.news_info_2{text-align:center; font-size:1.875em; color:#252525; margin-bottom:.375em; margin-top:5em;}
.news_info_3{text-align:center; font-size:1.125em; color:#0077d3; font-family:Calibri;}
.news_info_4{margin-top:2em; padding-top:2em; border-top:1px #c1beb2 dashed; line-height:2; margin-bottom:3em;}
.news_info_4 img{max-width: 100%; margin: 0 auto;display: block;}
.news_info_4 p{text-indent:2em;}
.news_info_5{ margin-bottom:8.75em;border:1px #e9e8e4 solid; background-color:#f9f9f9; color:#666666;}
.news_info_5_left{float:left; width:50%;}
.news_info_5_right{float:right; width:50%; text-align:right}
.news_info_5_left a,.news_info_5_right a{display:block; padding:.875em 1.5em;}
.news_info_5 span{margin-right:1em;}
.news_info_5_left a:hover,.news_info_5_right a:hover{color:#fff; background-color:#0077d3;}


/*******job********/
.job_1{ position:relative; padding:6.75em 0; background-color:#fff; z-index:10;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img15.png);}
.job_1_bg{position:absolute; left:0; top:0; height:100%; background-color:#1654a8; width:52.8125%;}
.job_1_mid{position:relative;}
.job_1_mid_right{ height:100%;position:absolute; right:0; top:0; width:64.57399103139013%;}
.job_1_mid_right:after{ height:36.08768971332209%; background-image:url(../images/img12.png); bottom:-12.47892074198988%;content:''; width:25.23148148148148%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; right:-9.25925925925926%;}

.job_1_mid_right_bg{ z-index:10;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.job_1_mid_left{width:31%; padding:5.4375em 0;}
.job_1_mid_left_2 .index_1_mid_right_2{color:#fff;}
.job_1_mid_left_3{ font-size:1.125em;color:#d1dcea; line-height:2; margin:2em 0;}
.job_1_mid_left_4 a{ color:#fff; text-align:center; position:relative; overflow:hidden;display:block; max-width:9.25em; border:1px #527fbb solid;border-radius:2.25em;}
.job_1_mid_left_4 a span{ padding-right:1.25em;position:relative; z-index:10; display:inline-block; line-height:2.25em;}
.job_1_mid_left_4 a span:before{ right:0; top:50%;transform:translateY(-50%);content:''; position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; width:0.5625em; height:.75em; background-image:url(../images/jt.png);}
.job_1_mid_left_4 a:hover span:before{background-image:url(../images/jth.png);}
.job_1_mid_left_4 a:after{transition:all .4s cubic-bezier(.4,.8,.74,1) 0s;content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#fff;}
.job_1_mid_left_4 a:hover:after{width:100%;}
.job_1_mid_left_4 a:hover{color:#1654a8;}
.job_2{ overflow:hidden; padding-top:7.0625em;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/jobbg.jpg);}
.job_2_2 .index_1_mid_right_2{color:#fff;}
.job_2_2{margin-bottom:3.5em;}
.job_2_3 .swiper-slide{background-color:rgba(0,0,0,.62); color:#fff;}
.contact_2_3_1{ padding-left:1.5625em; margin-top:3.5625em;
display:inline-block; background-color:#1654a8;border-radius:0 3.45em 3.45em 0;}
.contact_2_3_1 span{ padding-left:1.5em; padding-top:.5em; padding-bottom:.5em;
font-size:1.5em; position:relative; display:inline-block; padding-right:1.375em;}
.contact_2_3_1 span:after{ top:50%;transform:translateY(-50%);content:''; position:absolute; left:0; width:1em; height:1.083333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/ren.png);}
.contact_2_3_2{ overflow:hidden; min-height:24em; max-height:24em; overflow-y:auto;margin:0 1.5625em; margin-top:1.5em; margin-bottom:4em;}
.contact_2_3_2_1{ margin-top:1em;font-size:1.25em; font-weight:bold}
.contact_2_3_2_2{line-height:1.5; margin-top:.75em; margin-bottom:.25em;}
.contact_2_3_3{margin:0 1.5625em; line-height:1.5; padding-bottom:3.625em;}
.jobact{ margin-top:3.125em; margin-bottom:6.25em;text-align:center; font-family:"宋体"}
.jobleft{width:2em; height:2em; display:inline-block; border:1px #fff solid; line-height:2em; cursor:pointer;border-radius:100%; color:#fff;}
.jobright{width:2em; height:2em; display:inline-block; border:1px #fff solid; line-height:2em; cursor:pointer;border-radius:100%; color:#fff;}
.jobleft:hover,.jobright:hover{background-color:#1654a8; color:#fff; border-color:#1654a8;}
.job_3_1{margin-top:7em; margin-bottom:5.375em;}
.job_3{overflow:hidden; position:relative; padding-bottom:6.875em;}
.job_3:after{ background-color:#f1f4f7;content:''; position:absolute; right:0; top:0; height:100%; width:53.80208333333333%;}
.job_3_2_mid_1{overflow:hidden}
.job_3_2_mid_1 img{width:100%;}
.job_3_2 .swiper-slide{padding: 0 calc((100vw - 829px) * 0.0229166666666667); width:829px;}
.job_3_2_mid_2{text-align:center; margin:0 auto; max-width:23.07291666666667vw;}
.job_3_2_mid_2_1{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;font-size:1.5em; margin-top:1.541666666666667em; margin-bottom:.2em; color:#000; line-height:1.5;}
.job_3_2_mid_2_2{transition:1.5s cubic-bezier(.14,1,.34,1);opacity:0;transform:translateY(100px); position:relative;font-family:Calibri; color:#666;transition-delay:.3s}
.job_hd{ left:50%; bottom:0; z-index:10; font-family:"宋体";position:absolute; width:24.21875vw;transform:translateX(-50%);}
.job_hd_left{ cursor:pointer;font-size:1.875em; float:left; position:relative;}
.job_hd_right{ cursor:pointer; position:relative;float:right; font-size:1.875em;}
.job_3_2 .swiper-slide-active .job_3_2_mid_2_1,.job_3_2 .swiper-slide-active .job_3_2_mid_2_2{opacity:1;transform:translateY(0px);}



/********contact************/
.lx_1{ overflow:hidden; position:relative; padding-top:5.5em; padding-bottom:5.3125em; background-color:#fff; z-index:10;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img15.png);}
.lx_1:after{ background-color:#f8fafc;content:''; position:absolute; left:0; top:0; height:100%; width:30.72916666666667%;}
.lx_1_3 ul li{ margin-right:2.24215246636771%; background:#fff url(../images/ca2.png) no-repeat center top;;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2); cursor:pointer;float:left; width:47%; height:15em; text-align:center;}
.lx_1_3 ul li.on{background:#0077d3 url(../images/ca.png) no-repeat center bottom; background-size: 100%; color:#fff;}
.lx_1_3 ul li.on .lx_1_3_mid_1,.lx_1_3 ul li.on .lx_1_3_mid_2 dl dd,.lx_1_3 ul li.on .lx_1_3_mid_2 dl dd a{color:#fff;}
.lx_1_3 ul li:nth-child(3n){margin-right:0}
.lx_1_3_mid{margin:1em;}
.lx_1_3_mid_1{ position:relative;color:#0d0d0d; font-size:1.5em; padding-bottom:.45em;}
.lx_1_3_mid_1:after{content:''; width:16px; height:2px; position:absolute; bottom:0; background-color:#fff; left:50%;transform:translateX(-50%);}
.lx_1_3 ul li:nth-child(2) .lx_1_3_mid_1:after{content:''; width:16px; height:2px; position:absolute; bottom:0; background-color:#0077d3; left:50%;transform:translateX(-50%);}
.lx_1_3_mid_2 dl dd{ padding-left:1em; margin-top:.5em;display:inline-block; position:relative; color:#666;}
.lx_1_3_mid_2 dl dd:after{content:''; position:absolute; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}



.lx_1_3_mid_2 dl dd.phone,.lx_1_3_mid_2 dl dd.fax{}
.lx_1_3_mid_2 dl dd.email{}
.lx_1_3_mid_2 dl dd a{color:#666;transition:1.5s cubic-bezier(.14,1,.34,1);}
.lx_1_3_mid_2 dl dd a:hover{color:#0077d3}
.lx_1_3_mid_2{margin-top:1em;}
.lx_1_3{padding-top:30em; padding-bottom:2.75em; width: 70%; margin: 0 auto;}
.lx_1_4{ background-color:#fff;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);padding:.5em;}
#map22{height:33.48958333333333vw;}

.css_animation{ position:relative;height:120px;  width:120px; background:rgba(0,119,211,.15);border-radius: 100%; }  
.css_animation:before{background-position:center; background-repeat:no-repeat; background-image:url(../images/add.png);content:''; position:absolute; left:50%; margin-left:-28px; margin-top:-28px; background-size:cover; z-index:10; top:50%; width:56px; height:56px;}  
@keyframes ripples{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 #0077d3; background-color:#0077d3; opacity:0;
-webkit-animation:ripples 4s ease-out 225ms infinite; -moz-animation:ripples 4s ease-out 225ms infinite; -o-animation:ripples 4s ease-out 225ms infinite; animation:ripples 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 #0077d3; background-color:#bc395d; opacity:0;
-webkit-animation:ripples 4s ease-out 725ms infinite; -moz-animation:ripples 4s ease-out 725ms infinite; -o-animation:ripples 4s ease-out 725ms infinite; animation:ripples 4s ease-out 725ms infinite}
.ovh{overflow:hidden}

@media screen and (max-width:1400px) {
.lx_1_3{padding-top:12em;}
}

@media screen and (max-width:1300px) {
	.lx_1_3{padding-top:6em;}
	}

/*********展开导航************/
#sitemapContent{	position:fixed; top:0; left:0; right:0; bottom:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;   z-index:-1;-webkit-transition:all 0.3s  0.5s;transition:all 0.3s  0.5s;}
#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; left:75px; right:75px; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1); }
#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#sitemapContent .visual-intro-item{float:left; position:relative; height:100%;}
#sitemapContent .visual-intro-item:before{position:absolute;  left:0; top:0px; width:1px; height:0; content:""; background-color:rgba(255,255,255,0.1); z-index:1; }
#sitemapContent .visual-intro-item:first-child:before{display:none}
#sitemapContent .visual-intro-item:after{	content:""; position:absolute; right:0; top:0px; width:100%; height:100%; background: #505050; -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;}
#sitemapContent .sitemap-close-btn{position:absolute; top:0; left:0; width:75px; height:75px; border:none; background:none; cursor:pointer; background-color:#505050;}
#sitemapContent .sitemap-close-btn i{ position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; height:48.88888888888889%; width:48.88888888888889%; background-image:url(../images/close.png);transform:translate(-50%, -50%); left:50%; top:50%}


.sitemap-wrapper-style02{height:100%; }
.sitemap-wrapper-style02 > ul{overflow:hidden; position:relative; z-index:1; top:50%; transform:translateY(-50%); margin-top:-2%}
.sitemap-wrapper-style02 > ul > li{overflow:hidden; float:left; width:16.666666%;height:100%;}
.sitemap-wrapper-style02 > ul > li > h2{overflow:hidden; color:#fff; font-weight:normal; font-size:30px; letter-spacing:-0.5px; margin:0% 15% 0 19%;   line-height:1.2; display:table; height:70px}
.sitemap-wrapper-style02 > ul > li > h2 span{display:table-cell; vertical-align:top}
.sitemap-wrapper-style02 > ul > li > h2.hide{opacity:0}
.sitemap-wrapper-style02 > ul > li > h2 a{color: #fff;}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{overflow:hidden; position:relative; display:inline-block;  margin:12px 15% 12px 19%; color:#c3c3c3; font-size:16.5px; letter-spacing:-0.5px;   line-height:1.6;
-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span{position:relative; display:inline-block; z-index:1; padding-left:9px;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span:before{position:absolute; content:"-"; left:0; top:0;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a .gnb-icon{display:none;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover{color:#fff; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover:after{width:100%; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3{margin:0 15% 0 19%; padding:19px 0; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#5e5e5e; overflow:hidden }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{display:block; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep .gnb-3dep{padding-bottom:15px}

.sitemap-wrapper-style02 ul li span,.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:0;filter:Alpha(opacity=50);-webkit-transform:translateX(-5%);transform:translateX(-50%);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; }

#sitemapContent.open{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background: url('../images/navbg.jpg') no-repeat center top;;-webkit-transition:all 0.3s  0s; transition:all 0.3s 0s;}
#sitemapContent.open .visual-intro-item:before{height:100%;}
#sitemapContent.open .visual-intro-item:after {width:0;}
#sitemapContent.open .visual-intro-item {-webkit-transform: scaleX(1);transform: scaleX(1); transform-origin:right top; transition-property: transform; width:16.666666666666668%}
#sitemapContent.open .sitemap-wrapper-style02 ul li span,#sitemapContent.open .sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateX(0);
transform:translateX(0);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); }
/******************/
.js-scroll-border { position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; border: 40px solid #FFF; transition: border 1.3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.animated .js-scroll-border { border: 0px solid #FFF; }
.about_1_left_right:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:100;}
.about_1_left_right.animated:after{width:0;  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.so_1_mid_bg:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe}  
.about_3_3_left_bg:after{content:''; position:absolute; right:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe}
.so_1_mid_bg.animated:after{width:0;  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.ser_1_right_bg:after{ content:'';position:absolute; right:0; top:0; width:100%; height:100%; background-color:#1654a8;}
.ser_1_right_bg.animated:after{width:0;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.bannerwb{position:absolute; left:5%; width:90%; text-align:center; color:#fff; z-index:410; font-size:2.25em; bottom:34.55723542116631%;}


/*******service*********/
.ser_1_left{width:46.33781763826607%; padding-top:2.5em; padding-bottom:1.125em}
.ser_1{ margin-top:7.75em; margin-bottom:8em;position:relative;}
.ser_1_right{ height:100%;position:absolute; right:1.30208333333333vw; top:0; width:46.93572496263079%;}
.ser_1_left_1 .index_1_mid_right_1{margin-bottom:1.5em;}
.ser_1_left_3{font-size:1.125em; color:#525252; line-height:1.8; margin:2.5em 0;}
.ser_1_right:after{ background-color:#1654a8; content:'';position:absolute; top:1.30208333333333vw; right:-1.30208333333333vw; width:100%; height:100%;}
.ser_1_right_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img1.jpg); z-index:10;}
.ser_1_left_4 ul li{ margin-right:1.61290322580645%; margin-bottom:9px;float:left; text-align:center; width:32.25806451612903%;}
.ser_1_left_4 ul li:nth-child(3n){margin-right:0}
.ser_1_left_4_mid{ height:7.60416666666667vw;border:1px #dadfe5 solid;}
.ser_1_left_4_mid_1{position:relative; height:2.8125vw}
.ser_1_left_4_mid_1 img{max-height:100%; max-width:none; position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);}
.ser_1_left_4_mid_2{margin-top:.5em; color:#525252; margin-left:.5em; margin-right:.5em;}
.ser_2{ padding-top:4.5em; padding-bottom:7.5em;position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img12.jpg);}
.ser_2 .about_2_3_mid{position:relative; z-index:10;}
.ser_2_bg{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/service/img11.jpg);
position:absolute; left:0; top:0; height:100%; width:42.91666666666667%;}
.ser_2 .index_1_mid_right_2{color:#fff;}
.ser_2_mid ul li{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
float:left; width:33.3333%; background-color:#fff; position:relative; min-height:29.8125em;}
.ser_2_mid ul li:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);}
.ser_2_mid_pic{ overflow:hidden;position:absolute; left:0; top:0; width:100%; height:50%;}
.ser_2_mid_pic_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_2_mid_con_mid{margin:0 7.847533632287%;}
.ser_2_mid_con{position:absolute; left:0; bottom:0; width:100%; height:50%;}
.ser_2_mid_con_mid_1{text-align:right; margin-top:2.5em; margin-bottom:1em}
.ser_2_mid_con_mid_1 img{max-height:2.70833333333333vw;}
.ser_2_mid_con_mid_2_1{font-size:1.5em; color:#000;}
.ser_2_mid_con_mid_2_2{color:#333; margin-top:1em; line-height:1.5; margin-bottom:1em;}
.ser_2_mid ul li:nth-child(2n) .ser_2_mid_con{bottom:auto; top:0;}
.ser_2_mid ul li:nth-child(2n) .ser_2_mid_pic{top:auto; bottom:0}
.ser_2_mid{margin-top:2.6em;}

.hl_scrool_leftbtn{width:44px; height:44px; background:url(../images/y1.png) no-repeat; float:left; margin-top:40px; cursor:pointer;}
.hl_scrool_rightbtn{width:44px; height:44px;  background:url(../images/y2.png) no-repeat; float:right;margin-top:40px; cursor:pointer;}


.so_4_mid_mid_1{padding:3em 0;background-color:rgba(22,84,168,.58); position: absolute; bottom: 10em; width: 100%; z-index: 10;}
.so_4_mid_mid_1 ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; width: 80%; margin: 0 auto;}
.so_4_mid_mid_1 ul li{ padding: 0 20px; text-align:center;}
.so_4_mid_mid_1_mid_1{position:relative; height:57px;}
.so_4_mid_mid_1_mid_1 img.ve{-moz-transition: all 1.0s;-webkit-transition:all 1.0s;-o-transition:all 1.0s;transition:all 	1.0s;}
.so_4_mid_mid_1_mid_1:hover img.ve{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); 	/* Safari 和 Chrome */-moz-transform: rotateY(180deg);	/* Firefox */ }
.so_4_mid_mid_1_mid_2{margin-top:0.5em; margin-left:.5em; margin-right:.5em;}
.so_4_mid_mid_1_mid a{color:#fff ;}

@media screen and (max-width:1400px) {
	.so_4_mid_mid_1 ul{width: 85%;}
}

@media screen and (max-width:1300px) {
	.so_4_mid_mid_1 ul{width: 90%;}
}

@media screen and (max-width:1200px) {
	.so_4_mid_mid_1 ul li{ padding: 0 10px;}
}



.animated .about_3_3_left_bg:after{width:0;  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.index_1_mid_left{  -webkit-clip-path: inset(0 100% 0 0);  clip-path: inset(0 100% 0 0);} 
.index_1_mid_left.animated{ transform: translate3d(100%, 0, 0) rotate(0deg);  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) .5s;  -webkit-clip-path: inset(0 0 0 0);  clip-path: inset(0 0 0 0); }  
.lx_1_3 .cell_mid,.lx_1_3 .cell_h{table-layout:fixed;word-break:break-all;word-wrap:break-word;border-collapse:collapse;}
#certbody,.newsinfobody,.about_4{position:relative; z-index:10; background-color:#fff; overflow:hidden}
.pro_info_top_2_left{float:left;}
.pro_info_top_2 .news_info_1_right a{color:#fff}
.case_1_mid{ margin:0px;position:relative; text-align:center; height:8.75em;}
.case_1 ul{  margin:1em; position:relative}
.case_1 ul .leftline{position:absolute; left:0px; top:0; height:100%; width:1px; background-color:#fff; z-index:100;}
.case_1 ul .bottomline{position:absolute; left:0px; bottom:0; width:100%; height:1px; background-color:#fff; z-index:100;}
.case_1 ul li{ position:relative;-webkit-transition:-webkit-box-shadow .45s ease-out;transition:-webkit-box-shadow .45s ease-out;transition:box-shadow .45s ease-out;transition:box-shadow .45s ease-out, -webkit-box-shadow .45s ease-out;
float:left; width:25%; text-align:center;}
.case_1_mid img{position:absolute; left:50%; top:50%;transform:translate(-50%, -50%); max-width:81%;}
.case_1 ul li:hover{-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);	box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);}
.case_1{margin-top:3em; margin-bottom:6.5625em;}		
.case_1 ul li:after{content:''; position:absolute; left:0; bottom:0; height:100%; width:1px; border-left:1px #d5dae4 dashed; z-index:10;} 
.case_1 ul li:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px #d5dae4 dashed; z-index:10;}  
#swiper-pagination-pa{position:static; margin-top:3em;}
.case_1 .swiper-pagination-bullet{width:20px; height:20px; background:none; opacity:1; position:relative;}
.case_1 .swiper-pagination-bullet:before{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
content:''; position:absolute; left:50%; top:50%; width:10px; height:10px;transform:translate(-50%, -50%); background-color:#dbe4f0;border-radius:100%;}
.case_1 .swiper-pagination-bullet:after{content:''; position:absolute; left:0%; top:0%; width:100%; height:100%; border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/case.png);opacity:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.case_1 .swiper-pagination-bullet-active:after{opacity:1;}
.case_1 .swiper-pagination-bullet-active:before{opacity:0;}
@media screen and (max-width:1600px) {
.case_1_mid{height:7.5em;}
.so_4_mid{width:60%}
.about_4_2_mid_1:after{font-size:.75em;}
.footer_mid_2_right_mid{padding-left:30%;}
.header_mid_mid ul li{ margin:0 1.5vw;}
.header_mid{margin-left:2%; margin-right:2%;}
.footer_mid{margin:0 5%;}
.header_mid_mid ul li:nth-child(4){margin-right:7vw;}
.header_mid_mid ul li:nth-child(5){margin-left:7vw}
}
@media screen and (max-width:1440px) {
.about_3_footer_b{	width:8%;}
.index_1_mid_right_4_mid{	padding:0 1em;}
.index_1_mid_right{	width:45%; margin-left:51.16666666666667%}
.sitemap-wrapper-style02 > ul > li > h2{	font-size:20px;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{	font-size:15px;}
.job_3_2_mid_2{ max-width:35vw;}
.job_hd{	width:40vw;}
.about_1_left_con{	margin-left:0%;}
.about_1_left{	margin-left:8%; width:84%;}
.about_2_3_mid{	margin:0 8%;}
.so_1_mid{	margin-left:5%; margin-right:5%;}
.pro_1_mid{	margin:0 5%;}
}
@media screen and (max-width:1280px) {
.header_mid_mid ul li{margin:0 1vw;}
}
@media screen and (max-width:1200px) {
.pro_info_top_bg{padding-top:0}
#sitemapContent.open{	display:none}
.pro_info_top_2,.pro_info_tab ul li a{	font-size:1em;}
.pro_info_top_3_right_mid_3{	font-size:1em;}
.pro_info_top_1{	display:none}
.ser_1_left_4_mid_2{	font-size:.875em;}
.about_4_2{	margin-top:4em;}
.about_2_3_mid{	margin:0 5%;}
.about_2_bg,.about_5_con_img_list{	width:95%;}
.about_1_left{	margin-left:5%; width:90%;}
#header{	position:fixed}
#main{	margin-top:5em;}
.bodyon2 #header{transform: translateY(0%);}
.index_3_2 .swiper-slide {width: 768px;    padding: 0 calc((100vw - 768px) * 0.0375);}

.index_2_mid_2_mid_2{	font-size:1.125em;}
.header_mid_mid ul{	display:none;}
.header_mid_mid{	height:5em;}
.header_mid_right{	display:none}
.menu-toggler{	left:auto; right:0;}
#header{	background-color:#fff;}
.header_logo img:nth-child(2){	display:block; height:50px;}
.header_logo img:nth-child(1){	display:none}
.header_logo{	width:auto; left:0%;transform:translate(0, -50%);}
.menu-toggler .line{
background-color:#000}
.header_mid{
margin-left:5%; margin-right:5%;}
}
.nybanner_footer p{ z-index:100;display:none; position:relative; color:#fff; padding:.5em 0; text-align:center; background-color:#333}
.nybanner_footer p:after { content: ''; position: relative; top: -1px; left: 7px; display: inline-block; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: middle; transition: transform .3s; }
.nybanner_footer p:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #0268b9; transition: all .3s; z-index: -1; }
.nybanner_footer p.on:before{ height:100%;}
.nybanner_footer p.on:after { transform: rotate(-180deg); }
@media screen and (max-width:1024px) {
.close_box a img{width:2em;}
.close_box{top:1em; right:1em;}
.cershowbox_con{font-size:1em; bottom:-2em;}
.cershowbox_left,.cershowbox_right{font-size:.5em;}
.pro_info_top_2{line-height:1.6; margin: 1em 0;}
.pro_info_top_3_left img{max-width: 100%;}
.pro_info_con_2{margin-top:2em;}
.pro_info_con_1_title_1{margin-top:2em;}
.pro_info_con_2_adv ul li{font-size:1em;}
.pro_info_con{padding-bottom:4em;}
.pro_info_con_1_title_1{font-size:1.5em;}
.nybanner_footer{display: block;}
.so_4_mid_mid_1{display: none;}
.nybanner_footer ul li a:hover, .nybanner_footer ul li a.on{background-color:#0268b9;}
.nybanner_footer ul li a{font-size:.875em; padding:.5em 1em;}
.nybanner_footer p{display:block}
.nybanner_footer ul{opacity: 0; visibility: hidden; transition: all .5s; z-index:10;position:absolute; left:0; width:100%;margin-top: -36.8px;display: block;}
.nybanner_footer ul.show { margin-top: 0; opacity: 1; visibility: visible; }
.nybanner_footer ul li{float:left; width:100%;}
.index_2_mid_2_mid_2{font-size:1em;}
.pro_1_mid_1{font-size:1em;}
.nybanner_footer ul li a{ margin-left:0; position:relative;
font-size:.875em; background-color:#0268b9}
.nybanner_footer ul li a:after{content:''; position:absolute; right:0; top:30%; height:40%; width:1px; background-color:#fff;}
.nybanner_footer ul li:nth-child(2n) a:after{display:none}
.lx_1_3_mid_1{font-size:1.125em;}
.lx_1_3_mid_2{font-size:.875em;}
.job_3_1{margin-top:4em; margin-bottom:4em;}
.job_3_2_mid_2_1{font-size:1.125em;}
.job_3_2 .swiper-slide{    padding: 0 calc((100vw - 640px) * 0.0229166666666667);width: 640px;}
.contact_2_3_1{
font-size:.75em;}
.contact_2_3_2_1{
font-size:1em;}
.contact_2_3_2_2{
font-size:.875em;}
.job_2{
padding-top:4em;}
.job_1_mid_left_3{
font-size:1em;}
.ser_3_list ul li{
font-size:.8em;}
.ser_2_mid_con_mid_2_1{
font-size:1.125em;}
.ser_2_mid_con_mid_2_2{
font-size:.875em;}
.ser_1{
margin-top:4em; margin-bottom:4em;}
.ser_1_left_4_mid{
height:10vw;}
.ser_1_left_3{
font-size:1em;}
.news_info_2{
font-size:1.5em; margin-top:3em;}
.news_info_1_left{
font-size:1em;}
.case_1 ul li{
width:25%;}
.so_4_mid_mid_1_mid_2{font-size:.875em;}
.so_2{
padding-top:4em; padding-bottom:4em;}
.so_1_mid_mid_mid_2 p{
font-size:1.5em;}
.so_1{
padding-top:4em; padding-bottom:4em;}
.about_5_mid_mid_jj_4_2{
font-size:.875em;}
.about_5_mid_mid_jj_3{
font-size:1em;}
.about_5_mid_mid_jj{ margin-right:15%;
margin-top:4em; margin-bottom:4em;}
.about_5,.about_5_con{
padding:4em 0;}
.about_3_3_right_1{
font-size:1.5em;}
.about_3_3_right_2{
font-size:1em;}
.about_3_3_right_3{
font-size:.875em;}
.about_2_mid_mid_2{
font-size:1.5em;}
.about_2_mid_mid{
margin-left:15%;}
.about_1{
padding:5em 0;}
.nybanner_mid_1{font-size:2em;}
.nybanner_mid_2{font-size:1.25em;}
.footer_mid_2_left_mid p, .footer_mid_2_right_mid p{font-size:1em;}
.footer_mid_2_left_mid a,.footer_mid_2_right_mid_2 dl dd{font-size:.875em;}
.index_4_1_mid_2_2{font-size:1em;}
.index_4_1_mid_2_3{font-size:.875em;}
.swiper-slide_mid_2_left,.swiper-slide_mid_2_right{font-size:.75em;}
.index_3_2_mid_footer_mid_2{font-size:1em;}
.index_3_2_mid_footer_mid_1{font-size:1.25em;}
.index_2_mid{margin:0 5%;}
.banner_footer_mid_2 a{font-size:1em;}
.banner_footer_mid_1{font-size:1.375em;}
.index_1_mid_right_1 span{font-size:1em;}
.index_1_mid_right_2{font-size:1.5em;}
.index_1_mid_right_4_1 dl{font-size:.875em;}
.index_1_mid_right_4_1 dl dd:nth-child(1){font-size:2em;}
.index_1_mid_right_5_more span{font-size:1em;}
}
.div_768 img{width:100%;}
.div_768{display:none}
@media screen and (max-width:950px) {
.pro_info_top_3_left,.pro_info_top_3_right{
float:none; width:100%;}
.pro_info_top_3_right_mid{margin:2em 5%;}
.pro_info_top_3{padding-bottom:0;margin-bottom:3rem;}
}
@media screen and (max-width:900px) {
.footer_mid_2_right{display:none}
.footer_mid_2_left{float:none; width:auto}
}
@media screen and (max-width:850px) {
.ser_1_left_4_mid_1{height:1.5em;}
.ser_1_left_4_mid{height:5.625em;}
.ser_1_left_3{margin-top:1em;}
.ser_1_left{width:100%; padding-top:0}
.ser_1_right{position:relative; width:100%; height:35vw; margin-top:1em;}

.index_3_2 .swiper-slide {width: 640px;padding: 0 calc((100vw - 640px) * 0.0375);}
}
.about_3_3_right_top_img{display:none; margin-bottom:2em;}
.about_3_3_right_top img{width:100%;}
.mobilebanner{display:none;}
.mobilebanner img{width:100%;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.bannercon{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
@media screen and (max-width:768px) {
.banner_bg{
display:none}
.mainvisual__slider-item-img,.mainvisual__slider-item{
position:relative; height:auto}
.mobilebanner{
display:block}
.nybanner{
height:auto}
.bannerwb{
font-size:1.5em;}
.cershowbox_img{
width:80%; margin:0 auto; padding:0 3.75em;}
.cershowbox_img img{
max-height:none;}
.pro_1_mid_2 ul li{
width:49%; margin-right:0}
.pro_1_mid_2 ul li:nth-child(2n){
float:right;}
.lx_1_3 ul li{ margin-bottom:1em;
width:49%; margin-right:0}
.lx_1_3 ul li:nth-child(2n){
float:right;}
.lx_1{
padding-top:4em; padding-bottom:4em;}
.lx_1_3{	padding-top:2em;}
.job_3_1{
margin-bottom:2em;}
.job_3{
padding-bottom:4em;}
.job_3_2_mid_2{
max-width:none; padding-left:1.375em; padding-right:1.375em;}
.job_hd{
width:90%;}
.job_3_2_mid{
margin:0 5%;}
.job_2_2{
margin-bottom:2em;}
.contact_2_3_2{
margin-bottom:2em;}
.job_1_bg{
width:100%;}
.job_1_mid_right{
position:static; width:100%;}
.job_1_mid_right_bg{
display:none}
.job_1_mid_left{
width:100%; padding:0 0 4em 0;}
.job_1{
padding:4em 0;}
.ser_3_list_1_right_right{
font-size:.875em;}
.ser_3_list_1_right_left{
opacity:0; }
.ser_3{
padding-top:4em;}
.ser_3_list{
margin-top:2em; margin-bottom:2em;}
.ser_2{
padding-top:4em; padding-bottom:3em;}
.ser_2_mid_con_mid_1{
margin-top:2em;}
.ser_2_mid_con_mid_2_2{
margin-bottom:2.5em;}
.ser_2_mid_con_mid_1 img{
width:auto; max-height:none; height:auto;}
.ser_2_mid ul li{
width:100%; height:auto; margin-bottom:1em; min-height:inherit}
.ser_2_mid_pic{
width:50%; height:100%;}
.ser_2_mid_con{
left:auto; right:0; height:100%; width:50%; position:relative; margin-left:50%;}
.news_info_5{
margin-bottom:4em;}
.news_info_5_right{
text-align:left;}
.news_info_5_left,.news_info_5_right{
float:none; width:auto}
.index_4_1_ny{
margin-bottom:2em;}
.case_1{
margin-top:2em; margin-bottom:3em;}
.case_1 ul li{
width:33.3333%;}
.so_4_mid{
width:100%;}
.so_4_mid_mid{
margin:4em 5%;}
.so_1{
padding-bottom:2em;}
.so_1_mid_mid_mid_2 p{
font-size:1.375em;}
.so_1_mid_mid_mid{
margin-right:5%; margin-left:5%;}
.so_1_mid{
padding-top:0;}
.so_1_mid_mid_mid{
margin-top:2em; margin-bottom:2em;}
.so_1_mid_mid_mid_3{
margin-top:2em;}
.so_1_mid_mid{
width:100%;}
.so_1_mid_img{
position:static; width:100%;}
.so_1_mid_bg{
display:none}
#certbody .about_4_2{
margin-bottom:1.5em;}
.fenye{
font-size:.875em; margin-bottom:3em;}
.fenye li{
margin-bottom:1em;}
#certbody .about_4_2{
margin-top:4em;}
.about_5_mid_mid_jj_3{
margin-bottom:2em;}
.about_5_mid_mid_jj_footer{
margin-top:2em;}
.about_5_mid_mid_jj{
margin-left:5%; margin-right:10%;}
.about_5_mid_mid{
width:95%; margin-left:5%;}
.about_4_2{
margin-bottom:2em;}
.about_4_2_mid_2_1{
font-size:1em;}
.about_4_2 ul li{ margin-bottom:1em;
width:49%; margin-right:0}
.about_4_2 ul li:nth-child(2n){
float:right;}
.about_4_2{
margin-top:2em;}
.about_3_3_right_num p{
font-size:30vw;}
.about_3_3_right_num{
bottom:30%;transform: translateY(0%);}
.about_3_3_right_act{
padding-top:2em}
.about_4_2_mid_1 img{
max-width:none; max-height:90%;}
.about_3_footer{
display:none}
.about_3_3_right_top{
display:block;}
.about_3_3_right_top_img{
display:block}
.about_3_3_right{
margin-left:0; padding-top:0em; padding-bottom:4em; width:100%;}
.about_3_3_left{
display:none}
.about_3_2{
font-size:1em; margin-bottom:4em;}
.about_2_3_mid_1{
margin-top:4em;}
.about_2,.about_2_mid{
padding:4em 0;}
.about_2_mid{
width:80%;}
.about_2_mid_mid_3_1{
font-size:1em;}
.about_2_mid_mid_3_2{
font-size:.875em;}
.about_2_mid_mid_2{
font-size:1.25em;}
.about_1_left_con{
padding-top:2em; padding-bottom:2em;}
.about_1_left_right{ margin-top:2em;
position:relative; width:100%; height:35vw;}
.about_1_left_right_bg{
background-position:center bottom;}
.about_1_left_left{
margin-right:0;}
.nybanner_mid_1{
font-size:1.5em;}
.nybanner_mid_2{
font-size:1em;}
.footer_mid_3_left,.footer_mid_3_right{
float:none; width:100%; text-align:center; line-height:1.8;}
.footer_mid_3_left img{width: 20%;}
.footer_mid_1{
display:none}
.footer_mid_1_left,.footer_mid_1_right{
float:none; width:100%; text-align:center}
.footer_mid_2{
margin-top:2em;}
.footer_mid_2_left{
display:none;}
.footer_mid_2_right{
display:block; float:none; width:auto}
.footer_mid_2_right_mid{
padding-left:0}
.footer_mid_2_right:after{
display:none}
.index_4_2{
margin:3em 0;}

.index_4_1_mid_2{
margin-top:2em; margin-bottom:2em;}
.index_4_1{
margin-top:4em;}
.swiper-slide_mid_2_left, .swiper-slide_mid_2_right{
font-size:.5em;}
.index_3_2 .swiper-slide {width: 500px;
padding: 0 calc((100vw - 500px) * 0.0375);}
.index_2_mid_2_mid_1 .index_2_mid_2_mid_1_bo{
display:none
}
.index_2_mid_2{
margin-top:2em;}
.div_768{
display:block}
.index_1_mid_left_bg{
display:none}
.banner_footer_mid_1{
font-size:1.25em;}
.banner_footer_mid_2 a{
font-size:.875em;}
.index_1_mid_right_5_more span{
font-size:.875em;}
.index_1_mid_left{
position:relative; width:auto; margin-top:2em; margin-left:5%; margin-right:5%;}
.index_1_mid_right{ padding-top:2em;
margin-left:5%; margin-right:5%; float:none; width:auto}
.index_1_mid_right_1{
margin-bottom:2em;}
.index_1_mid_right_5{
margin-bottom:0em;}
.index_1{
padding-bottom:15vw;}
.index_1_mid_right_2{
font-size:1.25em;}
.index_1_mid_left_play{
width:15%;}
.indexpro_act{
font-size:.7em;}
.indexpro_act_mid img{
height:2.5em;}
}
@media screen and (max-width:640px) {
.pro_info_con_1_title_2{
font-size:.875em;}
.pro_info_con_1_title_1{
font-size:1.125em;}
.pro_info_tab ul li a{
padding:.875em 2em;}
.ser_2_mid_con_mid_1 img{
height:2.5em;}
.news_info_banner{
height:30vw;}
.news_info_4{	margin-bottom:2em;}
.news_info_5_left a, .news_info_5_right a{
padding-top:.5em; padding-bottom:.5em;}
.news_info_2{
font-size:1.25em;}
.so_2{
padding-top:2em; padding-bottom:2em;}
.so_2 .so_1_mid_mid_mid_2 p, .so_4 .so_1_mid_mid_mid_2 p{
min-width:inherit;}
.so_2 .so_1_mid_mid_mid_2 p span,.so_4 .so_1_mid_mid_mid_2 p span{
padding-right:3em;}
#certbody .about_4_2{
margin-top:2em;}
.about_5_mid_mid_jj_4 ul li{
width:19%; margin-bottom:1.5em;}
.about_5_mid_mid_jj_4 ul li:nth-child(8).line{
display:none}
.about_3_2{
margin-bottom:2em;}
.about_1_left_left_mid_2{
margin-top:1.5em;}
.about_1{
padding:2em 0;}
.header_logo img:nth-child(2){
height:40px;}
.header_mid_mid{
height:3.75em;}
#main{
margin-top:3.75em;}
.index_4_2{
margin-bottom:2em; margin-top:1em;}
.index_4_1 ul li{ margin-bottom:1em;
width:49%; margin-right:0}
.index_4_1 ul li:nth-child(2n){
float:right}
.index_4_1{
margin-top:2em;}
.index_3{
padding-top:1em;}
.index_3_2_mid_footer{
bottom:1em;}
.index_3_2_mid{
margin-left:5%; margin-right:5%;}
.index_3_2_mid_footer_mid_1{
font-size:1em;}
.index_3_2_mid_footer_mid_2{
font-size:.875em;}
.index_3_1{
margin-top:2em;}
.index_3_2{
margin-top:4em;}
	.banner_footer{
	display:none}
	.index_2_mid_2_mid_3 span{
	font-size:.875em;}
	.index_2_mid_2_mid_2{
	font-size:1em;}
	.index_2_mid_2_mid_1_img img{
	}
	.index_2_mid_2_mid_1{
	height:24vw;}

	.contact_2_3_2{
	max-height:none; min-height:inherit;}
}
.div_480{
display:none}
.div_480 img{
width:100%;}
@media screen and (max-width:550px) {
.lx_1_3 ul li{
width:100%; height:auto; padding:.5em 0 1.5em 0;}
}
@media screen and (max-width:480px) {
.pro_info_tab ul li a{
padding-left:1.125em; padding-right:1.125em;}
.about_4_2_mid_1 img.ht{
max-width:80%;}
.cershowbox_left, .cershowbox_right{
font-size:.4em;}
.close_box a img{
width:1.5em;}
.so_1{
padding-top:2em;}
.pro_info_con{
padding-bottom:2em;}
.pro_1_mid_1{
font-size:.9375em;}
.pro_1_mid_2 ul li{margin-bottom: 10px;overflow: hidden;
width:100%;}
#map22{
height:12em;}
.lx_1_3{
margin-bottom:1.5em;}
.lx_1{
padding-top:2em; padding-bottom:2em;}
.contact_2_3_3{
font-size:.875em;}
.contact_2_3_3{
padding-bottom:2em;}
.contact_2_3_1{
margin-top:2em;}
.job_3{
padding-bottom:2em;}
.job_3_2_mid_2_1{
font-size:1em;}
.job_3_1{
margin-top:2em;}
.job_2{
padding-top:2em;}
.jobact{
margin-top:2em; margin-bottom:2em;}
.job_1_mid_left{
padding-bottom:2em;}
.job_1{
padding:2em 0;}
.ser_3_list_1{
padding-right:5.5em;}
.ser_3{
padding-top:2em;}
.ser_2{
padding-top:2em; padding-bottom:2em;}
.ser_2_mid_con_mid_1{
margin-top:1em;}
.ser_2_mid_con{
margin-left:0; width:100%;}
.ser_2_mid_pic{
position:static; width:100%;}
.ser_2_mid_pic_bg{
display:none}
.div_480{
display:block}
.ser_1_left_4 ul li{
width:49%; margin-right:0}
.ser_1_left_4 ul li:nth-child(2n){
float:right}
.ser_1{
margin-top:2em;}
.news_info_1{
margin:1em 0;}
.news_info_2{ line-height:1.6;
font-size:1.125em;}
.news_info_1_left{
display:none}
.index_4_1_mid_2{
margin-top:1em; margin-bottom:1em;}
#swiper-pagination-pa{
margin-top:2em;}
.case_1 ul li{
width:50%;}
.so_4_mid_mid_1{margin-top:2em;}
.so_4_mid_mid{margin-top:2em; margin-bottom:2em;}
.so_4_mid_mid_1 ul li{width:50%; margin-bottom:1.5em;}

.so_1{
padding-bottom:0}
.so_1_mid_mid_mid_3{
margin-top:1em;}
.so_1_mid_mid_mid_2 p{
font-size:1.125em; max-width:none}
.about_5_mid_mid_jj{
margin-top:2em; margin-bottom:2em;}
.about_5, .about_5_con{
padding:2em 0;}
.about_5_mid_mid_jj_4 ul li{
width:28%;}
.about_5_mid_mid_jj_4 ul li:nth-child(6).line{
display:none}
.about_5_mid_mid_jj_4 ul li:nth-child(8).line{
display:block}
.about_4_2 ul li{
width:100%;}
.about_4_2_mid_1{
height:auto; text-align:center; padding:1em 0;}
.about_4_2_mid_1 img{ max-width:60%;
position:static;transform: translate(0%, 0%);}

.about_3_3_right{
padding-bottom:2em;}
.about_3_3_right_1{
font-size:1.25em;}
.about_2_3_mid_1{
margin-top:2em;}
.about_1_left_right_footer{
display:none}
.about_2_mid_mid{
margin-left:10%; margin-right:5%;}
.about_2_mid{
width:95%;}
.about_2,.about_2_mid{
padding:2em 0;}
.about_2_mid_mid_2{
font-size:1.125em;}
.nybanner_mid_1{
font-size:1.25em;}
.nybanner_mid_2{
font-size:.875em;}
.footer_mid_3{
margin-top:2em;}
.footer_mid_2_right_mid_3{
display:none}
.index_4_1_mid_2{
margin-left:5%; margin-right:5%;}
.index_4_1 ul li{
width:100%;}
.index_3_2_mid_footer{
bottom:1.5em;}
.index_3_2_mid_footer_mid_2{
display:none}
.index_3_2{
margin-top:2em;}
.index_2_right{
width:50%;}
.index_2_mid_1_1 .index_1_mid_right_1{
margin-bottom:1.5em;}
.index_1_mid_left_play{ top: 15%;
width:4em;}
.index_1{
padding-top:1em;}
.index_1_mid_right_2{
font-size:1.125em;}
.index_1_mid_right_1 span{
font-size:.875em;}
.index_1_mid_right_1{
margin-bottom:1em;}
.index_1_mid_right_4 ul li:nth-child(1),.index_1_mid_right_4 ul li:nth-child(2),.index_1_mid_right_4 ul li:nth-child(3),.index_1_mid_right_4 ul li:nth-child(4){
width:50%; margin-bottom:1em;}
.index_1_mid_right_4_mid{
padding:0 1em;}
.index_1_mid_right_4 ul li:nth-child(3) .index_1_mid_right_4_mid{
padding-left:0}
.index_1_mid_right_4 ul li:nth-child(2) .index_1_mid_right_4_mid{
background-image:none}
.index_1_mid_right_5{
margin-top:2em;}
.pro_info_top_3_right_mid_3{
font-size:.875em;}

}
@media screen and (max-width:380px) {
.about_5_mid_mid_jj_4 ul li{
width:45%;}
.about_5_mid_mid_jj_4 ul li.line{
width:10%;}
.about_5_mid_mid_jj_4 ul li:nth-child(4).line{
display:none}
.about_5_mid_mid_jj_4 ul li:nth-child(6).line{
display:block}
.about_5_mid_mid_jj_4 ul li:nth-child(8).line{
display:none}
}
@media screen and (max-width:320px) {
.index_2_mid_2_mid_1{
height:auto}
.index_2_mid_2_mid_1_img{
position:static}
.index_2_mid_2_mid_1_img{transform: translateY(0%); padding:1em 0;}

}
/******手机端menu************/
.navwrap {
position: fixed;
top: 80px;
right: -80%;
width: 80%;
height:calc(100vh - 80px);
z-index: 888;
background-color: #fff; 
opacity: 0; display:none;
}
@media screen and (max-width:1200px) {
.navwrap{
display:block}
}
@media screen and (max-width:640px) {
.css_animation{
width:80px; height:80px;}
.navwrap {
	
top: 60px;

height:calc(100vh - 60px);

}
}
.navwrap .nav {
padding: 10px 5% 0px 5%; border-top:1px #dedede solid;
}

.navwrap .nav li {
line-height: 42px;
border-bottom: 1px solid #dedede;
padding: 0px;
}

.navwrap .nav li a {
display: block;
color: #000;
font-size: 16px;
}

.navbg {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 555;
display: none;
}

.navbg .closeSJ {
position: absolute;
right: 24px;
top: 18px;
}

.navwrap .nav .SJbod {
display: none;
}

.navwrap .nav .SJbod dd a {
height: 36px;
line-height: 36px;
font-size: 14px;
}

.navwrap .nav .plus a {
background: url(../images/plus.png) right center no-repeat;
}

.navwrap .nav .minus a {
background: url(../images/minus.jpg) right center no-repeat;
}


/********loading*******/
.o-splashscreen{height:100%;left:0;position:fixed;top:0;width:100%;z-index:9000}
.o-splashscreen.hide{pointer-events:none}
.o-splashscreen_bg{background-color:#fff;height:100%;left:0;position:fixed;top:0;transform:scaleX(1);transform-origin:100% 0;transition:.8s cubic-bezier(.14,1,.34,1) .2s;width:100%;z-index:1}
.hide .o-splashscreen_bg{transform:scaleX(0)}
.o-splashscreen_bg:after{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:0 0;transition:.8s cubic-bezier(.14,1,.34,1) 0s;width:100%}
.hide .o-splashscreen_bg:after{transform:scaleX(1)}
.o-splashscreen_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.o-splashscreen_logo{transition:.8s cubic-bezier(.14,1,.34,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) 0s}.o-splashscreen_logo svg{height:71px;width:71px}.hide .o-splashscreen_logo{opacity:0;transform:translateX(60px)}
.o-page-overlay{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:5060}.o-page-overlay_inner{align-items:center;display:flex;height:100%;justify-content:center;position:relative;z-index:1}.shrink .o-page-overlay_inner{animation-delay:0s;animation-direction:normal;animation-duration:0s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuShrink;animation-timing-function:cubic-bezier(.215,.61,.355,1)}@keyframes menuShrink{0%{opacity:1;transform:translateX(0);transform-origin:bottom}to{opacity:0;transform:translateX(60px);transform-origin:bottom}}.init.shrink .o-page-overlay_inner{animation-duration:.4s}.expand .o-page-overlay_inner{animation-delay:.1s;animation-direction:normal;animation-duration:.7s;animation-fill-mode:both;animation-iteration-count:1;animation-name:menuExpand;animation-timing-function:cubic-bezier(.215,.61,.355,1)}
.a-progress{background-color:#fff;height:3px;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s,width 0s;width:0;z-index:8000}.a-progress.show{opacity:1;transition:opacity .3s,width .2s}.a-progress.init{background-color:#fff}
.loading2{
position:absolute; left:0; top:0; width:100%; overflow:hidden; text-align:center; height:0; z-index:10;}
.o-splashscreen_logo{ overflow:hidden;
position:relative; text-align:center} 
.dflogo{
height:58px;} 

.pro_info_con_2 table,.pro_info_con_2 td,.pro_info_con_2 tr{
border-color:rgb(221, 221, 221)}
.pro_info_con_2 table,.pro_info_con_2 td{word-break: break-all;
border-width: 1px;
border-style: solid;
border-color: rgb(221, 221, 221);}


.bodyon .header_mid_mid ul li a.biga{
height:4.5vw; line-height:4.5vw;}
#particles-js2{
position:absolute; left:0; top:0; width:100%; height:100%;pointer-events:none; z-index:1;}

@media screen and (max-width:480px) {
.bannerwb{
font-size:1.25em;}
}

#main { overflow: hidden; transform-style: preserve-3d; transform-origin: 30% 50% 0; transition: transform .5s; }
#main.to-left { transform: translate(-50%) rotateY(-50deg); filter: blur(3px); }
/*首页*/
.telbanner,.tel_nav{display: none;}
.flex{width: 100%; margin: 0 auto;display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}
#sw000 {width: 100%;height: 95vh;}
#homeBanner{width:100%;height:100%;overflow:hidden;z-index:2;background: #000; position: relative;}
#homeBanner .homeBanner_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1; opacity: 0.6; }
#homeBanner .homeBanner_bg>img{width:100%;height:100%;object-fit:cover;}

#homeBanner .homeBanner_cnt{position:absolute;top:0;align-items:center;justify-content:center;z-index:2;height:100%; text-align: center; color: #fff;}
#homeBanner .homeBanner_h{font-size:2.5vw;line-height:4vw;font-weight:bold;letter-spacing:.6vw;text-shadow:rgba(0,0,0,.4) 8px 10px 12px;-webkit-text-shadow:rgba(0,0,0,.5) 8px 10px 12px;}
#homeBanner .homeBanner_p{font-size:18px;text-transform:uppercase;margin-top:1.4vw;letter-spacing:.2vw;}

#homeBanner .mouse-of{position:absolute;left:50%;bottom:4vw;width:24px;height:40px;border-radius:40px;-webkit-border-radius:40px;
border:2px solid rgba(255,255,255,.8);margin-left:-20px;z-index:50;overflow:hidden;}
#homeBanner .mouse-of>i{position:absolute;width:3px;height:9px;left:50%;margin-left:-1.5px;top:2px;-webkit-animation: mouseof 1.5s ease-out infinite;animation: mouseof 1.5s ease-out infinite;}
@keyframes mouseof{
0%{top:-9px;opacity:1;-webkit-opacity:1;}
100%{top:100%;opacity:0;-webkit-opacity:0;}
}
@-webkit-keyframes mouseof{
0%{top:-9px;opacity:1;-webkit-opacity:1;}
100%{top:100%;opacity:0;-webkit-opacity:0;}
}
#homeBanner .banner_bubble{width:6vw;height:6vw;position:absolute;left:50%;bottom:3vw;margin-left:-3vw;z-index:15;}
#homeBanner .swiper-slide{overflow:hidden;}
#homeBanner #video_open{width:100%;height:100%;}
#homeBanner .homeBanner_switch{background:rgba(0,0,0,.7);width:90px;height:90px;line-height:90px;}
#homeBanner .homeBanner_switch i{font-size:24px;margin:20px;}
#homeBanner .homeBanner_switch.swiper-button-prev{left:-30px;}
#homeBanner .homeBanner_switch.swiper-button-next{right:-30px;}


@media screen and (max-width:750px){
#sw000 {width: 100%;height:240px;}
#homeBanner{display: none;}
.section.sec11{height: 240px;}
.telbanner{display: block;width: 100%; height: 95%;background: url('../images/bg.jpg') no-repeat center top;background-size: 100%;}
.telbanner video{height: 100%;width: 100%;}

}


/*核心技术*/
.hexin { padding:4% 0 5% 0; width: 100%; margin: 0 auto;background: url('../images/adv.jpg') no-repeat center top;}
.hexin h2{text-align: center; font-weight: 400;text-transform: uppercase;}
.hexin h2 em{display: block; font-weight: 800; color: #006ab8;}
.hexin h3{font-weight: 300; line-height: 31px; text-align: center; width: 60%; margin:2% auto 0 auto; }
.hexin ul{width: 80%;display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between; margin:4% auto 0 auto;}
.hexin li{width: 20%; margin: 0 5% 0 0; text-align: center;}
.hexin li i{margin-bottom: 5%;display: block;}
.hexin li i img{width: 70px; margin: 0 auto;display: block;}
.hexin li p{ line-height: 35px;}
.hexin li span{color: #999;}

@media screen and (max-width:750px){
.hexin h3{line-height: 28px;  width: 90%;	}
.hexin ul{width: 95%;}
.hexin li i img{width: 50px;}
.hexin li span{display: none;}
.f_18 {		font-size: 15px!important;	}
}

/*首页产品分类*/
.apro{width: 100%; background:url("../images/pro_a.jpg") no-repeat center top; height: 840px; position: relative;}
.apro_tit{width: 85%; margin: 0 auto; padding-top: 5%;}
.apro_tit img{display: block;margin-bottom: 10px;}
.apro_tit a{font-size: 50px; color: #fff; font-weight: 800;transition: .5s; }
.apro_tit a:hover{font-weight: 500;}
.apro .s_width{width: 85%; margin: 0 auto;height: 590px; position: relative;}
.apro  .apro_l{width:65%;position: absolute;left:0;bottom:0;}
.apro .apro_l div{width:85%;margin:0 auto;text-align: center;position: relative;z-index: 2}
.apro .apro_l img{ width:100%;max-width:900px;}

.apro .apro_r{width:35%;position: absolute;right:0;bottom:0;height:563px; background: #f8f8f8;padding:35px 65px;}
.apro .apro_r .apro_r_t{font-size: 32px;color:#333;line-height: 65px;}
.apro .apro_r i{height:2px;width:152px;background:#0068b7;display: block}
.apro .apro_r strong{font-weight: 500; color: #0068b7; margin-top: 35px;font-size: 26px;display: block;}
.apro .apro_r p{padding:35px 0 45px 0;line-height:30px;font-size:16px; color: #565656}
.apro .apro_r dl{display: flex;justify-content: space-between;}
.apro .apro_r dd{ text-align: center;font-size:17px; color:#4b4b4b; line-height: 55px;}
.apro .apro_r dd div{ width:99px;height:99px;border:1px solid #dbdbdb;text-align: center;padding:18px 0 0 0; border-radius: 99px;}

#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:500%;margin: 0;}
#banner ul li{width:20%;float:left}
#banner ul li img{}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:45px;height:45px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:15px;height:15px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:100px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#f0c02e}

@media (max-width:750px){
.apro{height: auto;}
.apro_tit a {font-size: 25px;}
.apro_tit img{width: 52%;}
.apro .s_width{width: 95%;height: auto;}
.apro .apro_l{width: 100%; position: relative;}
.apro .apro_r{width: 100%;position: relative; padding: 2%;height:auto}
.apro .apro_r .apro_r_t {font-size: 22px;}
.apro .apro_r strong {margin-top: 12px; font-size: 20px;}
.apro .apro_r p {padding: 10px 0 0 0; font-size: 14px; line-height: 25px;}
.apro .apro_r dl{display: none;}
#banner  #bannerBtnS em{width: 10px; height: 10px;}
}


.bpro{width: 100%; background:url("../images/pro/pro_b.jpg") no-repeat center top; height: 695px; position: relative;}
.bpro_tit{ padding-top: 5%;float: right; margin-right: 10%;}
.bpro_tit img{display: block;margin-bottom: 10px;}
.bpro_tit a{font-size: 50px; color: #333; font-weight: 800;transition: .5s; }
.bpro_tit a:hover{font-weight: 500;}
.bpro .s_width{width: 85%; margin: 0 auto;height: 376px; position: relative;}
.bpro_pic{position: absolute;left:0;bottom:0; z-index: 3; text-align: right}
.bpro_pic img{width:100%; max-width:785px;}
.bpro p{width:61%;position: absolute;bottom:0;right:0; z-index: 2;padding:36px 56px 36px 30%;border:6px solid rgba(31,97,194,0.2);color:#222222; line-height: 30px;font-size: 15px; text-align: right;}
.bpro p strong{display: block;font-size: 24px; line-height: 65px;}

#banner2{position:relative;overflow:hidden;width:100%;}
#banner2 ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner2 ul li{width:33.333%;float:left}
#banner2 ul li img{}
#banner2 aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner2 aside span{display:block;width:45px;height:45px;z-index:63;background:rgba(0,102,204,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner2:hover aside span{opacity:1;}
#banner2 aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:15px;height:15px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner2 aside span.prev{float:left;}
#banner2 aside span.next{float:right;}
#banner2 aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner2 #bannerBtnS2{width:85px;position:absolute;right:0;left:0;bottom:0%;margin:auto}
#banner2  #bannerBtnS2 em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner2  #bannerBtnS2 em.act{background:#0066cc}

@media (max-width:750px){
.bpro{height: auto;}
.bpro_tit a {font-size: 25px;}
.bpro_tit img{width: 52%;}
.bpro .s_width{width: 95%;height: auto;}
.bpro p{width: 100%; position: relative; text-align: left; padding: 2%; line-height: 25px;font-size: 14px; margin-top: 20px;}
.bpro .bpro_pic{width: 100%;position: relative; padding: 2%;height:auto}

#banner2  #bannerBtnS2 em{width: 10px; height: 10px;}
}


.cpro{width: 100%; background:url("../images/pro/pro_c.jpg") no-repeat center top;  position: relative;background-attachment: fixed; background-size: cover;}
.cpro_tit{width: 85%; margin: 0 auto; padding-top: 3%;}
.cpro_tit img{display: block;margin-bottom: 10px;}
.cpro_tit a{font-size: 50px; color: #fff; font-weight: 800;transition: .5s; }
.cpro_tit a:hover{font-weight: 500;}
.cpro .s_width{width: 85%; margin: 0 auto; position: relative;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between; padding-bottom: 2%;}
.cpro  .cpro_l{width:40%;padding-top: 4%;}
.cpro  .cpro_l strong{ font-size: 30px; color: #fff; font-weight: 800;}
.cpro  .cpro_l p{font-size: 16px; color: #fff; line-height: 31px;margin-top: 20px;}
.cpro  .cpro_l .index_1_mid_right_5_more{background: #fff;padding: 15px;margin-top: 6%;}
.cpro  .cpro_r{width:34%;margin-top: 0; }
.cpro .cpro_r img{ width:100%;}

#banner3{position:relative;overflow:hidden;width:100%;}
#banner3 ul{position:relative;overflow:hidden;width:400%;margin: 0;}
#banner3 ul li{width:25%;float:left}
#banner3 ul li img{}
#banner3 aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner3 aside span{display:block;width:45px;height:45px;z-index:63;background:rgba(0,102,204,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner3:hover aside span{opacity:1;}
#banner3 aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:15px;height:15px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner3 aside span.prev{float:left;}
#banner3 aside span.next{float:right;}
#banner3 aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner3 #bannerBtnS3{width:85px;position:absolute;right:0;left:0;bottom:0%;margin:auto}
#banner3  #bannerBtnS3 em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner3  #bannerBtnS3 em.act{background:#0066cc}

@media (max-width:750px){
.cpro{height: auto;}
.cpro_tit a {font-size: 25px;}
.cpro_tit img{width: 52%;}
.cpro .s_width{width: 95%;height: auto;display: block;}
.cpro .cpro_r{width: 100%; position: relative;}
.cpro .cpro_l{width: 100%;position: relative; padding: 2%;height:auto}
.cpro .cpro_l .apro_r_t {font-size: 22px;}
.cpro .cpro_l strong {margin-top: 12px; font-size: 20px;}
.cpro .cpro_l p {padding: 10px 0 0 0; font-size: 14px; line-height: 25px;}
.cpro .cpro_l dl{display: none;}
#banner3  #bannerBtnS3 em{width: 10px; height: 10px;}
}

.dpro{width: 100%; background:url("../images/pro/pro_b.jpg") no-repeat center top; height: 695px; position: relative;}
.dpro_tit{ padding-top: 5%;float: right; margin-right: 10%;}
.dpro_tit img{display: block;margin-bottom: 10px;}
.dpro_tit a{font-size: 50px; color: #333; font-weight: 800;transition: .5s; }
.dpro_tit a:hover{font-weight: 500;}
.dpro .s_width{width: 85%; margin: 0 auto;height: 380px; position: relative;}
.dpro_pic{position: absolute;left:0;bottom:0; z-index: 3; text-align: right}
.dpro_pic img{width:100%; max-width:785px;}
.dpro p{width:75%;position: absolute;bottom:0;right:0; z-index: 2;padding:36px 56px 36px 30%;border:6px solid rgba(31,97,194,0.2);color:#222222; line-height: 30px;font-size: 15px; text-align: right;}
.dpro p strong{display: block;font-size: 24px; line-height: 65px;}

#banner4{position:relative;overflow:hidden;width:100%;}
#banner4 ul{position:relative;overflow:hidden;width:400%;margin: 0;}
#banner4 ul li{width:25%;float:left}
#banner4 ul li img{}
#banner4 aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner4 aside span{display:block;width:45px;height:45px;z-index:63;background:rgba(0,102,204,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner4:hover aside span{opacity:1;}
#banner4 aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:15px;height:15px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner4 aside span.prev{float:left;}
#banner4 aside span.next{float:right;}
#banner4 aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner4 #bannerBtnS4{width:85px;position:absolute;right:0;left:0;bottom:0%;margin:auto}
#banner4  #bannerBtnS4 em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner4  #bannerBtnS4 em.act{background:#0066cc}

@media (max-width:750px){
.dpro{height: auto;}
.dpro_tit a {font-size: 25px;}
.dpro_tit img{width: 52%;}
.dpro .s_width{width: 95%;height: auto;}
.dpro p{width: 100%; position: relative; text-align: left; padding: 2%; line-height: 25px;font-size: 14px; margin-top: 20px;}
.dpro .dpro_pic{width: 100%;position: relative; padding: 2%;height:auto}
#banner4  #bannerBtnS4 em{width: 10px; height: 10px;}
}


.epro{width: 100%; background:url("../images/pro/pro_c.jpg") no-repeat center top;  position: relative;background-attachment: fixed; background-size: cover;}
.epro_tit{width: 85%; margin: 0 auto; padding-top: 5%;}
.epro_tit img{display: block;margin-bottom: 10px;}
.epro_tit a{font-size: 50px; color: #fff; font-weight: 800;transition: .5s; }
.epro_tit a:hover{font-weight: 500;}
.epro .s_width{width: 85%; margin: 0 auto; position: relative;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.epro  .epro_l{width:40%;padding-top: 4%;}
.epro  .epro_l strong{ font-size: 30px; color: #fff; font-weight: 800;}
.epro  .epro_l p{font-size: 16px; color: #fff; line-height: 31px;margin-top: 20px;}
.epro  .epro_l .index_1_mid_right_5_more{background: #fff;padding: 15px;margin-top: 6%;}
.epro  .epro_r{width:40%;margin-top: ; }
.epro .epro_r img{ width:100%;}


#banner5{position:relative;overflow:hidden;width:100%;}
#banner5 ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner5 ul li{width:33.333%;float:left}
#banner5 ul li img{}
#banner5 aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner5 aside span{display:block;width:45px;height:45px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner5:hover aside span{opacity:1;}
#banner5 aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:15px;height:15px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner5 aside span.prev{float:left;}
#banner5 aside span.next{float:right;}
#banner5 aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner5 #bannerBtnS5{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner5  #bannerBtnS5 em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner5  #bannerBtnS5 em.act{background:#f0c02e}

@media (max-width:750px){
.epro{height: auto;}
.epro_tit a {font-size: 25px;}
.epro_tit img{width: 52%;}
.epro .s_width{width: 95%;height: auto;display: block;}
.epro .epro_r{width: 100%; position: relative;}
.epro .epro_l{width: 100%;position: relative; padding: 2%;height:auto}
.epro .epro_l .apro_r_t {font-size: 22px;}
.epro .epro_l strong {margin-top: 12px; font-size: 20px;}
.epro .epro_l p {padding: 10px 0 0 0; font-size: 14px; line-height: 25px;}
.epro .epro_l dl{display: none;}
#banner5  #bannerBtnS5 em{width: 10px; height: 10px;}
}


/*产品展示*/
.telproduct{display: none;}
.pro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding: 8vh 0;}
.pro_tit{margin-bottom: 2%; }
.pro_tit h2{ text-align: center;background:url("../images/pro_tit.png") no-repeat center top;   margin: 0 auto;line-height: 90px; font-weight: 800; padding-top: 21px;background-size:24%; color: #1f61c2;}
.pro_tit h2 em{font-weight: 800; color: #d8160b;}
.pro_tit h2:after{ content: ""; width: 100px; height: 5px; background: #4f5277; display: block; margin:10px auto 0 auto;border-radius: 10px}
.pro_tit p{text-align: center; margin-top: 20px; color: #333;}
#top_scroll {overflow: hidden;width:85%; margin:0vh auto 0 auto; padding-bottom: 3%; height: 800px;}
#top_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border: #f2f2f2 1px solid; box-sizing: border-box;background-color:#006ab8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%;  transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding:20px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #fff;   text-align: center;font-weight: 500;}

@media (max-width:750px){
#top_scroll{display: none;}	
.pro{padding:  0;}
.pro_tit h2{line-height: 45px;}
.pro_tit h2:after{width: 50px;}
.pro_tit p{margin-top: 13px;}
.telproduct{display: block;width:98%; margin:0vh auto 0 auto; padding-bottom: 3%;}
.telproduct ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border: #f2f2f2 1px solid; box-sizing: border-box;background-color:#006ab8;}
.telproduct ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
.telproduct ul li .img img{ width: 100%;  transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.telproduct ul li .proText{ padding:10px 0; }
.telproduct ul li strong{display: block; color: #fff;   text-align: center;font-weight: 500;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1}

}


.se_video{width: 100%; max-width: 1200px; margin: 0 auto 50px auto; height: 650px;}
.se_video .pic {margin-top: 70px;text-align: center; }
.se_video .pic img {width: 1100px;max-width: 100%;border: 10px solid #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}
.se_video .pic iframe {width: 1100px;max-width: 100%;border: 10px solid #fff;-webkit-box-sizing: border-box;box-sizing: border-box; height: 600px;background: url('../images/img3.jpg') top no-repeat;}

@media (max-width:750px){
.se_video{height: 250px;}	
.se_video .pic iframe {height: 250px;}
}
/*===================== 响应式代码 START =====================*/
.f_80{font-size: 80px;}
.f_72{font-size: 72px;}
.f_62{font-size: 62px;}
.f_48{font-size: 48px;}
.f_40{font-size: 40px;}
.f_30{font-size: 30px;}
.f_24{font-size: 23px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}

/*===================== 响应式代码 START =====================*/
@media( max-width:1600px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 40px;}
.f_48{font-size: 38px;}
.f_40{font-size: 30px;}
.f_30{font-size: 24px;}
.f_24{font-size: 20px;}
.f_20{font-size: 20px;}
.f_18{font-size: 18px;}
.f_16{font-size: 16px;}
.f_15{font-size: 15px;}
.f_14{font-size: 14px;}
}

@media( max-width:1210px ){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 28px;}
.f_40{font-size: 26px;}
.f_30{font-size: 24px;}
.f_24{font-size: 16px;}
.f_20{font-size: 18px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_15{font-size: 14px;}
.f_14{font-size: 14px;}

}


@media (max-width:750px){
.f_80{font-size: 60px;}
.f_72{font-size: 50px;}
.f_62{font-size: 30px;}
.f_48{font-size: 22px;}
.f_40{font-size: 22px;}
.f_30{font-size: 24px;}
.f_24{font-size: 14px;}
.f_20{font-size: 14px;}
.f_18{font-size: 16px;}
.f_16{font-size: 14px;}
.f_14{font-size: 14px;}
}