@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1000px) { 
	
.header-inner,.nav-inner,.banner-inner,.inner-box,.main-inner,.footer-inner,.banner-1-inner{ width:100%;}
.header{ padding-bottom:6px;}
.header-inner{ width:96%;}
.header-right{ padding:16px 5% 10px 0;}
.search-button{ margin-right:32px;}

.nav-btn{ display:block; background:#333; width:40px; height:40px; line-height:40px; position:absolute; right:10px; bottom:10px; 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: -moz-linear-gradient(center top , #ECECEC, #ECECEC) repeat; background:#068ad6; text-align:center; border-bottom:1px solid #f1f1f1; transition: all 0.1s ease 0.01s;}
.nav-narrow li:hover{ background:#333;}
.nav-narrow li:hover a{ color:#fff;}
.nav-narrow li>a{ display:block; line-height:28px; color:#e2e2e2; font-size:14px; font-weight:bold;}


/********************home-banner*************************/
.rslides{width:100%;}
.rslides li{ margin:0;}
.rslides img{ width:100%;}
.focus{width:100%; height:auto;}
.rslides_nav.prev{ left:0; top:40%;}
.rslides_nav.next{ right:0; top:40%;}
.banner-1-inner img{ width:100%;}


.h-pc-box .inner-box{ width:96%;}
.h-pc-b{ margin:0; padding:0 0 15px 0;}
.h-pc-b dl{ width:20%; height:auto; margin:16px 2% 0 2%;}
.h-pc-b dl dt{ width:100%;}
.h-pc-b dl dt img{ width:100%;}
.h-pc-b dl dt a{ width:100%; height:100%; background-size:100%;}

.h-ap .inner-box{ width:96%;}
.h-aboutus{ width:70%;}
.h-ap-prolist{ width:28%;}

.footer-inner{ width:96%;}



/*about us*/
.main-top-left{ width:23%;}
.main-top-right{ width:72%;}
.latest-info dl dt img{ width:100%;}

/*news*/
.news-content dl{ width:94%; height:auto; background:none; border-bottom:1px dashed #ccc; padding-bottom:10px; padding-left:0;}
.news-content dl dt{ display:none;}
.news-content dl dd{ width:100%; margin-right:0;}
.news-list-desp span{ height:auto;}
.news-list-desp a{ padding-top:6px;}

/*news1*/
.related-products ul.rel-p li{ width:21%; height:auto; margin:4px 2% 0 2%;}
.related-products ul.rel-p li img{ width:100%;}

/*products*/
.left-news{ display:none;}
.produsts-page-list{ margin-right:0;}
.produsts-page-list ul{ margin-right:0;}
.produsts-page-list ul li{ width:31%; margin-right:0;}
.produsts-page-list a{ width:90%;}
.produsts-page-list ul li img{ width:96%;}
.produsts-page-list .hmpro-des{ display:none;}

/*products1*/
#gallery{ margin:36px 8px 0 8px;}
.CALLERY_CONTENT{ width:38%;}
.menu1 li{ width:22%; margin-right:1%; background:#ccc; color:#000;}
.menu1 li.hover{ width:22%; margin-right:1%;}

/*certificates*/
#showimg ul li{ width:48%; height:auto; margin:0 1% 10px 1%;}
#showimg ul li img{ width:100%;}

/*solution*/
.res-page dl{ width:40%; margin:0 5% 14px 4%;}
.res-page dl dt img{ width:100%;}

/*service*/
.ser h1{ font-size:18px; height:28px; line-height:28px;}

/*contact*/
.contact-inquiry{ padding-left:0;}
.products1-inquiry input{ width:98%;}
.products1-inquiry .pi-message{ width:96%;}
.products1-inquiry .products1-inquiry-div dl{ width:31%; margin-right:2%;}
.products1-inquiry .products1-inquiry-div input{ width:97%;}


}

@media screen and (max-width: 860px) {


.header-left{ width:100%; text-align:center;}
.header-right{ clear:both; float:none; width:322px; margin:0 auto;}


.copyright{ padding:0;}	
.copyright p{ text-indent:inherit;}
.copyright a{ display:none;}
.tsbw-img{ display:none;}

/*products1*/
#gallery{ float:none; overflow:hidden; display:block; width:290px; margin:10px auto 0 auto;}
.CALLERY_CONTENT{ float:none; width:90%; padding:10px 5% 10px 5%; margin-top:10px; overflow:hidden; min-height:inherit;}
}

@media screen and (max-width: 740px) {


/*products*/
.produsts-page-list ul li{ width:50%;}

}

@media screen and (max-width: 650px) {

.nav-t{ display:none;}
.smartmenu{ display:none;}
.nav-b{ display:none;}
.nav-t{ display:none;}
.nav-t{ display:none;}


.flist-box{ width:48%; margin-right:2%; background:none;}


.footer{ padding-bottom:60px;}
.contact-bar{ display:none;}
.rw-footer-box{ display:block;}



}

@media screen and (max-width: 639px) {


	
.main-top-left{ float:none; width:94%;}
.main-top-right{ float:none; width:94%; margin-left:10px;}
.left-contacti{ display:none;}


/*about us*/
.about_text img{ width:100%;}
.latest-info dl dt{ padding:0;}
.latest-info dl dt img{ display:none;}
/*news1*/
.news1-page img{ width:100%;}
/*products1*/
.load_botton{ display:none;}
/*contact*/
.contactus-page-f{ float:none; width:100%; padding-bottom:20px;}
.contactus-page-p{ float:none; width:100%;}

}

@media screen and (max-width: 580px) {
.h-pc-b dl{ width:45%; margin:16px 2% 0 2%;}

.h-aboutus{ float:none; width:99%;}
.h-ap-prolist{ float:none; width:100%; margin-top:16px;}
}

@media screen and (max-width: 480px) {
.header-left img{ width:80%;}

.flist-box{ width:100%; border-bottom:1px solid #ccc;}

/*news1*/
.related-products ul.rel-p li{ width:46%; margin:4px 2% 0 2%;}
.related-products ul.rel-p li img{ width:100%;}

/*products1*/
.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%;}

/*solution*/
.res-page dl{ width:46%; margin:0 1% 10px 2%;}
.res-page dl dd{ padding:0 4% 10px 4%;}
.res-page dl dd span{ font-weight:normal;}
.res-page dl dd a{ font-size:12px; line-height:16px;}

/*service*/
.ser-content img{ width:100%;}

/*contact*/
.products1-inquiry .products1-inquiry-div dl{ width:100%;}
.products1-inquiry .products1-inquiry-div input{ width:98%;}


}


@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;
}
}