﻿/*  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:#0612f5;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:#0612f5;}




@media all and (max-width:1640px) {
  .container,.proShow li{padding-left:30px;padding-right:30px;}
  .headTel{right:30px;}
  .banner .txt{transform:translate(0);left:-200px;margin-left:0;max-width:42%;}
  .banner .swiper-slide-active .txt{left:30px;margin-left:0;}
  .news{font-size:.875rem;}
  .proShow_con3 .top{padding:80px 5%;}




}





@media all and (max-width:1440px) {
  body{font-size:.875rem;}
  .solutionMain li{width:60%;}
  .solutionMain li p{font-size:1.5em;padding:2% 3%;line-height:40px;}
  .solutionMain .btn{left:18%;}
  .solutionMain .swiper-button-next{left:auto;right:18%;}
  .product li a{height:360px;}
  .product li .info{width:50%;}
  .newsR li a{padding:32px 5%;padding-left:130px;height:172px;}
  .newsR li .date{margin-left:-130px;}
  .newsL .pic{height:370px;}
  .proWrap{font-size:1.286em;}
  .proList{margin-right:-30px;}
  .proList li{margin-top:30px;padding-right:30px;}
  .proShow{font-size:1.143em;}
  .proShow li .info,.culture li{height:720px;}
  .newsShow .title{font-size:2.2em;padding-bottom:30px;margin-bottom:30px;}
  .newsList li .pic{margin-right:4%;}
  .proShow li .txt{font-size:1em;line-height:1.8;}
  
}

@media all and (max-width:1240px) {
  .container,.proShow li{padding-left:15px;padding-right:15px;}
  .header{font-size:.875rem;}
  .logo img{height:50px;}
  .nav{margin-right:190px;width:55%;}
  .footer{font-size:.75rem;}
  .banner .swiper-slide-active .txt{left:15px;}
  .case li{width:33.3% !important;}
  .case .big .pImg{padding-top:70%;}
  .case li p{height:50px !important;line-height:50px !important;font-size:16px;}
  .case li i{display:none;}
  .solutionT{margin-bottom:20px;}
  .solutionMenu li::before{width:32px;height:32px;margin-left:-17px;margin-bottom:-12px;}
  .solutionMain li{width:80%;}
  .solutionMain .btn{left:8%;}
  .solutionMain .swiper-button-next{left:auto;right:8%;}
  .listBanner{height:500px;}
  .proTie{margin-bottom:15px;padding-top:15px;}
  .proTie::after{width:80px;}
  .proTie a{width:120px;height:40px;line-height:38px;font-size:14px;margin-top:-6px;}
  .proList,.caseList ul,.honorMain{margin-right:-15px;}
  .proList li{margin-top:15px;padding-right:15px;}
  .proList li p{height:70px;line-height:70px;}
  .menuBox p{font-size:12px;}
  /* .proShow{font-size:1.25em;} */
  .proShow li .info,.culture li{height:620px;}
  .caseList li, .honorMain li{padding-right:15px;margin-bottom:15px;}
  .proTie2{margin-bottom:30px;font-size:2.2rem;}
  .honorMain li{width:33.3%;}
  .proList2 li{width:50%;}
}


@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;z-index:90;background:#fff;box-shadow:0 1px 5px #ddd;}
  .header .logo{position: static;float:left;transform:translateX(0);}
  .logo img{height:40px;}
  .nav_on{opacity:1;transform: translateX(0);}
  .navTrigger,.wapTel,.banner .wap,.footMenu_wap{display:block;}
  .nav,.headTel,.banner .pic,.banner .txt,.banner .mouse,.footMenu,.gr_kefu,.firendlink,.breadCrumb,.footR h3,.menuBox,.breadCrumb .back,.newsList li .date,.bshare-custom {display:none;}
  .footR,.copyright p,.aboutL,.aboutR,.newsL,.newsR,.newsShow,.rightNews,.aboutBox_r,.aboutBox_l,.solutionTop .bgImg,.solutionTop .info{float:none;width:100%;}
  .footer,.footMain{padding:0;border:none;min-height:auto;}
  .footMenu_wap a{float:left; width:33.3%; border:1px solid #e8edf2;margin-left:-1px;margin-top:-1px;height:36px;line-height:36px;}
  .footMenu_wap a:nth-child(3n){border-right:none;}
  .footR{padding:15px;border:none;}
  .footR ,.tel{padding-top:0;}
  .copyright{overflow:hidden;}
  .banner{height:auto;}
  .banner .wap{width:100%;}
  .banner .swiper-pagination{bottom:5px;}
  .banner .swiper-pagination-bullet{height:10px;}
  .pd60,.listWrap{padding-top:30px;padding-bottom:30px;overflow: hidden;}
  .hTitle{font-size:28px;margin-bottom:25px;}
  .product li{width:100%;margin-top:10px !important;}
  .about .container{padding:0;}
  .aboutR{height:420px;}
  .aboutL{padding:20px;height:auto;}
  .aboutL .txt{height:auto;margin-bottom:25px;}
  .aboutNum,.aboutL .hMore{position: static;margin-top:0;} 
  .aboutL .hMore{float:none;display:inline-block;}
  .aboutNum{overflow:hidden;position:relative;bottom:0;margin-bottom:2px;}
  .aboutNum li{padding-top:30px;height:150px;}
  .newsR li a{height:auto;padding:15px 3%;padding-left:130px;}
  .proList{margin-bottom:80px;}
  /* .proShow{font-size:1.125em;} */
  .proShow li h3{margin-bottom:15px;}
  .proShow .p1 h3{font-size:2em;}
  .proShow li .info,.culture li{height:460px;}
  .proShow li .info{height:auto;padding:40px 0;}
  .proShow li .txt,.proShow li .pic{position:static;width:100%;transform: translateY(0);max-height:100%;}
  .proShow li .txt .hMore,.proShow li .txt{margin-top:30px;}
  .proShow li .pic{text-align:center;display:block;}
  .proShow_con3 .top{padding:60px 3%;}
  .proShow_con3 .title{margin-bottom:30px;}
  .message{padding:30px 15px;}
  .message p{margin-bottom:15px;}
  .solutionList li{margin-bottom:40px;}
  .solutionList li .pic{height:460px;}
  .solutionList li .txt{height:360px;margin-top:-180px;padding:4%;font-size:14px;}
  .solutionList li h4{font-size:2em;}
  .solutionShow{font-size:1em;}
  .solutionShow_menu{justify-content: space-between;} 
  .solutionShow_menu li{margin:0;padding:0 10px;padding-bottom:25px;}
  .solutionShow_con{padding-top:60px;padding-bottom:60px;}
  .caseList li{width:50%;}
  .breadCrumb_wap{display: block;padding:15px 0;}
  .newsShow .title{padding-bottom:15px;margin-bottom:15px;font-size:2em;}
  .rightNews ul{margin-right:-10px;}
  .rightNews li{width:33.3%;padding-right:10px;}
  .newsList li{padding-left:0;}
  .contactTxt,#dituContent{float:none;width:100%;}
  #dituContent,.aboutBox_r{height:420px;}
  .aboutBox_r{margin-bottom:25px;}
  .culture li .txt{padding-top:25%;}
  .culture li i{width:60px;height:60px;background-size:60px;}
  .culture li:hover i{background-position: 0 -60px;}
  .solutionTop .info{height:auto;}
  .solutionTop .bgImg{height:460px;}
}

@media all and (max-width:920px) {
  .proShow{font-size:1em;}
  /* .proShow li .info{height:420px;} */
  .solutionShow_con .pic{float:none;width:100%;margin-bottom:20px;}
  .solutionShow_con .pic img{width:100%;}
  .solutionShow_con li .txt{position: static;width:100%;transform: translateY(0);}
  .solutionShow_con .txt h4{margin-bottom:10px;}
}

@media all and (max-width:768px) {
  .case li{width:50% !important;}
  .case li p{position: static;text-align:center;color:#333;font-size:15px;}
  .case li p::after,.case li .pImg::after{display:none;}
  .solutionMain li p{font-size:1.286em;}
  .solutionMain li{width:90%;padding:0 1%;}
  .solutionMain .btn{width:45px;height:45px;line-height:45px;font-size:18px;left:2%;}
  .solutionMain .swiper-button-next{left:auto;right:2%;}
  .aboutR{height:360px;}
  .aboutNum li span{font-size:3.5em;}
  .proWrap{font-size:1rem;}
  .proList{margin-right:-10px;margin-bottom:60px;}
  .proList li{margin-top:10px;padding-right:15px;}
  .proList li p{height:60px;line-height:60px;}
  .listMenu_wap{font-size:.875rem;}

  .message p{width:100%;margin-bottom:10px;}
  .solutionList li .pic{float:none !important;width:100%;height:380px;}
  .solutionList li .txt{position: static;width:100%;margin-top:0;height:auto;}
  .solutionList li h4{padding-bottom:15px;margin-bottom:25px;}
  .solutionShow_menu li i{font-size:2.5em;}
  .proTie{font-size:2rem;}
  .caseSlide{margin-top:25px;}
  .caseList li .txt span{display:none;}
  .caseList li h4{margin-bottom:0;height:50px;line-height:50px;text-align:center;padding:0 10px;background:#f5f5f5;font-size:14px;}
  .caseList li .txt{padding:0;}
  .newsShow .title,.showTie h2{font-size:1.8em;}
  .rightNews li{width:50%;}
  .newsList li{margin-bottom:30px;}
  .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;}
  .contactTxt{padding-top:40px;}
  .contactTxt .tie{height:auto;margin-bottom:20px;padding-bottom:15px;font-size:26px;}
  .contactTxt .wx{width:110px;top:15px;}
  .contactTxt .p3{padding-top:15px;}
  .contactTxt li{padding:15px 0;}
  #dituContent,.aboutBox_r{height:380px;}
  .feedback h4,.feedback h3{float:none;width:100%;}
  .feedback h3,.feedback .top{margin-bottom:20px;}
  .honorMenu{margin-bottom:25px;}
  .honorMenu a{width:120px;height:42px;line-height:40px;margin:0 10px;}
  .honorMain li{width:50%;}
  .solutionTop .bgImg{height:380px;}
}

@media all and (max-width:640px) {
  .footMenu{font-size:14px;}
  .case li p{font-size:14px;padding:0 !important;line-height:40px !important;height:40px !important;}
  .hTitle{font-size:24px;}
  .case .cmore,.hMore{width:100%;margin-top:20px;height:42px;line-height:42px;}
  .solution .hMore{width:94%;}
  .solutionMain li p{font-size:1em;line-height:30px;}
  .solutionMain li p span{font-size:12px;}
  .solutionMenu li{padding-bottom:30px;}
  .solutionMain .btn,.product li .txt,.product li .more,.newsR .more,.caseSlide li i{display:none;}
  .solutionMain li .pImg{padding-top:50%;}
  .product li .pic{position: static;text-align:center;display:block;transform: translateY(0);width:100%;}
  .product li .info{float:none;width:100%;padding:5%;padding-bottom:20px;}
  .product li a{height:auto;padding:0;}
  .product li .txt{min-height:auto;max-height:100%;}
  .product li h3{margin-bottom:10px;}
  .aboutL{padding:15px;}
  .aboutL .hTitle{margin-bottom:15px;}
  .aboutR,.newsL .pic,.solutionTop .bgImg{height:280px;}
  .aboutNum li{height:110px;padding-top:20px;}
  .aboutNum li span{font-size:3em;}
  .newsR li a{padding:15px 0;}
  .proList li{width:100%;}
  .listMenu_wap  a{line-height:40px;height:40px;}
  .proShow li h3{font-size:1.429em;margin-bottom:10px;}
  .proShow_con3 .top{padding:40px 3%;font-size:1.286em;letter-spacing:2px;}
  .proShow_con3 .top p{background-position:left center;}
  .message p{padding-left:50px;}
  .solutionList li .pic{height:300px;}
  .solutionShow_con{padding-top:30px;padding-bottom:30px;}
  .solutionShow_menu li{padding-bottom:15px;}
  .caseSlide li p{height:50px;line-height:50px;}
  .caseList ul{margin-right:-10px;}
  .caseList li{padding-right:10px;margin-bottom:10px;}
  .showTie{padding-bottom:20px;margin-bottom:20px;}
  #dituContent,.aboutBox_r{height:300px;}
  .feedback p,.feedback .sub{width:100%;}
  .feedback .code .c{width:74%;}
  .feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
  .feedback p{padding-left: 40px;margin-bottom:10px;}
  .feedback .tip{margin-bottom:10px;}
  .hTitle span{font-size:14px;}
  .honorMain{margin-right:-10px;}
  .honorMain li{padding-right:10px;margin-bottom:10px;}
  .honorMenu a{font-size:15px;height:36px;line-height:34px;}
  .solutionTop .tie{font-size:1.5em;margin-bottom:10px;}
}

@media all and (max-width:480px) {
  .product li .pic img{max-width:80%;}
  .aboutR{height:200px;}
  .aboutNum li span{font-size:2.5em;}
  .aboutNum li i{font-size:14px;margin-left:0px;}
  .aboutNum li:nth-child(3) i, .aboutNum li:nth-child(4) i{font-size:20px;}
  .aboutNum li{height:90px;padding-top:15px;}
  .newsL .pic{height:180px;}
  .proWrap{font-size:.875rem;}
  .proTie::after{width:60px;}
  .proTie a{width:100px;height:34px;line-height:32px;}
  .proTie{font-size:1.6rem;}
  .solutionList li .pic{height:180px;}
  .solutionList li h4{font-size:1.714em;}
  .solutionList li .pic,.solutionTop .bgImg{height:200px;}
  .newsList li .more{display:none;}
  .showTie h2{font-size:22px;}
  .contactTxt li .fl{float:none;width:100%;margin-top:15px;}
  .contactTxt .wx{width:90px;right:0;}
  .contactTxt .tie{font-size:22px;}
  #dituContent,.aboutBox_r{height:260px;}
  .culture li {height:360px;}
  .culture li .txt{padding-top:10%;;}
  .culture li h4{padding-bottom:15px;margin-bottom:25px;}
}

