@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1000px){
.inner,.banner,.banner img,.main{width:100%}
.h_header{position:inherit;overflow:hidden}
.header_r{padding-right:8%;}
.nav-btn{display:block; background:#666; 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:#555}
.nav-btn i:before{content:"≡"; font-size:30px; color:#fff;}
.nav{display:none}
.nav-narrow{display:block; float:left; width:100%;margin-top:15px}
.nav-narrow li{background:#fefefe; text-align:center; border-bottom:1px solid #dbdbdb; transition: all 0.1s ease 0.01s;}
.nav-narrow li:hover{background:#da9d4b}
.nav-narrow li:hover a{color:#fff;}
.nav-narrow li>a{ display:block; line-height:28px; color:#666; font-size:14px; font-weight:bold;text-decoration:none}
/*header*/
.header{position:static;top:inherit}
.header_r .share{margin-top:18px}
.header-lang{margin:18px 0 0 0}
/*h_banner*/
.focus{width:100%}
.rslides{width:100%;}
.rslides li{margin:0;}
.rslides img{width:100%}
.rslides_tabs{bottom:5px}
/*h_pro*/
.h_pro{top:inherit;width:100%}
.h_pro li{width:23%;margin:5px 1%}
.h_pro li img{width:100%}
/*h_left*/
.h_left dl{float:left;width:60%;margin-right:2%}
.h_left dl dd{line-height:40px}
.h_left dl.newsletter{margin-top:20px;width:30%}
.h_left dl.newsletter dd{line-height:30px}
.h_left dl.h_left_contact{width:98%;position:inherit;top:inherit}
.h_left dl.h_left_contact dd{float:left;margin-right:10px}
/*footer*/
.footer dl.footer_l{width:45%;margin-left:1%}
.footer dl.footer_m{margin:0 5%}
/*main*/
.main{background:none}
/*left*/
.left_pro dl dd{width:47%;margin:10px 1% 0 2%}
.left_pro dl dd img{width:96%}
/*products*/
.pro_list ul li{width:31%; margin:0 1% 2% 1%}
.pro_list ul li img{width:96%}
/*contact*/
.contact-iqr input{width:98%}
.contact_flt dl{width:31%; margin-right:2%}
.contact_flt input{width:98%}
.contact-iqr .c_cnt{width:96%}
/*news*/
.news{background:none;width:98%;padding:0 0 0 2%;border-bottom:1px dashed #dfdfdf;height:auto;margin-bottom:20px}
/*products_view*/
.pro_img{width:55%;margin:1% 0 0 3%}
#gallery_pic0 img{width:100%}
.pro_view_inner{width:37%}
#marquee0{width:100%}
#marquee0 ul li{width:23%;margin:8px 0 0 1%}
#marquee0 ul li img{width:100%}
.menu1 li{width:23%;margin-right:1%;background:#ccc;}
.related-products ul.rel-p li{width:21%; height:auto; margin:4px 2% 0 2%;}
.related-products ul.rel-p li img{width:100%;}
.menu1 li{width:23%;margin-right:1%;background:#ccc;}
.menu1 li.hover{width:23%}
.share{float:left}
.share ul li img{width:25px;height:25px}
/*certificates*/
.abt_cer ul li{width:48%;height:auto;margin:0 1% 10px 1%;}
.abt_cer ul li img{width:100%;}
}
@media screen and (max-width: 860px) {
.pro_img{float:none;margin:10px auto 0px auto;width:350px}
.pro_view_inner{float:none; width:90%; padding:10px 5% 0px 5%; margin-top:10px; overflow:hidden; min-height:inherit;border:none}
.share{float:none}
}
@media screen and (max-width:740px) {
.h_about img{width:100%}

.footer dl.footer_l{width:60%;}
.footer dl.footer_m{margin:0 2%}
.footer dl.footer_r{width:98%;margin-left:1%}
}
@media screen and (max-width: 650px) {
.footer{margin-bottom:40px}

.contact-bar{ display:none;}
.rw-footer-box{ display:block;}
}
@media screen and (max-width: 639px) {
.header_r{padding-right:8%}
.inquiry{display:none}

.pro_list ul li{width:48%; margin:0 1% 2% 1%}
	
.left{float:none;width:96%; margin-bottom:15px}
.left dt,.pro_bar p,.vtitle{background:none;color:#666;border-bottom:1px solid #dfdfdf}
.vtitle{border-bottom:1px solid #dfdfdf}
.left_news dt{margin-bottom:0}
.right{ float:none;width:96%; margin-left:10px;}
}
@media screen and (max-width: 580px) {
.header_r{padding:0 13% 0 0}
.h_about{width:98%}
.h_news{float:left;width:98%;margin-left:1%}

.video ul li{width:48%}

.footer dl.footer_l{width:98%;}
.footer dl.footer_l ul.footer_l_m{margin:0 5%}
.footer dl.footer_m{margin:0 0 0 1%;width:98%}
}
@media screen and (max-width: 480px) {	
.header{height:auto;overflow:hidden}
.header_l{width:100%;text-align:center}
.header_l img{width:30%}
.header-lang{display:none}

.h_pro li{width:48%;margin:5px 1%}

.right_contact dl{width:98%}
.right_contact_dl{padding-left:0}
.contact_flt dl{width:100%}
/*products_view*/
.pro_img{width:68%}
.pro_img img{width:100%}
.menu1 li{ width:48%; height:33px; margin-right:1%; background:#ccc; color:#000; border-top:1px solid #fff;}
.menu1 li.hover{ width:48%; margin-right:1%; height:33px;}
.products_text .main1 dl dt img{ width:100%;}
.related-products ul.rel-p li{ width:46%; margin:4px 2% 0 2%;}
.related-products ul.rel-p li img{ width:100%;}
}
@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;}
}