@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1140px){
    
.wp{width:100%;}
    
    .smartmenu ul li a{padding: 0 15px;}
    
}

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


.header{}
.header_l{float:left;}
.header_r{float:right;margin:15px 60px 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:fixed;right:10px;top:16px;text-align:center; border-radius:5px;cursor:pointer;    z-index: 9999;box-shadow: 1px 1px 4px #333;}
.nav-btn:hover{background:#fff;color:#00929F;}
.nav-btn i:before{content:"≡";font-size:30px;color:#666;font-style: normal;}
.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;}

    #banner{overflow: hidden;}

.indexA{}
.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%;}

    .indexC ul{overflow: hidden;margin: 0 auto;width: 878px;}
    

/*footer*/
.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;}


/*-----side-----*/

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

/*---products---*/
.product ul{margin:0 0 0 -2%}
.product ul li{width:23%;margin:20px 0 0 2%;box-shadow:none;}
    .product ul li img{width: 100%;}
    .product ul li .txt{height: auto;}
    .product ul li:nth-child(4n+1){clear: both;}


.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---*/
.contact .t{float:none;width:100%;}
.contact .inquiry{float:none;width:100%;margin:20px 0 0 0;}
.map img{width:100%}

/*---news---*/

.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---*/
.about img{width:100%;height: auto;}

.honor{margin:0 0 0 -3%;}
.honor p{width:30%;margin:15px 0 0 3%;;}
.honor p a{width:auto;}
/*---inquriy---*/
.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:878px) {
    
    .indexC ul{width: 580px;}
    .pro_text .tabs li{margin-bottom: 6px;}
    
    .mess{width: 94%;margin: 10px auto;}
    .inquirShow{width: 98%;margin: 0 auto 10px auto;}
    .formtitle{width: 98%;margin: 10px auto 0 auto;}
}


@media screen and (max-width:850px) {
    
    .cp_img{height: 250px }
    
.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%;}

    .indexA li{width:99%;}

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

    .cp_index{width: 50%;}
    .cp_img{height: 346px;}
    .cp_icon .cp_index:nth-child(2n+1) .cp_1{border-left: none;}
    .cp_icon .cp_index:nth-child(4) .cp_1{ border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}

.product ul{margin:0 0 0 -2%}
.product ul li{width:31%;margin:20px 0 0 2%;box-shadow:none;}
    .product ul li:nth-child(4n+1){clear: none;}
    .product ul li:nth-child(3n+1){clear: both;}
	
.video ul li {width: 48%;height: auto;}

.newslist ul li {height: auto;}
.newslist ul li .img {width: 100%;height: auto;margin-right: 0;float: none;}
.newslist ul li .img img {width: 100%;height: auto;}
.newslist ul li .intro {width: 100%;margin-top: 15px;float: none;}

.product ul li img {height: auto;float: none;}
.product ul li .txt {float: none;width: 100%;margin: 12px 0 0;padding: 5px 5px 8px;}

.certificate ul li {width: 48%;}

.inquirbox {width: 100%;}

.wp {padding-left: 10px;padding-right: 10px;box-sizing: border-box;}

.indexA li a.pic {float: none;margin: 15px auto;}
.indexA li .txt {margin: 15px 0;text-align: center;}

}


@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;}
    .product ul li:nth-child(3n+1){clear: none;}
    .product ul li:nth-child(2n+1){clear: both;}


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

    .cp_img{height: 288px;}

}

@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:53px;width:auto;float:none;}
.header_r{float:none;width:100%;margin: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:80%;}
.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%;}

    .indexC ul{width: 306px;}

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

    .copyright{height: auto;}

}


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

    .cp_name{height: 80px;margin: 0;}


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

/*---news---*/
.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;}
/*---products_view---*/
.honor{width:100%;}
.honor p{width:100%;}
.honor p img{width:100%;}

/*---inquriy---*/
.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%;}

/*---products---*/
.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;}
}