/*  WAP主导航 */

.wapNav{position:relative;width:100%;left:-100%;padding-top:60px;height:0;display:none;}

.navbar li.m{position:relative;}

.navbar li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;position:relative;background:#fff;}

.navbar li i{font-family:"iconfont";color:#888;font-size:1.2em;font-style:normal;padding:0 15px;position:absolute;right:0;top:10px;}

.navbar li.cur>a,.navbar .cur>a:hover{background:#8f1e7a;color:#fff;}

.navbar li :hover i,.navbar .cur i{color:#fff;}

.navbar .navSub{display:none;background:#ddd;}

.navbar .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;color:#777;}

.navbar .navSub ul{background:#d3d3d3;}

.wapNav .phone{padding:0 4%;margin-top:15px;font-size:.875rem;}

.wapNav .phone a{font-weight:bold;font-size:1rem;margin-top:8px;}

.wapNav .phone a i{font-weight:normal;margin-right:3px;font-size:1.25rem;top:3px;}

.wapNav .phone p{padding-left:35px;line-height:1.2;color:#8f1e7a;}

.wapNav .phone p i{width:30px;margin-left:-35px;color:#8f1e7a;float:left;font-size:1.75rem;top:8px;}

.wapNav .phone p span{display:block;color:#8f1e7a;font-family:Arial;font-size:1.5rem;font-weight:700;}



.wSear{width:100%;background:#f1f1f1;padding:15px;border-bottom:1px solid #ddd;}

.wSear form{width:100%;height:50px;line-height:50px;}





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

  .container{padding-left:15px;padding-right:15px;}

  .header .logo{left:15px;}

  .header .search{right:15px;}

  .guide{padding:0 15px;}

  .guide li h4 span{font-size:1.75em;letter-spacing:8px}

  .guide ul{margin-right:-15px;}

  .guide li{margin-top:15px;padding-right:15px;}

  .guide li h4{top:20%;}

  .teamBox li{padding-right:360px;}

  .teamBox li .tImg{margin-right:-360px;}

  .process{font-size:.75rem;}

  .honorList li .pic{height: 300px;}

}



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

  body{padding-top:80px;}

  .header{min-height:80px;height:80px;}

  .header .logo{line-height:80px;}

  .header .logo img{height:35px;}

  .nav .navMain{font-size:.875rem;padding:20px 0 20px 30%}

  .nav .m>a:after{top:-25px;}
  .KeyHome{padding: 10px 0;}
  .KeyHome .key-label h1{margin-right:10px;}
  .KeyHome .key-search{display:none}

  .case,.about,.team,.news,.footer{padding-top:40px;padding-bottom:40px;}

  .caseRight li h3 span{display:none;}

  .caseLeft,.caseRight,.aboutMain,.about .hTie,.newsLeft,.newsRight {float:none;width:100%;}

  .hTie{text-align:center;margin-bottom:30px;}

  .team .hTie{font-size:1.25rem;}

  .hTie:after{left:50%;margin-left:-39px;}

  .caseMenu{overflow:hidden;font-size:1rem;}

  .guide li h4,.guide li a:after{display:none;}

  .guide li.g4 h6{left:35px;opacity:1;}

  .guide li.g4 p{right:35px;opacity:1;}

  .guide li h5{opacity:1;margin-top:0;}

  .caseMenu li a:after{top:0;}

  .caseMenu li{float:left;width:33.3%;text-align:center;}

  .caseRight li .pImg:after{display:none;}

  .caseRight li h3{position: static;color:#818181;padding:10px 0 0 0;text-align:left;}

  .aboutMain{background: rgba(255, 255, 255, .9);color:#555;height:400px;}

  .about{background:#eee;}

  .aboutMain .txt{height:400px;}

  .about .hTie{color:#262626;}

  .about .hTie span{color:#bbb;}

  .about .hTie:after{background:#454545;}

  .guide li{font-size:.875rem;}

  .teamBox{width:100%;}

  .teamBox li{padding-right:320px;}

  .teamBox li .tImg{margin-right:-320px;}

  .teamBox li .tImg:after{display:none;}

  .newsLeft{margin-bottom:25px;}

  .teamSlide .hd {display:none;}

  .newsRight .pageBtn,.teamSlide .pageBtn{text-align:center;margin-top:20px;position: static;display:block;}

  .teamSlide .pageBtn{display:none;}

  .newsRight .pageBtn span,.teamSlide .pageBtn span{margin-left:15px;border-radius:0;width:100px;font-size:1.4rem;}

  .footLeft{width:80%;}

  .aboutBox1 .txt{width:100%;float:none;}

  .aboutBox1 .fr,.aTie span,.aTie:after,.gr_kefu{display:none;}

  .aTie{padding-bottom:0;}

  .listMenu li{width:33.3%;}

  .listMenu5 li{width:25%;}

  #share{display:none;}

  .proList li .pImg:after{display:none;}

  .proList li h3{position: static;color:#818181;padding:10px 0 0 0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

  .proShow_left{width:100%;float:none;}

  .proShow_right{display:none;}

  .showPage .back{float:none;width:100%;display:block;margin-top:0;}

  .process li:after{font-size:1.2rem;right:10px;top:5%;}

  .process li {padding-left:60px;}

  .process li i{font-size:3em;width:60px;margin-left:-60px;}

  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}

  .contactBox1 p{width:50%;margin-left:0;}

  .contactBox{font-size:.875rem;padding:30px 0;}

  .contactBox2 .fl{margin-left:0;}

  .honorList li{width: 33.3%;}

}



@media all and (max-width:920px) {

  .aboutBox3 .img,.aboutBox3 .txt{float:none;width:100%;}

  .guide ul{margin-right:0;}

  .guide li{float:none;width:100%;padding-right:0;font-size:1rem;}

  .guide li:nth-child(2){float:none;}

}



@media all and (max-width:768px) {

  .banner .small{display:block;}

  .caseRight li {width:50%;}

  .caseRight li:nth-child(9){display:none;}

  .caseMenu{font-size:.875rem;}

  .caseMenu li i{display:block;top:0;}

  .case, .about, .team, .news,.footer{padding-top:30px;padding-bottom:30px;}

  .aboutMain:after{display:none;}



  .teamBox li h4{margin-bottom:15px;}

  .newsLeft{height:420px;}

  .footRight,.banner .big,.footLogo{display:none;}

  .service{padding-top:0;}

  .footLeft,.service li{float:none;width:100%;}

  .service li:nth-child(1){margin-left:0;}

  .footLeft .font{margin-top:0;padding-bottom:0;}

  .footLeft .font span{display:none;}

  .footRight p{padding-left:0;background:none;}

  .footBar{height:auto;font-size:.875em;}

  .footBar a{padding:5px 0;line-height:1.4;}

  .footBar a i{display:block;font-size:1.4rem;}

  .listWrapper{padding-top:20px;padding-bottom:50px;}

  .listMenu{margin-top:30px;margin-bottom:0;}

  .listMenu ul{margin-right:-10px;}

  .listMenu li{font-size:.875rem;padding-right:10px;margin-bottom:10px;}

  .aboutBox3,.honor{padding-top:40px;}

  .honorList li{width:50%;}

  .honor .more{width:100%;}

  .proList li{width:50%;}

  .teamBox li,.teamList .big{padding-right:0;}

  .teamBox li .font,.teamList li:nth-child(2n) .font{float:none;width:100%;}

  .teamBox li .tImg,.teamList .big .tImg{margin-right:0;float:none;width:100%;margin-bottom:15px;display:block;height:60%;overflow:hidden;}

  .teamList li:nth-child(2n){padding-left:0;}

  .teamList li:nth-child(2n) .tImg {float:none;margin-left:0;}

  .teamBox li .txt,.teamBox li .more{display:none;}

  .teamBox li,.teamBox{height:auto;}

  .teamList li{padding-bottom:10px;margin-bottom:20px;}

  .teamBox li h4 strong{font-size:2em;}

  .teamBox li h4 i{font-size:1.5em;}

  .teamShow_case ul{margin-right:-15px;}

  .teamShow_case li{width:50%;padding-right:15px;margin-bottom:20px;}

  .teamShow .left,.teamShow .right{width:100%;float:none;}

  .teamShow .left{margin-bottom:25px;text-align:center;}

  .teamShow .right .title{text-align:center;}

  .process{margin-right:0;background:none;padding:0;margin-bottom:0;}

  .process li{width:50%;height:240px;padding-left:30px;}

  .process li h4{font-weight:normal;font-size:1.4em;}

  .process li i{float:none;width:100%;margin-left:0;}

  .process li:after{display:none;}





  .service li{height:auto;margin-bottom:10px;padding-right:0;margin-top:0;}

  .service li:last-child{margin-bottom:0;}

  .aboutBox3 img{display:block;}

  .newsList li .pImg,.newsList li .txt{width:100%;float:none;}

  .newsList li .pImg{padding-top:60%;margin-bottom:15px;}

  .newsList li span{display:none;}

  .contactForm .left,.contactForm .area{float:none;width:100%;}

  .contactForm .left input,.contactForm .left input:nth-child(3){margin-bottom:10px;}

  .contactForm .code .sub{float:none;width:100%;clear:both;}

  .contactBox1 .p2 i{display:none;}

  #dituContent{height:300px;display:none;}

  .proSear{width:100%;padding-right:80px;}

  .proSear .btn{width:80px;}

  .contactBox3 .txt span{width:180px;height:180px;}

  .jobList h4{font-size:24px;}

  .jobList h4 span{font-size:14px;}

  .contactBox1 p,.contactBox4 p{width:100%;margin-bottom:20px;float:none;padding-left:40px;}

  .contactBox1 p:after,.contactBox4 p:after{font-size:1.6rem;}

  .contactBox2 .fl{display:none;}

  .contactBox2 .txt{width:100%;padding-top:0;float:none;}

  .contactBox2 h4{font-size:1.125rem;margin-bottom:20px;padding-bottom:15px;}

  .contactBox3 .fl,.contactBox3 .fr,.contactBox4 h4,.contactBox4 p,.contactBox5 .fl,.contactBox5 .font,.contactForm .txt,.contactForm .card{float:none;width:100%;margin-right:0;}

  .contactBox4 h4{margin-bottom:25px;}

  .contactBox4 h4 span,.contactBox3 h4,.contactBox5 h4 span{font-size:1.125rem;}

  .contactBox5 .font{padding-top:30px;}

}



@media all and (max-width:640px) {

  body{padding-top:60px;}

  .header{min-height:60px;height:60px;}

  .header .container{padding:0;}

  .header .logo{line-height:60px;left:50%;transform:translateX(-60%);-ms-transform:translateX(-60%);-moz-transform:translateX(-60%); -webkit-transform:translateX(-60%); -o-transform:translateX(-60%);}

  .header .logo img{height:30px;}

  .header .search{display:none;}

  .navTrigger{display:block;transition:all 0.4s;}

  .header .nav{display:none;}

  .head_open{height:100%;}

  .head_open .wapNav{display:block;}





  .caseRight ul{margin-right:-10px;}

  .caseRight li{padding-right:10px;}

  .guide li{font-size:.875rem;}

  .guide li h4 span:after{display:none;}



 .newsLeft{height:360px;}

 .listWrapper{font-size:.75rem;}

 .honorList ul{margin-right:-15px;}

 .honorList li{padding-right:15px;}

 .listMenu li i{display:none;}

 .guide li.g4 h6{transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);z-index:2;left:50%;top:50%;width:60%}

 .guide li.g4 p{display:none;}

}



@media all and (max-width:480px) {

  .caseMenu{display:none;}

  .caseRight{font-size:.75rem;}

  .guide li{font-size:.75rem;}

  .newsLeft{height:300px;}

  .newsRight li a{padding-left:70px;}

  .newsRight li .date{font-size:5em;width:70px;margin-left:-70px;}

.honorList li .pic{height: 210px;}
}