/*  WAP主导航 */

.wapNav{padding-bottom:60px;overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#333;width:100%;}

.wapNav li{position:relative;}

.wapNav li a{display:block;padding-left:20px;color:#fff;height:50px;line-height:50px;border-top:1px solid #222;position:relative;}

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

.wapNav li.cur>a,.wapNav .cur>a:hover{background:#f13a3a;color:#fff;}

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

.wapNav .navSub{display:none;background:#f13a3a;}

.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}

.wapNav .navSub ul{background:#111;}

.wapNav .navSub ul li a{height:32px;line-height:32px;padding-left:60px;}

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

.wapNav .menu a{float:left;width:33.3%;text-align:center;line-height:50px;border-right:1px solid #000;color:#fff;border-bottom:1px solid #000;}

.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#f13a3a;}

.wSearch{background:#222;height:80px;overflow:hidden;padding:0 15px;}

.wSearch form{margin:0 auto;margin-top:15px;background:#fff;height:40px;overflow:hidden;padding-right:60px;}

.wSearch .sear_text{width:100%;float:left;height:40px; line-height:40px;color:#666; padding-left:10px; padding-left:10px;}

.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:16px;transition:all 0.3s;margin-right:-60px;}

.wSearch .sear_btn:hover{background:#014099;}



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

  .odds li .txt{padding-left:8%;}

  .odds li h3{font-size:1.857em;}

}




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

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

  .odds li{height:240px;}

  .odds li:nth-child(3) .txt{right:10%;}

  .aboutBan .txt{right:15px;}

  .aboutBox1{padding:0;margin-top:-40px;margin-bottom:20px;}

  .aboutBan li strong{font-size:60px;}

  .jumpto-subnav{right:15px;width:14.5%}

  .jumpto-subnav.fixed{right:0;left:auto;margin-left:0;}

  .h5_box2 ul{padding-left:0;padding-right:0;margin:0 15px;}

  .h5_box1{padding:40px 0;}

}



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

  .odds li .txt{padding-left:20%;}
   .odds li h3{font-size: 1.3rem;}
  .hTitle{font-size:.875rem;}

  .odds li{height:200px;}

  .odds li:nth-child(3) .txt,.odds li .txt{right:5%;}

  .aboutBan .main{height:600px;padding-top:150px;}

  .contactL .tie{font-size:24px;}

  .contactL li{font-size:28px;}

  .contactL li span{font-size:16px;}

  .promotionBox2 .pic{padding-left:2%;}

  .promotionBox3 .txt{left:2%;}

  .listBanner .txt{font-size:2.6rem;width:80%;}
.footL{width:50%;}

.headR .tel{display: none;}

}





@media all and (max-width:1200px) {
  .odds li .txt{padding-left: 30%;}  
  .project .main{margin:0 -0.5%;}

  .project li{margin:0 0.5%;width:19%;}

  .project,.case,.news,.odds li{font-size:.75rem;}

  .news li{width:25%;}



  .aboutBox1{font-size:.813rem;line-height:1.6;}

  .culture li{font-size:1rem;}

  .signing ul{margin:0 -10px;}

  .signing li{padding:0 10px;}

  .websiteBox{font-size:.813em;}

  .jumpto-subnav,.h5_box2{font-size:.75rem;}

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

  .appBox1 li h3{font-weight:normal;}

  .appCase li h4{font-size:1.429em;}

  .h5_box3{font-size:1rem;}

  .homeNews .hd li{width: 20%;}

/*.homeNews .hd li::after{display: none;}*/
.homeNews .hd::after{display: none;}
.homeNews .hd li::after{width: 30%;height: 0px;top: 50%;left: 33%;}

}

@media all and (max-width:1170px) {
.headR a{margin-right:15px;font-size:15px;}  
}


@media all and (max-width:1024px) {
  .odds li .txt{padding-left: 40%;width: auto;} 
  .odds li:nth-child(1) .txt{right: 2%;}
  .odds li:nth-child(2) .txt{right: 10%;}
  .odds li:nth-child(3) .txt{right: 4%;} 
  .head{height:70px;line-height:70px;font-size:.875rem;}

  .logo img{height:35px;}

  .nav,.headR{display:none;}

  .navTrigger{ display:block;float:right;margin-top:23px;margin-right:-5px;width:35px;}

  .navTrigger span,.head_open .navTrigger span{margin-bottom:5px;background:#333;}

 .head_open{height:100%;overflow:hidden;background:#fff;}

 .head_open .wapNav{opacity:1;transform: translateX(0);}

 .head_open .wap_logo{display:inline-block;}

 .head_open .pc_logo{display:none;}

 .banner .small{display:block;}

 .banner .big{display:none;}

 .odds li{height:160px;}

 .odds li .txt{min-height: auto;}

 .odds li .txt h4{margin-bottom:0;}

 .odds li  p{display:none;}

 .project{padding-top:40px;padding-bottom:40px}

 .project li{width:32.3%;margin-bottom:10px;}

 .footR{width:480px;}

 .footL .txt h4{font-size:3em;}

 .footL .zx{width:100%;}

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

 .aboutBox1 .font .tie{font-size:2em;}

 .aboutBan .main{height:480px;padding-top:120px;}

 .aboutBan li strong{font-size:50px;}

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

 .aTie2{font-size:32px;}

 .aboutBan li{width:33.3%;text-align:center;}

 .aboutBan .txt{display:none;}

 .setting{margin:0 -5px;margin-bottom:30px;}

 .setting li{padding:0 5px;margin-bottom:10px;}

 .culture li,.a_project{font-size:.875rem;}

 .a_project li p span{margin:0 5px;}

 .signing li {width:33.3%;font-size:.75rem;margin-bottom:20px;}

 .signing li:last-child{display:none;}

 .culture{height:460px;}

 .listMenu{font-size:1.2rem;}

 .contactL,.contact .map, .websiteBox3 .font, .websiteBox1 .font,.caseShow_L{width:100%;float:none;}

 .contactL{margin-bottom:30px;}

 .contact{padding:30px 0 120px 0;}

 .listBanner{height:180px;}

 .websiteBox1 .pic,.websiteBox3 .pic{display:none;}

 .websiteBox1{padding-top:60px;padding-bottom:60px;}

 .wTie span{font-weight:normal;}

 .wTie{text-align:center;}

 .wMore{margin:0 auto;}

 .websiteBox2 li h5{font-size:1rem;}

 .jumpto-subnav{display:none;}

 .caseShow_L{padding:30px;}

 .caseShow_L .title{font-size:2em; margin-bottom:20px;}

 .caseShow_L .tie{font-size:1.482em;}

 .contact .map{border:none;box-shadow:none;}

 .pWrap,.detailWrap{padding-top:120px;padding-bottom:80px;}

 .gr_kefu{display:none;}

 .proSear form{width:100%;}

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

 .photoWork ul{margin-right:-5px;}

 .photoWork li{padding-right:5px;margin-bottom:5px;}

 .photoWork{margin-bottom:120px;}

 .promotion,.aTitle,.appBox3 li{font-size:1rem;}

 .appBox1,.h5_box3{font-size:.875rem;}

 .appCase li img{width:140px;height:140px;}

 .listBanner .txt{font-size:2.4rem;}
 .relevantShow .list{width:100%;}
 .relevantShow .list li{width:100%;}
 .relevantShow .list2{margin-top:20px;}
  .relevantShow .list li a{font-size:0.8rem;}

 .ListBox-1 .list{width:100%;}
 .ListBox-1 .list li{width:100%;}
 .ListBox-1 .list2{margin-top:20px;}
  .ListBox-1 .list li a{margin:2px 0;font-size:0.8rem;}

.homeNews1 .bd li:nth-child(2){float: left;}
.homeNews1 .bd li:nth-child(3){float: left;}
.homeNews1 .bd li:nth-child(4){float: left;}
.homeNews1 .bd li:nth-child(5){float: left;}
.homeNews1 .bd li:nth-child(7){float: left;}
.homeNews1 .bd li:nth-child(9){float: left;}

.homeNews .bd .n1{height: auto;margin-bottom: 16px;}
.homeNews .bd .n1 dt{width: 30%;padding-top: 20%;}
.homeNews .bd .n1 .ntxt{width: 67%;}

}



@media all and (max-width:920px) {
  .odds li{float:none;width:100%;height:280px;font-size:1rem;}
  .odds li .txt{padding-left: 45%;} 
  .odds li:nth-child(1) .txt{right: 10%;}
  .odds li:nth-child(2) .txt{right: 10%;}
  ul.odds li:nth-child(3) .txt{right: 10%;} 
  .odds li .txt,.odds li:nth-child(3) .txt{right:0;width:85%;}

  .odds li .txt h4{margin-bottom:20px;}

  .odds li p{display:block;}

  .case li{width:50%;}

  .news li{width:33.3%;}


  .project li .txt{min-height:150px;}

  .footR{width:420px;}

  .aboutBan .txt{display:none;}

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

  .processMain{padding:0;background:none;overflow:hidden;height:auto;}

  .processMain li,.processMain li:nth-child(2n),.processMain li:nth-child(1){background:none;margin-left:0;padding-top:0;padding-bottom:0;min-height:240px;text-align:center;padding-left:0;}

  .processMain li {transform: translateY(0);width:25%;}

  .processMain li i{display:block;margin-left:0;text-align:center;margin-bottom:10px;}

  .processMain li h4{margin-left:0;}

  .processMain li p{display: inline-block;text-align:left;}

  .photoBox1 li{width:33.3%;font-size:.813rem;}

  .promotion .txt .tie{font-weight:normal;}



  .appCase li img{width:120px;height:120px;}

  .appCase li .txt{font-size:.75rem;}

  .h5_box2 li{width:25%}

}



@media all and (max-width:768px) {
.showCon img{ width:90%}
  .odds li {height:240px;font-size:.875rem;}
  .odds li{float:none;width:100%;height:280px;font-size:1rem;}

  .footer .main{height:auto;padding:50px 0;}

  .footR{width:100%;position: static;height:100%;background:none;padding-top:0;}

  .footL{display:none;}

  .footR .tel,.footR .link{margin-top:5%;}

  .footR .tel{padding-top:10px;background:none;}

  .aboutBox1{height:auto;}

  .aboutBox1 .fl,.aboutBox1 .font{float:none;width:100%;}

  .aboutBox1 .font{padding:5%;}

  .aboutBan .main{height:420px;}

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

  .setting li{width:33.3%;}

  .setting li.big{width:66.6%;}

  .setting li:nth-child(10), .setting li:nth-child(3), .setting li:nth-child(4), .setting li:nth-child(5){display:none;}

  .aTie2{font-size:25px;margin-bottom:30px;}

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

  .aTie:after{left:50%;margin-left:-15px;}

  .a_project li h4{font-size:1.8em;}

  .signing li{width:50%;}

  .signing li:last-child{display:block;}

  .a_project .pImg img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;}

  .signing .aTie{text-align:left;}

  .signing .aTie:after{left:0;margin-left:0;}

  .culture{height:360px;}

  .culture li h5 span,.culture li p{display:none;}

  .contact{padding:30px 0 100px 0;}

  .contactL .tie{font-size:24px;}

  .listBanner{height:180px;}

  .websiteBox1{padding-top:40px;padding-bottom:40px;}

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

  .websiteBox2 li{width:25%;min-height:180px;}

  .websiteBox2 li i{font-size:2.8rem;}

  .websiteBox2 li h5,.caseShow_L .font{font-size:.875rem;}

  .websiteBox3 li {width:33.3%;}

  .newsList{padding-bottom:20px;}

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

  .caseShow_L{padding:30px 15px;}

  .caseHonor li{width:31.3%;}

  .caseHonor li p,.evaluate li p{min-height:40px;}

  .telForm form{width:100%;}

  .telForm .p1{font-size:1em;}

  .pWrap,.detailWrap{padding-top:100px;padding-bottom:80px;}

  .photoBox .pTitle{font-size:1.75rem;margin-bottom:30px;}

  .photoWork{margin-bottom:60px;}

  .promotion{font-size:.875rem;padding:50px 0;}

  .promotionBox4{margin-bottom:0;}

  .promotionBox1{padding-bottom:0;}

  .promotionBox2 .txt{margin-top:40px;}

  .promotion .txt .tie{font-size:1.875em;}

  .hTitle .more{font-size:.875rem;margin-top:40px;}



  .appCase li h4{font-size:1.333em;}

  .aTitle,.appBox3{font-size:.875rem;}

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

  .h5_box3 li{width:50%;margin-bottom:35px;}

  .h5_box3 li h4{margin-top:25px;font-weight:400;margin-bottom:10px;}

  .h5_slide li{width:33.3%;}

  .appBox3,.h5_box3{padding-bottom:60px;}

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

  .listBanner .txt{font-size:2rem;}

  .casetitle h2{font-size: 26px;}

.partner ul li{width: 33%;height: 90px;}
.partner ul li span{height: 90px;}
.partner ul li h3{height: 90px;line-height: 90px;}
.partner ul li:nth-child(5):after{display: block;}
.partner ul li:nth-child(10):after{display: block;}
.partner ul li:nth-child(15):after{display: block;}
.partner ul li:nth-child(5) a:after{display: block;}
.partner ul li:nth-child(10) a:after{display: block;}
.partner ul li:nth-child(15) a:after{display: block;}
.partner ul li:nth-child(3n):after{display: none;}

.partner ul li:nth-child(11):before{display: block;}
.partner ul li:nth-child(12):before{display: block;}
.partner ul li:nth-child(13):before{display: none;}
.partner ul li:nth-child(14):before{display: none;}
.partner ul li:nth-child(15):before{display: none;}
.partner ul li:nth-child(11) a:after{display: block;}
.partner ul li:nth-child(12) a:after{display: block;}
.partner ul li:nth-child(13) a:after{display: block;}
.partner ul li:nth-child(14) a:after{display: block;}
.partner ul li:nth-child(15) a:after{display: block;}


.homeNews .hd li{width: 20%;margin-bottom: 2%}

}



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

  .odds li{height:180px;font-size:.75rem;}

  .project li{width:48%}

  .project li:nth-child(2n){float:right;}

  .project .main{margin:0;}

  .case li{width:100%;}

  .news li{width:50%;}



  .news li .date{display:none;}

  .news li p{min-height:auto;border-bottom:none;margin-bottom:0;}

  .news li .txt{padding:15px;}

  .aboutBan .main{height:340px;}

  .aboutBan li {font-size:16px;}

  .aboutBan li strong{font-size:38px;}

  .aboutBox1 .fl{height:360px;}

  .a_project li{width:100%;float:none;}

  .a_project .p1 .pImg{padding-top:64%;}

  .signing li p{background:none;}

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

  .caseShow_L .title{font-size:2em; margin-bottom:20px;}

  .listBanner{height:180px;}

  .websiteBox2 li{width:33.3%;}

  .websiteBox2 li i{font-size:2.4rem;}

  .processMain li,.member li{width:33.3%}

  .member li{margin:0;text-align:center;margin-bottom:15px;padding:0 5px;}

  .member li img{width:100%;height:100%;}

  .evaluate li,.caseHonor li {width:48%;}

  .contact .map{height:100%;}

  .photoWork li{width:50%;}

  .photoWork ul{padding-bottom:35%}

  .photoWork li:nth-child(5n-1),.photoWork li:nth-child(5n){width:100%;}

  .photoWork li:nth-child(3),.photoWork li:nth-child(6){position:absolute;bottom:0;left:0;}

  .photoWork li:nth-child(6){left:auto;right:0;}

  .promotion .pic{float:none;width:100%;padding:0;display:block;text-align:center}

  .promotion .pic img{max-width:60%;}

  .promotion .txt{position: static;top:0;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0); transform: translateY(0);width:100%;text-align:center}



  .appBox1 li{width:33.3%;min-height:120px;}

  .appBox3 li{width:33.3%;margin-bottom:35px;}

  .h5_box2 li{width:33.3%;}

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

  .listBanner .txt{font-size:1.2rem;}


.homeNews .hd li{width: 24%}
}



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

 ul.odds li h3{font-size:1.4em;}

  .odds li .txt{padding-left: 50%;} 
  .odds li:nth-child(1) .txt{right: 5%;}
  .odds li:nth-child(2) .txt{right: 5%;}
  ul.odds li:nth-child(3) .txt{right: 5%;} 
  .odds li .txt,.odds li:nth-child(3) .txt{width:94%;}

  .hTitle{margin-bottom:30px;}

  .hTitle span{font-size:2em;}

  .project li{width:100%}

  .project li .txt{min-height:auto;margin-bottom:20px;}

  .news li{margin-bottom:10px;}

  .news li .txt{padding:10px;}

  .news li h4{margin-bottom:0;font-size:1em;}

  .news li p{display:none;}

  .aboutBan li strong{font-size:32px;}

  .aboutBox1 .fl{height:240px;}

  .setting li,.setting li.big{width:50%;}

  .setting li.big .pImg{padding-top:68%;}

  .listBanner{height:180px;}

  .websiteBox3 li {width:50%;}

 /*  .news li:nth-last-child(3),.news li:nth-last-child(4){display:none;} */

  .photoBox1 li{width:100%;float:none;background:#f8f8f8;box-shadow: 0 0 8px #ccc;margin-bottom:20px;}

  .promotion .pic img{max-width:80%;}

  .quote{width:96%;margin-left:2%;margin-right:2%;left:0;height:auto;padding:4%;}

.homeNews .hd li{width: 33.33%}
.homeNews .bd .n1 dt{width: 100%;padding-top: 50%;}
.homeNews .bd .n1 .ntxt{width: 99%;}

}