﻿@media screen and (max-width:1050px){

.wp{width:100%;}

.header{}
.header_l{float:left;margin:36px 0 0 1%;}
.header_r{float:right;margin:15px 10px 0 0;width:auto;}
.header_r_top{margin:35px 10px 0 0;}


.nav-btn{display:block;background:#fff;width:40px;height:40px;line-height:40px;position:absolute;right:10px;top:8px;text-align:center; border-radius:5px;cursor:pointer;}
.nav-btn:hover{background:#fff;color:#00929F;}
.nav-btn i:before{content:"≡";font-size:30px;color:#666;}
.nav-btn i{width:40px;height:40px;display:block;}

.smartmenu{display:none}

.nav-narrow{width:100%;}
.nav-narrow li{background: -moz-linear-gradient(center top , #ECECEC, #ECECEC) repeat; background:#333; text-align:center; border-bottom:1px solid #666; transition: all 0.1s ease 0.01s;}
.nav-narrow li:hover{ background:#DE3A2F;}
.nav-narrow li:hover a{ color:#fff;}
.nav-narrow li>a{ display:block; line-height:28px; color:#fff; font-size:14px; font-weight:bold;}
.nav-narrow li>a:hover{ text-decoration:underline;}


.indexA{padding:60px 1% 0;width:98%;}
.indexA .tit{background:none;border-bottom:1px solid #EAEAEA;}

.indexB{padding:35px 1% 50px 1%;}
.indexB .box{width:32%;}

.indexpro{margin:0 2% 0 2%;}
.indexpro .pic img{width:100%;}



.footer{height:auto;padding:30px 1% 20px;}
.footerA{width:20%;}
.footerA ul li{height:26px;line-height:26px;width:auto;}

.footerB{width:25%;margin:0 5% 0 5%;}
.footerB dl dd{width:100%;}

.footerC{width:25%;display:block;padding:0 0 0 0;}




.sidecon{overflow:hidden;width:98%;padding:0 1%;font-size:12px;color:#666;}

.left{float:none;width:100%;margin-bottom:15px;}
.right{float:none;width:100%;}


.product ul{margin:0 0 0 -2%}
.product ul li{width:23%;margin:20px 0 0 2%;box-shadow:none;}


.pro_view_top{padding:15px 0 10px 0;}
.pro_img{margin:3px auto 3px;text-align:center;width:350px;float:none;}

.pro_view_inner{float:left;width:98%;padding:0 1% 5px 1%;}

.related-products ul{margin:0 0 0 0;}
.related-products ul li{float:left;width:21%;margin:4px 2% 15px 2%;}
.related-products ul li img{width:100%;}


.contact .t{float:none;width:100%;}
.contact .inquiry{float:none;width:100%;margin:20px 0 0 0;}
.map img{width:100%}



.newslist dl{padding:8px 2% 15px;}
.newslist dl dt{width:10%;}
.newslist dl dt span{width:100%;}
.newslist dl dd{float:left;width:86%;margin-left:2%;}



.about img{width:100%;}

.honor{margin:0 0 0 -3%;}
.honor p{width:30%;margin:15px 0 0 3%;;}
.honor p a{width:auto;}

.inquriy{padding:0 0 15px 0;}

.liuyan{padding:2% 1%;width:98%;float:none;}

.liuyan dl dt{float:left;width:19%;margin:0 1% 0 0;}
.liuyan dl dd{float:left;width:80%;}
.liuyan dl dd input{width:96%;padding:0 2% 0 2%;}
.liuyan dl dd textarea{min-width:96%;max-width:96%;width:96%;min-height:124px;max-height:124px;height:124px;padding:12px 2% 0 2%;}

.inquriy .sup_img{float:none;border-radius:5px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);background:#fff;margin:15px 0 0 0;}
.inquriy .sup_img img{width:100%;}
}


@media screen and (max-width:850px) {
.product ul li .txt p{display:none;}
}


@media screen and (max-width:768px) {

.footer{height:auto;padding:30px 1% 60px;}
.footerA{width:20%;display:none;}
.footerA ul li{height:26px;line-height:26px;width:auto;}

.footerB{width:45%;margin:0 0 0 0;}
.footerB dl dd{width:100%;}

.footer .footerC{float:right;width:45%;}


.indexB{padding:35px 1% 50px 1%;}
.indexB .box{width:32%;}
.indexB .indexabout{width:100%;}
.indexabout .nr{height:auto;overflow:hidden;}

.indexB .indexpro{margin:15px 0 0 0;width:48%;}
.indexpro .pic img{width:100%;}

.indexB .indexvideo{margin:15px 0 0 0;float:right;width:48%;}


.product ul{margin:0 0 0 -2%}
.product ul li{width:31%;margin:20px 0 0 2%;box-shadow:none;}

}


@media screen and (max-width: 750px) {
.slick-dots {background:none;}
}


@media screen and (max-width: 650px) {

.product ul{margin:0 0 0 -2%}
.product ul li{width:47.7%;margin:20px 0 0 2%;box-shadow:none;}


.indexnews ul li p{float:left;width:15%;padding:0 0 0 2%;}
.indexnews ul li h5{float:left;width:73%;margin:0px 0 0 2%;}

.indexabout .pic{display:none;}
.indexpro .list{height:auto;}
.indexpro .list ul li a.more{display:none;}

.contact-bar{ display:none;}
.rw-footer-box{ display:block;}


}

@media screen and (max-width: 639px) {


.inquiry{display:none}



}

@media screen and (max-width: 580px) {

.header{height:100px;color:#fff;width:100%;z-index:10;background:#fff;padding:31px 0 0 0;}

.header_l{width:100%;text-align:center;margin:0;float:none;}
.header_l img{height:33px;width:auto;float:none;}
.header_r{float:none;width:100%;margin:20px 0 0 0;}
.header_r_top{float:none;width:245px;margin:0 auto;}
.header_r_top a{height:18px;display:;float:left;font-weight:bold;font-size:11px;}
.search{margin:0 0 0 10px;}


.footerB{width:100%;margin:0 0 0 0;}
.footerB dl dd{width:95%;}
.footer .footerC{float:left;width:100%;margin:20px 0 0 0;}

.indexB .indexpro{margin:15px 0 0 0;width:100%;}
.indexpro .pic img{width:100%;}

.indexB .indexvideo{margin:15px 0 0 0;float:left;width:100%;}


.path{height:auto;}
.path h2{float:none;}
.path ul{float:none;width:100%;padding:0 0 0 0;}

.honor{margin:0 0 0 -3%;}
.honor p{width:47%;margin:15px 0 0 3%;;}
.honor p a{width:auto;}


.spic{width:100%;}
.spic ul li{float:left;display:inline;cursor:pointer;width:23%;margin:0 2% 0 0;}
.spic ul li img{width:100%;}


}


@media screen and (max-width: 480px) {

.indexA .tit h2{font-size:25px;}
.indexA .tit p{margin:16px 0 0 0;line-height:20px;font-size:12px;}




.right_contact dl{width:98%}
.right_contact_dl{padding-left:0}
.contact_flt dl{width:100%}


.newslist dl{padding:8px 2% 15px;box-shadow:none;}
.newslist dl dt{width:10%;display:none;}
.newslist dl dt span{width:100%;}
.newslist dl dd{float:left;width:100%;margin-left:0;}
.newslist dl dd span{height:auto;}

.honor{width:100%;}
.honor p{width:100%;}
.honor p img{width:100%;}


.liuyan dl dt{float:none;width:145px;}
.liuyan dl dd{float:none;width:100%;margin:3px 0 0 0;}
.liuyan p{display:block;padding-left:5%;}


.product ul li{float:none;width:96%;}


.pro_img{float:none;margin:1%;width:98%;}
.pro_img .bpic img{width:100%;height:auto;}
.pro_view_inner{float:none;width:100%;padding:0 5px 5px 5px;}

.spic{width:100%;float:none;}
.spic ul li{float:left;display:inline;cursor:pointer;width:23%;margin:0 2% 0 0;}
.spic ul li img{width:100%;height:auto;}

.pro_text .tabs{border:none;border-radius:0;}
.pro_text .tabs li{width:49%;padding:0;text-align:center;margin:0 0 6px 0;}
.pro_text .tabs li:first-child{border-radius:0;}

.related-products ul li{float:left;width:96%;margin:4px 2% 15px 2%;}
}



@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
body{font-size:24px;}
}