/*首页*/ 
.sign_icon{ width:1680px; margin:0 auto; padding-bottom:20px; font-size:12px;}
.sign_icon li a{ width:100%; height:100%; display:block; color:#fff;}
.sign_icon li{ width:20%; float:left; position:relative; text-align:center; height:9.545454545454545rem; background:#29c5bc; font-size:1rem; color:#fff; box-sizing:border-box; padding-top:3.18rem;}
.sign_icon li:nth-child(2){ background:#ffc31b;}
.sign_icon li:nth-child(3){ background:#2ea7e0;}
.sign_icon li:nth-child(4){ background:#7157db;}
.sign_icon li:nth-child(5){ background:#e8325d;}
.sign_icon li:before{ content:""; width: 0; height: 0; border-top:0.6818181818181818rem solid transparent; border-left:1.136363636363636rem solid #fff; border-bottom:0.6818181818181818rem solid transparent; position:absolute; left:0; top:50%; margin-top:-15px;}
.sign_icon li:nth-child(1):before{border-left:0 solid #fff;}
.sign_icon li h2{ font-size:1.181818181818182rem; line-height:1.181818181818182rem; margin-bottom:1rem;}
.sign_icon li:after{ content:""; width:5.454545454545455rem; height:0.2272727272727273rem; display:block; background:#29c5bc; margin:0 auto; margin-top:0.6818181818181818rem;}
.sign_icon li:nth-child(2):after{ background:#ffc31b;}
.sign_icon li:nth-child(3):after{ background:#2ea7e0;}
.sign_icon li:nth-child(4):after{ background:#7157db;}
.sign_icon li:nth-child(5):after{ background:#e8325d;}

.brand_index{ box-sizing:border-box;  margin-top:-20px;} 
.brand_index.wu{ margin-top:0;}
.brand_index .top{ text-align:center; font-size:22px; line-height:48px; padding:100px 0 80px 0;}
.brand_index .top h2{ font-size:30px; font-weight:400;} 
.brand_index .top span{ display:block;}
.brand_index .top p{ margin:0 auto; margin-top:20px;}
.brand_index .con li{ width:33.333333%; float:left;  overflow:hidden; position:relative;}
.brand_index .con li img{ width:100%; height:auto; transition:all 0.8s;}
.brand_index .con li:hover img{ transform:scale(1.1);}
.brand_index .con li a{ width:100%; height:100%; display:block; transition:all 0.4s;}
.brand_index .con li .text{ width:100%; height:100%; background:rgba(0,91,134,0.7);  text-align:center; color:#fff; transition:all 0.4s; opacity:0; position:absolute; left:0; top:0; height: 100%;
     
display: -webkit-box;display: -webkit-flex;display: -moz-flex;display:-ms-flexbox; display: flex; 
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center;justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;}
.brand_index .con li:hover .text{ opacity:1;}
.brand_index .con li .text h3{ width:100%; font-size:40px; line-height:40px;}
.brand_index .con li .text p{  width:100%; font-size:22px; line-height:22px; margin:35px auto;}
.brand_index .con li .text span{font-size:16px; width:110px; line-height:30px; border:1px solid #fff; box-sizing:border-box; display:inline-block;}
.brand_index .more{ width:100%; clear:both; overflow:hidden; text-align:center; padding:50px 0 65px 0; overflow:hidden;}
.brand_index .more a{ font-size:20px; width:266px; height:44px; line-height:42px; display:inline-block; box-sizing:border-box; border:1px solid #595757; color:#595757; transition:all 0.4s;} 
.brand_index .more a:hover{ background:#595757; color:#fff;}
.brand_index .con li .text_s{ max-width:80%; text-align:center;  }

/*案例*/
.case_banner{  position:relative;}
.case_banner .pic{ width:100%; text-align:center;}
.case_banner .pic img{ width:100%;}
.case_banner .txt{ position:absolute; left:0; top:50%; margin-top:-75px; width:100%; text-align:center;}
.case_banner h1{ font-size:52px; line-height:52px; color:#fff; }
.case_banner a{ box-sizing:border-box; border:1px solid #fff; display:block; margin:0 auto; width:210px; height:50px; line-height:48px; font-size:24px; color:#fff; margin-top:50px; transition:all 0.4s;}
.case_banner a:hover{ background:#fff; color:#2ea7e0;}
.brand_index .choose{ padding:20px 0 30px 0;}
.brand_index .choose dl{ width:100%; clear:both; overflow:hidden; margin-top:20px;}
.brand_index .choose dl dt{ width:212px; text-align:center; height:83px; line-height:83px; border-radius:4px; background:#7157db; font-size:22px; color:#fff; position:relative; float:left;  margin-top:20px; }
.brand_index .choose dl dt:before{ content:""; width: 0; height: 0; border-top: 15px solid transparent; border-left:25px solid #7157db; border-bottom:15px solid transparent; position:absolute; right:-50px; top:50%; margin-top:-15px;}
.brand_index .choose dl dd{ width:1380px; float:right; margin-top:30px;}
.brand_index .choose dl dd a{ background:#efefef; display:inline-block; border-radius:4px; font-size:22px; line-height:44px; width:160px; text-align:center; margin:10px 11px;}
.brand_index .choose dl.er dt{ background:#2ea7e0;}
.brand_index .choose dl.er dt:before{ border-left:25px solid #2ea7e0; }
.brand_index .choose dl.er dd{ margin-top:0;}
.zenggao{ height:85px;}
.case_tab{ font-size:22px; text-align:right; padding:50px 0 45px 0;}
.case_tab em{ margin:0 20px; vertical-align:2px;}
.case_xq .case_xq_top{ padding:0 140px;}
.case_xq .case_xq_top h3{ font-size:42px; line-height:42px;}
.case_xq .case_xq_top .row{ font-size:22px; line-height:42px; width:100%; overflow:hidden; margin-top:40px; display:none;}
.case_xq .case_xq_top .row span{ float:left;}
.case_xq .case_xq_top .row .rightt{ width:1270px; float:right;}
.case_xq_txt{ clear:both;}
.case_xq_txt p{ padding:0 140px; font-size:22px; line-height:42px;}
.case_title{ width:100%; text-align:center; font-size:30px; line-height:30px; margin:70px auto;}

.process .process_title{ width:960px; margin:90px auto; font-size:30px; line-height:58px; text-align:center;}
.process .process_title span{ display:block;}
.process_con{ text-align:center; font-size:24px; line-height:50px; vertical-align:top;} 
.process_con dl{ float:left; width:25%;}
.process_con dl dt{ margin-bottom:50px;}
.process_con dl span{ color:#7157db;}
.process_pic{ width:100%; text-align:center;}
.process_list dl{ width:780px; height:500px; margin-bottom:50px; overflow:hidden; float:left; text-align:center; font-size:24px; line-height:42px;}
.process_list dl:nth-child(2n){ float:right;}
.process_list dl dt img{ width:100%;}
.process_list dl dd{ padding:0 10px;}
.process_list dl dd h3{ font-size:30px; margin:30px 0 10px 0;}
.process_list dl dd span{ display:block;}

.us_txt h2{ text-align:center; font-size:30px; line-height:30px; margin:85px 0 50px 0;}
.us_txt .us_txt_con{ width:1360px; margin:0 auto; font-size:22px; line-height:44px;}
.us_txt .us_txt_con p{ width:620px; float:left; margin:20px 30px 0 30px;}
.us_txt_yuan{ width:100%; text-align:center; line-height:42px; font-size:26px;}
.us_txt_yuan h3{ color:#2ea7e0; font-size:30px;}
.us_txt_yuan span{ width:1200px; margin:0 auto; margin-top:15px; font-size:18px; text-align:right; line-height:30px; display:block;}
.us_txt_pic{ margin-top:30px;}
.us_txt_pic .left_cor,.us_txt_pic .right_cor{ float:left;}
.us_txt_pic img{ width:100%;}
.us_txt_pic .left_cor{ width:33.33%;}
.us_txt_pic .right_cor{ width:66.67%;}
.us_box h2{ text-align:center; font-size:30px; line-height:30px; margin:70px 0 50px 0;}
.us_box .tab a{ width:50%; float:left; position:relative; display:block;}
.us_box .tab a img{ width:100%;}
.us_box .tab a.curr:after{ content:""; width: 0; height: 0; border-left: 15px solid transparent; border-top:25px solid #58b9e6; border-right:15px solid transparent; position:absolute; left:170px; bottom:-25px; }
.us_box .tab a.curr:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/toum.png) no-repeat; background-size:100% 100%;}
.us_box_con{ width:100%; overflow:hidden;}
.us_box .list{ display:none; width:1320px; margin:0 auto;}
.us_box .list h3{ font-size:24px; padding:30px 0 20px 70px; font-weight:500;}
.us_box .list h3 span{ color:#2ea7e0; font-size:22px; margin-left:35px; font-weight:500;}
.us_box .list:nth-child(2) h3{ text-align:right; padding:30px 7% 20px 0;}
.us_box .list h3 i{ display:inline-block; margin:0 18px;}
.us_box .list p{ font-size:20px; line-height:42px; color:#3e3a39; }
.us_box_bottom{ width:100%; text-align:center;}
.us_box_bottom h3{ font-size:30px; line-height:30px; color:#2ea7e0; margin-top:80px;}
.us_box_bottom p{ font-size:22px; margin-top:40px;}
.us_box_bottom p img{ max-width:100%;}
.us_job{ padding-bottom:90px;}
.us_job .us_job_top h2{ text-align:center; font-size:30px; line-height:30px; margin:100px 0 0 0;}
.us_job .us_job_top p{ font-size:22px; margin-top:50px; text-align:center;}
.us_job .us_job_con .row{ width:495px; background:#efefef; box-sizing:border-box; padding:30px 40px; font-size:16px; line-height:28px; margin:60px 96px 0 0; min-height:660px; float:left;}
.us_job .us_job_con .row:last-child{ margin:60px 0 0 0;}
.us_job .us_job_con .row h3{ font-size:24px; color:#2ea7e0; text-align:center; margin-bottom:30px; }

.contactbox{ width:1340px; margin:0 auto; padding:80px 0;}
.contactbox h2{text-align:center; font-size:30px; line-height:30px;}
.contactbox_top{ margin-top:70px;}
.contactbox_top .left_cor{ width:580px; float:left;  font-size:22px; line-height:44px;}
.contactbox_top .left_cor h3{ font-size:22px; line-height:44px;}
.contactbox_top .left_cor ul{ margin-top:90px; position:relative;}
.contactbox_top .left_cor ul em img{ margin-bottom:20px;}
.contactbox_top .left_cor ul span{ position:absolute; right:0; bottom:100px; display:block;}
.contactbox_top .right_cor{ width:574px; float:right;}
.contactbox_top .right_cor img{ width:100%;}
.contactbox_bottom h3{ color:#2ea7e0; font-size:28px; line-height:28px; margin:80px 0 20px 0;}
.contactbox_bottom h3 span{ margin-left:20px;}
.contactbox_bottom h4{ color:#7157db; font-size:22px; line-height:28px;}
.contactbox_bottom ul span{ font-size:16px; display:block; margin-bottom:5px;}
.contactbox_bottom ul li{ margin-top:20px;}
.contactbox_bottom ul .txt{ width:546px; box-sizing:border-box; height:25px; border:1px solid #a1a0a0; font-size:14px; padding:5px 10px;}
.contactbox_bottom ul .txt.w2{ height:120px;}
.contactbox_bottom ul .btn{ background:#2ea7e0; width:100px; height:23px; cursor:pointer; color:#fff; text-align:center; border:0; font-size:14px; transition:all 0.3s;}
.contactbox_bottom ul .btn:hover{ background:#0393d7;}

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

@media screen and (max-width:1710px) {
.sign_icon{ width:90%;}	
 
.brand_index .con li .text h3{ font-size:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.brand_index .con li .text p{font-size:18px; line-height:22px; margin:20px auto;}
.brand_index .con li .text span{font-size:14px;}
 
.brand_index .choose dl dt{ width:20%;}
.brand_index .choose dl dd{ width:75%;}
.case_tab{ font-size:18px;  padding:30px 5% 20px 5%;}
.case_tab em{ margin:0 10px;}
.case_xq .case_xq_top{ padding:0 5%;}
.case_xq .case_xq_top h3{ font-size:30px; line-height:42px;}
.case_xq .case_xq_top .row{ font-size:18px; line-height:32px;  margin-top:30px;}
.case_xq .case_xq_top .row .rightt{ width:90%; }
.case_xq_txt p{ padding:0 5%; font-size:18px; line-height:32px;}
.case_xq_txt span img{ width:100%;}
.case_title{ margin:40px auto; font-size:24px; line-height:24px;}
.process_con{ font-size:20px; line-height:40px; } 
.process_con dl dt img{ width:70%;}
.process_con dl dt{ margin-bottom:20px;}
.process_pic img{ width:80%;}
.process_list dl{ width:48%; height:400px; font-size:20px; line-height:32px;margin-bottom:30px; }
.process_list dl dd h3{ font-size:24px; margin:20px 0 10px 0;}

.us_txt h2{ font-size:24px; line-height:24px; margin:50px 0 30px 0;}
.us_txt_yuan{ line-height:42px; font-size:18px;}
.us_txt_yuan h3{ font-size:24px;}
.us_box h2{ font-size:24px; line-height:24px; margin:50px 0 30px 0;}
.us_box_bottom h3{ font-size:24px; line-height:24px;  margin-top:50px;}
.us_box_bottom p{ font-size:18px; margin-top:20px;}
.us_job .us_job_top h2{ font-size:24px; line-height:24px; margin:50px 0 0 0;}
.us_job .us_job_top p{ font-size:18px; margin-top:30px; padding:0 30px; }

.us_job .us_job_con .row{ width:30%; padding:20px 5%;  margin:50px 5% 0 0; }
.us_job .us_job_con .row:last-child{ margin:50px 0 0 0;}
.us_job .us_job_con .row h3{ font-size:20px; margin-bottom:20px; }
.contactbox h2{ font-size:24px; line-height:24px;}

}
@media screen and (max-width:1640px) {
 	
 
}
@media screen and (max-width:1440px) {
.brand_index .top{ font-size:17px; line-height:30px; padding:70px 0 50px 0;}
.brand_index .top h2{ font-size:23px;}
 

.brand_index .con li .text h3{ font-size:28px; line-height:28px;}
.brand_index .con li .text p{font-size:16px; margin:23px auto 20px auto;}
 
.case_banner .txt{ margin-top:-50px;} 
.case_banner h1{ font-size:40px; line-height:40px;}
.case_banner a{ width:180px; height:40px; line-height:38px; font-size:18px; margin-top:30px;}
.brand_index .choose dl dt{ height:60px; line-height:60px; font-size:18px; margin:0; }
.brand_index .choose dl dt:before{  border-top:6px solid transparent; border-left:12px solid #7157db; border-bottom:6px solid transparent; position:absolute; right:-30px; margin-top:-6px;}
.brand_index .choose dl.er dt:before{ border-left:12px solid #2ea7e0; }
.brand_index .choose dl dd{ margin-top:13px;}
.brand_index .choose dl.er dt{ margin-top:10px;}
.brand_index .choose dl dd a{ font-size:18px; line-height:34px; width:160px; margin:0px 10px 10px 0;}
.process_con{ font-size:16px; line-height:30px; } 

.us_txt .us_txt_con{ width:78%; font-size:18px; line-height:34px;}
.us_txt .us_txt_con p{ width:46%; margin:20px 8% 0 0%;}
.us_txt .us_txt_con p:nth-child(2){  margin:20px 0 0 0%;}
.us_txt_yuan span{ width:70%;}
.us_box .list{ width:80%;}
.us_box .tab a.curr:after{ left:18%}
.us_box .list h3{ padding:30px 0 20px 7%;}
.us_box .list h3{ font-size:20px; }
.us_box .list:nth-child(2) h3{ padding:30px 7% 20px 0;}
.us_box .list h3 span{ font-size:18px; margin-left:10px;}
.us_box .list p{ font-size:18px; line-height:32px;}

.brand_index .choose dl dt{ width:12%;}
.brand_index .choose dl dd{ width:83%;}
.brand_index .choose dl dd a{ width:130px;}

}
@media screen and (max-width:1370px) {
.contactbox{ width:90%; padding:50px 0;}
.contactbox_top{ margin-top:30px;}
.contactbox_top .left_cor{ width:45%; font-size:18px; line-height:34px;}
.contactbox_top .left_cor h3{ font-size:18px; line-height:34px;}
.contactbox_top .right_cor{ width:50%;}
.contactbox_top .left_cor ul{ margin-top:30px; }
.contactbox_top .left_cor ul span{ position:inherit; right:0; bottom:0;}
.contactbox_bottom h3{  font-size:18px; line-height:34px; margin:50px 0 10px 0;}
.contactbox_bottom h3 span{ margin-left:10px;}
.contactbox_bottom h4{ font-size:18px; line-height:30px;}
}
 
@media screen and (max-width:1230px){
.case_xq .case_xq_top h3{ font-size:24px; line-height:32px;}
.case_xq .case_xq_top .row{ font-size:16px; line-height:30px;}
.case_xq .case_xq_top .row .rightt{ width:100%; float:none; clear:both; padding-top:10px;}
.case_xq_txt p{ font-size:16px; line-height:30px;}
.process_list dl{ height:350px;}
.process_list dl dd span{ display:inline;}
 
.us_txt_yuan{ line-height:32px; font-size:16px;}
.us_txt_yuan h3{ font-size:20px;}
.us_box .list:nth-child(2) h3{ padding:30px 2% 20px 0;}
}
@media screen and (max-width:1030px) {
.process .process_title{ width:90%; margin:40px auto 40px auto; font-size:24px; line-height:40px;}
.us_box .list{ width:100%;}
.us_box .list h3{ padding:30px 0 20px 15%;}
.us_box .list:nth-child(2) h3{ padding:30px 8% 20px 0;}
}
@media screen and (max-width:880px){
.brand_index .top p{ width:90%; margin-top:15px;}	
.brand_index .choose dl dd{ margin-top:0px;}
.brand_index .choose dl.er dt{ margin-top:10px;}
.us_box .list:nth-child(2) h3{ padding:30px 3% 20px 0;}
} 

@media screen and (max-width:768px) {
.sign_icon{ width:100%; padding-bottom:0; background:#29c5bc;}	
.sign_icon li{ width:33.33333%; height:14rem; padding:30px 0; font-size:15px;}
.sign_icon li:after{ height:0;}
.sign_icon li:before{border-left:0 solid #fff;}
.sign_icon li h2{ font-size:18px; line-height:20px; margin-bottom:5px;}


.brand_index{ margin-top:0;}
.brand_index{ border:0;}
.brand_index .top span{ display:inline;}
.brand_index .con li{ width:50%;}
.brand_index .con li .text h3{ font-size:16px; line-height:16px;}
.brand_index .con li .text p{font-size:12px; margin:10px auto;}
.brand_index .con li .text span{font-size:12px; width:90px; line-height:24px; } 
.case_banner{ margin-top:50px;}
.case_banner .txt{ margin-top:-30px;} 
.case_banner h1{ font-size:24px; line-height:24px;}
.case_banner a{ width:160px; height:34px; line-height:32px; font-size:16px; margin-top:20px;}

.brand_index .choose dl dt{ width:30%; float:none; }
.brand_index .choose dl dd,.brand_index .choose dl.er dd{ width:100%; float:none; margin-top:30px;}
.brand_index .choose dl dd a{ font-size:16px; line-height:34px; width:auto; padding:0 20px; margin:0px 10px 10px 0;}
.case_tab{ padding:30px 0 20px 0;}
.case_xq .case_xq_top{ padding:0%;}
.case_xq_txt p{ padding:0%;}
.case_title{ margin:40px auto 20px auto; font-size:20px; line-height:20px;}
.zenggao{ height:30px;}
.process .process_title{ font-size:20px; line-height:30px;}
.process_con dl{ width:48%; margin:10px 1%;}
.process_con{ font-size:14px; line-height:26px; } 
.process_pic img{ width:100%;}
.process_list dl{ height:250px; font-size:16px; line-height:26px; margin:15px 0; }
.process_list dl dd h3{ font-size:20px; margin:20px 0 10px 0;}
.us_txt h2 { margin:50px 0 10px 0; font-size:20px;}
.us_txt .us_txt_con{ width:100%; font-size:16px; line-height:30px;}
.us_txt .us_txt_con p{ width:100%; margin:20px auto 0 auto;}
.us_txt_yuan span{ width:90%;}
.us_box .list h3{ font-size:18px; }
.us_box .list h3 span{ font-size:16px; margin-left:10px;}
.us_box .list p{ font-size:16px; line-height:30px;}
.us_box h2{ margin:50px 0 30px 0; font-size:20px;}
.us_box .tab a.curr:after{ content:""; width: 0; height: 0; border-left:7px solid transparent; border-top:12px solid #58b9e6; border-right:7px solid transparent; position:absolute; left:10%; bottom:-12px; }
.us_box .list{ width:100%;}
.us_box_bottom h3{ font-size:20px; margin-top:50px;}
.us_box_bottom p{ font-size:16px; } 
.us_job .us_job_top h2{ font-size:20px; line-height:24px; }
.us_job .us_job_top p{ font-size:16px; margin-top:20px; }
.us_job .us_job_con .row{ width:100%; padding:20px 5%;  margin:30px auto 0 auto; }
.us_job .us_job_con .row:last-child{ margin:30px auto 0 auto;}
.contactbox h2{ font-size:20px; }

.contactbox_top .left_cor{ width:100%; font-size:16px; line-height:30px; float:none;}
.contactbox_top .left_cor h3{ font-size:16px; line-height:30px;}
.contactbox_top .right_cor{ width:100%;  float:none; margin-bottom:30px;}
.contactbox_top .left_cor ul em img{ width:50%;}
.contactbox_bottom h3{  font-size:16px;  }
.contactbox_bottom h4{ font-size:16px; }
 
}

@media screen and (max-width:580px) {
.sign_icon li{ width:50%; }
.brand_index .top{ font-size:14px; line-height:24px; padding:40px 0 20px 0;}	
.case_banner h1{ font-size:20px; line-height:26px;}
.case_banner a{ width:120px; height:30px; line-height:28px; font-size:14px; }
.process_list dl{ width:100%; float:none; height:auto; }
.contactbox_bottom ul .txt{ width:100%;}
.contactbox_bottom ul .btn{ width:100%;}
.us_box .list h3{ padding:30px 0 20px 3%;}
 
 
}

@media screen and (max-width:470px) {
.us_txt_pic .left_cor,.us_txt_pic .right_cor{ float:none;}
.us_txt_pic .left_cor{ width:100%;}
.us_txt_pic .right_cor{ width:100%;}
.us_box .list  h3{ padding:30px 2% 20px 0%; text-align:left;}
.us_box .list:nth-child(2) h3{ padding:30px 2% 20px 0%; text-align:left;}
}

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

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