﻿/*  WAP主导航 */
.wapNav{overflow-y:auto;height:100%;opacity:0;transform: translateX(-100%);transition:all 0.6s;background:#fff;width:100%;position: fixed;left:0;top:0;z-index: 40;padding:60px 0;}
.wapNav li{position:relative;}
.wapNav li a{display:block;padding-left:20px;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;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;line-height:50px;}
.wapNav li.cur>a,.wapNav .cur>a:hover{background:#da241c;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f1f1f1;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;}
.wapNav .navSub ul{background:#f1f1f1;}
.wapNav .navSub ul li a{height:34px;line-height:34px;padding-left:60px;}
.wapNav .menu{overflow:hidden;font-size:1rem;}
.wapNav .menu a{float:left;width:100%;text-align:center;line-height:50px;border-right:1px solid #eee;color:#333;border-bottom:1px solid #eee;}
.wapNav .menu a i{font-family:"iconfont";margin-right:5px;position:relative;font-style:normal;color:#666;font-size:1.4rem;}
.wSearch{background:#f1f1f1;overflow:hidden;padding:20px 15px;font-size:12px;}
.wSearch form{margin:0 auto;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;}
.wSearch .sear_btn{ float:left;width:60px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:14px;transition:all 0.3s;margin-right:-60px;}
.wSearch .sear_btn:hover{background:#da241c;}

@media all and (max-width:1800px) {
  .container{padding-left:15px;padding-right:15px;}
  .footMain{padding-right:290px;}





  .listBanner h3{padding-left:15px;}
  .strengthPic li{height:180px;}
  .strengthR {padding-right:0;padding-left:5%;}
}


@media all and (max-width:1600px) {
  .nav{font-size:1rem;}
  .odds{font-size:1em;}
  .nav .container,.search,.setting{padding-left:0;padding-right:0;}

}

@media all and (max-width:1440px) {

  .footMenu em{margin:0 15px;}
  .footInfo .tel{left:75%;}
  .proPic{margin:0 -5px;}
  .proPic li{padding-left:5px;padding-right:5px;}
  .proPic li .pic{height:260px;line-height:260px;}
  .proPic li h4{font-size:18px;}
  .oddsMain li img{max-width:50%;}
  .proSider{font-size:.875rem;}
  .proShow_R .font{font-size:14px;line-height:1.6;}
  .proShow_R .btn a{height:40px;line-height:40px;}
  .downL{padding:4% 2%;}
  .caseList ul{margin-right:-15px;}
  .caseList li{padding-right:15px;}
  .contactBox1 li strong{font-weight:400;font-size:1.429em;}
  #dituContent{height:460px;}
  .cultureL{width:55%;}
  .cultureR{width:45%;overflow-y:auto;}
  .honorSlide .btn{left:0px;}
  .honorSlide .swiper-button-next{right:0;left:auto;}
  .demandBox1 .font h3{font-size:2.8em;}
  .demandIcon li i{width:150px;height:150px;background-size:100%;}
}

@media all and (max-width:1200px) {
  .header{font-size:.875em;}
  .footMenu em{margin:0 10px;font-size:14px;}
  .footInfo{padding-left:190px;}
  .footLogo{margin-left:-190px;padding-top:10px;}
  .footLogo img{height:55px;}
  .footInfo .txt{max-width:360px;}
  .adv h4{font-size:1em;}
  .oddsMain li p{height:50px;line-height:50px;}
  .oddsMain li h4{height:80px;line-height:80px;}
  .newsSlide .pic .bgImg{height:320px;}
  .newsSlide .font:last-child{display:none;}
  .newsSlide .font a{height:120px;}
  .faq .bgImg{height:75px;}
  .newsSlide .font a{padding-left:80px;}
  .newsSlide .font .date{margin-left:-80px;width:60px;padding-top:10px;}
  .newsSlide .font .date b{font-size:42px;}
  .proShow_R .font{min-height:auto;height:120px;overflow:hidden;padding-bottom:15px;}
  .aboutBox1 .title,.demandBox1 .font h3{font-size:2.3em;}
  .newsList li{font-size:.75rem;}
  .newsList li .font{width:70%;}
  .serviceImg{height:200px;}
  .picShow_r li p{display:none;}
  .album ul{margin-right:-1px;}
  .album li{margin-bottom:1px;padding-right:1px;}
  .picList ul{margin-right:-15px;}
  .picList li{padding-right:15px;}
  .honorList li{width:25%;}
  .demandBox1 .font h4{font-size:1.8em;}
}


@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .pd80,.listWrap{padding-top:40px;padding-bottom:40px;}
  .header{position: fixed;z-index:99;top:0;left:0;width:100%;padding-top:0;}
  .headR,.nav,.gr_kefu,.proBox .swiper-button-black,.header .tie,.gallery-thumbs,.serviceMain::after,.picShow_r,.bshare-custom,.feedbackL,.footWx,.case .big span,.breadCrumb{display:none;}
  .header{height:60px;line-height:60px;background:#fff;box-shadow:0 0 3px #ccc;}
  .header .logo{border-right:none;}
  .header .logo img{height:36px;}
  .navTrigger,.footMenu_wap,.proPic li:last-child,.wapLang{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .footMain{padding-right:15px;}
  .footInfo .tel{left:80%;}
  .footer{padding:30px 0;}
  .hTitle{font-size:32px;margin-bottom:30px;}
  .hTitle span{font-size:12px;}
  .pl { display: block!important;margin-bottom:30px; }
  .pl a { width:31.5%!important;margin: 0 5px 5px 0!important;white-space: nowrap; }
  .proMenu{display: flex;justify-content:space-between;}
  .proMenu a{margin:0;float:left;border-right: 1px solid #333;flex-grow:1;padding:0 8px;width:auto;overflow: hidden;}
  .proSlide li .pic img{width:100%;}
  .proPic li{width:50%;}
  .adv .font,.adv .bgImg,.apply .left,.apply .right,.newsL,.faq,.gallery,.proShow_R,.picShow_l,.aboutBox1 .font,.aboutBox1 .pic,.feedbackR{float:none;width:100%;display:block;}
  .adv .bgImg{margin-bottom:30px;}
  .adv .txt{height:auto;margin-bottom:30px;}
  .adv dl{padding-bottom:20px;margin-bottom:40px;}
  .adv .title{max-width:90%;margin:0 auto;margin-bottom:40px;}
  .partner li,.processMain li{width:16.6%;}
  .about{padding-bottom:0;}
  .faq{margin-top:30px;}
  .faq .bgImg{height:100px;}
  .listBanner{height:360px;text-align:center;}
  .listMenu{margin-top:0;background:#f1f1f1;height:auto;overflow:hidden;}
  .listMenu a{color:#191919;border:none;}
  .listMenu a:hover,.listMenu .cur{color:#fff;}
  .listMenu a:hover::after,.listMenu .cur::after{background:#da241c;}
  .listTie{font-size:30px;margin-bottom:30px;}
  .gallery{border-bottom: 1px solid #ddd;border-right:none;}
  .gallery .gallery-top{max-height:100%;}
  .proShow_R .font{min-height:auto;height:auto;}
  .gallery .gallery-top{border-bottom:none;}
  .caseList li,.picList li{width:33.3%;}
  .videoList ul{margin-right:-15px;}
  .videoList li{padding-right:15px;margin-bottom:20px;}
  .aboutBox1 .pic{height:520px;margin-bottom:30px;}
  .aboutBox1 .txt{min-height:100%;}
  .cultureR,.cultureL{height:auto;}
  .newsTop li{width:33.3%;margin-bottom:20px;}
  .newsTop li:last-child{display:none;}
  .newsList li .date{display:none;}
  .newsList li .font{padding-top:0;}
  .newsList li .pImg{width:30%;}
  .contactBox1 li{width:50%;padding:15px;min-height:120px;padding-left:45px;}
  #dituContent{height:420px;}
  .feedback .tarea{height:120px;}
  .bdshare-slide-button-box{display:none !important;}
  .contactBox1 .cLogo img{height:100px;}
  .contactBox1 .font{padding-left:380px;}
  .contactBox1 .cLogo{margin-left:-380px;}
  .demandIcon li i{width:100px;height:100px;}
}

@media all and (max-width:920px) {
  .footInfo .tel{display:none;}
  .case li{width:33.3%;}
  .case li.big{width:100%;}
  .case .big .txt{right:0;padding:4%;}
  .honorSlide .btn{position:static;margin-top:20px;display:inline-block;}
  .demandBox1 .btn{width:180px;}
  .demandBox1 .font p{height:160px;}
  .demandBox1 .bgImg{height:370px;}
}

@media all and (max-width:768px) {
  .footInfo{padding-left:0;}
  .footLogo,.footMenu em,.searFont{display:none;}
  .footMenu{margin-bottom:20px;font-size:12px;display: flex;flex-flow:row wrap;text-align:center;}
  .footMenu a{flex-grow:1;padding:0 10px;margin-bottom:10px;}
  .firendlink{padding:10px 0;}
  .proSlide li .btn{width:110px;margin-right:10px;}
  .proPic li{width:100%;}
  .proSlide li h4{font-size:1.8em;}
  .proSlide li .pic,.proSlide li .txt,.searMain{float:none;width:100%;}
  .proSlide li .pic{max-width:80%;display:block;margin:0 auto;}
  .proSlide li .txt{position:static;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0); transform:translateY(0);top:0;}
  .oddsMain li img{max-width:40%;}
  .searMain{border:none;}
  .partner li{width:20%;}
  .about .vIcon{height:100px;line-height:100px;background-size:90px;width:130px;}
  .newsSlide .font a{padding-left:0;}
  .newsMenu a{width:33.3%;float:left;border-right: 1px solid #ddd;font-size:14px;}
  .listMenu .menu{display: -webkit-flex;display:flex;-webkit-justify-content: space-around;justify-content:space-around;flex-flow: row wrap;font-size:.875rem;padding:10px 0;border-bottom: 1px solid #ddd;}
  .listMenu a{margin:5px 10px;line-height:30px;padding:0;}
  .listMenu a::after{display:none;}
  .listMenu .cur, .listMenu a:hover{color:#da241c;}
  .mb50{margin-bottom:30px;}
  .listBanner h3{font-size:2em;top:42%;}
  .proList{padding:0 15px;margin:0;}
  .proList li{margin-bottom:20px;}
  .proList ul{margin-right:0;}
  .videoList li{width:50%;}
  .videoList li p{height:45px;line-height:45px;}
  .videoList ul{margin-right:-10px;}
  .videoList li{padding-right:10px;}
  .aboutBox1 .pic{height:460px;}
  .gallery .btn{width:40px;}
  .caseList li{width:50%;}
  .proShow_box1 {border:none;}
  .proShow_R{padding-left:0;padding-right:0;}
  .serviceImg{height:160px;}
  .faqList li,.faqList li:nth-child(2n),.showPage a,.showPage a:nth-child(2),.demandBox1 .bgImg,.demandBox1 .font{width:100%;float:none;}
  .showPage{height:auto;line-height:40px}
  .showPage a{display:block;text-align:left;}
  .showPage a:nth-child(2) i{margin:0;margin-right:10px;}
  .showPage a:nth-child(3){border:none;border-top: 1px solid #bbb;width:100%;margin-top:10px;}
  .contactBox2 li{width:50%;margin-top:-1px;min-height:150px;padding:15px;}
  #dituContent{height:380px;}
  .cultureL .big{height:480px;}
  .cultureL li{height:160px;}
  .proSear{width:100%;}
  .newsList li a{padding:5%;}
  .newsTop li{width:50%;}
  .culture li{float:none;width:100%;margin-bottom:10px;}
  .contactBox1 .font{padding-left:0;}
  .contactBox1 .cLogo{margin-bottom:30px;margin-left:0;float:none;}
  .contactBox1 .txt{width:100%;border-left:none;padding-left:0;float:none;}
  .contactBox1 .cLogo img{height:80px;}
  .demandBox1 .font{padding-top:30px;}
  .demandBox1 .font p{height:auto;margin-bottom:30px;}
  .demandIcon li {width:33.3%;margin-bottom:25px;}
  .demandIcon li{font-size:1em;}
}

@media all and (max-width:640px) {
  .proPic li .pic,.proPic li .txt{float:none;width:100%;display:block;}
  .proPic li .pic{height:auto;line-height:100%;max-width:90%;margin:0 auto;}
  .proPic li .txt{position:static;-webkit-transform: translateY(0); -moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0); transform:translateY(0);top:0;padding:5%;padding-top:10px;}
  .proPic li .txt h4{margin-bottom:10px;}
  .proPic li .txt::after,.proPic li:last-child,.oddsMain li:nth-child(2),.apply ul:nth-child(3){display:none;}
  .adv .bgImg{height:280px;}
  .adv .txt i{height:50px;line-height:50px;font-size:2em;width:50px;margin-left:-70px;}
  .adv h4 strong{font-size:2em;}
  .adv .txt{padding-left:70px;}
  .oddsMain li{float:none;width:100%;}
  .apply .left{height:180px;}
  .apply ul,.case li{width:50%;}
  .case .li p{bottom:0;height:35px;line-height:35px;}
  .partner li,.processMain li{width:25%;}
  .newsSlide .pic{float:none;width:100%;margin-right:0;}
  .newsSlide .font h4{font-size:14px;}
  .newsSlide .pic h4{font-size:16px;border-bottom: 1px solid #ddd;padding-bottom:15px;height:auto;margin-bottom:15px;}
  .listBanner{height:260px;}
  .relative_pro ul{margin-right:-10px;}
  .relative_pro li{width:50%;padding-right:10px;margin-bottom:10px;}
  .proShow_menu a{width:130px;margin:0 5px;}
  .caseList li .txt p,.newsList li .date{display:none;}
  .caseList li .txt{padding:0;height:auto;border-bottom:none;}
  .caseList li h4{font-weight:normal;padding-top:10px;font-size:1em;}
  .caseList ul{margin-right:-10px;}
  .caseList li {margin-bottom:10px;padding-right:10px;}
  .videoShow{height:420px;}
  .aboutBox1 .pic{height:380px;}
  .aboutBox1 .title{font-size:2em;}
  .aboutBox1 .title span{font-size:14px;}
  .newsTop{padding-bottom:30px;margin-bottom:30px;}
  .newsList li .pImg{padding-top:65%;margin-bottom:20px;}
  .newsList li .pImg,.newsList li .font{width:100%;float:none;}
  .newsTop li,.newsTop li p{height:auto;}
  .contactBox2 li,.contactBox1 li{margin-bottom:10px;min-height:auto;}
  #dituContent{height:320px;}
  .feedback p,.feedback .sub{width:100%;}
  .feedback .code .c{width: 60%;}
  .feedback .sub,.picList li p{margin-top: 10px;}
  .feedback p{padding-left: 40px;}
  .cultureL .big{height:380px;}
  .cultureL li{height:124px;}
  .album li{width:50%;}
  .album li:last-child{display:none;}
  .job li .tie{font-size:14px;padding:15px 5%;}
  .picList ul{margin-right:-10px;}
  .picList li{padding-right:10px;margin-bottom:15px;}
  .contactBox1 li{width:100%;border-bottom: 1px solid #ddd;border-right:none;}
  .feedback p{margin-right:0;}
  .demandForm .tarea{width:100%;}
  .demandBox1 .btn{width:100%;margin-bottom:10px;}
}

@media all and (max-width:480px) {
  .adv .bgImg{height:180px;}
  .apply .left{height:120px;}
  .partner li{width:25%;}
  .honor .swiper-pagination{display:none;}
  .newsSlide .pic .bgImg{height:260px;}
  .videoList li{width:100%;margin-bottom:20px;}
  .videoShow{height:280px;}
  .aboutBox1 .pic{height:240px;}
  .newsTop li{width:100%;}
  .picList li{width:50%;}
  .listBanner{height:180px;}
  .proShow_menu a{width:33.3%;border-radius:0;margin:0;margin-left:-1px;float:left;}
  .serviceImg{height:120px;}
  .cultureL .big,.cultureL ul{float:none;width:100%;}
  .cultureL .big{height:260px;margin-bottom:1px;}
  .cultureL li{ height:80px;float:left;width:33.3%;}
  #dituContent{height:280px;}
  .demandIcon li i{width:60px;height:60px;}
}

