/*  WAP主导航 */
@media all and (max-width:1800px) {
.container,.wrap{padding: 0 30px;width: 85%}

}
@media all and (max-width:1600px) {
.container,.wrap{padding: 0 25px;width: 90%}
.prodslide .right{padding-left: 5%;padding-right: 10%;}
.prodItem .topic{font-size: 38px;margin-bottom: 40px;line-height: 38px;}
.prodItem .topic span{font-size: 18px;}
.prodItem .grid-item a{margin: 0 10px 20px;}
.prodItem .grid-item .picCover{height: 400px;}
.prodItem .grid-item--width1 .picCover{height: 400px;}
.prodItem .grid-item--height2 .picCover{height: 930px;}
.pTopic h3{font-size:34px;}
.brandCoop li .slideBox .detail h5{font-size: 36px;}

}
@media all and (max-width:1400px) {
.container,.wrap{padding: 0 25px;width: 95%}
.hprobtn,.mainThem,.brandCoop,.brandHonor,.prodItem{padding: 70px 0;}
.brandCourse{padding-top: 70px;}
.prodbg,.prodslide{height: 500px;}
.prodslide .left{height:500px;line-height:500px;}
.prodslide .right{padding-right: 5%;}
.pTopic h3{font-size:32px;}
.brandCoop li .slideBox .detail h5{font-size: 32px;}
.honorMain li{width: 32.33%;}
}

@media all and (max-width:1200px) {
.container,.wrap{padding: 0 25px;width: 100%}
.pcNav .headerNav{padding-left: 0%;position: absolute;right: 30px;}
.pTopic h3{font-size:28px;}
.brandCoop li .slideBox .detail h5{font-size: 28px;}
.servePage .list li{width: 100%;margin-right: 0;float: none;}
.servePage .list li .right{width: auto;}
}

@media all and (max-width:1024px) {
.container,.wrap{padding: 0 20px;width: 100%}
body{padding-top: 60px;position: relative;z-index: 0}
.pcNav{display: none;}
.head_open {height: 100%;}
.wapHeader{display: block;position: fixed;top: 0;left: 0;width: 100%;z-index:99;box-shadow: 0 0 6px 2px rgba(0,0,0,0.1)}
.wapHeader .logoHeader{height: 60px;background-color: #fff;}
.wapHeader .logoHeader .logo{position: absolute;left:15px;line-height: 60px;top:0;}
.wapHeader .logoHeader .logo img{height: 30px;}
.wapHeader .navbar{background-color: #fff;}
/*  导航按钮 */
.navTrigger{position:absolute;top:20px;right:20px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:99;cursor:pointer;}
.navTrigger i{display:block;height:2px;background:#333;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger i:nth-child(3){margin-bottom:0;}
.navTrigger-on i{background: #333;}
.navTrigger-on i:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on i:nth-child(2){opacity:0;}
.navTrigger-on i:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
/*导航列表*/
.wapHeader .navSlide{position: absolute;width: 100%;left: 0;top: -100%;opacity: 0;display: none;bottom: 0;background-color: #fff;overflow-y: auto;}
.wapHeader .navbar li a{display:block;color:#333;height:50px;line-height:50px;border-bottom:1px solid #ddd;position:relative;background-color:#fff;text-align: center;position: relative;}
.wapHeader .navbar>li>a i{background-image: url(../images/iconf.png);background-repeat:no-repeat;background-position: center center;position: absolute;width: 30px;height: 30px;right: 20px;top: 50%;margin-top: -15px;z-index: 999;}
.wapHeader .navbar>li:first-child a{height: 60px;line-height: 60px;background-image: none;}
.wapHeader .navbar>li>.current{background-color: #621739;color: #fff;}
.wapHeader .navbar>li>.current i{background-image: url(../images/icong.png); }
.wapHeader .navSub{display: none;}
.wapHeader .navSub>li>a{font-size: 14px;color: #666;}
.wapHeader .navSub>li>a:hover{color: #621739}
.wapHeader .tel{padding: 20px 0;text-align: center;font-size: 14px;}
.wapHeader .tel .iconfont{font-size: 16px;margin-right: 5px;color: #621739;}
.wapHeader .tel span{margin-left: 5px;font-size: 18px;color: #621739;font-weight: 600;}
/*wap端底部固定*/
#kefu{display: none;}
.footBar{position: fixed;width:100%;left:0;bottom:0;height:45px;background:#545454;z-index:90;display: block;}
.footBar a{float:left;width:25%;border-right:1px solid #666;text-align:center;line-height:45px;color:#fff;}
.footBar a i{margin-right:5px;font-size:18px;}
.footBar a:last-child{border-right:none;}
.footBar a:last-child i{font-size: 14px;}
.footer{padding: 50px 0 80px;}
.footer p{padding-top: 30px;}
.banner .pcImg{display: none;}
.banner .wapImg{display: block;}
.bannerPrev,.bannerNext{display: none;}
.banner .hd{bottom: 10px;}
.banner .hd span{width: 6px;height: 6px;}
.hprobtn,.mainThem,.brandCoop,.brandHonor,.prodItem{padding: 50px 0;}
.brandCourse{padding-top: 50px;}
.hprobtnItem{position: relative;}
.hprobtnItem .hd,.newsItem .hd{position: static;}
.hprobtnItem .hd .swiper-pagination-bullet-active,.newsItem .hd .swiper-pagination-bullet-active{background-color: #343434}
.prodbg{background-attachment: scroll;}
.wapprodbg{display: none;}
.prodbg,.prodslide{height: 400px;}
.prodslide .left{height:400px;line-height:400px;}
.prodslide .right h5{font-size: 28px;}
.prodItem .topic{font-size: 28px;margin-bottom: 30px;line-height: 28px;}
.prodItem .topic span{font-size: 16px;}
.pTopic h3{font-size:24px;}
.brandVideo .cover h3{font-size: 30px;}
.brandVideo .cover .playerIco{transform: scale(0.8);}
.brandCourse .itemContent .txt{float: left;margin-left: 60px;}
.brandCourse .itemContent .txt h5{font-size: 36px;margin-bottom: 30px;}
.brandCoop li{margin-bottom: 0px;overflow: visible;}
.brandCoop li .slideBtn h5{float: none;line-height: 64px;border-top: 1px dashed #b6b6b6}
.brandCoop li .slideBtn h5 span{float: right;margin-top: 0;line-height: 64px;}
.brandCoop li .slideBox .detail h5{font-size: 24px;}
.honorMain li .txt p{display: none;}
.topBar .wrap{padding-top: 25px;}
.prodList .series{padding-top: 30px;}
.prodList .list ul{margin-right: -15px;}
.prodList .list li a{margin-right: 15px;}
.newsList .series{padding-top: 30px;}
.newsList .list ul{margin-right: -15px;}
.newsList .list li a{margin-right: 15px;}
.newsList .list li a .txt h5{font-size: 16px;}
.newsList .list li a .txt p{font-size: 12px;}
.showArticle .main{padding:30px 15px;}
.showArticle .articlePage{display: none;}
.mobliePage{display: block;margin-bottom: 30px;}
.mobliePage .post-prev,.mobliePage .post-next{overflow: hidden;}
.mobliePage .pageTitle{float: left;font-size: 14px;color: #333}
.mobliePage h5{font-size: 14px;float: left;}
.brandCoop li .slideBtn:before, .brandCoop .pTopic:before{display: none;}

}

@media all and (max-width:920px) {
.container,.wrap{padding: 0 20px;width: 100%}
.prodItem .grid-item--width1,.prodItem .grid-item,.prodItem .grid-sizer{width:50%;}
.prodItem .grid-item .picCover{height: 250px;}
.prodItem .grid-item--width1 .picCover{height:250px;}
.prodItem .grid-item--height2 .picCover{height: 250px;}
.pTopic h3{font-size:20px;}
.pTopic p{font-size: 14px;margin-top: 10px;}
.brandCoop li .slideBox .detail h5{font-size: 20px;}
.brandCoop li .slideBtn h5{font-size: 20px;}
.pTopic p{display: none;}
}

@media all and (max-width:768px) {
.container,.wrap{padding: 0 15px;width: 100%}
.prodslide .right h5{font-size: 24px;}
.prodslide .right p{font-size: 14px;}
.honorMain li{margin-bottom: 20px;}
.honorMain li a{padding: 0 15px;}
.honorMain li a .txt h5{font-size: 18px;}
.prodList .list li a .txt p{display: none;}
.prodList .list li a .txt{padding: 15px 20px;}
.newsList .list li{width: 50%;}
.newsList li a .txt{padding: 15px 20px;}
.showArticle .articleRelate-news li{float: none;width: 100%;}
.pictureTitle h3{font-size: 20px;}
}

@media all and (max-width:640px) {
.container,.wrap{padding: 0 15px;width: 100%}
.hprobtn li i{margin: 0 auto 15px;width: 45px;height: 45px;}
.hprobtn li h5{font-size: 14px;}
.hprobtn li h5 span{font-size: 12px;}
.prodbg{height: 300px;}
.prodslide .left{float: none;width: 100%;height: 50%;text-align: center;line-height: 50%;}
.prodslide .right{float: none;width: 100%;height: 50%;padding-top: 5%;}
.prodslide .right h5{font-size: 16px;margin-bottom: 10px;}
.prodslide .right p{font-size: 12px;margin-bottom: 15px;padding-bottom: 10px;}
.prodslide .right .tab{text-align: center;}
.prodItem .grid-item .txt p{display: none;}
.prodItem .grid-item .txt {height: 50px;padding: 0 10px 0 10px;}
.prodItem .grid-item .txt h5{height: 50px;font-size: 16px;}
.footer .footerLogo{width: 100px;}
.brandVideo .cover h3{font-size: 22px;}
.brandVideo .cover h3 span{display: none;}
.brandCourse .itemLine h3{font-size: 14px;padding-left: 40px;}
.brandCourse .itemLine h3 i{transform: scale(0.8);}
.brandCourse .itemLine h3 span{margin-right: 15px;}
.brandCourse .itemContent .txt{width: auto;float: none;margin-left: 40px;margin-right: 20px;}
.brandCoop li .slideBox .pic{float: none;height: 45%;width: 100%}
.brandCoop .big .slideBox .detail{float: none;height: 55%;width: 100%; padding: 5% 4%}
.brandCoop li .slideBox .detail h5{margin-bottom: 15px;}
.brandCoop li .slideBox .detail h5 span{margin-bottom:10px; }
.honorMain li{width: 50%;}
.prodList .list ul{margin-right: -10px;}
.prodList .list li a{margin-right: 10px;}
.prodList .list li{width: 50%;}
.newsList .list ul{margin-right: -10px;}
.newsList .list li a{margin-right: 10px;}
.servePage .list li .txt .time{float: none;clear:both;padding-top: 20px;}
.servePage .list li .txt .time b{display: inline-block;margin-right: 10px;}
.servePage .series{padding-top:30px;}
.servePage .list,.servePage .content{padding-top: 45px;}
.breadCrumb .back{display: none;}
.pictureTitle h3{font-size: 18px;}
.brandCourse .itemBox .big .txt{padding-top: 50px;}
.yzh-table-feedback .input-label{width: 30%}
.yzh-table-feedback .input-title{width:70%}


}

@media all and (max-width:480px) {
.container,.wrap{padding: 0 15px;width: 100%}
.hprobtn,.mainThem,.brandCoop,.brandHonor,.prodItem{padding: 35px 0;}
.brandCourse{padding-top: 35px;}
.hprobtn li h5 span{display: none;}
.prodItem .topic{font-size: 20px;margin-bottom: 20px;line-height: 20px;}
.prodItem .topic span{font-size: 14px;}
.prodItem .grid-item a{margin: 0 5px 10px ;}
.prodItem .grid-item .picCover{height: 140px;}
.prodItem .grid-item--width1 .picCover{height:140px;}
.prodItem .grid-item--height2 .picCover{height: 140px;}
.footer{padding-top: 35px;}
.footer p{font-size: 12px;}
.footBar a{font-size: 14px;}
.footBar a i{font-size: 16px;}
.pTopic .about{display: block;}
.pTopic h3{font-size: 18px;}
.brandCoop .coopMain,.brandCourse .courseMain{margin-top: 35px;}
.brandVideo .cover h3{padding-top: 15%;}
.brandVideo .cover .playerIco{transform: scale(0.6);margin-top: 0;line-height: auto;}
.brandCourse .itemContent .txt h5{font-size: 26px;margin-bottom: 15px;}
.brandCourse .itemContent .txt h5 span{margin-bottom: 10px;}
.brandCourse .itemContent .txt p{font-size: 14px;line-height: 24px;}
.brandCoop li .slideBtn h5{font-size: 18px;}
.brandCoop li .slideBtn span{padding-left:35px;font-size: 14px;}
.brandCoop li .slideBtn span i{transform: scale(0.7);}
.brandCoop li .slideBox .detail .txt{font-size: 14px;line-height: 20px;}
.brandCoop li .slideBox .detai h5{margin-bottom: 10px;}
.honorMain{margin-top: 35px;}
.honorMain li{margin-bottom: 10px;}
.honorMain li a{padding: 0 5px;}
.honorMain li a .txt h5{font-size: 16px;}
.navMenu{padding-bottom: 10px;}
.navMenu a{width: 31%;padding: 0;font-size: 12px;margin-right: 5px;margin-bottom: 5px;}
.prodList .series{padding-top:20px;}
.prodList .list{margin-top: 15px;}
.prodList .list li{margin-bottom: 10px;}
.prodList .list li a .txt{padding: 10px 10px;font-size: 14px;}
.newsList .series{padding-top:20px;}
.newsList .list{margin-top: 15px;}
.newsList .list li{width: 100%;}
.servePage .list li .pic{display: none;}
.servePage .list li .txt .link{float: none;clear: both;width: auto;font-size: 0;padding-top: 20px;}
.servePage .list li .txt .link a{display: inline-block;width: 100px;margin-right: 20px;}
.servePage .list li .txt .link a:first-child{margin-bottom: 0}
.showArticle{padding: 30px 0}
.showArticle .articleRelate-news li a{float: none;display: block;}
.showArticle .articleRelate-news li .time{display: none;}
.pictureTitle h3{font-size: 16px;}
.brandCourse .itemBox .big .txt{padding-top: 30px;}
.brandCourse .courseMain{height: 670px;}




}