/*  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-top:1px solid #eee;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:#c7161e;color:#fff;}
.wapNav li :hover i,.wapNav .cur i{color:#fff;}
.wapNav .navSub{display:none;background:#f5f5f5;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:40px;font-size:.875em;border-top:1px solid #e5e5e5;}
.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;border-top:1px solid #ddd;}
.wapNav .menu a{float:left;width:50%;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:1rem;}
.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:#c7161e;}

@media all and (max-width:1800px) {
  .container,.container2{padding-left:30px;padding-right:30px;}
  .footMain{padding-right:16%;}
  .headTel,.footWx{right:30px;}


}
@media all and (max-width:1620px) {
  .pd60{overflow:hidden;}
  .banner .txt{width:100%;margin-left:0;left:-10%;}
  .banner .swiper-slide-active .txt,.listBanner h3{left:30px;transform: translateX(0);}




}



@media all and (max-width:1440px) {
  .nav{width:46%;}
  .logo img{height:32px;}
  .about .tie{font-size:8em;}
  .case ul{margin-right:-15px;}
  .case li{padding-right:15px;}
  .newsMain li p{font-size:12px;}
  .newsMain li a{padding:20px;}
  .newsMain .txt a{padding:37px 20px;}
  .caseSlide li .pic{height:520px;}
  .caseSlide .slideIcon{right:18%;}
  .fomilleBox3 {font-size:1em;}
  .dspyxBox2 li:nth-child(2n){margin-left:12%;}
  
}

@media all and (max-width:1240px) {
  .container,.container2{padding-left:15px;padding-right:15px;}
  .header{font-size:.875rem;line-height:79px;}
  .headTel,.footWx{right:15px;}
  .nav{margin-right:190px;}
  .footMain{padding-right:16%;}
  .footer{font-size:.75rem;}
  .banner .swiper-slide-active .txt,.listBanner h3{left:15px;}
  .banner .txt{max-width:50%;}
  .about .tie{font-size:7em;}
  .listBanner, .mzsmBanner{height:380px;}
  .listMenu,.aboutMenu{font-size:1rem;}
  .listMenu a{margin:0 20px;}
  .cultureR{height:420px;}
  .caseList ul{margin-right:-10px;}
  .caseList li{padding-right:10px;margin-bottom:10px;}
  .newsSlide li .pic{height:480px;}
  .proTie{font-size:1.286rem;}
  .seoBox1,.seoBox2,.seoBox4,.font18{font-size:1em;}
  .seoBox1 li span{font-size:1.5em;}
  .seoBox5 ul{margin-right:-80px;}
  .seoBox5 ul li .txt{margin:0 25px;}
  .fomilleTie,.qwyxBox1_main{font-size:1.125em;}
  .fomilleBox3 ul{background:none;}
  .fomilleBox3 li{width:48%;}
  .fomilleBox3 li:nth-child(2n){margin-left:0;}
  .fomilleBox4 li{height:170px;}
  .fomilleBox5 li{height:380px;}
  .ywyxBox3 dt{width:140px;height:140px;margin-top:-70px;padding-top:40px;}
  .dspyxBox2 li:nth-child(2n){margin-left:8%;}
  .dspyxBox4 .info2 li{padding-left:110px;}
  .dspyxBox4 .info2 li i{margin-left:-90px;}
  .wzdzBox1 li{width:31.3%;}

}


@media all and (max-width:1024px) {
  body{padding-top:60px;font-size:.875rem;}
  .header{height:60px;line-height:60px;position: fixed;width:100%;top:0;left:0;padding-top:0;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
  .header .logo img{height:26px;}
  .navTrigger,.wapTel,.wapLang,.footMenu_wap,.footMenu a:last-child{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .headTel,.nav,.gr_kefu,.firendlink,.breadCrumb,.llbBox3 .pic{display:none;}
  .footL,.footR,.searMain,.aboutTxt,.aboutPic,.cultureL,.cultureR,.caseShow_box .box{float:none;width:100%;}
  .footer,.footMain,.footMenu{padding:0;border:none;}
  .footMenu a{float:left;text-align:center;height:40px;line-height:40px;border-bottom:1px solid #333;border-right: 1px solid #333;margin:0;background:none;}
  .footL,.footR{max-width:100%;}
  .footL .tel{margin-left:15px;margin-bottom:10px;}
  .footR{padding-left:0;background:none;border:none;padding:0 15px 15px 15px ;line-height:1.6;}
  .footR p{margin-top:0;}
  .pd60,.listWrap{padding-top:40px;padding-bottom:40px;overflow: hidden;}
  .banner{height:540px;position:relative;}
  .hTitle{font-size:.875rem;}
  .aboutTxt .txt{margin-bottom:20px;}
  .aboutPic{margin-top:30px;}
  .service .big .bgImg,.service .big .txt{height:400px;}
  .service .list{height:380px;}
  .service .list .txt{padding:15px 4%;}
  .service .big .txt{padding-top:40px;}
  .service .big .icon{margin-bottom:30px;}
  .case ul{margin-right:-10px;}
  .case li:nth-child(6),.setting li:nth-child(6){display:block;}
  .case li{width:50%;margin-bottom:0;padding-right:10px;}
  .newsMain .txt a{padding:20px;}
  .newsMain li h4{padding:0;}
  .newsMain li .bgImg,.newsMain li:last-child,.downL .tel,.caseSlide .slideIcon,.caseShow_Top .pic,.showTie .bshare-custom,.fomilleBox6 .pic,.dspyxBox4 .pic,.wzdzBox3 li{display:none;}
  .newsMain li{width:50%;}
  .newsMain li h4{margin-bottom:20px;}
  .caseForm input{width:49%;margin-bottom:10px;}
  .caseForm .sub{width:100%;}
  .listBanner, .mzsmBanner{height:300px;}
  .listMenu{display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#fefcf8;margin-top:0;line-height:45px;}
  .listMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;border-radius:0;width:auto;min-width:auto;color:#333;}
  .listMenu .cur{background:#c7161e;color:#fff;}
  .aboutBox1 .txt{line-height:1.8;padding-bottom:20px;margin-bottom:20px;}
  .aboutNum li b{font-size:4em;}
  .aboutNum li i{font-size:12px;}
  .setting ul{margin-right:-10px;}
  .setting li{padding-right:10px;margin-bottom:10px;}
  .setting li,.setting li:first-child{width:33.3%;}
  .caseSlide li .pic,.caseSlide li .txt, .showPage a,.showPage a:nth-child(2),.dspyxBox4 .info2,.qwyxCon .pic, .qwyxCon .txt{float:none;width:100%;}
  .caseSlide li p{height:auto;}
  .caseList li{width:50%;}
  .caseShow_box .box{ min-height:auto;}
  .caseShow_box2 .box:first-child{padding-bottom:40px;margin-bottom:20px;border-bottom: 1px solid #ddd;border-right:none;}
  .caseShow_box .box{padding:0;}
  .newsSlide .slideIcon{height:60px;line-height:60px;}
  .newsSlide li .pic{height:380px;}
  .newsSlide{padding-bottom:0;}
  .newsList li a{padding:4%;}
  .newsList li {width:50%;padding-right:20px;}
  .showPage a,.showPage a:nth-child(2),.newsRelative,.fomilleBox6 ul,.ywyxBox2 li,.ywyxBox2 li:nth-child(2n){float:none;width:100%;}
  .showPage{height:auto;line-height:1.4}
  .showPage a{margin-top:15px;}
  .showPage a,.showPage a:nth-child(2),.wapTest{display:block;}
  .showPage a:nth-child(3){border:none;border-top: 1px solid #ddd;width:100%;margin-top:10px;line-height:40px;}
  .proTie{font-size:1rem;margin-bottom:30px;}
  .seoBox2 .item img{float:left;max-width:31%;margin:0 1%;text-align:center;}
  .seoBox4 .container2{background:none;}
  .seoBox4 ul{width:100%;float:none;padding:0 !important;}
  .seoBox4 li{height:auto;width:100%;padding:10px 3%;border-radius:0;margin-bottom:5px;}
  .seoBox4 .fl li:nth-child(2){left:0;}
  .seoBox4 .fr li:nth-child(2){right:0;}
  .seoBox6 .seoBtn{position: static;clear: both;transform:translate(0);}
  .seoBox6 .img{width:48%;}
  .fomilleBox1 li{height:180px;padding:3% 2%;padding-left:120px;}
  .fomilleBox1 li h4{padding-bottom:15px;margin-bottom:15px;}
  .fomilleBox1 li i{width:100px;top:60px;}
  .fomilleBox6 li{height:300px;}
  .ywyxBox1 .pic,.ywyxBox4 .pic,.llbBox1 .pic,.llbBox2 .pic,.llbBox4 .pic,.dspyxBox3 .pic,.dspyxBox5 .pic{width:100%;overflow-x:auto;}
  .ywyxBox1 .pic img,.ywyxBox4 .pic img,.llbBox1 .pic img,.llbBox2 .pic img,.llbBox4 .pic img,.dspyxBox3 .pic img,.dspyxBox5 .pic img{width:1024px;max-width:1024px;}
  .ywyxBox5 li{width:25%;margin-bottom:25px;}
  .llbBox3 li{width:31.3%;margin-bottom:20px;min-height:210px;}
  .llbBox3 li h4{min-height:auto;}
  .dspyxBox2{min-height:auto;padding-bottom:180px;}
  .dspyxBox2 ul{padding-top:0px;}
  .dspyxBox2 li{width:48%; margin:0 !important;max-width:100% !important;margin-bottom:15px !important;}
  .dspyxBox4 .info1 li{width:50%;height:360px;padding-top:140px;}
  .dspyxBox4 .info1{margin-bottom:20px;}
  .wzdzBox3 li{height:210px;}
  .wzdzBox3 .pic{position: static;transform:translate(0,0);text-align:center;}
  .qwyxBox1_menu li{height:100px;padding-top:20px;font-size:1.8em;}
  .qwyxCon .txt{margin-top:20px;}
  .qwyxCon .txt i{height:22px;width:22px;line-height:22px;}

  .contactBox1 ul{flex-fow: row wrap;padding:3% 4%;}
  .contactBox1 li {width:50%;float:left;margin:10px 0;}
  .footWx{float: none;position:initial;width: auto;display: table;margin: 20px auto 0;margin-top: 20px;text-align:center;/* background: none; */}
  .footWx img{max-width:120px;}
}

@media all and (max-width:920px) {
  .newsList li .pic{width:320px;height:240px;margin-right:30px;}
  .ywyxBox3 dt{width:120px;height:120px;margin-top:-60px;padding-top:35px;font-size:1.25em;}
  .wzdzBox2 li{width:48%;}
}

@media all and (max-width:768px) {
  .banner{height:420px;}
  .hTitle{font-size:.75rem;text-align:center;margin-bottom:30px;}
  .hTitle i{display: inline;}
  .hTitle span::after{left:50%;margin-left:-15px;}
  .aboutPic{height:380px;}
  .about .tie,.service .big .icon,.case li h4::after,.caseList li h4::after,.qwyxBox1_menu li span{display:none;}
  .aboutTxt .num,.caseForm .title{margin-bottom:20px;}
  .service .big{margin-bottom:5px;}
  .service .big .bgImg,.service .big .txt,.dspyxBox2 li{float:none;width:100%;}
  .service .list{float:none;width:100%;margin-bottom:5px;}
  .service .big .txt{padding:15px;padding-bottom:15px;height:auto;}
  .service .big p{height:auto;padding-bottom:10px;}
  .case .more{width:100%;margin-top:20px;}
  .newsMenu{text-align:center;}
  .newsMenu .m{margin:0 15px;}
  .listBanner, .mzsmBanner{height:260px;text-align:center;}
  .listBanner h3{left:0;font-size:2rem;font-weight:400;}
  .listMenu{font-size:.875rem;}
  .aboutNum li b{font-size:4em;}
  .caseSlide li .pic,#dituContent{height:420px;}
  .caseSlide li h4{margin-bottom:20px;}
  .caseSlide li h4{font-size:2em;}
  .caseSlide{margin-bottom:30px;}
  .caseList .title{margin-bottom:15px;}
  .caseShow_box{padding:30px 15px;}
  .caseShow_box .tie{padding-bottom:10px;margin-bottom:25px;}
  .caseShow_Top h3 {font-size:1.286em;float:none;width:100%;clear: both;}
  .newsSlide .slideIcon{width:100%;position: relative;text-align:center;}
  .proTie,.fomilleTie{font-size:.875rem;margin-bottom:30px;}
  .proTie i{top:0;font-size:3em;}
  .seoBox1,.seoBox2,.seoBox4{font-size:.875em;}
  .seoBox1 li{width:33.3%;margin-top:0;}
  .seoBox2 .left,.seoBox2 .right{float:none;width:100%;max-width:100%;overflow:hidden;}
  .seoBox5 ul{margin-right:0;}
  .seoBox5 ul li{float:none;width:100%;margin:0;margin-bottom:5px;}
  .fomilleBox1 li{width:50%;}
  .fomilleBox1 .btn{margin-top:20px;}
  .fomilleBox1 .btn a{width:42%;padding:0;height:60px;line-height:60px;float:left;margin:0;}
  .fomilleBox1 .btn .a2{float:right;width:54%;}
  .fomilleBox4 li i{margin-right:15px;}
  .fomilleBox5 li{width:48%;margin-bottom:15px;height:auto;}
  .ywyxBox2 li{min-height:auto;padding-left:80px;}
  .ywyxBox2 li::after{width:60px;height:80px;}
  .ywyxBox4 .tie{font-size:1.8em;margin-top:15px;}
  .llbBox3 li{width:48%;}
  .dspyxBox1 li .pic img{max-width:60%;}
  .dspyxBox1 li{height:290px;}
  .dspyxBox2{padding-bottom:40px;background-size:180%;}
  .dspyxBox2 li{margin-bottom:5px !important;padding:10px;}
  .dspyxBox4 .info1{font-size:1.125em;}
  .dspyxBox4 .info1 li{padding:30px 3%;height:auto;}
  .dspyxBox4 .info1 li i{width:60px;height:60px;}
  .wzdzBox1 li{width:48%;}
  .qwyxBox1_menu{height:auto;margin-bottom:20px;overflow:hidden;display: flex;justify-content: space-between;flex-flow: row wrap;}
  .qwyxBox1_menu li{height:50px;line-height:50px;font-size:16px;padding:0;width:auto;flex-grow:1;}
  .qwyxBox1_menu li::after{display:none;}
  .qwyxBox1_main .big{width:100%;}
  .qwyxBox1_main li{padding-right:5px;margin-bottom:5px;width:50%;}




  .contactBox1{margin-bottom:40px;}
 .feedback h3,.showPage a,.showPage a:nth-child(2),.faqList li,.faqList li:nth-child(2n){float:none;width:100%;}
  .feedback h3,.feedback .top{margin-bottom:20px;}
}

@media all and (max-width:640px) {
  .header .logo img{height:20px;}
  .banner{height:320px;}
  .banner .txt{max-width:54%;}
  .banner .swiper-pagination{bottom:5px;}
  .aboutTxt .more{width:100%;}
  .aboutPic,.cultureR{height:300px;}
  .service .list{height:320px;}
  .case li h4{height:auto;text-align:center;padding:10px 0;}
  .case li h4 span{display:none;}
  .newsMain{margin-right:0;}
  .newsMain li{width:100%;float:left;padding-right:0;border-bottom: 1px solid #ddd;margin-top:0;}
  .newsMain li a,.newsMain .txt a{border:none;padding:10px;}
  .newsMain li p{height:auto;padding-bottom:0;margin-bottom:15px;}
  .newsMain li h4{margin-bottom:10px;}
  .newsMain li .date,.newsMenu .more{display:none;}
  .aboutNum ul{flex-flow: row wrap;}
  .aboutNum li{width:33.3%;padding:10px 0;}
  .aboutNum li b{font-size:3.2em;}
  .setting li,.setting li:first-child{width:50%;}
  .setting li p{height:40px;line-height:40px;}
  .caseSlide li .pic{height:320px;}
  .caseSlide li h4{font-size:18px;}
  .caseList li h4{font-size:13px;padding:15px 10px;text-align:center;height:auto;}
  .caseList li h4 span{display:none;}
  .caseList .get_more{width:100%;height:40px;line-height:40px;}
  .caseShow_Top{font-size:.75rem;}
  .caseShow_Top .font span{display:block;}
  .newsSlide li .pic,#dituContent{height:320px;}
  .newsSlide li .pic,.newsSlide li .txt,.contactBox1 li,.dspyxBox1 li,.wzdzBox2 li{float:none;width:100%;}
  .newsSlide li h4{margin-bottom:15px;padding-bottom:10px;}
  .newsList li{float:none;width:100%;}
  .proTie,.fomilleTie{font-size:.75rem;margin-bottom:25px;}
  .seoBox1 li{width:50%;padding:15px 2%;}
  .seoBox1 li i{width:50px;height:66px;background-size:100%;line-height:56px;font-size:24px;margin-bottom:10px;}
  .seoBox1 li span{font-size:1.286em;}
  .seoBox1 .tie2{font-size:1.4em;margin:20px 0;}
  .seoBtn{font-size:18px;padding:10px 20px;}
  .seoBox2{text-align:center;}
  .seoBox2 .right{margin-top:25px;}
  .seoBox2 h5{margin:20px 0;}
  .seoForm .two{margin:0;margin-bottom:10px;}
  .seoForm .tarea{margin-bottom:20px;}
  .fomilleTie span{font-size:1.667em;}
  .fomilleBox1 li,.fomilleBox3 li,.fomilleBox4 li,.fomilleBox4 li:nth-child(2n){width:100%;height:auto;margin-bottom:5px;}
  .fomilleBox1 li i{top:30px;}
  .fomilleBox3 li{margin-bottom:15px;border:1px solid #ddd;padding:3%;}
  .ywyxBox3 dl{width:31.3%;}
  .ywyxBtn,.llbBtn,.dspyxBtn,.wzdzBtn,.wzdzBtn,.qwyxBtn{width:100%;padding:0;margin-top:20px;height:50px;line-height:50px;}
  .ywyxBox5 li{width:33.3%;min-height:220px;padding:0 10px;}
  .ywyxBox5 li span{width:90px;height:115px;line-height:115px;}
  .dspyxBox1 li{margin:0;margin-bottom:20px;height:auto;padding:20px 3%;}
  .dspyxBox5 .proTie br{display:none;}
  .dspyxBox4 .info2 li{padding:15px;margin-bottom:10px;border-width:1px;}
  .dspyxBox4 .info2 li i{display:none;}
  .wzdzBox2 li .txt{height:auto;}
  .qwyxBtn{font-size:18px;}
  .qwyxBox1_main li h5{padding:10px;font-size:15px;}


  .contactBox1 .tie{margin-bottom:25px;}
  .contactBox1 li i{float:left;margin-right:15px;margin-bottom:0;}
  .contactBox1 li span{margin-top:0;}
  .contactBox1 .tie{font-size:2em;}
  .feedback .title{font-size:1.5em;margin-bottom:25px;}
  .feedback p,.feedback .sub,.seoForm p,.seoForm .sub{width:100%;}
  .feedback .code .c{width: 60%;}
  .feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
  .feedback p,.seoForm p{height:50px;line-height:50px;padding-left:40px;}
  .feedback .tarea,.seoForm .tarea{height:100px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
}

@media all and (max-width:480px) {
  .banner,.aboutPic,.service .list .bgImg,.service .big .bgImg,.cultureR,.newsSlide li .pic,#dituContent{height:220px;}
  .service .list{height:auto;background:#fff;}
  .service .list .txt{position: static;color:#666;}
  .service h3{padding-bottom:15px;margin-bottom:10px;}
  .service h3 span{color:#191919;}
  .caseForm input{float:none;width:100%;margin-bottom:5px;}
  .listBanner,.mzsmBanner{height:180px;}
  .cultureL li{float:none;width:100%;height:auto;margin-bottom:15px;}
  .cultureL li span{margin-bottom:5px;}
  .caseSlide li .pic{height:220px;}
  .seoBox6 .seoBtn{width:100%;}
  .fomilleBox1 .btn a{font-size:1.286em;height:50px;line-height:50px;}
  .fomilleBox5 li{width:100%;margin:0;margin-bottom:10px;padding:15px;}
  .fomilleBox6 ul{flex-flow: row wrap;}
  .ywyxBox3 dl{width:48%;min-height:250px;}
  .ywyxBox3 dt{width:100px;height:100px;margin-top:-50px;padding-top:30px;font-size:1em;margin-bottom:20px;}
  .ywyxBox4 .tie{font-size:1.5em;}
  .ywyxBox5 li{width:50%;margin-bottom:10px;}
  .wzdzBox1 li{width:100%;float:none;height:auto;}
  .feedback .title h5,.feedback .title h4,.fomilleBox6 li{float:none;width:100%;}
}