/* CSS Document */
/*********header**********/
#header{
position:fixed; left:0; top:0; width:100%; z-index:100;background:rgb(255,255,255,.2)}
#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 7.8125%;}
.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_left a .img2{display:none;}
.header_mid_right{
float:right; position:relative; padding-right:15.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:-64px; z-index:10; min-width:192px;background-color:#f7f7f7}

.header_mid_right ul li:nth-child(3) dl{min-width:500px;left:-200px;padding:1em}
.header_mid_right ul li:nth-child(3) dl .ca{width:50%;float:left;margin-bottom:0.5em;}
.header_mid_right ul li:nth-child(3) dl a{font-size:18px;font-weight:550}
.header_mid_right ul li dl dd a{font-size:14px;
}
.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:#fff; display:block; position:relative; line-height:4.4em;}
.header_mid_right_right{transform:translateY(-50%); padding-left:1em;text-align:right;
position:absolute; right:0; top:50%; background-position:left center; background-repeat:no-repeat; background-image:url(../images/header/img3.png);}

.header_mid_right_right .tel span{color:#eb1f1f;font-weight:550;letter-spacing:0;margin-left:5px;}
.header_mid_right_right .lan{color:#fff;margin-top:5px;}
.header_mid_right_right .lan a{color:#fff; display:inline-block; position:relative;padding:0 2px;font-size:14px;}


.header_mid_right_right a:before{ background-image:url(../images/header/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:#eb1f1f}
.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:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_mid{
 width:100%; height:100%; z-index:10; color:#fff;}
.indexbanner_mid .pic{display:none}
.indexbanner_mid .pic img{width:100%}
.indexbanner_mid_mid{
 overflow:hidden}
.indexbanner_mid_mid_mid_1{ font-weight:bold;
font-family:Impact;}
.indexbanner_mid_mid_mid_2{
 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:0 7.8125vw;}
.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:#0066cb}
.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:#0066cb;}
.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:#0066cb; 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{
 margin-top:3.125vw;color:#0066cb}
.index_1_mid_left_3{
 margin-top:.4em;font-weight:550;}
.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 #000 solid;}
.lmore_black span{
color:#000;}
.lmore_black:before{
background-color:#000;}
.index_1_mid_right_mid{ border-radius:4.89583333333333vw 0 4.89583333333333vw 0;
position:relative; z-index:10; overflow:hidden; margin-right:1.77083333333333vw;  margin-bottom:1.77083333333333vw;}
.index_1_mid_right_mid img{
width:100%;}
.index_1_mid_right:after,.about_1_left:after{height:calc(100% - 1.77083333333333vw);width:calc(100% - 1.77083333333333vw);  
content:''; position:absolute; right:0; bottom:0; background-color:#0066cb;border-radius: 4.89583333333333vw 0 }
.index_1{
padding:15vw 0 6vw 0;background-position:center top; background-repeat:no-repeat; background-image:url(../images/bg4.png);    margin-top: -200px;background-size:100%;
    position: relative;
    z-index: 99;}
.index_2{margin-bottom:6vw}
.index_2 .mores{text-align:center;margin-top:4%;}
.index_2_1{
margin-top:0; text-align:center;margin-bottom: 3.555vw;}
.index_2_2{ padding:.875em 0 1em 0; margin-bottom:4.05208333333333vw;
text-align:center; color:#8b8b8b; text-transform: uppercase;position:relative;}

.index_2_3 a{display:block;width:100%;position:relative;height:100%;}

.index_2_3_mid_footer{position:absolute;top:0;height:0;left:0;width:100%;height:100%;color:#fff;text-align:center;z-index:33;background:url(../images/index06.png);transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);
transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index_2_3 a:hover .index_2_3_mid_footer{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}



.index_2_3_mid_mid{   }
.index_2_3_mid_mid img{width:100%;position:relative; z-index:10;}

.index_2_3_mid_footer_1{ color:#000;
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-family:Arial, Helvetica, sans-serif; display:inline-block; position:relative; color:#000; width:136px; height:27px; line-height:27px;}

.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:#51ad83; 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(../images/index/img8.png);} 
#indexproject_sb .swiper-scrollbar-drag{
background-color:#51ad83} 
.index_2_mid_img{border-radius: 9.375vw 0 9.375vw 0;
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 0 4.89583333333333vw; position:relative; z-index:10;
  background-color:rgba(0,102,203,.88); width:42.70833333333333%; overflow:hidden}
.index_2_mid_jj_mid{ color:#fff; padding:4vw 0 4vw 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_4 .txt{margin-bottom:2vw}
.index_2_mid_jj_mid_4 .txt h2{color:#fff;font-style:italic;}


.index_2_mid_jj_mid_2{
text-transform:uppercase;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(../images/index/img10.png);}
#swiper-pagination-case .swiper-pagination-bullet:after{background-image:url(../images/index/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;}

.indexwarp{
}

/*********about****************/
.nybanner{border-radius: 0 0 9.375vw 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(../images/about/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_2{ 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; 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(../images/about/img2.png); cursor:pointer; line-height:2.458333333333333em; text-align:center; color:#fff; font-family:"宋体"; }
.indexpro_act_left:hover{
background-image:url(../images/about/img3.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(../images/about/img2.png); cursor:pointer; line-height:2.458333333333333em; text-align:center; color:#fff; font-family:"宋体";}
.indexpro_act_right:hover{
background-image:url(../images/about/img3.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(../images/about/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_2{ margin-top:10px;
color:#1f1f1f;}
.jobmaskmid_mid_right_3{color:#1f1f1f;
margin-top:2em; padding-top:2em; border-top:1px #ececec solid; 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{ margin-top:2.5vw;}
.pro_1{
margin-top:6.25vw;}
.index_2_2_no_after:after{
display:none}
.pro_2_1 ul li{ margin-right:3.05755395683453%;
float:left; margin-bottom:3.125vw; position:relative; width:31.29496402877698%;}
.pro_2_1 ul li:nth-child(3n){
margin-right:0}
.pro_2_1 ul li .index_2_3_mid{
border:2px #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:2px #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; 
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{
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{
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{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;margin-top:5.20833333333333vw;}
.case_info_2{ padding:.875em 0; border-bottom:1px #c1d0e7 dashed;
color:#5cba8f; }
.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{ 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(../images/project/img3.jpg); color:#fff;}
.project_1_4_bg{
display:block;background-color:rgba(76,179,132,.91); width:69.16666666666667%;}
.project_1_4_1{display:block}
.project_1_4_2{display:block; margin-top:.5em;}
.project_1_4_3{display:block; margin-top:1em; margin-bottom:1em;}
.project_1_4_4 strong{ padding-bottom:5px; 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_6{ 
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_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-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;  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; 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(../images/project/img7.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(../images/news/img1.png);
position:absolute; right:0; top:50%; width:10.25em; text-align:center;transform:translateY(-50%);}
.news_2_1_left_1{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:4.5em;
background-color:#fbfbfb; overflow:hidden}
.news_2_1_right_mid_1{ font-family:Impact;
color:#747474;}
.news_2_1_right_mid_2{
color:#999; font-family:Calibri;}
.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{ 
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:5.72916666666667vw 0 5.72916666666667vw 0}
.contact_1_1_left{ 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:6.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(../images/contact/img3.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; 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(../images/logo.png);}
#header.cur .header_mid_right ul li a.biga,#header.cur .header_mid_right_right a , #header.cur .header_mid_right_right .lan{
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:#eb1f1f}
#header.cur .header_mid_right ul li:hover a.biga{
color:#eb1f1f}
@media screen and (max-width:1680px) {
.news_2_1_right{
width:8em;}
.news_2_1 ul li a{
padding-right:8em;}

.indexpro_act_left,.indexpro_act_right{
 top:34%;}

.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:46%}
.index_4_1_right_mid_3{
margin-bottom:3.5vw;}

.banner_num{
top:25%;}

}
@media screen and (max-width:1280px) {
#footer .indexmid{
margin:0 2.60416666666667%}
}
@media screen and (max-width:1200px) {

.case_info_3{
margin-top:2em; margin-bottom:2em;}

.header_mid_right ul{
display:none}
.header_mid_right{
height:4.4em;}
.about_mid{
max-width:94.79166666666666%}
.header_mid_right_right{margin-right:2em;padding-left:0}
.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) {

.footer_1_mid_mid{
border-right:none}
.footer_1_right{
display:none}
.footer_1_mid{
width:70.5%;}
.footer_2_left,.footer_2_right{
float:none; width:100%; text-align:center}
.footer_2_right{
padding-top:.875em;}

.news_2{
padding-top:2em;}

.project_1_2 strong{
margin-top:0}

}
@media screen and (max-width:910px) {

.index_1{margin-top:-100px;}
.bannerimg_pc{height:70vh}
.indexbanner_mid_mid_mid{
margin:0;}
.indexbanner_mid_mid{
margin-left:30%; margin-right:5%;}
.indexbanner_mid_mid_mid_1{
font-size:1.875em;}

.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%;}

}
.mobile_sj{
display:none}	
@media screen and (max-width:810px) {
.header_mid_left a .img1{display:none;}
.header_mid_left a .img2{display:block;}
.clearfix.indexbanner{margin-top:4.6em}
.indexbanner_mid .pic{display:block;}
.header_mid_right_right .lan , .header_mid_right_right .lan a{color:#000;}
.index_1{margin-top:0;padding:4vw 0 6vw 0;}
.bannerimg_pc{display:none}
	#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 , .header_mid{ 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_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_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;}
	
	.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;}

}
.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{
	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_4 ul li a{
	margin-right:0}
	.index_4 ul li:nth-child(2n) a{
	margin-left:0}
	.index_4 ul li{
	width:100%; padding:1em 0;}
	.footer_1{
	display:none}
	.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_footer{
 bottom:1em;}

.jobmaskmid_close a img{
width:1.5em;}
.jobmaskmid_mid{
margin-top:3.5em;}

.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%;  }
.clearfix.indexbanner{margin-top:3.75em}
	.case_mid_1 ul li{
	margin-bottom:1em;}
	.case_mid_1_mid_2_mid{
	margin:1em;}

	.nybanner_mid_mid{
	display:none}
	 

	.about_3_mid_mid_1{
	margin-top:1.375em;}
	
}
.ovh{
overflow:hidden}
/*********mobile*********/
#header .m-btn { 
  width: 20px;
  height: 13px;
  z-index:1000;
  display: none; right:0; 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: 2px;
    background-color:#eb1f1f;
    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: 4.4em;
		left: 0;
		display: none;  
		background-color:rgba(0,0,0,.8);
		height:calc(100% - 4.4em);
		 
	}
	#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:#0066cb;
	}
	#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:480px) {
.header_mid_left a img{
height:3em;}
.header_mid_right{
height:3.75em;}
#header .m-navwrap{ 
top:3.75em;
		 
		height:calc(100% - 3.75em);
		 
	}
	
.header_mid_right_right{display:none;}
.indexbanner_mid_mid_mid_2.fs18 {
    font-size: 14px;
}
}




.index_3{margin:6vw 0}
.new1{border:1px solid #e1e1e1;overflow:hidden;}
.new1 a{display:block;background:#fff;border-right:1px solid #e1e1e1;height:300px;}
.new1 a:hover{background:#0066cb}
.swiper-slide-next a{border-right:none}
.new1 a .nn{padding:10%;overflow:hidden;}
.new1 a .nn .date{font-size:18px;}
.new1 a .nn .date b{color:#0066cb;font-size:40px;font-family:"1";margin-right:10px;}
.new1 a .nn .xx{width:30px;height:3px;background:#000;margin-top:7%;}
.new1 a .nn .tt{margin-top:10%;line-height:28px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new2{margin-bottom:2%;background:#f5f9fd;}
.new2 .left{width:55%;padding:5% 5% 0 5%;overflow:hidden;}
.new2 .left .des{margin:5% 0 0 5%;}
.new2 .left .des h2{display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.new2 .left .des p{margin-top:3%;line-height:28px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.new2 .right{width:45%;}
.new2 .right img{width:100%;}
.new1 a:hover .date b , .new1 a:hover .nn .tt , .new1 a:hover .nn .date{color:#fff;}


@media screen and (max-width:1200px) {
.new2 .left{padding:4% 4% 0 4% }
.new2 .mores{margin-top:8%}

.new1 a .nn .date b{font-size:35px;}


}
@media screen and (max-width:1024px) {

.new1 a{height:220px;}
.new1 a .nn .date b{font-size:30px;}
.new2 .mores{margin-top:6%}
}

@media screen and (max-width:780px) {

.new1 a{height:auto;}
.new1 a .nn .tt{-webkit-line-clamp: 1; }
.new1 a .nn .date b{font-size:25px;}
.new2 .left , .new2 .right{width:100%;}
.new2 .mores{margin-top:4%;margin-bottom:4%;}

.new2 .left .des p{line-height:24px;}
}





.index_4{ background-position:right top;overflow:hidden;;margin-bottom:4vw;}
.index_4 .indexmid{position:relative}
.index_4_mid{background-color:#0066cb;border-radius: 0 4.89583333333333vw  0 4.89583333333333vw ; position:relative;overflow:hidden;padding-left:52%}
.index_4 .bg2{position:absolute;bottom:0;left:0;width:100%;text-align:center;z-index:2}
.index_4 .bg2 img{width:100%;}
.index_4_mid_left { position: absolute;left: 0;top: 0;width: 45%; height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(../images/3.jpg);}

.index_4_mid_left img{display:none}
.index_4_mid_right{color:#fff; padding:4.55vw 4.55vw 4.55vw 0;overflow:hidden; position: relative;z-index: 3;}


.index_4_mid_right_1{margin-bottom:2vw}

.index_4 .message_h{width:100%;p}
.index_4 .message_h li{border-bottom:1px solid #d9e3f4;overflow:hidden;margin-bottom:7%;}
.index_4 .message_h li:nth-child(2){width:49%;float:left}
.index_4 .message_h li:nth-child(3){width:49%;float:right}
.index_4 .message_h li input {width: 100%;line-height: 45px;color:#fff;background:none;border: none;outline:none;text-indent: 10px;}
.index_4 .message_h li:nth-child(4) input{ width:50%;}
.index_4 .message_h  textarea { background:none;color:#fff;border: none;outline:none;text-indent: 10px;display: block; width: 100%; height: auto;line-height: 20px;padding: 6px 0; resize: vertical;}

.index_4 .message_h button{display: block;margin-top:2%;border: none;width:200px;height:50px;line-height:50px;cursor:pointer;background-color: #eb1f1f;display: inline-block; font-size: 14px;border-top-left-radius:15px;border-bottom-right-radius:15px;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index_4 .message_h button span{color: #fff;}
.index_4 .message_h button:hover{border-top-left-radius:0px;border-bottom-right-radius:0px;border-top-right-radius:15px;border-bottom-left-radius:15px;}

.index_4 .message_h li img {float: right;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
    color: #d9e3f4;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
  color: #d9e3f4;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
    color: #d9e3f4;      
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
   color: #d9e3f4;    
} 



@media screen and (max-width:1200px) {

.index_4 .message_h button{width:180px;height:40px;line-height:40px;}


}

@media screen and (max-width:780px) {
.index_4 .message_h button{width:160px;height:35px;line-height:35px;}
.index_4_mid{padding-left:0;}
.index_4_mid_left{display:none;}
.index_4_mid_right{padding:4.55vw}
}