/* CSS Initializing */
/**{margin:0px auto;padding:0px;}*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,form,div,p{margin:0px auto;padding:0px;}
body{font-size:12px;font-family:"宋体";color: #313131;line-height:23px;background:#ebebeb url(../images/header_bg.jpg) repeat-x left top;}
table { border-collapse: collapse; border-spacing: 0;}
img{border:0; vertical-align:middle;}
ul,li{list-style:none;list-style-type: none}
h1, h2, h3, h4, h5, h6 { font-size: 100% } /* 字体加粗与否，视页面标题更改 */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-weight:bold;} /* 字体加粗与否，视页面标题更改 */
i,b{ font-size:12px; font-weight:normal;font-style: normal;}
input,button, textarea, select{ vertical-align: middle;}
input{ height:18px; color:#000000; line-height:18px;}
select{ height:23px; color:#000000; line-height:23px;}
button { cursor: pointer }
em, cite { font-style: normal; }
a{color:#444;text-decoration:none;}
a:hover{color: #dd0103;text-decoration: none; list-style:none;}
.txtlf{ text-align:left;}
.txtrg{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
.fix:after {content:'.';display:block;clear:both;visibility:hidden;height:0px;}/*清除浮动的一种方法，将此class名写在内部有浮动的标签中，便可清除子字元素的浮动，使用非常方便*/
.fix {zoom:1;}
.clear { clear: both; display: block!important; float: none!important; width: auto!important; height: 0;margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0px; }
.brank{ line-height:8px; clear:both; height:8px;margin: 0 auto!important; padding: 0!important; font-size: 0; float: none!important;}
.none{ display:none;}

.header{height:108px;background:url(../images/header_border.png) repeat-x left bottom;}
.hader_c{width:1012px;margin:0 auto;}
.logo{margin-top:20px;}
.header_nav{width:704px;}
.red{color:#dd0103;}
.search_box{margin:5px 0 2px;}
.search_text,.search_btn,.buttons li a,.buttons li.current a,.news_box li,.inex_title,.company_list li,.pages_title,.menu_list li a,.left_title,.fast_links_list span,.left_title2,.products_info_t span,.about_info_t span,.btn_more,.news_list li,.en_search_btn{background:url(../images/icon.png) no-repeat;}
.search_text{width:160px;height:22px;border:none;padding-left:6px;color:#b5b5b5; vertical-align:middle;}
.search_btn{background-position:-166px 0;width:53px;height:22px;border:none; vertical-align:top;cursor:pointer;}
.en_search_btn{background-position:-160px -327px;width:53px;height:22px;border:none; vertical-align:top;cursor:pointer;}
.m10{margin-top:10px;}
.nav{width:690px;height:39px;clear:both;background:url(../images/nav_bg.png) no-repeat;padding:7px 7px 0;}
.nav li{width:100px;float:left;height:39px;}
.nav li a{display:inline-block;width:100px;height:39px;line-height:39px;text-align:center;color:#313131;font-size:14px;font-family:'微软雅黑'}
.nav li a:hover{color:#fff;}
.nav li.index_hover a:hover,.nav li.index_hover a.inde_cur{background:url(../images/index_hover.png) no-repeat;color:#fff;}
.nav li.last_hover a:hover,.nav li.last_hover a.last_cur{background:url(../images/index_hover2.png) no-repeat;color:#fff;}
.nav li.nav_s{margin:0 11px;}
.nav li.last_hover{margin-left:2px;}
.nav li.nav_s a:hover,.nav li.nav_s a.cur{background:#bd0003;color:#fff;}
/****flash********/
.container{width:1012px;margin:10px auto 0;}
.frame{width:981px;height:408px;position:relative;overflow:hidden;background:url(../images/fl_bg.png) no-repeat;padding:15px 15px;}
.fadearry{width:981px;height:368px;overflow:hidden;}
.fadearry li img{width:978px;height:368px;}
.buttons{position:absolute;right:48%;bottom:38px;}
.buttons li{float:left;margin-left:3px;}
.buttons li a{float:left;height:12px;width:12px;background-position:-245px -5px;display:inline-block;}
.buttons li a:hover,.buttons li.current a{background-position:-226px -5px;}
/****main_box********/
.main_box{background:#fff;border:1px solid #ccc;padding:15px 20px;}
.index_news{width:273px;background:url(../images/line_bg.png) no-repeat right center;padding-right:15px;}
.tags a{width:90px;height:20px;background:#d3d3d3;display:inline-block;margin-right:10px;text-align:center;line-height:20px;}
.tags a:hover,.tags a.selected{background:#bd0003;color:#fff;}
.news_box{margin-top:15px;height:120px;overflow:hidden;}
.news_box li{background-position:-308px 12px;padding-left:8px;}
.news_box li span{display: block;font-size: 90%;margin-bottom: -8px;}

.index_products{width:430px;}
.inex_title{background-position:-294px -65px;font-family:'微软雅黑';font-size:14px;padding-left:30px;margin-bottom:10px;}
/*********滚图********/
.img_scroll { width:396px; position:relative;margin-left:25px  }
.img_scroll .prev img,.img_scroll .next1 img { position:absolute; top:40px;cursor:pointer;}
.img_scroll .prev img { left:0px}
.img_scroll .next1 img { right:0px}
.img_list1 { position:relative; width:334px; height:86px; margin-left:30px; overflow:hidden;padding-top:10px;}
.img_list1 ul { width:9999px;}
.img_list1 li { float:left; margin-right:4px;width:111px; height:86px; overflow:hidden;}
.img_list1 li p{text-align:center;}
.img_list1 li p a:hover{color:#3584ec;}
.img_list1 li img{display:block;width:100px; height:82px;border:2px solid #a8a8a8;}
.img_list1 li a:hover img{border:2px solid #bd0003;}


.company{width:210px;background:url(../images/line_bg.png) no-repeat left center;padding-left:20px;}
.company_list li{background-position:-298px -97px;padding-left:20px;}

.jScrollPaneTrack {background-color:none;background:url(../images/scrollBg.gif) repeat-y;}
.jScrollPaneDrag {width:9px;height:59px;background:url(../images/bgDrage.gif) no-repeat;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%;}
.jScrollPaneDrag {position: absolute;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop,.jScrollPaneDragBottom {position: absolute;
top: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp,a.jScrollArrowDown {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/height: 9px;}

.links{width:970px;height:50px;overflow:hidden;margin-top:15px;}
.img_list li{float:left;margin-right:35px;}
.img_list li img{height:50px;}
.demobox { width:800%;}
.dom1 ,.dom2 {float:left;}

.footer p{line-height:40px;color:#6d6d6d;}


/***************/
.jScrollbar { /* main container */
	width:250px;
	height:120px;
	overflow:hidden;
	position:relative;
}
.jScrollbar_mask { /* text container */
		width:195px;
		position:relative;
		top:0;
		float:left
	}
.jScrollbar_draggable { /* slider container */
		float:left;
		width:15px;
		height:120px;
		overflow:hidden;
		background:transparent url('../images/bg_jScrollbar_draggable.jpg') repeat-y center top;
		position:relative
	}
.jScrollbar_draggable a.draggable { /** draggable **/
		position:relative;
		background-color:#666;
		display:block;
		height:50px;
		width:6px;
		margin-left:5px;
		cursor:s-resize
	}