@media(max-width:1900px) {

}

@media(max-width:1440px) {


}

@media(max-width:1200px) {

}

@media(max-width:970px) {
.grWidth{width:100%; margin:0 auto;}
}

@media(max-width:950px) {

}

@media(max-width:768px) {
.banner .big{display: none;}
.banner .small{display: block}	
.header{display: none;}	
/*==手机端导航↓==*/
.head-long{display: block; position: fixed;top: 0;z-index: 999;width: 100%;padding: 10px 0;background: #fff;box-shadow: 0 0 10px #bbb;}
.head-long .waplogo{height: 44px}
.head-long .waplogo img{width: 60%;margin: 4px 0;}
.container{width: 100%;padding-left: 10px;padding-right: 10px;}
.navWap-block{position:fixed;z-index:20;height:100%;top:65px;left:0;overflow:auto;display:none;width:100%;/*! max-width:640px; */margin:0 auto;}
.navWap-block .box{height:100%;/*! overflow-x:hidden; */overflow-y: auto;background:#fff;width:220px;position:relative;z-index:2;}
.navWap-block .searchWap{position:relative;margin:20px 0 15px 0; overflow: hidden;padding: 0 20px;}
.navWap-block .searchWap input{float: left; width:140px;border-radius:none;border-bottom:1px #bbb solid;color:#666;font-size:13px;border-top: none;border-left: none;border-right: none;line-height: 30px;}
.navWap-block .searchWap button{float:right; width:30px;color:#fff; text-align:center; font-size:13px; background: #666;border: none;line-height: 30px;border-radius: 50%;}
.navWap-block .contactWap{margin:20px 0 0 0;padding: 0 20px 80px 20px;}
.navWap-block .contactWap span{display:block;color:#666;font-size:13px;margin: 10px 0 15px 0;}
.navWap-block .contactWap span font{display: block; color:#999;font-size:14px;padding-left: 20px;margin-top: 3px;}
.navWap-block .contactWap span:before{margin-right:5px;font-size: 17px;}
.navWap-block .contactWap span.weixin .ewm{display: block;max-width:100px; margin:5px auto 0;}
.navWap-block ul li{/*! height:2.3rem; */line-height:40px;border-bottom:1px solid #eee;}
.navWap-block ul li a{display:block;font-size:14px;color:#555;/*! height:2.3rem; */ opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;color:#666;padding-left:25px;padding-right: 20px;}
.navWap-block ul li em{float:right;color: #999;font-size: ;font-size: 14px;}
.navWap-block ul li:hover a,.navWap-block ul li.active a{color:#090;/*! background:#1b1e27; */box-shadow:3px 0 0 #090 inset;}
.navWap-block ul li.active em{color:#ff680b}
.navWap-block ul li:first-child{border-top:none;}
.navWap-block ul li:first-child i{font-size:1.2rem;}
.navWap-block .show li a{opacity:1;transform: translateX(0);}

/*-触发按钮-*/
.navWap-trigger{position:absolute; right:2%; top:1rem; height: 2.3rem; */color:#fff; line-height:2.3rem; color:#fff;float: right;margin: 0px 15px 0 0;}
.navWap-trigger .btn{padding:0px;/*! position: absolute; *//*! top: 18px; *//*! right: 10px; */background: transparent;border: none;/* padding: 10px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 6px 0;width: 30px;height: 3px;background-color: #090;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #090;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #666;}
.navWap-trigger .animated:focus{cursor: pointer; z-index: 9999;}
.navWap-trigger .middle{margin: 0 auto;}
.navWap-trigger .icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navWap-trigger .animated .icon-bar{z-index: 999999; background-color: #666;}
.navWap-trigger .animated .top{-webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(7px) rotateZ(45deg);}
.navWap-trigger .animated .bottom{-webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}


.hotNews{display: none;}
.hotNews_main{width: 70%}

.odds li{width: 29%}
.odds li h4{font-size: 18px;}
/*关于*/
.aboutLeft{width: 98%}
.video{width: 100%}

.listRight,.listLeft{width: 100%}
.listLeft{margin-bottom: 30px}

.leftContact{display: none;}
.sidebarMenu li{float: left;width: 49%}
.sidebarMenu li a{background: url(../images/side_li2.png) no-repeat right;}
.sidebarMenu li a:hover, .sidebarMenu li .current{background: url(../images/side_li2.png) no-repeat right}
.sidebarMenu h4{ background: url(../images/side_li2.png) no-repeat right;background-position-x: 96%;}
.sidebarMenu dt ul{display: none ! important;}
.sidebarMenu dt{width: 50%;float: left;}
.sidebarMenu ul{float: left;width: 100% }
.sidebarMenu .menu_body{float: left;width: 100%;padding: 10px;}
.sidebarMenu .menu_head{width: 100%;}


/*新闻*/
.newsList li a{width: 76%;}
.nextw{padding-right: 0;}
.prew{padding-left: 0;}
.gr-news-show{padding: 0 6px}

/*产品列表*/
.productList li{margin-right: 0;margin-left: 15px;width: 44%}


/*留言反馈*/
.yzh-table-feedback .input-text{width: 85%}

/*产品内页*/
.leftpro{width: 100%;}
.product-show-title{width: 100%;margin: 20px 0;}

.banner{padding-top: 64px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 4%;top: 56%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 4%;top: 56%;}

/*证书列表*/
.honorList li{width: 29%;}
.honorList li:nth-child(3n){margin-right: 0}
.honorList li:nth-child(4n){margin-right:20px}

.picturetList li{width: 29%}

.yzh-map-main .sitemap_con{width: 100%}

.proMain li span i{display: none;}
}

@media(max-width:640px) {


}

@media(max-width:480px) {
.odds li{width: 27%;}

.proMain li{width: 28%}

}