@charset "gb2312";
/* CSS Document */
#main #left #categary #m-content {
	border-right:2px solid #e3e4e9;
	border-bottom:3px solid #e3e4e9;
	border-left:2px solid #e3e4e9;
	padding: 12px;
	display:none
}
#categary #m-content p{ background: url(../images/main_12_bg.jpg) repeat-x left top;margin-bottom:6px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; overflow:hidden; float:left; width:24%; margin-right:1%; }
#categary #m-content p a {	
	line-height: 29px;
	display: block;
	padding-left: 35px;
	height: 29px;
	font-size:14px;
	background:url(../images/main_12_jt.png) no-repeat 15px center;
	text-overflow:ellipsis; overflow:hidden; white-space:nowrap
}
#left #categary #m-content p:hover,#left #categary #content p.checked{background: url(../images/main_12_bg_h.jpg) repeat-x left top;}
#left #categary #m-content p a:hover, #left #categary #content p.checked a {
	color: #FFF;
	background:url(../images/main_12_jt_h.png) no-repeat 15px center;
}
#categary #m-content .more{ padding-top:5px; display:block; text-align:center}
#m-link{border: 1px solid #CCC; margin-top: 14px;margin-bottom: 14px; display:none}
#m-link #title{background: url(../images/main_17.gif) repeat-x left top;height: 37px;}
#m-link #title #dabiaoti{background: url(../images/main_15.gif) no-repeat left center;height: 37px;width: 119px;font-size: 14px;font-weight: bold;color: #FFF;line-height: 30px;text-align: center;float: left;}
#m-link #content{background: url(../images/linkbg.gif) repeat-x left bottom;padding:5px 12px 12px; line-height:25px;}
#m-link #content p a {background: url(../images/linkfen.jpg) no-repeat left center;margin-right: 12px;padding-left: 12px;}
.m-quick{ background: url(../images/main_02.gif) repeat-x; background-size: auto 100%; position:fixed; bottom:0; z-index:99; width:100%; height:45px;color:#fff; display:none}
.m-quick li{ float:left; width:33.33%; text-align:center; font-size:12px;}
.m-quick li a{ color:#fff; display:block; padding-top:25px;}
.m-quick li.tel{ background:url(../images/fltel01.png) no-repeat center 3px}
.m-quick li.tel1{ background:url(../images/fltel.png) no-repeat center 3px}
.m-quick li.mail{ background:url(../images/flmail.png) no-repeat center 3px}
.m-lang{ display:none}
.news_class{ display:none; text-align:center}
.news_class ul{ display:inline-block;*display:inline}
.news_class li{ float:left; margin:5px 5px 10px;}
.news_class li a{ display:block; padding:5px 15px; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; background:#ccc;color:#333;}
.news_class li a.checked{background:#3baa2c;color:#fff;}
#m-proclass{ display:none; width:101%}
#m-proclass p{ background: url(../images/main_12_bg.jpg) repeat-x left top;margin-bottom:6px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; overflow:hidden; float:left; width:24%; margin-right:1%; }
#m-proclass p a {	
	line-height: 29px;
	display: block;
	padding-left: 35px;
	height: 29px;
	font-size:14px;
	background:url(../images/main_12_jt.png) no-repeat 15px center;
	text-overflow:ellipsis; overflow:hidden; white-space:nowrap
}
#m-proclass p:hover,#m-proclass p.checked{background: url(../images/main_12_bg_h.jpg) repeat-x left top;}
#m-proclass p a:hover,#m-proclass p.checked a {
	color: #FFF;
	background:url(../images/main_12_jt_h.png) no-repeat 15px center;
}
#m-proclass .more{display:block;text-align:center; font-size:13px;background:url(../images/ico-sort.png) no-repeat #089128 12px center; color:#fff; padding:8px 0 8px 18px;width:90px;margin:10px auto}
#showMore a{ display:block !important}
@media screen and (max-width:1024px){
	#container{ width:100%; padding:0; min-width:320px;}
	#menu #inner{ width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#main #left{ width:100%}
	#menu ul li{ width:25%; line-height:36px}
	#header{ height:auto}
	#header #logo{ width:auto; padding-left:12px;}
	#header #use{ padding-right:12px;}
	#left #categary #title{ background-repeat:repeat-x;padding-left:14px}
	#main #left #categary #content{ display:none}
	#main #left #categary #m-content{ display:block}
	#main #left #contact{ display:none}
	#main #right{ width:100%; margin-top:14px;}
	#main #right #title #more a{ padding-right:12px;}
	#main #right #tuijian{ width:30%}
	#main #right #tp #news{ width:68%}
	#KinSlideshow02 .slides img{ width:100%}
	#line3_Demo{ width:100%;}
	#linkx #content{ width:92%}
	.nleft{ display:none}
	#main #nright{ width:100%}
	.min_height{min-height: auto;
    _height: expression(this.scrollHeight < 1098 ? "1098px" : "auto");}
	#honor ul li{ width:23%}
	#lightbox-image{ width:100%}
	#lightbox-container-image-box{ width:60% !important; height:auto !important;}
	#lightbox-container-image-data-box{ width:60% !important; padding:0 !important}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext{ height:100% !important}
	.news_class{ display:block}
	#main #nright #content{ padding-bottom:30px;}
	#fanye{ margin-bottom:10px}
	#m-proclass{ display:block}
}
@media screen and (max-width:920px){
	#logo img{ width:auto; height:90px;}
	#header #lang img{ width:auto; height:36px}
	#header #use{width:245px; margin-top:15px;}
	#header #use #link img{ width:auto; height:25px;}
}
@media screen and (max-width:835px){#linkx #content{ width:90%}}
@media screen and (max-width:768px){
	#header #lang{ float:right; margin-left:0; margin-top:25px; padding-right:12px;}
	#header #use{ width:100%; margin-top:0; margin-bottom:14px; padding-left:12px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	#use #link{ float:left}

	#m-link{ display:block}	
	#linkx{ display:none}
	.float-kefu{ display:none}
	.m-quick{ display:block}
	#footer{ margin-bottom:45px;}
	#honor ul li{ width:31.33%}
	#chuisi #cskuai #cspic{ width:50%}
	#cskuai #cszi{ width:45%}
	#honor_1 ul li a{ height:260px}
	#newsshow table{ width:100%}
	#dituContent{ height:300px !important}
}
@media screen and (max-width:640px){
	#categary #m-content p,#m-proclass p{ width:32.33%}
	#main #right #tuijian{ width:100%}
	#KinSlideshow02{ height:260px}
	#KinSlideshow02 .slides img{width:auto; height:auto;max-height:260px;}
	#main #right #tp #news{ width:100%; margin-top:14px;}
	#logo img{ height:80px;}
	#header #lang img{ height:32px;}
	.banner{ height:240px;}
	.banner .slides li{ height:240px;}
	#honor ul li{ width:48%}
	#lightbox-container-image-box{ width:100% !important;}
	#lightbox-container-image-data-box{ width:100% !important;}
	#honor_1 ul li{ width:48%}
	.contact_t{ float:none}
	.erweima{ float:none; width:150px}
	.erweima img{ width:150px !important; height:auto !important; display:block}
	#nright #xj td:first-child{ width:100px}
	#nright #xj textarea{ width:95%}
	#prolist li{ width:48%}
	.imgkuang{ width:90%; height:auto}
	#dituContent{ height:220px !important}
	#products #content #xiaokuai .pic{ width:180px; height:125px;}
}
@media screen and (max-width:480px){
	#logo img{ height:75px;}
	#header #lang{ margin-top:20px;}
	#header #lang img{ height:28px;}
	#header #use table{ width:230px;}
	#header #use table tr td:first-child{ width:160px}
	#header #use table tr td:nth-child(2){ width:60px}
	#categary #m-content p,#m-proclass p{ width:49%}
	#about #content #companypic{ margin-right:0; width:100%}
	#KinSlideshow{ height:260px;}
	#KinSlideshow .slides img{ height:260px; width:100%}
	.banner,.banner .slides li{ height:220px;}
	#KinSlideshow{ height:260px}
	#honor ul li{ width:98%}
	#honor ul li a img{ height:auto}
	#main #nright #title #location{ display:none}
	#honor_1 ul li a{ height:200px;}
	#prolist li .pic{ height:120px}
}
@media screen and (max-width:425px){
	#use #link{ float:none}
	#header #lang{ display:none;}
	#header #logo{ padding-left:0}
	#logo img{ max-width:99%; height:auto}
	.m-lang{ display:inline-block}
	#KinSlideshow{ height:220px;}
	#KinSlideshow .slides img{ height:220px; width:100%}
	#KinSlideshow02{ height:220px}
	#KinSlideshow02 .slides img{ max-height:220px}
	
}