/* style definition */

@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: 33.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;}

/* style definition */

.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);}

/* style definition */

.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;}

/* style definition */

#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;}

/* style definition */

.footer_buy { width: 40px; position: fixed; right:10px; bottom: 60px; z-index: 9999; border: none; display: block;}

/* style definition */

.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;}









}