@charset "utf-8";
/*index.html==========================*/
body{color:#817F80; font:12px/22px Arial, Helvetica, sans-serif;background:#f5f6f8;} 
.clearfix:after{content:" ";display:block;	visibility:hidden;	height:0;	clear:both;}
.clearfix {	clear:both;}
.h20{ height:20px;}
.h30{ height:30px; display:block;}
.h50{ height:50px;}

#head{width:1008px; margin:0 auto;}
#head .top{width:100%;height:90px;font-size:12px;}	
#head .top .TopInfo{margin:auto;width:1008px;height:20px;text-align:right;color:#333;font-size:12px;} 
#head .top .TopInfo a{color:#fff; background:#C00; padding:3px 10px;}	
#head .top .TopLogo{margin:auto;width:1008px;}
#head .top .TopLogo .logo{float:left;height:62px;}
#head .top .TopLogo .tel{float:right; text-align:right;height:50px;width:180px; margin-top:20px; line-height:18px; color:#888888;background:url("../images/phone.png") no-repeat 60px 0px; padding-left:20px;} 
#head .top .TopLogo .tel a{color:#888888;}
/* navs*/

#head #NavLink{height:35px;width:1008px; margin:0 auto;background:url("../images/nav_bg.jpg") repeat-x left 0;position:absolute;z-index:100;}	
#head #NavLink #sddm{margin:auto;z-index:30; font-size:14px; width:980px;}
#head #NavLink #sddm li{float: left;}
#head #NavLink #sddm .CurrentLi a{background:none;}	
#head #NavLink #sddm li a{display: block;color: #FFF;text-align: center;padding:8px 10px;height:30px; width:176px;}
#head #NavLink #sddm li P{font-size:10px;font-weight:normal;color:#FFF;text-transform:uppercase;}
#head #NavLink #sddm li a:hover{text-decoration:none;background:url("../images/nav_hover.jpg") repeat-x center 0px;}
#head #NavLink #sddm div{	position: absolute;	visibility: hidden;	background: #808080;	padding:0px 0px;	filter: alpha(opacity=85);	top:35px;}
#head #NavLink #sddm div a{	position: relative;	width:176px;padding: 0px 10px;text-align: center;background:#115292;color: #FFFFFF;font-size:12px;font-weight:normal;text-decoration:none;line-height:30px;height:30px;border-bottom:1px solid #09C;}
#head #NavLink #sddm div a:hover{background:url("../images/nav_hover.jpg") repeat-x center 0px;color:#FFF;font-weight:bold;line-height:30px;border-bottom:1px solid #FFAAAC;}
.NavLine{background:url("../images/nav_line.jpg") no-repeat right 0px;}

#wrapper{width:1008px;margin:0px auto;}

#FocusBG{width:658px;height:360px;background:url("../images/banbg.jpg") repeat 0px 0px; float:left; margin-left:14px; padding:2px;}
#Focus {width:658px; height:360px; overflow:hidden; position:relative;margin:auto;}
#Focus ul {height:360px; position:absolute;}
#Focus ul li {float:left; width:658px; height:360px; overflow:hidden; position:relative; background:#000;}
#Focus ul li div {position:absolute; overflow:hidden;}
#Focus .btnBg {position:absolute; width:658px; height:20px; left:0; bottom:0;  }
#Focus .btn {position:absolute; width:620px; height:10px; padding:5px 10px; right:20px; bottom:20px; text-align:right;}
#Focus .btn span {display:inline-block; _display:inline; _zoom:1; width:15px; height:15px; _font-size:0; margin-left:15px; cursor:pointer; background:#c00108;}
#Focus .btn span.on {background:#c00108;}
#Focus .preNext {width:45px; height:100px; position:absolute; top:90px;  cursor:pointer;}
#Focus .pre {left:0;}
#Focus .next {right:0; background-position:right top;}

/* albumblock*/
.mcatlist{ background:url(../Images/mcat_bg.jpg) no-repeat left top; height:364px; width:332px; float:left;}
.mcatlist ul{ margin:0px; padding:0px;position:relative;}
.mcatlist ul li{ width:158px; height:174px; float:left; padding:4px; }
.mcatlist ul li img{ width:150px; height:150px; padding:2px 4px;}
.mcatlist ul li a{position:absolute;display:block; color:#777;text-align:center;}
.mcatlist ul li a:hover{text-decoration:none}
.mcatlist ul li a span {display:none;cursor:hand;font:11px/20px Arial,Verdana; padding:2px 4px; line-height:18px; color:#888;}
/*.mcatlist ul li a:hover span{width:154px;margin-bottom:20px;background:#EEEEEE;display:block;position:absolute;bottom:0;left:0;color:#888;filter:alpha(opacity=56);-moz-opacity:0.6;opacity:0.6;}*/
.mcatlist ul li a:hover span{width:154px;margin-bottom:20px;background:rgba(237,237,237,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2EEEEEE,endColorstr=#B2EEEEEE);display:block;position:absolute;bottom:0;left:0;color:#888;}
.mcatlist dl{ color:#F00; text-align:right;}
.mcatlist b{ font-weight:bold; line-height:22px; color:#333}

.m_about{ line-height:20px; padding:0px; height:182px; margin-top:16px; font-family:Arial, Helvetica, sans-serif;}
.m_about img{ float:left; width:328px; height:178px; padding-right:10px;}
/*footer*/
#footer{width:100%;height:84px; margin-top:20px;font-size:12px;color:#E9E9E9; background:url(../Images/bottombg.jpg) left top repeat-x;}							
#footer .inner{margin:auto;width:1008px;line-height:36px; font-size:11px;}
#footer .inner span{ float:left; width:320px;}
#footer .inner .BottomNav{width:628px; float:right;height:30px;line-height:30px;color:#E9E9E9;background:url("../images/foot_but.jpg") no-repeat center 0px;}
#footer .inner .BottomNav a{color:#E9E9E9; width:25%; float:left; text-align:center; display:block;font-size:12px;}
#footer .inner .BottomNav a:hover{ color:#F60;}

#subBanner{ width:1008px; height:280px; overflow:hidden; margin:0 auto;}

/*子页面*/
.left{background:url("../images/left_bg.jpg") repeat-y right top;width:220px;float:left;}
.right{width:768px;float:right;border:1px solid #DDDDDD;padding-bottom:10px;}

.left .Sbox{width:216px;padding-bottom:10px;font-size:12px;}
.left_tit{	background:url("../images/left_cattit.gif") repeat left top; font-size:14px;font-family: Arial, Helvetica, sans-serif,"Microsoft Yahei";	margin:0px 0px 0px 0px;	line-height:34px;border-bottom:1px solid #DDDDDD;padding-left:10px;color:#FFFFFF;	font-weight:bold;}	
.left_Cat ul {padding:0px 0px;}
.left_Cat ul li{cursor:pointer;height:30px;background:url("../images/left_li.gif") repeat 0px 0px;}
.left_Cat .current a{background:#c00108;border-bottom:1px solid #FFFFFF;}	
.left_Cat .current a{color:#FFFFFF;}
.left_Cat ul li a{display:block;height:30px;line-height:30px;padding-left:30px;border-bottom:1px dotted #DDDDDD;background:url("../images/link_bg2.gif") no-repeat 12px 10px;}
.left_Cat ul li a:hover{background:#c00108;border-bottom:1px solid #FFFFFF;color:#FFFFFF;text-decoration:none;}

.left_bottom{ height:21px; background:url(/Images/left_bottom.jpg) no-repeat right top;}

.Position{font-size:12px;line-height:36px;background:url("../images/ptbg.jpg") repeat left top;}
.Position a{color:#666666;}
.Position span{padding-left:10px;}

.plist_catli{ margin:0px; padding:0px; border-bottom:dotted 1px #CCC; height:32px;}
.plist_catli ul{}
.plist_catli ul li{ line-height:32px; height:32px; float:left; padding:0 20px; display:block; background:#135597; margin-right:6px;}
.plist_catli ul li a{ color:#FFF;}

.subcontent{ padding:10px 20px 0 20px;font-size:12px; line-height:200%;}
.subcontent .title h3{text-align:center;font-size:18px;font-weight:normal;}
.subcontent ul{ margin:0px; padding:12px 0px;}
.subcontent ul li{ line-height:24px; height:24px; border-bottom:1px dotted #E7E7E7;}
.subcontent .infos{font-size:12px;line-height:40px;color:#666666;text-align:center;}
.subcontent .maincontent{font-size:12px;}
.subcontent .maincontent p{padding:5px 0px;line-height:200%;}
.subcontent .download{background:url("../images/downicon.gif") no-repeat 15px 7px;padding-left:55px;border:1px solid #F5F5F5;line-height:40px;	font-size:14px;font-family:Arial, Helvetica, sans-serif;	margin:10px 0px;}


.subcontent .prenext{	padding:10px 0px;margin-top:10px;}
.subcontent .prenext ul li{line-height:30px;background:url("../images/jiantou.gif") no-repeat 0px 1px;padding-left:15px;}	

.product_scroll{ margin-top:20px; border:1px solid #DEDEDE; padding:10px 20px 0 20px; position:relative;}
.product_scroll_inner{ height:113px; overflow:hidden;}
.product_scroll ul{ width:140px; float:left; padding:0 9px; overflow:hidden; }
.product_scroll li img{ width:134px; height:80px; padding:2px; border:1px solid #E8E8E8; overflow:hidden;}
.product_scroll li.text{ height:26px; line-height:26px; overflow:hidden; white-space:nowrap; background:url(../images/tbg.jpg) repeat-x 0 0; text-align:center; margin-top:1px;}
.product_scroll .btn_l, .product_scroll .btn_r{ display:block; width:12px; height:55px; background:url(../images/roll.jpg) no-repeat 0 0; position:absolute; top:35px; cursor:pointer;}
.product_scroll .btn_l{ left:0;}
.product_scroll .btn_r{ background:url(../images/roll.jpg) no-repeat right 0; right:0;}
.product_scroll li a{ line-height:22px;}
 
.pagelink{ float:right; height:26px; line-height:26px; background-color:#DCD9D4; margin:20px 0 0 0;color:#666; padding:0 10px;}
.pagelink a, .pagelink span{ padding:0 3px; margin:0 3px; color:#666;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

/*footer*/
.footer{ padding:20px 0; background:url(../images/1273717948.jpg) repeat-x 0 0; text-align:center; color:#5C5C5C;}
.footer_nav span{ border-left:1px solid #DEDEDE;}
.footer_nav a{ padding:0 5px; border-right:1px  solid #DEDEDE; color:#5C5C5C;}
.footer_nav a:hover{ text-decoration:underline;}


/*图片列表页面.html==================================*/
.postslist{padding:10px 0px;overflow:hidden; width:100%; margin:0px;}
.posts{ padding:10px 0px;overflow:hidden; line-height:22px; width:500px; float: left; }
.productlist { padding:0px; margin:0px;}
.productlist LI { padding:0px 10px 0px 10px;  float:left;MARGIN: 5px 0px 10px; OVERFLOW: hidden;WIDTH:316px; HEIGHT:346px;}
.productlist LI IMG{ border:1px solid #e4e4e4;background:#FFF; width:300px; height:300px;}
.productlist LI .product_name {DISPLAY: block; OVERFLOW: hidden; WIDTH:300px; LINE-HEIGHT:30px; HEIGHT:30px; TEXT-ALIGN: center;}

/*产品详细页面==================================*/
.procon{ margin:20px 0px 0px 0px;}
.procontent{padding:10px; float:left; width:480px;}
.procontent h2{ color:#F00; line-height:50px;}
.procontent p{ line-height:40px;}
.single {padding:0px;overflow:hidden; line-height:22px; width:100%;}
.single H2 {FONT-SIZE: 18px; line-height:30px;MARGIN:20px 0px;border-bottom:1px dotted #ccc; TEXT-ALIGN: center}
#preview{ margin:5px auto; width:500px;}
.jqzoom{ width:500px; height:500px; position:relative;padding:0;}
.zoomdiv{left:859px;  height:500px; width:500px;}
.list-h li{ float:left;}
#spec-n5{width:500px; height:60px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/1.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/2.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:475px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
.proproperty {margin:0px;padding:0px;line-height:50px;height:40px; border-bottom:1px solid #EEE;}
/*jqzoom*/
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:500px;height:500px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:500px;height:500px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:462px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


.postlist {MARGIN: 15px 0px 0px}
.postlist LI {PADDING-LEFT:12px;float:left;WIDTH: 640px; LINE-HEIGHT: 32px;HEIGHT: 32px}
.postlist LI H3 {FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; WIDTH: 500px}
.postlist LI SPAN {FLOAT: right; WIDTH: 80px; COLOR: #666; TEXT-ALIGN: right}

.MsCon{ float:left; width:490px; padding:20px 0 0 0; line-height:28px;color:#222;}
.MsCon a{color:#222;}
.MsCon a:hover{ color:#F00;}
#faqbox{ float:left; width:490px; margin-left:28px;padding:20px 0 0 0;}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}
.submitfx{ border:none; background:#666; color:#FFF; padding:5px 8px; font-size:14px;}