@charset "gb2312";
/* CSS Document */

html,body{ margin:0; padding:0; background:#f0f0f0; overflow-x:hidden;}
ul,li,h1,h2,h3,h4,h5,h6,p,dd,dt,dl,span,em,b,i{ margin:0; padding:0; list-style:none;}
a{ text-decoration:none; color:#333; font:normal 14px/20px Arial; blr:expression(this.onFocus=this.blur())}
a:hover{ color:#c33; text-decoration:none;}
input{ border:0; outline:none; resize:none}
img, object{ border:0; max-width: 100%; _width: 100%; -ms-interpolation-mode: bicubic;}
.fl{ float:left;}
.fr{ float:right;}
.w108{ width:1008px; margin:0 auto;}

.top{ width:100%; height:30px; background:#FFF; border-bottom:1px solid #CCC;}
	.language{  text-transform:uppercase; font: normal 12px/12px Arial; margin-top:8px;}
	.language span{ float:left; margin-right:10px;}
	.language a{ float:left; height:12px; overflow:hidden; padding-left:20px; line-height:12px; font-size:12px;}
	.language a.chn{ background:url(../images/language_ico.jpg) 0 0 no-repeat; border-right:1px solid #DDD; padding-right:10px;}
	.language a.eng{ background:url(../images/language_ico.jpg) 0 -12px no-repeat; margin-left:10px;}

.head{ width:100%; height:150px; border-bottom:3px solid #C33; background:url(../images/e-head_bg.gif) 0 0 repeat-x;}
.logo{ width:100%; height:110px; background:url(../images/en_logo.png) 0 5px no-repeat; position:relative;}
	.logo a{ width:85px; height:85px; position:absolute; top:10px; left:37px;}
.nav{ width:100%; height:40px; background:#C33;}
	.nav li{ float:left; width:144px; height:43px; text-align:center;}
	.nav li a{ font:normal 12px/43px Arial, SimSun, sans-serif; color:#FFF; text-transform:uppercase; width:144px; height:43px; display:block;}
	.nav li a.hover, .nav li a:hover{ background:#8b1915;}
.banner{ width:100%; height:450px; background:url(../images/banner-bg.jpg) repeat; margin-bottom:25px; }
.head_flash{ float:left; width:100%; height:400px; margin-top:25px;}
.main{ width:100%; margin-bottom:30px;}
.body_left{ width:212px;}
.body_right{ width:775px;}
.classification{ float:left; width:100%; background:#FFF;}
.classification_title{ float:left; width:212px; height:52px; background:url(../images/classificationbg.gif); text-align:center; font:600 14px/46px Arial, SimSun, sans-serif; color:#FFF; text-transform:uppercase;}
.classification ul{ padding:20px 0; float:left; width:100%;}
.classification ul li{ padding-left:15px;}
.classification ul li i{ color:#c33;}
.classification ul li a{ font:normal 12px/35px Arial; margin-left:8px;}

.contact{ width:192px; padding:15px 10px 20px 10px; background:#FFF; margin-top:20px;}
.contact_title{ font:bold 14px/26px Arial, SimSun, sans-serif; padding-left:10px; text-transform:uppercase; color:#666;}
.contact_body{ padding-left:10px; padding-top:10px;}
.contact_img{ padding:5px 0; margin-top:10px;}
.contact_body p{ font:normal 12px/20px Arial; color:#666;}

.about{ width:100%; height:240px; background:#FFF;}
.about_img{ float:left; width:333px; height:240px; position:relative;}
	.about_img ul{ width:200px; height:60px; background:#C33; position:absolute; right:0; top:150px; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
		.about_img ul h4{ font:bold 16px/24px Arial; color:#FFF; text-transform:uppercase; text-align:center; margin-top:6px;}
		.about_img ul a{ padding:3px 10px; background:#000; color:#FFF; text-transform:uppercase; font:normal 12px/12px Arial; margin-left:23px;}
		.about_img ul a:hover{ background:#FFF; color:#C33;}
	.about_img ul dt{ width:333px; height:240px; position:absolute;}
.about-body{ float:left; margin-top:29px; padding-left:20px; width:390px;}
	.about-body h3{ font:bold 18px/24px Arial; color:#666;}
	.about-body p{ float:left; font:normal 12px/20px Arial; margin-top:10px; overflow:hidden; width:390px; height:155px; color:#666;}

.prodtcts{ width:100%; margin-top:20px;}
.prodtcts-title{ width:100%; border-bottom:1px solid #DDD; float:left;}

.prodtcts-title h3{ color:#666; border-bottom:3px solid #c33; float:left; margin-bottom:-1px; font:600 15px/28px Arial; text-transform:uppercase; padding-bottom:5px;}

prodtcts-body{width:100%; float:left;}

/*Çл»Ñùʽ*/
.home_ad{width:100%; margin-top:-40px; margin-left:-5px; overflow:hidden; padding-top:50px;}
.home_ad .picScroll-left{width:100%;}
.home_ad .picScroll-left .ad_title{border-bottom:1px solid #dee2e6;border-top:2px solid red;height:24px;padding:10px;overflow:hidden;margin-top:5px;}
.home_ad .picScroll-left .ad_title span{float:left;font-size:20px;color:red;}

.hd{float:right;width:20px;position:relative; right:20px; top:-36px; z-index:999;}
.hd a{cursor:pointer;width:6px;height:11px;display:block;position:absolute;}
.hd a.next{background:url("../images/arr7.gif") -15px -6px no-repeat;right:0px;}
.hd a.prev{background:url("../images/arr7.gif") -3px -6px no-repeat;left:0px;}
.hd a.next:hover{background:url("../images/arr7.gif") -15px -28px no-repeat;}
.hd a.prev:hover{background:url("../images/arr7.gif") -3px -28px no-repeat;}

.hd a.prevStop{opacity:.5;filter:alpha(opacity=50)}
.hd a.nextStop{opacity:.5;filter:alpha(opacity=50)}
.hd ul{margin-left:21px;text-indent:99999px;}
.hd ul li{width:23px;height:18px;float:left;cursor:pointer;background:url("../images/icon-pagenation_8b2f0f92.jpg") no-repeat center;}
.hd ul li.on{background:url("../images/icon-pagenation-current_ad0a381a.jpg") no-repeat center;}

.home_ad .picScroll-left .bd .picList li{float:left;display:inline;padding:5px;position:relative;}
.home_ad .picScroll-left .bd{padding:0 5px;}
.home_ad .picScroll-left .bd ul{overflow:hidden;zoom:1;}
.home_ad .picScroll-left .bd ul li{float:left;_display:inline;overflow:hidden;text-align:center;}
.home_ad .picScroll-left .bd ul li{text-align:center; width:185px;}
.home_ad .picScroll-left .bd ul li img{width:175px;height:133px;display:block;padding:2px; }
.home_ad .picScroll-left .bd ul li a:hover img{border-color:#999;}
.home_ad .picScroll-left .bd ul li .title{line-height:24px;}


/*Êó±êÐüÍ£*/
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative;}
.da-thumbs li a{overflow:hidden;}
.da-thumbs li a div{position:absolute;width:100%;height:175px;overflow:hidden;opacity:.8;filter:alpha(opacity=80);}

.news{ width:580px; margin-top:20px;}
	.news_title{ width:98%; height:30px; padding-left:2%; color:#EEE; font:bold 14px/30px Arial; text-transform:uppercase; background:#4a4a4a;}
	.news_title a{ width:23px; height:30px; background:url(../images/more.gif) 0 center no-repeat; float:right; margin-right:20px;}
.news_body{ float:left; width:100%;}
.news_body ul{ float:left; width:100%; height:80px; background:#fff; margin-bottom:1px; padding:15px 0;}
.news_body ul dt{ width:100px; height:80px; overflow:hidden; float:left; margin-left:20px; margin-right:15px;}
.news_body ul dt img{ _width:100%; max-width:100%; min-height:100%;}
.news_body ul h4 a{ font:bold 13px/24px Arial;}
.news_body ul p{ font:normal 12px/16px Arial; color:#666; padding-right:20px;}
.news_body ul span{ font:normal 12px/24px Arial; color:#999;}

.code{ width:182px; height:250px; background:#FFF; margin-top:20px;}
.codeimg{ width:150px; height:150px; overflow:hidden; margin:30px auto 20px auto; border:1px solid #DDD;}
.code p{ text-align:center; font:normal 14px/14px Arial; color:#666;}
.code p i{ line-height:14px; margin-right:8px;}

.footer{ float:left; width:100%; height:80px; border-top:1px solid #C33; padding-top:20px;}
.footer p{ font:normal 12px/20px Arial; color:#999;}
.footer p a{ color:#999;}
.albb2{ position:relative; right:0; top:-50px; float:right;}


.singlepage{ width:90%; background:#FFF; float:left; padding:5%; font:normal 90%/200% Arial; color:#666;}
.singlepage p img{ max-width:100%;}
.singlepage_head{ text-align:center;}
.singlepage_head h3{ font:bold 20px/60px Arial; text-transform:uppercase;}
.singlepage_head p{ text-transform:capitalize;}

.list_article{ width:90%; background:#FFF; float:left; padding:5%;}
.list_article li{ float:left; width:100%; height:40px; border-bottom:1px dashed #DDD; line-height:40px;}
.list_article li i{ float:left; margin-right:15px; line-height:40px; color:#C33;}
.list_article li a{ float:left; font:normal 13px/40px Arial;}
.list_article li span{ float:right; font:normal 12px/40px Arial; color:#999;}

.pagelist{ float:right; margin-top:20px;}
.pagelist li{ float:left; margin-right:10px;}
.pagelist li a{ float:left;}
.pagelist li.thisclass a {color:#c33; font-weight:bold;}
.pagelist span.pageinfo{ display:none;}

.list_image{ width:90%; background:#FFF; float:left; padding:5%;}
.list_image li{ float:left; width:220px; margin:10px 6px;}
.list_image li dt{ width:220px; height:169px; overflow:hidden;}
.list_image p{ line-height:26px;}
.list_image span{ padding:3px 8px; margin-top:10px; background:#c33; color:#FFF; font:normal 12px/12px Arial; text-transform: capitalize;}


.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/enkefu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/enkefu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/enkefu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #e24a48; border-right:7px solid #e24a48; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/enkefu.png); background-position:0 -149px; }