@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1000px){
.inner,.main{width:100%}
.header_r{padding:35px 6% 0 0}
.search{margin:0 32px 10px 0}
.nav-btn{display:block; background:#666; width:40px; height:40px; line-height:40px; position:absolute; right:10px; top:23px; 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%;}
.nav-narrow li{ background:#fff; text-align:center; border-bottom:1px solid #dbdbdb; transition: all 0.1s ease 0.01s;}
.nav-narrow li:hover{background:#ec000e}
.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}
/*h_banner*/
.focus{width:100%;height:auto;border:none;}
.rslides{width:100%;}
.rslides li{margin:0;}
.rslides img{width:100%;}
/*h_pro*/
.h_pro li{width:18%}
.h_pro li img{width:100%}
.h_pro li.pro1{margin:25px 0 0 2%}
.h_pro li.pro2{margin:25px 2% 0 2%}
.h_pro li:hover span{display:none}
/*h_main*/
.h_main li{width:31%}
.h_main li img{width:100%}
.h_main li.main_middle{margin:0 2%}
/*footer*/
.footer{padding-bottom:15px}
.footer_l{width:47%;margin-left:1%}
.footer_l dl.footer_pro{width:25%}
.footer_l dl.footer_news,.footer_l dl.footer_market{width:25%}
.footer_m{width:22%;margin:0 4%}
.footer_m dt img{display:none}
.footer_r{width:22%}
/*bottom*/
.bottom{position:inherit;display:none}
.bottom_l{width:100%;padding-left:10px}
.bottom_r{width:100%;margin-top:30px}
.bottom_r ul li{float:left;margin-right:15px}
.bottom_r ul{float:none;margin-left:10px}
.bottom_r p{float:none;margin:25px 0 10px 10px}
/*main*/
.main{background:none}
/*products*/
.pro_list ul li{width:31%;margin:0 1% 5% 1%;text-align:center}
.pro_list ul li img{width:96%}
/*video*/
.video ul li{width:31%;margin:0 1% 20px 1%;text-align:center;position:inherit}
.video ul li img{width:96%;}
.video ul li:hover img{border:1px solid #ec000e}
.video ul li:hover p,.video ul li:hover a{color:#ec000e;text-decoration:none}
.video ul li p{width:87%;background:none;position:inherit;color:#666;height:auto;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;padding-top:0;bottom:0;left:0}
/*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:59%;margin:1% 0 0 1%}
#gallery_pic img{width:100%}
.pro_view_inner{width:38%}
#marquee11 ul li{width:24%;margin:7px 0 0 1%}
#marquee11 ul li img{width:100%}
.pro_view_inner li ul li{margin-bottom:5px}
.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,.menu1 li.hover{ width: 23%;}
.products_text .main1 dl dt{ overflow: auto;}
.products_text .main1{ width: 100%; box-sizing: border-box;}
/*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:400px}
.pro_view_inner{float:none; width:90%; padding:10px 5% 0px 5%; margin-top:10px; overflow:hidden; min-height:inherit;border:none}

.down a{width:43%}

.footer_l{width:100%}
.footer_m{width:47%;margin:15px 3% 0 1%}
.footer_r{width:47%;margin-top:15px}
}
@media screen and (max-width:740px) {
.h_main dl{width:100%}
.h_main dl.h_download{width:100%;margin:20px 0 0 0}
.h_download dd{float:left;margin-right:15px}
.pro_list ul li{width:46%;margin:0 2% 2% 2%}

.video ul li{width:46%;margin:0 2% 20px 2%}

.right_contact dl{width:43%}
}
@media screen and (max-width: 650px) {
	.footer{margin-bottom:30px}
	.contact-bar{ display:none;}
	.rw-footer-box{ display:block;}
}
@media screen and (max-width: 639px) {
	.header_r{padding-right:8%}
	.h_news span.name,.h_news img{display:none}
	.h_news{line-height:30px}
	.inquiry{display:none}
	.left{float:none;width:96%; margin-bottom:15px}
	.left dt,.pro_bar p,.vtitle{background:none;color:#666}
	.vtitle{border-bottom:1px solid #dfdfdf}
	.left_news dd{line-height:35px;background-position:15px 13px}
	.left_news dd a{width:70%}
	.left_news dd span{float:right;margin-top:-35px}
	#menuleft dd{border-bottom:1px solid #dfdfdf}
	.right{ float:none;width:96%; margin:0 auto 3%;}
}
@media screen and (max-width: 580px) {
.right_contact dl{width:45%}
}
@media screen and (max-width: 480px) {
.nav-btn{top:0}

.header_l{width:100%;text-align:center}
.header_l img{width:50%}
.header_r{padding:0 11% 0 0}
.header_r span{display:none}

.h_pro li{width:98%;margin-left:1%}
.h_pro li.pro1{margin:25px 0 0 0}
.h_pro li.pro2{margin:25px 0 0 0}

.h_main li{width:98%;padding-bottom:15px}
.h_main li img{width:100%}

.footer_l dl.footer_pro{width:50%}
.footer_l dl.footer_news,.footer_l dl.footer_market{width:50%}
.footer_l dl.footer_market{clear:both}
.footer_m{width:100%}
.footer_r{width:100%}
.bottom{padding:0}
.bottom_r{width:100%;margin-top:10px}
.bottom_l,.bottom_r p{display:none}

.pro_img{width:68%}
.pro_img img{width:100%}

.zhanhui img{float:none;margin-bottom:7px;}

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

.down a{width:38%}
/*products_view*/
.menu1{ height: auto; overflow: hidden;}
.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;}
}