@charset "utf-8";

/* CSS Document */

@media screen and (mix-width: 1000px) {	

}


@media screen and (max-width: 1000px) { 
.footer-flinks{ width:96%; margin-left:3%;}
.h-hotpro-b ul{ width:100%;}



.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:fixed; right:10px; top:60px; text-align:center; border-radius:5px; cursor:pointer; z-index:9999}

.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:80%;}

.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;  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) {
.left-contacti{ font-size:10px;}	
ul#menuleft{ font-size:10px;}
.related-products ul.rel-p li a{ font-size:10px;}

/*lina*/

	

#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;}

 .cont_bot td input[type="text"]{ width:80%;}
 .cont_bot td textarea{ width:80%}


 .main1 .sendTable td input[type="text"]{ width:80%;}
 .main1 .sendTable td textarea{ width:80%}

}



@media screen and (max-width: 740px) {
.left-contacti{ font-size:10px;}	
ul#menuleft{ font-size:10px;}
.related-products ul.rel-p li a{ font-size:10px;}
ul#menuleft > li > a strong{ width:130px; display:block; overflow:hidden;}
.related-products ul.rel-p li a{ font-size:10px; width:90px; height:30px; line-height:30px; overflow:hidden;}

/*lina*/

.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:48%; margin-right:5px;}

}



@media screen and (max-width: 650px) {
.left-contacti{ font-size:10px;}	
ul#menuleft{ font-size:10px;}
.related-products ul.rel-p li a{ font-size:10px;}


/*lina*/



.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;}

.ny_hon ul li{ width:47%;}


}



@media screen and (max-width: 639px) {
.left-contacti{ font-size:10px;}	
ul#menuleft{ font-size:10px;}
ul#menuleft >li >a strong{ font-weight:normal; display:block; width:200px; overflow:hidden; }
.produsts-page-list ul li{ width:70%; margin-left:5%}
.related-products ul.rel-p li a{ font-size:10px; width:90px; height:30px; line-height:30px; overflow:hidden;}

/*lina*/

	

.main-top-left{ float:none; width:94%;}

.main-top-right{ float:none; width:94%; margin-left:10px;}

.left-contacti{ display:none;}

.cont_l{ float:none; width:99%;}
.cont_r{ float:none; width:100%; padding-top:30px;}



/*about us*/

.about_text img{ width:100%;}

/*news1*/

.news1-page img{ width:100%;}

/*products1*/

.load_botton{ display:none;}

.zj-p1{ width:100%;}
.zj-p1 img{ width:49%}


}



@media screen and (max-width: 480px) 
{
    .products_text .jzimg{ width:70%;}
.header-left{ width:60%;}
.header-right-t,.search-button{ display:none;}	
.nav-btn{ margin-top:-50px;}
.left-contacti{ font-size:10px;}	
ul#menuleft{ font-size:10px;}
.related-products ul.rel-p li a{ font-size:10px;}
ul#menuleft >li >a strong{ font-weight:normal; display:block; width:200px; overflow:hidden; }
.related-products ul.rel-p li a{ font-size:10px; width:156px; height:30px; line-height:30px; overflow:hidden;}
.t-page-l{ width:44%; font-size:20px;}
/*lina*/


.h-hotpro-b ul li{ width:88%; margin-left:5%;}

.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%;}


.ny_hon ul li{ width:80%; margin-left:10%;}

DIV.digg a{ display:none;}
DIV.digg a.xs{ display:block; text-align:center; width:60%; margin-left:auto; margin-right:auto;}
.zj-p1 img{ width:80%; margin-left:10%; margin-bottom:8%; }
.produsts-page-list ul li{ width:70%; margin-left:5%}


}



@media screen and (max-width: 320px) {
.header-left{ width:60%;}
.header-right-t,.search-button{ display:none;}	
.nav-btn{ margin-top:-50px;}
.left-contacti{ font-size:10px;}	
ul#menuleft{ font-size:10px;}
.related-products ul.rel-p li a{ font-size:10px;}
ul#menuleft >li >a strong{ font-weight:normal; display:block; width:200px; overflow:hidden; }
.related-products ul.rel-p li a{ font-size:10px; width:120px; height:30px; line-height:30px; overflow:hidden;}

/*lina*/

/*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;

}

}