@charset "utf-8";

/* CSS Document */

@media screen and (mix-width: 1000px) {	

}



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

.header-left{ float:none; display:block; text-align:center;}

.header-left img{ width:60%;}

.header-right{ clear:none; float:left; display:block; margin:0 auto; width:100%; padding:10px 0;}



.htl-left{ float:none; width:100%; text-align:center; padding-bottom:6px;}
.htl-left li{ float:none; display:inline-block; margin-bottom:4px;}
.htl-right{ margin:0 10px 0 0;}



.search-button{ clear:none; float:left; margin:0; margin-left:14%;}

.header-right-t{ margin-right:14%;}

.nav-btn{ display:block; background:#333; width:40px; height:40px; line-height:40px; position:absolute; right:10px; bottom:5px; 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{ float:left; 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:#555;}

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





/********************home-banner*************************/

.banner{ margin-top:0;}

.rslides{width:100%;}

.rslides li{ margin:0;}

.rslides img{ width:100%;}

.focus{width:100%; height:auto;}

.rslides_tabs{ left:54%;}



.h-news-mpro{ display:none;}

.h-aha-l{ float:none; width:92%; margin:0 auto;}

.h-aha-r{ float:none; width:92%; margin:0 auto;}

.h-aha-r-b dl{ width:48%; margin-right:1%;}



.h-hotpro-b ul li{ width:33%; margin:0; margin-bottom:10px;}

.h-hotpro-b ul li img{ width:96%;}

.h-hotpro-b a{ width:80%;}

.h-hotpro-b a.hmpro-name{ width:80%;}

.h-hotpro-b .hmpro-des{ width:80%;}





.h-cqc .inner-box{ width:92%;}

.h-case,.h-questions{ width:45%; min-height:inherit;}

.h-case{ margin:0; padding-right:3%; background:none;}

.h-questions{ float:right; margin:0; padding-right:0; background:none;}

.h-contact{ clear:both; float:none; width:100%;}

.h-contact-t{ text-align:center; background:none; border-bottom:1px solid #fff;}

.h-contact-b{ padding:10px 0;}

.h-contact-b li{ float:left; margin-right:4%; word-wrap:break-word;}



.footer-inner{ width:92%;}







/*about us*/

.main-top-left{ width:23%;}

.main-top-right{ width:72%;}



/*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; float:left;}



/*news1*/

.related-products ul.rel-p li,.related-products ul.rel-c li{ width:21%; height:auto; margin:4px 2% 0 2%;}

.related-products ul.rel-p li img,.related-products ul.rel-c li img{ width:100%; height:auto;}



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



/*materials*/

dl.pc-box dt{ display:none;}

dl.pc-box dd{ 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) {

	

#gallery{ float:none; overflow:hidden; display:block; width:330px; 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) {

.search-button{ clear:both; float:none; margin:0 auto;}

.header-right-t{ clear:both; float:none; width:258px; margin:10px auto;}

.produsts-page-list ul li{ width:50%;}



}



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



.header-left img{ width:88%;}	



.nav-t{ display:none;}

.smartmenu{ display:none;}

.nav-b{ display:none;}

.nav-t{ display:none;}

.nav-t{ display:none;}



.h-prolist-b dl{ display:inline; margin:1px 11%;}



.h-hotpro-b ul li{ width:50%;}



.h-news-b dl dd{ float:left; width:50%;}

.copyright{ display:none;}

.footer-right{ float:none;}

.footer-right-links{ float:left;}



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

/*news1*/

.news1-page img{ width:100%;}

/*products1*/

.load_botton{ display:none;}



}



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



.h-hotpro-b ul li{ width:88%;}

.h-hotpro-b a{ margin:0 auto;}

.h-hotpro-b .hmpro-des{ margin:0 auto;}

.h-hotpro-b .hmpro-more{ clear:both; width:auto; margin-left:10%;}



.h-cqc{ padding-top:10px;}

.h-case,.h-questions{ width:100%;}



/*news1*/

.related-products ul.rel-p li,.related-products ul.rel-c li{ width:46%; margin:4px 2% 0 2%;}

.related-products ul.rel-p li img,.related-products ul.rel-c 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%;}



/*service*/

.ser-content img{ width:100%;}



/*contact*/

.products1-inquiry .products1-inquiry-div dl{ width:100%;}

.products1-inquiry .products1-inquiry-div input{ width:98%;}



}



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

	

/*products1*/

#gallery{ width:100%;}

#gallery ul li img.pro_img_23{ width:96%; height:auto;}

#marquee11 ul li img{ width:60px; height:38px;}

	

}



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

}

}