/* 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("../font/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("../font/SourceHanSansCN-Normal.woff") format("woff"),
       url("../font/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("../font/SourceHanSansCN-Normal.svg") format("svg");
  font-weight: normal;
  font-style: normal;
} 
 

body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#000;
}
a{
    color:inherit;
	color:#000;
    text-decoration: none; 
}
a:hover  {
    color:#004296;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: ; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
table {
			width:100%;
			border:1px solid #b3adad;
			border-collapse:collapse;
			padding:5px;
		}
		table th {
			border:1px solid #b3adad;
			padding:5px;
			background: #f0f0f0;
			color: #313030;
		}
		table td {
			border:1px solid #b3adad;
			padding:5px;
			background: #ffffff;
			color: #313030;
		}
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;
}
ul,li{
margin:0; padding:0}
::-moz-placeholder { color:#9e9e9e; }
input:-webkit-input-placeholder { color:#9e9e9e; } 
input:-moz-placeholder { color:#9e9e9e; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.wmid{
margin:0 auto; max-width:75%;}
/*********header**********/
#header{
position:fixed; left:0; top:0; width:100%; z-index:100;background-color:rgba(255,255,255);}
#header:after{
content:''; position:absolute; left:0; bottom:0; width:100%; height:1px;background-color:rgba(255,255,255,.2);}
.header_mid{ position:relative;
margin:0 2.60416666666667%;}
.header_mid_left{
position:absolute; left:0; top:50%; z-index:10;transform:translateY(-50%);}
.header_mid_left a{
display:block; position:relative;}
.header_mid_right{
float:right; position:relative; padding-right:6.125em;}
.header_mid_right ul li{ position:relative;
float:left; margin:0 1.25em; z-index:10;}
.header_mid_right ul li dl{ text-align:center; padding:.75em 0; display:none;
position:absolute; left:-12px; z-index:10; width:192px;background-color:rgba(5,62,149,.82);}
.header_mid_right ul li dl dd a{
color:#fff; font-size:.9375em;}
.header_mid_right ul li dl dd{
padding:7px 0px;}
.header_mid_right ul li a.biga{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color:#000; display:block; position:relative; line-height:5.875em;}
.header_mid_right_right{transform:translateY(-50%); padding-left:1em;
position:absolute; right:0; top:50%; background-position:left center; background-repeat:no-repeat; background-image:url(../image/img3.png);}
.header_mid_right_right a{ padding-left:1.5em;
color:#000; display:inline-block; position:relative;}
.header_mid_right_right a:before{ background-image:url(../image/img2.png);transform:translateY(-50%);
content:''; position:absolute; left:0; top:50%; width:1.125em; height:1.125em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_right ul li:hover a.biga{
color:#004296}
.header_mid_right ul li a.biga:after{transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:50%; bottom:0; width:0; height:1px; background-color:#fff;}
.header_mid_right ul li:hover a.biga:after{
width:100%; left:0}
/*********index****************/ 
.bannerimg_pc{
position:relative; width:100%; height:80vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff;}
.indexbanner_mid_mid{ border-radius:4.89583333333333vw 0 4.89583333333333vw 0;
margin-left:50%; margin-right:7.8125%; background-color:rgba(76,179,132,.82); overflow:hidden}
.indexbanner_mid_mid_mid_1{ font-weight:bold;
font-family:Impact; font-size:3.125vw;}
.indexbanner_mid_mid_mid_2{
font-size:1.875vw; margin-top:.4vw;}
.indexbanner_mid_mid_mid_3{
line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:1.5vw 0 2.2vw 0;}
.lmore{ overflow:hidden; position:relative;
display:inline-block; border:2px #fff solid; font-family:Arial, Helvetica, sans-serif; width:11.75em; text-align:center; line-height:2.875em; height:2.875em; color:#fff;}
.lmore span{ color:#fff;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
font-size:.875em; position:relative; display:inline-block; position:relative; letter-spacing:.3em;}
.indexbanner_mid_mid_mid{
margin:5vw 6.25vw;}
.lmore:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:0; height:100%; background-color:#fff;}
.lmore:hover:before{
width:100%;}
.lmore:hover span{
color:#68c49a}
.banner_num{
position:absolute; left:2.60416666666667%; top:39.92172211350294%;   z-index:10; color:#fff; font-size:.875em; font-family:Arial, Helvetica, sans-serif}
.banner_num_mid{ letter-spacing:3px;writing-mode: vertical-lr;
display:inline-block; position:relative; padding-top:60px;}
.banner_num_mid:before{transform:translateX(-50%);
content:''; position:absolute; left:50%; top:0; width:1px; background-color:#fff; height:50px;}
.banner_num_mid span{
color:#68c49a;}
.scroll_tip{writing-mode: vertical-lr; letter-spacing:2px; padding-bottom:5em;
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; position:absolute; left:2.60416666666667%; bottom:6.84931506849315%; z-index:10;}
.scroll_tip:after{ text-align:center; left:50%;transform:translateX(-50%); bottom:0; font-family:"宋体";
content:'>'; position:absolute; width:3em; height:3em; border:1px #fff solid;border-radius:100%; text-align:center; line-height:3em;}
.indexmid{
margin:0 7.8125%;}
.index_1_mid_left{ margin-top:4.375vw;
float:left; width:40.49382716049383%;}
.index_1_mid_right{ position:relative;
float:right; width:55.55555555555556%;}

.index_1_title{ letter-spacing:2px; color:#000;
display:inline-block; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:.875em; padding-left:135px;}
.index_1_title span{ letter-spacing:0; display:block;
position:absolute; left:0; height:100%; top:0; color:#68c49a; font-weight:bold; width:128px;}
.index_1_title span:after{transform:translateY(-50%); height:1px; background-color:#000; width:105px;
content:''; position:absolute; left:20px; top:50%;}

.index_1_title_cz{
padding-left:0; padding-top:135px;}
.index_1_title_cz span{
width:100%; height:128px;}
.index_1_title_cz span:after{
left:50%; top:20px;transform:translateX(-50%); height:105px; width:1px;}


.index_1_mid_left_2{
font-size:2.5vw; margin-top:3.125vw;}
.index_1_mid_left_3{
font-size:1.25em; color:#666; margin-top:.4em;}
.index_1_mid_left_4{ margin-bottom:2.5vw;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#666; line-height:1.8; margin-top:1.5vw;}
.lmore_black{
border:1px #053E95 solid;}
.lmore_black span{
color:#053E95;}
.lmore_black:before{
background-color:#053E95;}
.index_1_mid_right_mid{ border-radius:2.89583333333333vw 0 2.89583333333333vw 0;
position:relative; z-index:10; overflow:hidden; margin-right:0.77083333333333vw;  margin-bottom:0.77083333333333vw;}
.index_1_mid_right_mid img{
width:100%;}
.index_1_mid_right:after,.about_1_left:after{height:calc(100% - 0.77083333333333vw);width:calc(100% - 0.77083333333333vw);  
content:''; position:absolute; right:0; bottom:0; background-color:#ccc;border-radius: 2.89583333333333vw 0 }
.index_1,.index_2 {
padding:3.33333333333333vw 0;}
.index_2_1{
margin-top:0; text-align:center}
.index_2_2{ padding:.875em 0 1em 0; margin-bottom:5.05208333333333vw;
text-align:center; color:#666; font-size:1.25em; position:relative;}
.index_2_2:after{ left:50%; bottom:0;transform:translateX(-50%);
content:''; position:absolute; height:1px; background-color:#68c49a; width:2.23958333333333vw;}
.index_2_3_mid{border-radius:1em;
background-color:#f7fbfb; height:20.95833333333333vw;}
.index_2_3_mid_mid{ left:50%;transform:translateX(-50%); top:2.81081081081081%;
width:18.22916666666667vw; height:12.22916666666667vw; text-align:center; position:absolute;  }
.index_2_3_mid_mid img{
max-width:82.28571428571429%; position:relative; z-index:10;}
.index_2_3_mid_footer{
position:absolute; left:0; bottom:2vw; width:100%; text-align:center; z-index:10;}
.index_2_3_mid_footer_1{ color:#000;
 font-size:1.43020833333333vw; margin:0 1em; margin-bottom:.5em;}
 .index_2_3_mid_footer_2 span{border-radius:27px;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 font-size:.875em; font-family:Arial, Helvetica, sans-serif; display:inline-block; position:relative; color:#000; width:136px; height:27px; line-height:27px;}
.index_2_3_mid_mid:before{border-radius:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img7.png);
content:''; position:absolute; left:0; top:0; width:100%; height:100%;opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_2_3_mid:hover .index_2_3_mid_mid:before{
opacity:1} 
.index_2_3_mid:hover  .index_2_3_mid_footer_2 span{
background-color:#053E95; color:#fff}
#indexproject_sb{ background:none;
position:static; margin:5.4375em auto; max-width:680px; height:1px; background-position:center; background-repeat:repeat-x; background-image:url(../image/img8.png);} 
#indexproject_sb .swiper-scrollbar-drag{
background-color:#053E95} 
.index_2_mid_img{border-radius: 9.375vw 0 0 9.375vw;
position:absolute; right:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; width:92.1875%;}
.index_2_mid{
position:relative; padding:6.51041666666667vw 0;}
.index_2_mid_jj{ color:#fff;
 border-radius:0 4.89583333333333vw 4.89583333333333vw 0; position:relative; z-index:10;
  background-color:rgba(3,64,153,.82); width:42.70833333333333%; overflow:hidden}
.index_2_mid_jj_mid{ color:#fff; padding:5.20833333333333vw 0 8.85416666666667vw 0;
margin-left:18.29268292682927%; margin-right:18.29268292682927%;}  
.index_1_title_black{
color:#fff}
.index_1_title_black span{
color:#fff}
.index_1_title_black span:after{
background-color:#fff}
.index_2_mid_jj_mid_3{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; 
margin-top:0; color:#fff}
.index_2_mid_jj_mid_4{
color:#fff; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 100;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:1.5vw;  }
.index_2_mid_jj_mid_2{
margin-top:4.6875vw; font-family:Arial, Helvetica, sans-serif; margin-bottom:.6vw;}
#swiper-pagination-case .swiper-pagination-bullet{ margin:0;opacity:1; background:none; position:relative;
width:1.4375em; height:1.4375em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img10.png);}
#swiper-pagination-case .swiper-pagination-bullet:after{background-image:url(../image/img9.png); background-color:transparent;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10; opacity:0;}
#swiper-pagination-case .swiper-pagination-bullet-active:after{
opacity:1;
}
#swiper-pagination-case{
width:auto; left:7.8125%; bottom:10vw;}
.index_3_1_1{
text-align:left}
.index_3_1_2{
font-size:1.125em; color:#000; text-align:left; padding-bottom:0}
.index_3_1_2:after{
display:none}
.index_3{
margin-top:6.45833333333333vw;}
.index_4_1_left{border-radius: 1em 0 1em 0;
float:left; width:50%; overflow:hidden}
.index_4_1_left img{
width:100%;}
.index_4_1_right{
float:right; width:50%; margin-top:2.96875vw;}
.index_4_1_right_mid{
margin:0 2.96875vw;}
.index_4_1_right_mid_1{
font-family:Arial, Helvetica, sans-serif; color:#053E95}
.index_4_1_right_mid_2{margin-top:.6vw;
display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.index_4_1_right_mid_2 a{
font-size:1.5625vw; }
.index_4_1_right_mid_3{
font-size:1.125em; color:#666; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 4;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:1.6vw; margin-bottom:5vw;}
.index_4{
margin-bottom:4.6875vw;}
.index_5_mid ul li{
float:left; width:50%;  padding:2em 0;}
.index_5_mid ul li a{ padding-right:5em;
display:block; position:relative; margin-right:2em;}
.index_5_mid ul li:nth-child(2n) a{
margin-left:2em; margin-right:0}
.index_5_mid_right{
position:absolute; right:0; font-size:1.125em; color:#999; top:50%;transform:translateY(-50%);}
.index_5_mid_left{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:relative; font-size:1.125em; color:#000; padding-left:1.35em;}
.index_5_mid_left:before{ background-image:url(../image/img6.png);
content:''; position:absolute; left:0; top:50%;transform:translateY(-50%); width:1em; height:1em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_5_mid ul li a:hover .index_5_mid_left{
color:#13b0da}
.index_5{
margin-bottom:6.09375vw;}
.index_5_mid ul{
overflow:hidden}
.index_2{
position:relative;}
.index_2_title{writing-mode: vertical-lr;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position:absolute; right:3.33333333333333%; top:-20%;}
.index_3{
position:relative}
.indexwarp{
background-position:center top; background-repeat:no-repeat;}
/*******footer**********/
#footer{ padding-top:6.25vw;
background-color:#2a3139; border-top:4px #68c49a solid; color:#fff}
#footer a{
color:#fff}
.footer_1_mid_mid ul li a{
display:inline-block; position:relative;}
.footer_1_mid_mid ul li a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; background-color:#fff; left:0; bottom:-2px; height:1px; width:0}
.footer_1_mid_mid ul li a:hover:after{
width:100%;}
.footer_1_left{
float:left; width:29.5%;}
.footer_1_left img{
max-width:88.28451882845188%;}
.footer_1_mid{
float:left; width:69.5%;}
.footer_1_right{
float:right; width:30.5%;}
.footer_1_mid_mid{ overflow:hidden; padding:0 0.7vw; min-height:270px;
border-right:1px #565b61 solid;}
.footer_1_mid_mid ul li{
float:left; width:25%;}
.footer_title{
  font-size:1.125em; padding-bottom:.5em;}
.footer_1_mid_mid ul li dl dd a{
font-size:.875em;} 
.footer_1_mid_mid ul li dl dd{
margin-top:1em;}
.footer_1_mid_mid_mid{
padding:0;}
.footer_1_right_mid{
padding-left:4.42708333333333vw;}
.footer_1_right_mid_1{
margin-top:1em;}
.footer_1_right_mid_1 dl dd{ margin-left:1.25em;
float:left; text-align:center}
.footer_1_right_mid_1_2{
margin-top:7px;}
.footer_1_right_mid_1 dl dd:nth-child(1){
margin-left:0}
.footer_1_right_mid_2 a{
display:inline-block; width:7.5em; height:2em; line-height:2em; text-align:center; color:#fff; background-color:#68c49a;border-radius:2em;}
.footer_1_right_mid_2 a span{ padding-left:22px;
font-size:.875em; display:inline-block; position:relative; background-position:left center; background-repeat:no-repeat; background-image:url(../image/img5.png);}
.footer_1_right_mid_2{
margin-top:2em;}
.footer_2_left{
float:left;}
.footer_2_right{
float:right;}
.footer_2{
font-size:.875em; color:#d0d0d0;}
#footer .footer_2 a{
color:#d0d0d0}
#footer .footer_2 a:hover{
color:#fff}
.footer_2{ margin-top:5em;
border-top:1px #565b61 solid; padding:2em 0;}
/*********about****************/
.nybanner{border-radius: 0; overflow:hidden;
position:relative;}
.nybanner img{
width:100%;}
.about_mid{
margin:0 auto; max-width:72.39583333333333%;}
.about_1_left{ position:relative;
float:left; width:50.79136690647482%;}
.about_1_right{
float:right; width:44.96402877697842%;}
.about_1_right_1{
overflow:visible;-webkit-line-clamp: 400;   }
.about_1{
margin:7.55208333333333vw 0;}
.about_2{ padding-top:5.05208333333333vw; padding-bottom:8.54166666666667vw;
overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img5.jpg);}
.about_t_en{
text-align:center;  color:#878787; margin-top:7px;}
.about_2_1_mid{ overflow:hidden; padding-bottom:7.875em;
position:relative;border-radius:2.08333333333333vw 0 0 0;}
.about_2_1_mid_1{
overflow:hidden}
.about_2_1_mid_1 img{
width:100%;}
.about_2_1_mid_2{
position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.about_2_1_mid_2_mid{background-color:rgba(255,255,255,.96); margin-right:10px; padding:1.75em 1.5em;border-radius:0 0 2.08333333333333vw 0;}
.about_2_1_mid_2_mid_1{
font-size:1.875em; }
.about_2_1_mid_2_mid_2{
font-size:1.125em; margin-top:5px;}
.about_2_1_mid_2_mid_3{ margin:1.25em 0;
color:#666; line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.about_2_1_mid_2_mid_4{
font-family:Arial, Helvetica, sans-serif; font-size:.875em; color:#6cbf9d}
.about_2_1_mid:hover .about_2_1_mid_2_mid{background-color:rgba(103,189,154,.96); color:#fff;}
.about_2_1_mid:hover .about_2_1_mid_2_mid_4,.about_2_1_mid:hover .about_2_1_mid_2_mid_3{
color:#fff}
.about_2_1{
margin-top:3.80208333333333vw;}
.indexpro_act_left{ left:1em; top:37%;
position:absolute; z-index:10; width:2.458333333333333em; height:2.458333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img21.png); cursor:pointer; line-height:2.458333333333333em; text-align:center; color:#fff; font-family:"宋体"; font-size:1.5em;}
.indexpro_act_left:hover{
background-image:url(../image/img31.png);}

.indexpro_act_right{ right:1em; top:37%;
position:absolute; z-index:10; width:2.458333333333333em; height:2.458333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img21.png); cursor:pointer; line-height:2.458333333333333em; text-align:center; color:#fff; font-family:"宋体"; font-size:1.5em;}
.indexpro_act_right:hover{
background-image:url(../image/img31.png);}
 
.about_3_mid{ position:relative; z-index:10; float:right;border-radius: 3.80208333333333vw 0 3.80208333333333vw 0;
margin-right:7.8125%; width:40.26041666666667vw;background-color:rgba(103,189,154,.96); color:#fff}
.about_3 .index_2_1{
text-align:left;}
.about_3 .about_t_en{
text-align:left; color:#d9ebe3;}
.about_3_mid_mid_1{
line-height:1.8; margin-top:1.875em;}
.about_3_mid_mid{ margin-right:8.85416666666667vw;
margin-left:5.15625vw; padding-bottom:8.07291666666667vw;  padding-top:6.51041666666667vw;}
.about_3_bg{
position:absolute; left:0; top:0; width:100%; height:100%;}
.about_3_bg .about_mid{border-radius: 0 3.80208333333333vw 0 3.80208333333333vw;
position:relative; height:100%;background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img6.jpg);  }
.about_3{
overflow:hidden; position:relative; padding:4.6875vw 0; margin:8.85416666666667vw 0;}
.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:100;background-color:rgba(0,0,0,.77);}
.jobmaskmid{ overflow:hidden;
background-color:#fff;border-radius:1em; position:relative; max-height:95vh; min-height:95vh; overflow:hidden; overflow-y:auto;}
.jobmaskmid_mid{ margin-right:4.16666666666667vw;
margin-left:7.55208333333333vw; margin-top:5.20833333333333vw; margin-bottom:5.20833333333333vw;}
.jobmaskmid_mid_left{border-radius:0 1.25vw 0 1.25vw;
float:left; width:35.8974358974359%; overflow:hidden}
.jobmaskmid_mid_left img{
width:100%;}
.jobmaskmid_mid_right{
float:right; width:58.97435897435897%;}
.jobmaskmid_mid_right_1{
font-size:2.25em;}
.jobmaskmid_mid_right_2{ margin-top:10px;
color:#1f1f1f; font-size:1.125em;}
.jobmaskmid_mid_right_3{color:#1f1f1f;
margin-top:2em; padding-top:2em; border-top:1px #ececec solid; font-size:1.125em; line-height:1.8;}
.jobmaskmid_close{
position:absolute; z-index:10; right:2em; top:2em}
.jobmaskmid_close a img{-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.jobmaskmid_close a:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.nybanner_mid{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff;}
.nybanner_mid_mid{ overflow:hidden;
max-width:550px;background-color:rgba(104,196,154,.8);border-radius:4vw 0 4vw 0;}
.nybanner_mid_mid_jj{ margin-right:2.44791666666667vw;
margin-left:3.33333333333333vw; margin-top:4.53125vw; margin-bottom:4.53125vw;}
.nybanner_mid_mid_jj_jj{
font-size:1.25em; margin-top:2.5vw;}
.pro_1{
margin-top:2.25vw;}
.index_2_2_no_after:after{
display:none}
.pro_2_1 ul li{ margin-right:1.05755395683453%;
float:left; margin-bottom:1.125vw; position:relative; width:32.29496402877698%;}
.pro_2_1 ul li:nth-child(3n){
margin-right:0}
.pro_2_1 ul li .index_2_3_mid{
border:1px #f7fbfb solid;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_info_4{
background-color:#f8f8f8;}
.pro_info_4 .index_2_3_mid{
background-color:#fff; border:1px #fff solid;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_2_1 ul li:hover .index_2_3_mid{
border:2px #69bb9a solid;}
.pro_info_4 .index_2_3_mid:hover{border:2px #69bb9a solid;}
.pagination{
text-align:center}
.pagination li{ font-family:Calibri; font-size:1.125em;
display:inline-block; margin:0 5px; }
.pagination li span,.pagination li a{border-radius:100%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width:2.222222222222222em; text-align:center; height:2.222222222222222em; color:#3b3b3b; line-height:2.222222222222222em; display:inline-block; }

.pagination li.active span,.pagination li a:hover{background-color:#5cba8f;color:#fff}
.pro_page{
margin-top:3.125vw; margin-bottom:6vw;}
.pro_info_1_left{ text-align:center; background-color:#f3f6f7;
float:left; width:50.35971223021583%; padding:3.4375vw 0;}
.pro_info_1_left img{
max-width:63.28571428571429%;}
.pro_info_1_right{
float:right; width:44.24460431654676%;}
.pro_info_1_right_1{
font-size:2em; border-bottom:1px #cecece solid; padding-bottom:1em;}
.pro_info_1_right_2{
line-height:1.8; margin-top:1.5em;}
.pro_info_1{
margin-top:10.41666666666667vw;}
.pro_info_2_1{ padding:1em 2.5em;
background-color:#5cba8f; color:#fff}
.pro_info_2_1 span{
font-size:1.25em;}
.pro_info_2{
margin-top:5.46875vw;}
.pro_info_3_1{
color:#5a5a5a; line-height:2; margin:2.5em 0;}
.pro_info_4{
background-image:none; background-color:#f8f8f8;}
.pro_info_4 .indexpro_act_left,.pro_info_4 .indexpro_act_right{
top:50%;transform:translateY(-50%);}
.profooter{
background-color:#f8f8f8;}
/*******cases*********/
.case_mid{ padding-top:6.77083333333333vw;
background-color:#f5f5f5; overflow:hidden}
.case_mid .index_2_2:after{
display:none}
.case_mid_1 ul li{ margin-bottom:3.125vw;
float:left; width:48.48920863309353%;}
.case_mid_1 ul li:nth-child(2n){
float:right}
.case_mid_1_mid_1{
overflow:hidden;border-radius:1em 0 1em 0;}
.case_mid_1_mid_1 img{
width:100%;}
.case_mid_1_mid{
position:relative; padding-bottom:13.02083333333333em;}
.case_mid_1_mid_2{ color:#454545;border-radius:1em 0 1em 0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; left:0; bottom:0; background-color:#fff; z-index:10; width:95.25222551928783%;}
.case_mid_1_mid_2_mid_1{
font-family:Arial, Helvetica, sans-serif;  }
.case_mid_1_mid_2_mid_2{
font-size:2.25em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin:.25em 0 .65em 0; min-height:2.6em; line-height:1.3;}
.case_mid_1_mid_2_mid_3{
line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; min-height:5.4em;}
.case_mid_1_mid_2_mid{
margin:3.125em 10%;}
.case_mid_1 ul li:hover .case_mid_1_mid_2{background-color:rgba(76,179,132,.91); color:#fff}
.case_info_1{
color:#474747; font-size:1.125em; margin-top:5.20833333333333vw;}
.case_info_2{ padding:.875em 0; border-bottom:1px #c1d0e7 dashed;
color:#5cba8f; font-size:2.25em;}
.case_info_3{
color:#666; line-height:2; margin:2.5em 0 6em 0;}
/********project***********/
.div1200{
margin:0 auto; padding:0 1em; max-width:75em;}
.index_1_mid_left_2_project{
margin-top:0}
.project_1_1{
font-size:1.125em; line-height:1.7; margin-top:1.25em; margin-bottom:3em;}
.project_1_2 span:nth-child(1){
float:left; display:block; overflow:hidden; width:41.83333333333333%;}
.project_1_2 span:nth-child(1) img{
width:100%;}
.project_1_2 strong{ font-weight:normal;
float:right; line-height:1.8; margin-top:5em; width:53.08333333333333%;}
.project_1_3 span:nth-child(1){
float:right;}
.project_1_3 strong{
float:left}
.project_1_3{
margin-top:2em;}
.project_1_4{ padding:5.9375em 0; overflow:hidden;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img3.jpg); color:#fff;}
.project_1_4_bg{
display:block;background-color:rgba(76,179,132,.91); width:69.16666666666667%;}
.project_1_4_1{
font-size:1.5em; display:block}
.project_1_4_2{
font-size:1.125em; display:block; margin-top:.5em;}
.project_1_4_3{
font-size:1.25em; display:block; margin-top:1em; margin-bottom:1em;}
.project_1_4_4 strong{ padding-bottom:5px;
font-size:1.125em; font-weight:normal; display:block}
.project_1_4_4{
display:block; margin-bottom:1em;}
.project_1_4_bg_mid{
display:block; padding:3.64583333333333vw;}
.project_1_4{ margin-bottom:2.34375vw;
margin-top:6.09375vw;}
.project_1_5{border: 1px solid #e6e6e6;
                        border-collapse: collapse;}
.project_1_5 td{border: 1px solid #e6e6e6; text-align:left; padding-top:1em; padding-bottom:1em; line-height:1.6; padding-left:2.5em; color:#333;}
.project_1_5 tr:nth-child(2n-1) td{
background-color:#f2fff5;}
.project_1_5 tr:nth-child(1) td{
background-color:#33a46d; color:#fff;}
.project_1_5 tr:nth-child(1) td span{
font-size:1.25em;}
.project_1_6{ font-size:1.125em;
text-align:center; margin-top:1.875em; margin-bottom:3em;}
.project_2{ padding-top:4.47916666666667vw;
background-color:#eaf4ed; overflow:hidden;}
.project_2_1{
font-size:1.875em; margin-bottom:1.25em;}
.project_2_2{border: 1px solid #e6e6e6;
                        border-collapse: collapse;}
.project_2_2 td{ color:#333333; line-height:1.8;border: 1px solid #e6e6e6; background-color:#f3f0e3; vertical-align:top; text-align:left; padding-left:2.5em; padding-top:1em; padding-bottom:1em;}
.project_2_2 tr:nth-child(2n-1) td{
background-color:#fff}					
.project_2_2 tr:nth-child(1) td{
background-color:#d6b531; color:#fff; padding-top:.7em; padding-bottom:.7em;}
.project_2_2 tr:nth-child(1) td{
font-size:1.25em;}
.project_3_1_left{ overflow:hidden; margin-top:4em;
float:left; width:33.08333333333333%;}
.project_3_1_left img{
width:100%;}
.project_3_1_right{ line-height:1.8;
float:right; display:block; width:63.16666666666667%;}
.project_3_1_right strong{ margin-bottom:.5em;
display:block; font-size:1.875em; font-weight:normal;}
.project_3_1{
overflow:hidden}
.project_3_1{
padding:5.72916666666667vw 0; overflow:hidden}
.project_3_2_right{ display:block; margin-top:4.5em;
float:right; overflow:hidden; width:35.83333333333333%;}
.project_3_2_right img{
width:100%;}
.project_3_2_left{ line-height:1.8;
float:left; overflow:hidden; display:block; width:61.91666666666667%;}
.project_3_2_left_1{
display:block; font-size:1.125em; margin-top:.5em;}
.project_3{
padding-bottom:5em;}
.project_1{
padding-top:5.20833333333333vw;}
.pro_wx_1_1{
border-bottom:1px #cccccc solid; padding:1em 0;}
.pro_wx_1_1 span{ padding-left:1.5em;
display:block; position:relative; font-size:1.125em; color:#030303; line-height:1.8;}
.pro_wx_1_1 span:before{
content:''; position:absolute; left:0; top:0.45em; width:1.125em; height:1.125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img71.png);}
.pro_wx_1{ margin-top:1.1vw;
margin-bottom:4.6875vw;}
.news_1{
padding-bottom:6.40625vw;}
.news_2_1 ul li{ position:relative;
display:block; border-bottom:1px #eaeaea solid; padding:2.5em 0;}
.news_2_1 ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:-1px; z-index:10; height:1px; background-color:#5cba8f; width:0;}
.news_2_1 ul li a{
display:block; position:relative; padding-right:10.25em;}
.news_2_1_right{ background-position:left center; background-repeat:no-repeat; background-image:url(../image/img1.png);
position:absolute; right:0; top:50%; width:10.25em; text-align:center;transform:translateY(-50%);}
.news_2_1_left_1{
font-size:16px; color:#000;}
.news_2_1_left_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#666; line-height:1.7; margin-top:.6em;}
.news_2_1_left{
padding-right:6.25em;}
.news_2{ padding-top:0.5em;
background-color:#fbfbfb; overflow:hidden}
.news_2_1_right_mid_1{ font-family:Impact;
color:#747474; font-size:2.75em;}
.news_2_1_right_mid_2{
color:#999; font-family:Calibri; font-size:1.5em;}
.news_2 .pagination li a{
background-color:#fff}
.news_2 .pagination li a:hover{ background-color:#5cba8f}
.news_2_1 ul li:hover:after{
width:100%;}
.news_p_n{ font-size:.875em;
overflow:hidden; border-top:1px #bbcbe5 dashed; padding:3em 0; color:#666;}
.news_p_n_left{
float:left; width:48%;}
.news_p_n_right{ text-align:right;
float:right; width:48%;}
.news_p_n a{
color:#666;}
.news_p_n a:hover{
color:#5cba8f}
.footerbg{
background-color:#f5f5f5}
/******************/
.contact_1{ padding-bottom:6.40625vw;
overflow:hidden; padding-top:5.72916666666667vw;}
.contact_1 .index_2_2:after{
display:none}
.contact_1_1{
position:relative; overflow:hidden;border-radius:0}
.contact_1_1_left{ font-size:1.125em; color:#3f3f3f;
text-align:center; background-color:#f2f6f3; width:32.87769784172662%;}
.contact_1_1_left a{
color:#3f3f3f}
.contact_1_1_left_mid{ padding-bottom:7.29166666666667vw;
margin:0 1em; padding-top:3.77083333333333vw;}
.contact_1_1_left_mid_2{
margin-top:2.39583333333333vw;}
.contact_1_1_left_mid_3{
font-family:Arial, Helvetica, sans-serif; margin-top:1.333333333333333em;}
.contact_1_1_left_mid_4{
margin-top:.6em; margin-bottom:.7em;}
.contact_1_1_right{
position:absolute; right:0; top:0; height:100%; width:67.12230215827338%;}
.contact_1_1_right:after{
content:''; position:absolute; left:0; top:0; height:100%; width:8px; background-color:#fff; z-index:10;}
#map22{
position:absolute; left:0; top:0; width:100%; height:100%;}
.css_animation2 i{border-radius:50%; display:block;   opacity:0;
position:absolute; left:0; top:0; width:100%; height:100%;  }
.css_animation2{ width:139px;
  height:139px; left:-69.5px; top:-69.5px;}
.css_animation2:before{transform:translate(-50%, -50%); z-index:10; 
content:''; position:absolute; left:50%; top:50%; width:139px; height:139px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../image/img32.png);}
.contact_2{
background-color:#f5f5f5}
.contact_2_1 ul li{ border-bottom:1px #bdcbce solid; margin-bottom:1.875em;
float:left; width:48.20143884892086%; padding-bottom:1em;}
.contact_2_1 ul li:nth-child(2){
float:right}
.contact_2_1 ul li input{
border:none; background:none; width:100%; color:#666666;}
.contact_2_1 ul li:nth-child(3),.contact_2_1 ul li:nth-child(4){
width:100%;}
.contact_2_1 ul li textarea{ height:9.375em;
border:none; background:none; width:100%; color:#666666;}
.contact_2_2{
text-align:center; margin-top:1em;}
.contact_2_2 a{ overflow:hidden;
display:inline-block; position:relative; width:16.11111111111111em; font-size:1.125em; line-height:2.666666666666667em; height:2.666666666666667em; color:#fff; background-color:#5cba8f;border-radius:2.666666666666667em}
.contact_2_2 a span{
position:relative; z-index:10;}
.contact_2_2 a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#fff;}
.contact_2_2 a:hover:after{
width:100%;}
.contact_2_2 a:hover{
color:#5cba8f}
/*******menu***********/
#header.cur{
background-color:#fff;}
#header.cur .header_mid_left a img{
opacity:0;}
#header.cur .header_mid_left a{
background-position:center; background-repeat:no-repeat; background-size:cover;; background-image:url(../image/logob.png);}
#header.cur .header_mid_right ul li a.biga,#header.cur .header_mid_right_right a{
color:#000}
#header.cur .header_mid_right ul li a.biga{
line-height:4.5em;}
#header.cur .header_mid_right ul li a.biga:after {
background-color:#004296}
#header.cur .header_mid_right ul li:hover a.biga{
color:#004296}
@media screen and (max-width:1680px) {
.news_2_1_right{
width:8em;}
.news_2_1 ul li a{
padding-right:8em;}
.news_2_1_right_mid_1{
font-size:2.875em;}
.news_2_1_right_mid_2{
font-size:1.125em;}
.news_2_1_left_1{
font-size:1.5em;}
.case_mid_1_mid_2_mid_2{
font-size:1.875em;}

 
.pro_info_1_right_1{
font-size:1.75em;}
.index_2_2{
font-size:1em}
.nybanner_mid_mid_jj_jj{
font-size:1em;}
.jobmaskmid_close img{
width:2.5em;}
.jobmaskmid_mid_right_1{
font-size:1.875em;}
.jobmaskmid_mid_right_2,.jobmaskmid_mid_right_3{
font-size:1em;}
.indexpro_act_left,.indexpro_act_right{
font-size:1.25em; top:34%;}
.about_2_1_mid_2_mid_1{
font-size:1.5em;}
.about_2_1_mid_2_mid_3{
font-size:.9375em;}
.about_2_1_mid_2_mid_2{
font-size:1em;}
.about_3_mid{
margin-right:3%;}
.about_3_mid_mid{
margin-left:5vw; margin-right:5vw;}
.about_mid{
max-width:84.375%}
.footer_1_mid_mid{
padding:0 1vw;}
.footer_1_right{
width:24.5%;}
.footer_1_mid{
width:75.5%}
.index_4_1_right_mid_3{
margin-bottom:3.5vw;}
.index_4_1_right_mid_1{
font-size:.875em;}
.index_4_1_right_mid_3{
font-size:1em;}
.index_1_mid_left_3{
font-size:1em;}
.banner_num{
top:25%;}
.lmore{
font-size:.875em;}
}
@media screen and (max-width:1280px) {
#footer .indexmid{
margin:0 2.60416666666667%}
}
@media screen and (max-width:1200px) {
.news_2_1_left_1{
font-size:1.25em;}
.index_4_1_right_mid_3{
font-size:.9375em;}
.index_4_1_right_mid_2 a{
font-size:1.5em;}
.project_3_1_right strong{
font-size:1.5em;}
.project_2_1{
font-size:1.5em;}
.project_1_1{
font-size:1em;}
.case_info_3{
margin-top:2em; margin-bottom:2em;}
.case_info_2{
font-size:1.5em;}
.case_info_1{
font-size:1em;}
.case_mid_1_mid_2_mid_1{
font-size:.875em;}
.case_mid_1_mid_2_mid_2{
font-size:1.5em;}
.pro_info_1_right_1{
font-size:1.5em;}
.pro_info_2_1{
font-size:.875em;}
.index_2_3_mid_footer_1{
font-size:1.375em;}
.jobmaskmid_mid_right_1{
font-size:1.5em;}
.header_mid_right ul{
display:none}
.header_mid_right{
height:5.875em;}
.about_mid{
max-width:94.79166666666666%}
.about_2_1_mid_2_mid_1{
font-size:1.125em;}
.about_3_mid{
margin-right:5%;}
}
@media screen and (max-width:1080px) {
.footer_1_right_mid_1 dl dd{
width:48%; margin:0;}
.footer_1_right_mid_1 dl dd:nth-child(2){
float:right}
}
@media screen and (max-width:1024px) {
.index_5_mid_left,.index_5_mid_right{
font-size:1em;}
.footer_1_mid_mid{
border-right:none}
.footer_1_right{
width:100%;}
.footer_1_mid{
display:none}
.footer_2_left,.footer_2_right{
float:none; width:100%; text-align:center}
.footer_2_right{
padding-top:.875em;}
.contact_1_1_left{
font-size:1em;}
.news_2{
padding-top:2em;}
.index_4_1_right_mid_2 a{
font-size:1.25em;}
.pro_wx_1_1 span{
font-size:1em;}
.project_1_2 strong{
margin-top:0}
.index_2_3_mid_footer_1{
font-size:1.125em;}
}
@media screen and (max-width:950px) {
.indexbanner_mid_mid_mid{
margin:2em;}
.indexbanner_mid_mid{
margin-left:40%; margin-right:7%;}
.indexbanner_mid_mid_mid_1{
font-size:1.875em;}
.indexbanner_mid_mid_mid_3{
font-size:.875em;}
.indexbanner_mid_mid_mid_2{
font-size:1.5em;}
.css_animation2{transform: scale(.6, .6);}
.index_4_1_right{
margin-top:0}
.jobmaskmid{
min-height:70vh; max-height:70vh;}
.about_1_left,.about_1_right{
width:100%;}
.index_1_mid_left_2{
font-size:1.5em;}
}
.mobile_sj{
display:none}	
@media screen and (max-width:810px) {

	.indexbanner_mid_mid{
margin-left:20%;  }
.indexbanner_mid_mid_mid_1{
font-size:1.5em;}
 
.indexbanner_mid_mid_mid_2{
font-size:1.375em;}
	.scroll_tip:after{
	font-size:.875em;}
	#indexproject_sb{
	margin:2.5em 0;}
	.index_2_mid_jj_mid{
	margin-left:4.6%; margin-right:4.6%;}
	.index_2_mid_jj{
	width:60%;}
	.index_2_mid_img{
	width:97.39583333333333%;}
	.indexmid{ margin:0 2.60416666666667%}
	.index_1_mid_left{
	width:100%;}
	.index_1_mid_right{
	width:100%; margin-top:1.5em;}
	.footer_1_left img{
	max-width:50%;}
	.footer_2{
	margin-top:2em;}
	.footer_1_mid{
	display:none}
	.footer_1_left{
	width:100%;}
	.contact_1_1_right:after{
	display:none}
	.contact_1_1_left{
	width:100%;}
	.contact_1_1_right{
	position:relative; width:100%; height:30vh;}
	.news_p_n{
	padding-top:2em;}
	.news_p_n_left{
	width:100%;}
	.news_p_n_right{
	width:100%; text-align:left; margin-top:1em;}
	.news_2_1 ul li{
	padding:1em 0;}
	.mobile_sj{
	display:block; font-size:.875em; color:#999; margin-top:.5em}
	.news_2_1_right_mid_1,.news_2_1_right_mid_2{
	display:inline; font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
	.news_2_1_right{ background-image:none; display:none;
	position:static; width:100%; text-align:left;transform: translateY(0%);}
	.news_2_1 ul li a{
	padding-right:0}
	.news_2_1_left{
	padding-right:0}
	.index_4_1_right_mid_2 a,.news_2_1_left_1{
	font-size:1.125em;}
	.lmore{
	font-size:.75em;}
	.index_4_1_left{
	width:100%;}
	.index_4_1_right{
	width:100%; margin-top:1.5em;}
	.index_4_1_right_mid{
	margin:0}
	.project_3_2_right{
	width:100%; margin-top:1.5em;}
	.project_3_2_left{
	width:100%;}
	.project_3_1_left{
	width:100%; margin-top:0}
	.project_3_1_right{
	width:100%; margin-top:1em;}
	.project_3_1_right strong{
	font-size:1.25em;}
	.project_2_2 tr td:nth-child(1),.project_2_2 tr td:last-child{
	width:50px;}
	.project_2_2 td{
	padding-left:1em; padding-right:1em;}
	.case_info_2{
	font-size:1.25em;}
	.case_mid_1_mid_2_mid_3{
	font-size:.9375em;}
	.case_mid_1_mid_2_mid_2{
	font-size:1.25em;}
	.indexpro_act_left, .indexpro_act_right{
	font-size:1em;}
	.pro_info_1_left,.pro_info_1_right{
	width:100%;}
	.pro_info_1_right{
	margin-top:1.5em;}
	.pro_info_1_right_1{
	font-size:1.25em;}
	.pagination{
	font-size:.875em;}
	.pagination li span, .pagination li a{
	width:1.875em; height:1.875em; line-height:1.875em;}
	.index_2_3_mid{
	height:36vw;}
	.pro_2_1 ul li{
	width:49%; margin-right:0}
	.pro_2_1 ul li:nth-child(2n){
	float:right}
	.about_3_mid{
	width:90%;}
	.jobmaskmid_mid_left{
	width:100%; text-align:center}
	.jobmaskmid_mid_left img{
	width:auto}
	.jobmaskmid_mid_right{
	width:100%; margin-top:1.5em; margin-bottom:1.5em;}
	.jobmaskmid_mid{
	margin:2em;}
	.jobmaskmid_close{
	top:1em; right:1em;}
	.nybanner_mid_mid_jj_2{
	font-size:.875em;}
}
.mobile_tip_t{
display:none; margin:0 2.60416666666667%; margin-bottom:.5em;}
@media screen and (max-width:640px) {
	.index_2 .index_1_mid_left_2,.index_2 .index_2_2{
	text-align:left}
	.index_2_mid_jj_mid{
	padding-bottom:4em;}
	.index_2_mid_jj_mid_4{
	font-size:.875em;}
	.index_2_mid_jj{
	width:90%;}
	.mobile_tip_t{
	display:block}
	.index_3 .index_1_title{
	display:none}
	.index_2 .index_1_title{
	display:none}
	.index_3 .mobile_tip_t .index_1_title,.index_2 .mobile_tip_t .index_1_title{
	display:block}
	.index_5_mid ul li a{
	margin-right:0}
	.index_5_mid ul li:nth-child(2n) a{
	margin-left:0}
	.index_5_mid ul li{
	width:100%; padding:1em 0;}
	
	.footer_2{
	border:none; margin-top:0; line-height:1.6; padding-top:0}
	.contact_2_2 a{
	width:100%; font-size:1em;}
	.contact_2_1 ul li{
	width:100%;}
	.project_2_1{
	font-size:1.25em;}
	.project_1_5 td{
	padding-left:1em; padding-right:1em;}
	.project_1_4{
	padding:4em 0;}
	.project_1_4_1{
	font-size:1.25em;}
	.project_1_4_3{
	font-size:1em;}
	.project_1_4_bg{
	width:85%}
	.project_1_2 span:nth-child(1){
	width:100%;}
	.project_1_2 strong{
	width:100%; margin-top:1em;}
	.case_mid_1_mid{
	padding-bottom:0}
	.case_mid_1_mid_2_mid_2{
	min-height:inherit}
	.case_mid_1_mid_2{border-radius: 0em 0 1em 0;
	position:static; overflow:hidden; width:100%;}
	.case_mid_1_mid_2_mid{
	margin:2em;}
	.case_mid_1 ul li{
	width:100%;}
 .index_2_3_mid_mid{
 height:150px;}
 .index_2_3_mid{
 height:270px;}
 .index_2_3_mid_footer{
 font-size:.875em;}
 .index_2_3_mid_footer{
 bottom:1em;}
.index_1_mid_left_2{
font-size:1.25em;}
.jobmaskmid_close a img{
width:1.5em;}
.jobmaskmid_mid{
margin-top:3.5em;}
.jobmaskmid_mid_right_1{
font-size:1.25em;}
.jobmaskmid_mid_right_3{
margin-top:1.5em; padding-top:1.5em;}
.jobmaskmid_mid_right_1,.jobmaskmid_mid_right_2{
text-align:center}
}
@media screen and (max-width:480px) {
		.indexbanner_mid_mid{
margin-left:10%;  }
.indexbanner_mid_mid_mid_1{
font-size:1.5em;}
 
.indexbanner_mid_mid_mid_2{
font-size:1.25em;}
	.case_mid_1 ul li{
	margin-bottom:1em;}
	.case_mid_1_mid_2_mid{
	margin:1em;}
	.case_mid_1_mid_2_mid_2{
	font-size:1.125em;}
	.nybanner_mid_mid{
	display:none}
	 
	.index_2_3_mid_mid{
	width:80%;}
	.about_3_mid_mid_1{
	margin-top:1.375em;}
	.about_t_en{
	font-size:.875em;}
}
.ovh{
overflow:hidden}
/*********mobile*********/
#header .m-btn { 
  width: 20px;
  height: 13px;
  z-index:1000;
  display: none; right:113px; top:50%;transform:translateY(-50%);
  cursor: pointer; position:absolute;
   
}
#header .m-btn .box {
  display: block;
  width: 100%;
  height: 100%; left:0; top:0;
  position:absolute;
}
.m-btn.cur .line1 {
    transform: rotate(45deg); }
  .m-btn.cur .line2 {
    display: none; }
  .m-btn.cur .line3 {
    transform: rotate(-45deg); }
  .m-btn .line {
    position: absolute;
    display: block;
    width: 20px;
    height: 1px;
    background-color: #053E95;
    left: 0px;
    transition: all .5s ease;
    margin: 0; }
  .m-btn .line1 {
    top: 0px;
    -webkit-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    transform-origin: left top 0; }
  .m-btn .line2 {
    top: 6px; width:13px; }
  .m-btn .line3 {
    top: 13px;
    -webkit-transform-origin: left bottom 0;
    -ms-transform-origin: left bottom 0;
    transform-origin: left bottom 0; }


#header .m-navwrap{ 
		width: 100%;
		position:fixed;
		top: 5.875em;
		left: 0;
		display: none;  
		background-color:rgba(0,0,0,.8);
		height:calc(100% - 5.875em);
		 
	}
	#header .m-navwrap ul,#header .m-navwrap li{
		width: 100%;
	}
	#header .m-navwrap .tit{
		display: block;
		 
		 
		height: 46px;
		line-height: 46px;
		font-size: 15px;
		color: #fff;
		background: url("../images/ico_100.png") no-repeat 93% center rgba(255, 204, 0, 1);
		background-size: auto 22%;
		cursor: pointer;
		border-top: 1px solid #ccc;
		background-color:#053E95
	}
	#header .m-navwrap .tit a{
		color: #fff;
		display: block; padding:0 2.60416666666667%;
	}
	#header .m-navwrap .tit a:hover{
		color: #fff;
	}
	#header .m-navwrap li{
		border-bottom: 1px solid #fff;
		 
	}
	#header .m-navwrap .sub-box{
		width: 100%;
		background-color: #fff;
		display: none;
	}
	#header .m-navwrap .sub-box a{
		display: block;
		color:#333;
		padding: 0 2.60416666666667%;
		height: 34px;
		line-height: 34px;
		border-top: 1px solid #dedede;
		 
		font-size: 13px;
	}
	#header .m-navwrap .sub-box a:hover{
		background-color: #fff; color:#333;
	}	
	
@media screen and (max-width:1200px) {
#header .m-btn{
display:block}
}	
@media screen and (max-width:810px) {
.header_mid_right{
height:4.5em;}

#header .m-navwrap{ 
		 
		height:calc(100% - 4.5em);
		top:4.5em;
		 
	}

}
@media screen and (max-width:640px) {
#header .m-btn{
right:50px;}
.header_mid_right_right a{
display:block; text-indent:-9999em; width:1.125em; padding-left:0; overflow:hidden;}
}
@media screen and (max-width:480px) {
.header_mid_left a img{
height:2em;}
.header_mid_right{
height:3.75em;}
#header .m-navwrap{ 
top:3.75em;
		 
		height:calc(100% - 3.75em);
		 
	}
}


.lxtxt1{width:100%; float:left; font-size:14px; height:25px; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot1.png') no-repeat;}
.lxtxt2{width:100%; float:left; font-size:14px; height:25px; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot2.png') no-repeat;}
.lxtxt3{width:100%; float:left; font-size:14px; height:25px; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot3.png') no-repeat;}
.lxtxt4{width:100%; float:left; font-size:14px; height:25px; font-weight:normal; line-height:25px; text-align:left; padding-left:30px;background:url('../image/fbot4.png') no-repeat;}
.bot{width:100%; height:40px; margin-top:10px; float:left;}
.bot .ww{width:24%; float:left; margin:0 0.5%; height:68px;}
.bot .ww a{height:68px;}
.bot .ww img{height:68px;}
.weixin {
position: relative;
}
.weixin img.qrcode {
position: absolute;
z-index: 99;
top: -135px;
right: -38px;
width: 120px;
max-width: none;
height: 140px;
max-height: none;
transform: scale(0);
transform-origin: top right;
opacity: 0;
border: 2 solid #0085ba;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}

.weixin:hover img.qrcode {
transform: scale(1);
opacity: 1;
}

@media screen and (max-width:810px) {
.bot {display:none;}
}

















 