/* wapNav */
.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 20px 20px 20px;}
.wapNav li{position:relative;font-size:16px;}
.wapNav li a{display:block;color:#222;height:55px;line-height:55px;border-bottom:1px solid #eee;position:relative;}
.wapNav li i{font-family:"iconfont";color:#ccc;font-size:0.8em;font-style:normal;position:absolute;right:0;top:0px;line-height:55px;transition:all .5s;}
.wapNav li.cur>a,.wapNav .cur>a:hover,.wapNav li :hover i,.wapNav .cur i{color:#0667b5;}
.wapNav .on i{color:#0667b5;}
.wapNav .on i{transform: rotate(180deg);}
.wapNav .navSub{display:none;border-bottom: 1px solid #eee;}
.wapNav .navSub li a{height:40px;line-height:40px;padding-left:20px;font-size:15px;border:none;color:#333;}
.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: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:#0667b5;}
/* wapNav */

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

@media all and (max-width:1620px) {
/* css */	
.container,.container1{padding-left:30px;padding-right:30px;}
.pd60,.listWrap,.listMenu_box {overflow:hidden;}
/* header */	
.banner .btn{right:30px;}
.nav {max-width: 600px;}
/* banner */	
.banner .btn{right:30px;}
.banner .num,.banner div.progress{left:30px;}
/* clContact */
.contactBox{margin-left:30px;margin-right:30px;width:auto;}
/* clMenu */
.clMenu{padding-top: 16px;padding-bottom: 16px;}
.clMenu ul{margin: -4px -40px;width: calc(100% + 80px);}
.clMenu ul li{padding: 4px 40px;}
.clMenu ul li a{font-size: 16px;line-height: 20px;}
}

@media all and (max-width:1500px) {
/* header */	
.nav {max-width: 440px;}
}

@media all and (max-width:1440px) {
/* css */		
body{font-size:.875rem;}
/* header */	
.nav{font-size:1rem;margin-right: 290px;}
.header .logo img{ height:50px;}
.header .logo .txt {font-size: 18px;margin-left: 20px;}
.header .logo .txt:before {left: -10px;}
.header .logo .txt font {font-size: 13px;}
.headTel {margin-top: 24px;}
.headTel span {font-size: 22px;}
/* clApply */
.applyMain li h4 {left: 5%; font-size:26px;}
.applyMain li h4 span {font-size: 16px;}
/* footer */
.footer{font-size:.75rem;}
/* clExample */
.proSide_sub li a{height:70px;line-height:70px;}
.proSider .title span::after{height:24px;}
.proList ul{margin-right:-20px;}
.proList li{padding-right:20px;margin-bottom:20px;}
/* clExample */
.footer .ewm {margin-left: 0;}
}

@media all and (max-width:1260px) {
/* css */		
.container,.container1{padding-left:15px;padding-right:15px;}
/* header */	
.header{font-size:.875rem;height: 80px;line-height: 79px;}
.nav .m>a {font-size: 16px;}
.header .logo img{ height:45px;}
.headTel{font-size: 16px;line-height: 20px;margin-top: 20px;}
.header .logo .txt{ display:none;}
.nav {max-width: 500px;}
.headTel span {font-size: 18px;}
/* clTitle */	
.clTitle {font-size: 1.75rem;}
/* clApply */
.applyMain li h4{font-size:1.286em;}
.clApply ul {margin-right: -25px;}
.applyMain li {padding-right: 25px;margin-bottom: 25px;}
/* clAbout */
.aboutL .pic{height:460px;}
/* footer */
.footer .ewm img{width:130px;}
.footer .ewm span {margin-left: 10px;}
.footer .ewm {font-size: small;}
/* listBan */
.listBan{height:380px;}
/* clContact */
.clContact .txt h4 {font-size: 20px;margin-bottom: 25px;}
.contactBox{margin-left:15px;margin-right:15px;}
.clFaq ul li .dt {font-size: 18px;}
/* clExample */
.proSider{font-size:1em;}
.proList ul{margin-right:-15px;}
.proList li{padding-right:15px;margin-bottom:15px;}
.proSide_sub li a{padding-right:20px;}
/* proShow */
.proShow1 .con .title {margin-bottom: 20px;font-size: 18px;padding-bottom: 20px;}
.proShow1 .con .font {min-height: 80px;}
.proShow1 .con {height: 330px;}
.proShow1 .pic .img {height: 330px;}
.proShow1 {margin-bottom: 30px;}
.proShow2 .title, .showTie2 {height: 50px;padding: 0 4%;font-size: 18px;line-height: 50px;}
.proShow2 .tie{font-size: 16px;}
.proShow2 .info p {font-size: 14px;line-height: 26px;}
/* clAbouts */
.clAbouts .left{padding-top:0;}
.clAbouts .tie{font-size:2em;margin-bottom:25px;}
.qualification .btn{display:inline-block;}
/* clTest */
.clTest .one .name,.clTest .two .name,.clTest .list li .name {font-size: 20px;line-height: 30px;height: 30px;}
}

@media all and (max-width:1024px) {
/* css */		
body{padding-top:60px;font-size:.875rem;}
.pd60, .listWrap,.pd50{padding-top:40px;padding-bottom:40px;overflow:hidden;}
/* header */	
.header{height:60px;line-height:60px;background:#fff;border-bottom: 1px solid #eee;}
.header .container{height:60px;}
.header .logo img{height:38px;}
.header .bar {right: 100px;}
.nav,.gr_kefu,.banner .big,.headTel,.proSide_sub,.listMenu_box p,.relaPro,.proShow_R .wx,.picShow_r{display:none;}
.navTrigger,.wapTel,.banner .small,.wapTip,.proSider .title i{display:block;}
.nav_on{opacity:1;transform: translateX(0);}
/* banner */	 
.banner .mouse,.banner .btn{display:none;}
.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;}
/* clTitle */	
.clTitle {font-size: 1.5rem;}
/* clApply */
.applyMain li{width:33.3%;margin-bottom:10px;padding-right: 10px;}
.clApply ul {margin-right: -10px;}
/* clAbout */
.aboutL,.aboutR{float:none;width:100%;}
.aboutL,.newsL {margin-bottom:15px;}
.aboutR{text-align:left;}
.aboutR .txt,.aboutR .hMore{margin-bottom:25px;}
.aboutNum{position: static;width:100%;display:flex;justify-content: space-between;flex-flow:row wrap;}
.aboutNum li {padding:0 2%;height:auto;border:none;width:auto;}
.aboutNum li i{font-size:2em;}
/* clNews */
.clNews ul {display: flex;margin: 0 0 -10px -10px;flex-wrap: wrap;}
.clNews ul li{width: calc(50% - 10px);margin: 0 0 10px 10px;}
.clNews ul .box{padding:20px;}
.clNews ul h4 {font-size: 16px;}
.clNews ul .one .pic {height: auto;}
.clNews ul .one .low{margin-top:20px;font-size: 13px;} 
.clNews ul .two:after{ display: none;}
.clNews ul .two a {padding: 20px 20px;}
.clNews ul .two h4:before{margin-right:8px;width:6px;height:6px;}
/* footer */
.footMenu{float:none;width:100%;display:block;} 
.footMenu dl{width:100%;border-bottom: 1px solid #555;margin-bottom:15px;}
.footMenu dt{margin-bottom:15px;font-size:15px;}
.footMenu dd{display:none;padding-bottom:15px;}
.footMenu dd a{padding-left:20px;}
.footMenu dt::after,.footMenu dt::before,.wapLang{display:block;}
.footMenu .n a{display: block;}
.footTxt{max-width:100%;margin-left:0;}
.copyright p{float:none;display:inline;}
/* listBan */
.listBan .txt{top:50%;}
/* clContact */
.clContact .bgImg{float:none;width:100%;}
.clContact .txt {width: 100%;padding: 6%;}
.clContact .txt h4 {margin-bottom: 15px;padding-top: 2%;}
.clContact li{margin-bottom:15px;}
.contactBox{margin-top:30px;margin-bottom:30px; font-size:16px;}
.contactBox .wx span {padding: 5px;width: 100px;height: 100px;margin-right: 0;}
.contactBox .con p i{height:40px;line-height:40px;width:40px;font-size:1.286rem;margin-top:-10px;}
.contactBox .con p {height:auto;margin-bottom:15px;padding-top:0;min-height:45px;}
/* clInformation */
.newsSlide{margin-bottom:30px;}
.newsSlide li .pic{height:400px;}
.newsList li{width:50%;}
/* clMenu */
.clMenu ul{margin: 0 -16px;width: calc(100% + 32px);white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;text-align: left;}
.clMenu ul::-webkit-scrollbar{ display: none;}
.clMenu ul li{padding: 0 16px;}
.clMenu ul li a{font-size: 16px;line-height: 20px;}
/* infoShown */
.infoShown .title{padding-bottom: 0.6rem;margin-bottom: 0.6rem;}
.infoShown .title h5{line-height: 20px; font-size:24px;}
.infoShown .content .left{width: 100%;}
.infoOther,.infoShown .content::before{display: none;}
/* clExample */
.proSider,.proList{float:none;width:100%;}
.proSide_sub{display:none;}
.proSider .title span::after, .solutionIndex li .info::after,.listMenu .cur.on::before{display:none;}
.proSider .title span{padding-left:0;}
.proSider .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;margin-bottom: 10px;}
.proSide_sub li a{height:50px;line-height:50px;}
.proSide_sub .sub{padding:10px;margin-top:-10px;}
.proSide_sub>li::after{content:"";position:absolute;right:0;width:60px;height:50px;top:0;}
/* proShow */
.proShow {width: 100%;}
/* clAbouts */
.clAbouts .right,.clAbouts .left{float:none;width:100%;}
.clAbouts .left{padding-top:20px;}
.clAbouts .font,.clAbouts .left{height:auto;}
.clAbouts .tel{position: relative;margin-top:15px;}
.qualification li .pic {width: 100px;height: 100px;}
/* clTest */
.clTest .one .box,.clTest .two .box {height: 220px;}
}

@media all and (max-width:920px) {
/* clContact */	
.contactBox .con p i {height: 30px;line-height: 30px;width: 30px;font-size: 14px;margin-top: -3px;}  
.contactBox .wx p{display: block;overflow: hidden;float: inline-start;font-size: 14px;width: 100px;line-height: 20px; text-align:center;}
/* clInformations */
.newsLists li {width: 33.3%;}
.newsLists li:nth-child(4){ display:none;}
.listWraps {margin-top: 30px;margin-bottom: -40px;}
}

@media all and (max-width:768px) {
/* css */		
.pd60,.listWrap,.pd50{padding-top:30px;padding-bottom:30px;}
/* clTitle */	
.clTitle {margin-bottom: 25px;}
/* clAbout */
.aboutR .txt{font-size:15px;}
.aboutL .pic{height:400px;margin-top:20px;}
/* honor */
.honorSlide li p {font-size: 15px;}
/* clNews */
.clNews ul li{width: calc(50% - 10px); }
.clNews ul .box{padding: 15px;}
.clNews ul h4 {font-size: 15px;}
.clNews ul .one .low{margin-top:15px;font-size: 12px;} 
.clNews ul .two{width: calc(100% - 10px);}    
.clNews ul .two a {padding: 15px;}
.clNews ul .two h4:before{margin-right:5px;}
/* footer */
.footMain{padding-top:20px;padding-bottom:20px;}
/* listBan */
.listBan{height:360px;}
/* clContact */
.clContact .bgImg{height:260px;}
.clContact .txt h4{padding-top:0;font-size: 16px;margin-bottom: 5px;}
.clContact .txt span {font-size: 18px;}
.contactBox {margin-top: 20px;margin-bottom: 20px; font-size:14px;}
.clFaq ul li .dt {font-size: 16px;margin-bottom: 5px;}
.clFaq ul li .dd {font-size: 14px;line-height: 28px;}
.clFaq ul li {margin-bottom: 20px;}
/* clInformation */
.newsSlide li .pic,.newsSlide li .txt{float:none;width:100%;}
.newsSlide li h4{height:auto;}
.newsSlide li .txt{padding:25px;}
.newsSlide .swiper-pagination{bottom:auto;left:auto;right:4%;top:420px;}
.newsList ul,.caseList{margin-right:-10px;}
.newsList li,.caseList li{padding-right:10px;margin-bottom:10px;}
/* clMenu */
.clMenu ul li a {font-size: 14px;}
/* infoShown */
.infoShown .title h5{margin-bottom: 6px;text-align: center;}
.infoShown .title .info{display: block;text-align: center;}
.infoShown .title .info span{margin: 0 4px;font-size: 13px;}
.infoShown .title .info .toList{display: inline-block;}
.infoShown .box{padding-bottom: 12px;margin-bottom: 10px;}
.infoShown ul li{margin-bottom: 0;}
/* clExample */
.proList ul{margin-right:-10px;}
.proList li{width:50%;padding-right:10px;margin-bottom:10px;}
/* proShow */
.proShow1 .con .title {margin-bottom: 10px;font-size: 16px;padding-bottom: 10px;}
.proShow1 .con .font {min-height: auto;line-height: 22px;}
.proShow1 .con,.proShow1 .pic .img {height: auto;} 
.proShow1 .pic,.proShow1 .con {width: 100%; float:none;}
.proShow1 .pic img {vertical-align: middle;width: 100%;}
.proShow1 .con .tel {padding: 10px;margin: 20px 0 10px 0;}
/* clAbouts */
.clAbouts .right{height:400px;}
.qualification li {width: 25%}
.clAbouts .main {margin-bottom: 0;}
/* clZizhi */
.picZizhi ul {margin-right: -10px;}
.picZizhi li {padding-right: 10px;margin-bottom: 10px;}
/* clTest */
.clTest .one {width: 100%;margin-bottom: 15px;}
.clTest .two {width: 50%;margin-bottom: 15px; float:none; display:block; overflow:hidden;}
.clTest .list { clear:none;}
.clTest .list li {width: 50%;height: 220px;margin-bottom: 15px;}
.clTest .list li .box img {height: 220px;} 
/* clLicheng */
.clLicheng{margin:20px 0;}
.clLicheng .title{margin-bottom:10px;}
.clLicheng .wx{width:100%;font-size:13px;line-height: 30px;}
.clLicheng .wx p{ font-size:14px; line-height:26px; padding-bottom:5px;}
.clLicheng .pic{width:100%;margin-top: 15px;}
/* clInformations */
.newsLists li {width: 50%;}
.newsLists li:nth-child(4){ display:block;}
.newsLists li:nth-child(1),.newsLists li:nth-child(2){ margin-bottom:20px;}
.listWraps {margin-top: 30px;margin-bottom: -40px;}
}

@media all and (max-width:640px) { 
/* header */	 
.header .logo img{height:32px;}
/* clTitle */	
.clTitle {font-size: 1.375em;}
/* clApply */
.applyMain li{width:50%;}
.clApply p{padding-top:14px;}
.applyMain li:nth-child(4){ margin-bottom:10px;}
/* clAbout */
.aboutR .txt p {line-height: 28px;font-size: 14px;}
.hMore {height: 40px;line-height: 38px;padding: 0 20px;}
.aboutNum li b {font-size: 30px;}
/* footer */
.footTxt h4{display:none;}
.footer .ewm img{width:100px;}
.footer .ewm {float: right;margin-left: 0; font-size: 14px;text-align: center;width: 80%;margin-top: 20px;}
/* listBan */
.listBan{height:300px;}
.listBan .txt{font-size:18px;}
.listBan .txt h3{padding-bottom:0;margin-bottom:10px;font-size: 26px;}
.listBan .txt p{font-size: 14px;}
/* clContact */
.clContact .bgImg,.clContact .txt{float:none;width:100%;}
.clContact .bgImg{height: 200px;display:block;}
.clContact .txt h4{margin-bottom:15px;}
.clContact li {width: 100%;}
.contactBox .con {width: 100%;}
.contactBox .wx {width: 50%;padding-top: 0;}
.contactBox .con p {margin-bottom: 15px;min-height: 25px;}
.contactBox {margin-left: 0;margin-right: 0; margin-top: 10px;margin-bottom: 0;}
.clFaq ul li .dd .cont {line-height: 24px;}
.clFaq ul li {padding: 20px;margin-bottom: 7px;}
.clFaq ul li .dt {font-size: 15px;}
/* clInformation */
.newsSlide li .pic{height:300px;}
.newsSlide li .txt{padding:15px;}
.newsSlide li h4{font-size:1em;}
.newsSlide li h4{font-size:1.286em;}
.newsSlide .swiper-pagination{top:330px;}
.newsList li .txt{padding:10px;}
.newsList li p{display:none;}
.newsList li h4{font-size:14px;}
/* clMenu */
.clMenu {margin-top: 0;}
.infoShown .title h5 {line-height: 20px;font-size: 18px;}
.infoShown .content .left .box p {font-size: 14px;line-height: 26px;padding-bottom: 5px;}
/* clAbouts */
.clAbouts .right{height:320px;}
.clAbouts .tie{font-size: 18px;margin-bottom: 15px;}
.clAbouts .left p {font-size: 14px;line-height: 24px;padding-bottom: 5px;}
/* clZizhi */
.picZizhi li {width: 50%;}
.picZizhi li:nth-child(5){ display:none;}
}

@media all and (max-width:480px) {
/* header */		
.header .logo img{height:28px;}
/* clApply */
.applyMain li a{height:160px;}
.applyMain li h4 span {font-size: 12px;}
.applyMain li h4 {font-size: 16px;}
/* clAbout */
.aboutR .txt p {line-height: 24px;padding-bottom: 0;}
.hMore {height: 30px;line-height: 28px;padding: 0 20px;}
.aboutNum{margin-top:-1px;}
.aboutNum li{width:50%;text-align:center;border-left:1px solid #e1e1e1;border-top: 1px solid #e1e1e1;padding:10px 0;margin-top:-1px;}
.aboutNum li b {font-size: 22px;}
.aboutNum li:nth-child(3),.aboutNum li:nth-child(4) { padding-bottom:0;}
.aboutNum li span {margin-bottom: 5px;}
/* listBan */
.listBan{height:260px;}
.listBan .txt{font-size:14px;}
/* clContact */
.contactBox .con p {line-height:1.6;}
.contactBox .con p i{height:30px;line-height:30px;width:30px;font-size:1rem;margin-right:10px;margin-top:0;}
.clContact .bgImg{height:150px;}
/* clInformation */
.newsSlide li .pic{height:240px;}
.newsSlide .swiper-pagination{top:270px;}
.newsSlide li .date b {font-size: 24px;}
.newsList li .low {margin-top: 10px; font-size:12px;}
/* clExample */
.proList li .con{padding: 5px;}
.proList li .pImg {margin-bottom: 5px;}
/* proShow */
.proShow1 .con .tel span {font-size: 16px;}
/* clAbouts */
.clAbouts .right{height:220px;}
.clAbouts .tel span{margin-left:10px;}
.qualification li .pic {width: 80px;height: 80px;}
/* clTest */
.clTest .one .layer,.clTest .two .layer,.clTest .list li .layer{padding: 20px 10px 20px 10px;}
.clTest .one .name, .clTest .two .name, .clTest .list li .name {font-size: 20px;line-height: 22px;height: 22px;}
.clTest .two {width: 100%;height: auto;margin-bottom: 15px;}
.clTest .list li {width: 100%;height: auto;margin-bottom: 15px;}
/* pages */
.pages {margin: 20px 0 0;}
.pages li:nth-child(1),.pages li:last-child,.pages li:nth-child(6){display:none;}
/* clInformations */
.newsLists li {width: 100%;}
.newsLists li:nth-child(3){ margin-bottom:20px;}
}

@media all and (max-width:390px) {
/* header */		
.header .logo img{height:24px;}
/* footer */
.footer .ewm span{margin-top: 5px;margin-left: 10px;width:100px;}
/* listBan */
.listBan{height:200px;}
/* clInformation */
.newsSlide li .pic{height:200px;}
.newsSlide .swiper-pagination{top:230px;}
}