@charset "utf-8";
/* CSS Document */
body,button,input,select,textarea{color:#333;font:12px/1.5 Tahoma,Helvetica,Arial; background:#FFF; background-color:#FFF; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block} 
/* End hide from IE-mac */
*{ list-style:none; text-decoration:none;}
.page_list{text-align:right;padding-top:10px; padding-bottom:2px;}
.page_list a{border:#ddd 1px solid;color:#0169b7;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#000;background-color:#D3E1F6}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#0169b7;}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/* webcss start*/
body{font-family: "微软雅黑";}
#wrapper{margin:0px auto;width:980px}
.top{height:90px;}
#lang{position:absolute;right:15px;top:10px;z-index:1}
#lang img{margin-right:5px;vertical-align:middle}
#MainMenu{ width:1200px;margin: auto;}
#banner{height:152px;padding:11px 15px;overflow:hidden}
.KSS_titleBox h2{line-height:32px}
#index_main h2{background-image:url(../images/site_title.gif);background-repeat:no-repeat;height:34px;line-height:34px;font-size:100%;font-weight:normal}
#index_main h2 span{float:left;display:none}
#index_main h2 a{float:right;margin:15px 10px 0px 0px}
.index-left{float:left;padding:0px 5px 0px 9px;width:706px;overflow:hidden}
.index-newproducts{padding-bottom:15px}
.index-newproducts h2{background-position:0px 0px}
.productsroll{position:relative;width:910px;margin: auto;}
/* productsroll Start */
#LeftArr1,#RightArr1{background-image:url(product_arrow.gif);width:32px;height:47px;cursor:pointer;position:absolute;top:0px;z-index:1}
#LeftArr1{float:left;left:-55px; top: 150px;}
#RightArr1{ float:right;right:-55px; top: 150px;}
#ScrollBox{width:1200px; overflow:hidden; float: left;}
#ScrollBox li{float:left;display:inline;text-align:center;}
#ScrollBox li a{display:block; overflow: hidden;
	 }
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{}
#ScrollBox li a:hover{}
#ScrollBox li a span{display:block;padding-top:4px; line-height: 40px; font-size: 16px; text-align: left; padding-left: 25px;}

#ScrollBox li:hover .more{
	border: #fff solid 2px;
	color: #fff;
}
/*#ScrollBox li img{
	height: 294px;
    max-width: 280px;
   
}*/




#LeftArr2,#RightArr2{background-image:url(product_arrow.gif);width:25px;height:130px;cursor:pointer;position:absolute;top:0px;z-index:1}
#LeftArr2{background-position:-25px 0px;float:left;left:-50px; top: 50px;}
#RightArr2{background-position:-50px 0px;float:right;right:140px; top: 50px;}
#ScrollBox1{width:1200px; overflow:hidden; float: left;}
#ScrollBox1 li{float:left;display:inline;margin:10px 25px;text-align:center; height: 240px; min-width: 250px;}
#ScrollBox1 li a{display:block; overflow: hidden;
	height: 200px; }
#ScrollBox1 li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{}
#ScrollBox1 li a:hover{color:#008aff}
#ScrollBox1 li a span{display:block;padding-top:4px; line-height: 40px; font-size: 16px; text-align: left; padding-left: 25px;}
#ScrollBox1 li:hover a{
	color: #FF0000;
}
#ScrollBox1 li:hover .more{
	border: #fff solid 2px;
	color: #fff;
}
#ScrollBox1 li img{
	height: 188px;
    max-width: 238px;
    border: #004c01 solid 1px;
    padding: 5px;
}



/* productsroll End */
.index-news{background:url(v_line2.gif) 350px top no-repeat;float:left;padding:0px 5px;width:346px}
.index-news h2{background-position:0px -34px}
.index-news ul{padding:0px 0px 10px 5px}
.index-news ul li{padding:4px 0px}
.index-news ul li img{float:left;margin-right:10px}
.index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px}
.index-news ul li p{color:#666}
.index-news ul li a span{color:#666;float:right;margin-right:10px}
.index-about{float:left;width:350px}
.index-about h2{background-position:0px -68px}
.index-about p{line-height:23px;padding:4px 0px 0px 5px}
.index-about p img{float:left;margin-right:8px}
.index-products{clear:both}
.index-products h2{background-position:0px -102px}


#product_c a{
    display: block;
    float: left;
    height: 140px;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
    width: 150px;
}
#product_c{
width:668px;
}
.banner{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}