/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.5s;background:rgba(0, 0,0,.9);width:100%;position: fixed;left:0;top:0;z-index:91;text-align:center;color:#fff;}
.wapHead .logo{display:none;}
.wapHead{background:none !important;}
.navTrigger-on span{background:#fff !important;}
.wapNav ul{font-size:18px;line-height:50px;padding:90px 0 50px 0;}
.wapNav li{overflow:hidden;}
.wapNav li a{color:#fff;display:inline-block;transition:all .5s;transition-delay:.1s}
.wapNav li:nth-child(2) a{transition-delay:.2s;}
.wapNav li:nth-child(3) a{transition-delay:.3s;}
.wapNav li:nth-child(4) a{transition-delay:.4s;}
.wapNav li:nth-child(5) a{transition-delay:.5s;}
.wapNav li:nth-child(6) a{transition-delay:.6s;}
.wapNav li:nth-child(7) a{transition-delay:.6s;}
.nav_on li a{transform: translateX(0px);opacity:1;}
.wapNav h4{display:inline-block;margin-bottom:30px;}
.wapNav h4 a{display:block;color:#fff;text-align:right;padding-right:30px;background:url('../images/sp_tel.png') no-repeat right 8px;background-size:24px;}
.wapNav h4 span{display:block;font-size:18px;font-family:"gilroyR";}
.search{margin: 0 auto;width: 90%;max-width:310px;position: relative;border-radius: 20px;
  background: #fe5a09;padding-right:40px;}
.search .text{height:40px;line-height:40px;color:#fff;font-size:14px;padding:0 20px;text-align:left;width:100%;}
.search .btn{position:absolute;right:0;top:0;width:50px;height:40px;background:url('../images/sBtn.png') no-repeat center;}
.banner .wapImg{display:none;}


@media all and (max-width:1800px) {
  .odds li{padding-left:5%;}
}

@media all and (max-width:1660px) {
  .container{padding-left:30px;padding-right:30px;}
  .values {overflow:hidden;}
  .pd60,.listWrap{overflow:hidden;}
  .banner .num{margin-left:0;left:30px;}
  .banner div.progress{margin-left:0;left:55px;}
  .banner .total{left:auto;left:220px;}
  .banner .btn{margin:0 !important;left:auto;right:30px;}
  .banner .swiper-button-prev{right:90px;}

  .listBanner h3{left:0px;margin-left:0;padding:0 30px;}
  .caseShow {padding:40px 30px;margin-left:30px;margin-right:30px;width:auto;}
  .caseShow_top .txt{left:0px;margin-left:0;}
  .aboutBox1{padding-left:38%;}
  .aboutBox1 .tie{left:30px;}
  .odds li{padding:0 30px;height:400px;padding-top:160px;}
  .odds li:nth-child(2n){padding-right:30px;padding-left:30px;}
  
}

@media all and (max-width:1440px) {
  .banner .txt{top:45%;}
  .banner .txt{font-size:1.286em;}
  .project li em{margin-bottom:110px;}
  .project li a{height:720px;}
  .project li h4{margin-top:40px;}
  .newsL{width:48%;}
  .newsL li{margin-bottom:25px;}
  .newsR .bgImg{height:460px;}
  .focus{height:960px;}
  .focusBig{width:45%;}
  .focusTxt .text-item{font-size:1em;}

  .listMenu{font-size:1em;}
  .serviceBox2 li{padding:4% 3%;height:500px;}
  .serviceBox2 li h4{margin-top:30px;}
  .caseShow_top{font-size:1.286em;}
  .caseShow_top .txt h3{margin-bottom:50px;}
  .caseShow_top .link{width:50px;height:50px;line-height:50px;}
  .aboutBox1{font-size:1em;}
  .aboutBox1 .tie{padding-top:5px;}
  .odds li{height:380px;padding-top:140px;}
  .newsList li .pic{margin-right:4%;}


}

@media all and (max-width:1220px) {
  body{font-size:.875rem;}
  .container,.listBanner h3{padding-left:15px;padding-right:15px;}
  .hTitle{margin-bottom:40px;font-size:3rem;}
  .case-group ul{margin:-8px;}
  .case-group ul li{margin:8px;}
  .case-group ul li h4{background:none;}
  .project li a{height:680px;}
  .partner ul{margin-right:-30px;}
  .partner li{padding-right:30px;margin-bottom:30px;}
  .newsL li,.newsL li a{height:110px;}
  .newsR .bgImg{height:380px;}
  .focus{height:720px;}
  .focusRight{padding-top:120px;}

  .serviceBox3 ul{padding-left:40px;max-width:980px;}
  .serviceBox3 li,.serviceBox3 li .info{width:280px;height:280px;}
  .caseShow_top .txt h3{margin-bottom:30px;font-size:1.143rem;}
  .aboutBox1 .tie{position: static;padding-top:0;margin-bottom:20px;}
  .aboutBox1 .tie2{margin-bottom:10px;}
  .newsList li .txt h3{font-size:2em;}

}


@media all and (max-width:1024px) {
  .header{height:50px;line-height:50px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:99;}
  .header.hide{transform: translateY(0);}
  .navTrigger,.wapTel,.wapLang,.wapBtm{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .header .logo img{height:24px;}
  .nav,.banner .mouse,.banner .btn,.footR,.footIcon,.customer,.menu-white{display:none;}
  .banner{height:600px;}
  .banner .num{left:50%;margin-left:-85px;bottom:10px;}
  .banner div.progress{margin-left:0;left:50%;width:120px;margin-left:-60px;bottom:20px;}
  .banner .total{left:50%;margin-left:70px;}
  .footer{font-size:.75em;padding-top:40px;padding-bottom:70px;}
  .footL{float:none;width:100%;}
  .footTop .fLogo{width:38%;margin-top:0;}
  .footTop{height:130px;margin-bottom:30px;}
  .hTitle{margin-bottom:25px;font-size:2.5rem;}
  .customer{display:none !important;}
  .project li{width:50%;border-right: 1px solid #333;border-bottom: 1px solid #333;}
  .project li a{height:520px;}
  .project li p,.footer .wx{display:none;}
  .project li em{margin-bottom:70px;padding-bottom:20px;}
  .project li .more{width:50px;height:50px;line-height:50px;bottom:8%;}
  .project li .more i{width:50px;}
  .project li:hover .more{width:150px;background:#fff;color:#f96700;border-color:#fff;}
  .project li:hover::after,.project li:active::after{opacity:.8;}
  .newsL,.newsR{float:none;width:100%;}
  .newsL li,.newsL li a,.newsR .date{height:auto;}
  .newsL li{margin-bottom:20px;}
  .newsL li:nth-child(4){display:none;}
  .newsR{margin-bottom:20px;}
  .newsR .txt{padding:15px 0;border:none;border-bottom: 1px solid #e0e0e0;height:auto;}
  .focus{height:640px;}
  .focusRight{display: block;}
  .focusRight .author-box,.newsR .more{display:none;}
  .focusRight .focusLogo{width:auto;}
  .focusLogo .logo-item .image,.focusLogo .logo-item .logo-image{width:80px;}
  .focusTxt .text-item .title{font-size:3em;}
  .focusRight{padding-top:80px;}
  .focusTxt .text-item .title{font-size:2.5em;}
  .focusTxt .next-card{height:120px;width:400px;bottom:50px;}
  .focusTxt .next-card .card-right{padding:15px;}
  .focusTxt .card-right .card-title{font-size:20px;}
  .focusTxt .card-title-group{margin-top:3px;}
  .focusTxt .next-card .card-right .progress-box{margin-top:15px;}
  .focusTxt .progress-box,.focusTxt .progress-color{width:230px;}
  .partner .swiper-pagination{display:block;margin-top:10px;position: static;}
  .listWrap,.pd90,.fp-tableCell{padding-top:40px;padding-bottom:40px;}
  .footer .fp-tableCell{padding:0;}
  .listBanner{height:450px;font-size:2rem;}
  .listMenu{height:auto;}
  .listMenu ul{padding:0;max-width:100%;justify-content: space-between;display: flex;}
  .listMenu li {width:auto;float: left;flex-grow:1;text-align:center;}
  .listMenu li a{line-height:50px;padding:0 15px;margin-left:-1px;}

  /* .headService{box-shadow:0 0 8px #e1e1e1;} */
  .sTitle{font-size:1rem;margin-bottom:25px;}
  .fp-tableCell,.fp-section{height:auto !important;}
  .serviceBox1 {padding:100px 0;background:none;}
  .serviceBox1  .bgImg{display:block;position: absolute;left:0;top:0;width:100%;height:100%;}
  .serviceBox2 li{height:420px;}
  .serviceBox2 .btn{display:inline-block;}
  .serviceBox2 .swiper-pagination{display:block;}
  .serviceBox3,.serviceBox4{padding:0 15px;}
  .serviceBox3 ul,.caseSlide {padding:0;}
  .serviceBox3 li{width:49%;margin-left:0;height:200px;margin-bottom:15px;overflow:hidden;}
  .serviceBox3 li .info{width:100%;height:200px;border-radius:0;padding:25px;padding-top:40px;}
  .serviceBox3 li:nth-child(2n){float:right;}
  .serviceBox3 li:hover .info{height:auto;}
  .serviceBox3 li p,.caseShow_top .link,.newsList li .date{display:none;}
  .caseShow{margin:0;top:0;}
  .caseShow_top .txt h3{text-align:center;}
  .caseSynopsis{padding:0;margin-bottom:30px;}
  .aboutBox1 .txt{margin-bottom:30px;}
  .aboutBox1 .strength {display: flex;justify-content:space-between}
  .aboutBox1 .strength li{width:auto;}
  .odds li{padding-top:90px;height:290px;padding-left:15px;padding-right:15px;}
  .odds li:nth-child(2n){padding-left:15px;padding-right:15px;}
  .odds li .txt{padding-left:130px;}
  .odds li .txt i{margin-left:-130px;}
  .valuesMain li{width:70%;margin-right:18%;}
  .values .btn{width:54px;height:54px;line-height:54px;right:19%;top:45%;}
  .newsList li{padding-left:0;}
  .newsList2 li{padding:20px 0;}
  .newsList2 li h3{margin-bottom:10px;}
  .newsList2 li .date{font-size:14px;text-align:left;display:block;margin-bottom:15px;font-weight:400;position:relative;top:0;}
  .newsList2 li .date em{border:none;font-size:14px;margin-right:10px;position:absolute;left:44px;}
  .newsList2 li .date::after{content:"";position: absolute;left:36px;width:5px;height:1px;background:#999;top:50%;}
  .newsWrap{padding-top:90px;padding-bottom:40px;}
  .contactWrap li{padding-top:70px;height:270px;}
  .partner{background-position:right top;}
}

@media all and (max-width:920px) {
  .case li{width:50%;}
  .case li:nth-child(9){display:none;}
  .case li a:hover{top:0;}
  .contactWrap .title{font-size:2.25em;margin-bottom:10px;}
  .contactWrap ul{flex-flow:row wrap;}
  .contactWrap li{width:100%;margin-bottom:10px;padding:40px 15px;height:auto;}
  .contactWrap li span{position: static;margin-top:25px;display:block;}
}

@media all and (max-width:768px) {
  .banner{height: auto !important;;}
  .banner .txt{font-size:1em;}
  .banner .txt h3{margin-bottom:15px;margin-top:10px;}
  .banner .txt h3::after{width:60px;margin-left:-30px;}
  .banner .pic{display:none;}
  .banner .wapImg{display:block;}
  .strength li span{font-size:4em;}
  .partner li{width:20%;}
  .footTop .fLogo{float:none;width:100%;margin-bottom:15px;}
  .footMain{margin-bottom:5px;}
  .copyright p{display:inline;float:none;}
  .copyright .fr a{margin-left:8px;}
  .case ul{margin-right:-10px;}
  .case li{padding-right:10px;margin-bottom:10px;}
  .case li h4{padding:15px 0;}
  .focusPic{width:100%;}

  .focusTxt .next-card{width:310px;height:100px;bottom:30px;}
  .focusTxt .card-right .card-title{font-size:16px;}
  .focusTxt .next-card .next-text{font-size:14px;}
  .focusTxt .progress-box,.focusTxt .progress-color{width:180px;}
  .listBanner{height:400px;font-size:1.8rem;text-align:center;}

  #fp-nav.fp-right{right:0 !important;}
  .sTitle{font-size:.875rem;}
  .sTitle span{font-size:3em;text-align:center;}
  .serviceBox1{font-size:.875rem;padding:80px 5%;}
  .serviceBox3 li{height:180px;margin-bottom:5px;}
  .serviceBox3 li .info{height:180px;padding-top:30px;}
  .caseShow_top .txt{top:48%;}
  .caseShow_top .txt h3{font-size:1rem;margin-bottom:0;}
  .caseSynopsis .tie{margin-bottom:20px;padding-bottom:10px;font-size:2.5em;}
  .odds li{width:100%;height:auto;padding:80px 15px;margin-bottom:2px;}
  .odds li:nth-child(2n) .txt{float:none;}
  .newsList li{margin-bottom:30px;}
  .odds li::after{background:#f4690b;}
  .odds li:nth-child(2):after{background:#fdb200;}
  .odds li:nth-child(3):after{background:#2344a7;}
  .odds li:nth-child(4):after{background:#2b52d3;}
  .newsList li .pic{float:none;width:100%;margin-right:0;display:block;}
  .newsList li .txt h3{font-size:1.5em;margin-bottom:10px;white-space:inherit}
  .newsList li .more{position: static;margin-top:15px;display:inline-block;}
  .newsWrap .title{font-size:2em;}
  .newsWrap .date{margin-bottom:20px;}
}

@media all and (max-width:640px) {
  .header .logo img{height:20px;}
  .banner{height:380px;}
  .banner .txt{font-size:.875em;top:40%;}
  .footTop .zx,.valuesMain li .txt::after{display:none;}
  .case-group li h4{padding:10px 0;}
  .hTitle{font-size:2rem;}
  .project li a{height:400px;padding:15%;}
  .project li em{margin-bottom:50px;}
  .project li h4{font-size:2em;margin-top:30px;}
  .project li h4 span{font-size:12px;}
  .project li .icon{width:50px;height:50px;background-size:200px;}
  .project li:nth-child(2) .icon{background-position:-50px 0;}
  .project li:nth-child(3) .icon{background-position:-100px 0;}
  .project li:nth-child(4) .icon{background-position:-150px 0;}
  .project li .more{width:40px;height:40px;line-height:40px;bottom:6%;}
  .project li .more i{width:40px;font-size:1.286em;}
  .caseMore{width:50%;height:50px;line-height:50px;}
  .partner ul{margin-right:-20px;}
  .partner li{padding-right:20px;margin-bottom:10px;}
  .newsL li a{padding-left:50px;}
  .news .date{width:50px;margin-left:-50px;}
  .news .date i{font-size:2.5em;}
  .newsR .date{margin-left:0;}
  .newsR p{white-space:normal;}
  .newsR .bgImg{height:320px;}
  .news h4{font-size:1.286em;white-space:inherit;}
  .newsL li:nth-child(4),.newsL li:nth-child(3),.newsL li:nth-child(2), .focusLogo .logo-item .text{display:none;}
  .focus{height:420px;}
  .focus .write-mask{right:-40px;}
  .focusBig{right:60px;}
  .focusRight{padding-top:0;}
  .focusTxt .text-item .title{font-size:2em;}
  .focusBig .panda .image{left:30px;}
  .focusLogo .logo-item .logo-image{margin-left:10px;}
  .focusLogo .logo-item .image, .focusLogo .logo-item .logo-image{width:50px;}

  .listMenu li a{height:60px;line-height:60px;padding:0 15px;}
  .listMenu li a::after{bottom:-1px;}
  .listBanner{height:320px;font-size:1.5rem;}
  .aboutBan span{font-size:14px;}
  .sTitle span,.serviceBox2 li h4{font-size:2em;}
  .serviceBox1{padding-top:60px;padding-bottom:10px;}
  .serviceBox2 li{text-align:center;padding:30px 20px;height: auto;}
  .serviceBox2 li p::after{left:50%;margin-left:-30px;width:60px;}
  .serviceBox2 li h4{margin-top:20px;}
  .caseSlide li h4{padding-bottom:0;}
  .serviceBox4 .more,.caseList .c_more{height:50px;line-height:50px;margin-top:30px;width:50%;}
  .caseShow_top .txt h3{font-size:.75rem;}
  .caseShow_top .txt span{font-size:2em;}
  .caseSynopsis .btn a{width:48%;height:50px;line-height:50px;margin:0;}
  .caseSynopsis .btn a:nth-child(2){float:right;display:none;}
  .backList{display: block;width:100%;margin-top:30px;}
  .backList i{margin-left:0;margin-right:15px;}
  .aboutBox1 .tie2{font-size:1.8em;}
  .aboutBox1 .txt{line-height:1.8;}
  .strength li span{font-size:3em;}
  .valuesMain li{width:95%;margin-right:5%;}
  .valuesMain li .txt{padding-left:0;}
  .valuesMain li h4{font-size:1.5em;}
  .valuesMain li .txt{margin-top:15px;}
  .values .btn{position: static;border-radius:0;width:45px;height:24px;line-height:24px;background:#eee;margin-top:25px;display:none;border:none;}
  .values .swiper-button-prev{opacity:1;transform:scale(1) rotate(180deg);margin-left:38%;}
  .newsWrap{font-size:1em;}
  .newsWrap .back{font-size:14px;}
  
}
@media all and (max-width:520px) {
  .focus{height:360px;}
  /* .focusRight{display:none;}
  .focus .write-mask{right:-130px;}
  .focusBig{right:-30px;} */
  
  .focusTxt .text-group{top:0;}
  .focusTxt{height:auto;display: block;padding-top:0px;}
  .focusTxt .text-item .title{padding-top:30px;}
  .focusTxt .next-card{display:none;}
  .focusTxt{width:100%;}

}

@media all and (max-width:480px) {
  .header .logo img,.fLogo img{height:16px;}
  .banner{height:290px;}
  /* .banner .txt{top:52%;} */
  .banner .txt h3{font-size:1.6em;margin-bottom:10px;padding-bottom:0;}
  .banner .txt h5 span{font-size:1.286em;}
  .banner .txt img{height:30px;}
  .banner .txt h3::after{display:none;}
  .strength .hTitle,.sTitle span, .serviceBox2 li h4{font-size:1.2rem;}
  .hTitle{font-size:1.2rem;}
  .case-group li{width:100%;margin-bottom:20px;}
  .case-group li h4{padding-bottom:0;background: url('../images/arr_r.png') no-repeat right 92%;}
  .strength li span{font-size:2.8em;}
  .project li a{height:360px;}
  .project li em{margin-bottom:40px;}
  .project li h4{margin-top:20px;}
  .partner li{width:25%;}
  .focus{height:270px;}
  /* .focus .write-mask{right:-90px;} */
  .focusTxt .text-group{width:50%;}
  .focusTxt .text-item .title{font-size:1.286em;padding-top:20px;}
  .focusTxt .text-item .sub-title{font-size:12px;}
  .project li h4{font-size:1.5em;}
  .news h4{font-size:1em;}
  .newsR .bgImg{height:260px;}
  .footTop {height:120px;margin-bottom:20px;}
  .listBanner{height:260px;font-size:1.286rem;}
  .aboutBox1 .tie{margin-bottom:10px;}
  .serviceBox1 h3 {font-size:1.5em;margin-bottom:15px;}
  .odds li .txt h4{font-size:1.5em;}
  .aboutBox1 .tie img{height:26px;}
  .strength,.aboutBox1 .strength{font-size:.75rem;}
  .odds li{width:100%;height:auto;padding:40px 15px;}
  .odds li .txt i{margin-left:0;width:60px;float:none;display:block;background-size:240px;height:80px;}
  .odds li:nth-child(2) i{background-position:-60px 0;}
  .odds li:nth-child(3) i{background-position:-120px 0;}
  .odds li:nth-child(4) i{background-position:-180px 0;}
  .sTitle{font-size:.75rem;}
  .odds li .txt{padding-left:0;}
  .newsWrap .title{font-size:1.714em;}
  .contactWrap .title{font-size:1.2rem;}
  .contactWrap li{padding:30px 15px;}

}
@media all and (max-width:380px) {
  .listBanner,.newsR .bgImg{height:220px;}
  .focus{height:260px;}
}