@charset "utf-8";
/* dp CSS Document Created by zym500@163.com 2007-3-13   Modified 2007-05-07*/
@import "parts.css";
body {
	margin: 0;
	font:12px "宋体" Verdana, Arial, Helvetica, sans-serif ;color:#999;
}
#wrapper{ width:900px; height:auto; margin:0 auto;}
#top,#topleft,#topright{ width:100%;  height:138px;}
#top{ background:#000 url(../images/top_bg.gif) repeat-x left top;}
#topleft{ background: url(../images/top_left.gif) no-repeat left top;}
#topright{ background: url(../images/top_right.gif) no-repeat right top;}
#logo{ width:179px; height:41px; margin:22px auto 30px 22px; float:left;}
/*ul*/
ul,li{ margin:0; padding:0; list-style:none;}
h2,h3{ margin:0; padding:0; color:#ff3300;}
/*link style*/
a{color:#ff9000; text-decoration:none;font:12px;}
a:hover{color:#ff3300; text-decoration:underline;}

/*主导航 style*/
#nav{ center float:left; display:inline;}
#nav_bg{background: url(../images/nav_bg.jpg) repeat-x center ;}
#nav ul li{ width:74px; text-align:center; background: url(../images/nav_part.gif) no-repeat right 2px;float:left;}
#nav #selected{ background: url(../images/nav_sl.jpg) no-repeat center;}
#nav ul li a{ color:#ffffff; font:14px "宋体"; font-weight:bold; text-decoration:none; line-height:38px;} 
#nav ul li a:hover{color:#ff9000;}
#boxout{ width:898px; height:auto; border:#999 1px solid; padding:7px 0;}
#left{ width:210px; margin-left:5px; display:inline; float:left;}
#center{ width:478px; margin:0 10px; float:left;}
#right{ width:180px; margin-right:5px; display:inline; float:left;}
#mainbanner{ border:0;}
#search{padding-right:60px;padding-top:10px}
/*--首页内容--*/
#proDownload{ padding:0 10px;}
#proDownload h2,#proDownload h3{ margin:0; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#proDownload p{ margin:0;}
#downTiltB{ color:#06c; font-size:18px; padding:20px 0 10px 0;}
#downTiltS{ color:#666; font-size:16px; padding:0 0 10px 0;}
#downtxt{ width:40%; float:left; line-height:260%;}
#downpic{ width:59%; float:left;}
#proIntro{
	color:#666666;
	line-height:180%;
	text-indent:24px;
	font-family: "宋体";
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#caseShow{ width:476px; border:1px solid #ccc;}
#caseShow h2{ border-bottom:1px solid #ccc; background-color:#D3D6DE; font-size:14px; height:28px; line-height:28px; padding-left:20px;}
#caseShow h2 span{ margin-right:16px; float:right;}
.more{ font-weight:normal; font-size:12px;}
#caseShow ul{ background-color:#0099FF}
#caseShow li{ margin:10px 11px!important; margin:8px; padding:0; width:94px; float:left; display:inline;}
.lastli{ margin-right:0;}
#caseShow li img{ padding:4px;}
#caseShow a {text-align:center; text-decoration:none;}
#caseShow a .caseName{ color:#333; text-align:center; text-decoration:none; padding:5px 0; margin:0; display:block; margin-right:-8px;}
#caseShow a:hover{ text-decoration:none; text-align:center; border:none;}
#caseShow li a:hover img{ background-color:#ECEDF1;}
#caseShow a:hover .caseName{ color:#ff9000; text-decoration:none;}

/*--圆角方框--*/
.box{ width:100%; height:auto; background:#ECEDF1 url(../images/left_bot.gif) no-repeat left bottom; margin-bottom:10px;}
.boxout{ width:100%; background:url(../images/left_top.gif) no-repeat left top;}
.boxinner{ width:100%; background:url(../images/right_bot.gif) no-repeat right bottom;}
.sidetitle{background:url(../images/right_top.gif) no-repeat right bottom;}
.sidecontent{ text-align:left; width:124px; height:296px;padding:0px;}
.boxinner h2{ color:#ff3300; font:14px/28px "宋体"; font-weight:bold; padding:0 0 0 20px; margin:0;}
.boxinner p{ color:#669; line-height:1.5; padding-top:14px; margin:0;}

/*-----新品推荐-------*/
#newpro{ width:980px;}
#newpro ul li{ float:left; width:163px;}
#newpro ul li img{
	float:right;
	width:142px;
	height:102px;
	border: 2px dotted #CCCCCC;
}
#newpro ul li span{ display:block; margin:100px 0 6px 50px;}
/*-------------新品推荐结束-------*/
/*--member login--*/

#loginUl li{ padding:8px 0; list-style:none;}
.txtInput{ width:125px; line-height:18px; font:12px  "宋体"; border:1px solid #ff3300; background-color:transparent;}
#loginUl li.txt{width:108px; float:left; line-height:20px;}
#loginUl li.btn{padding-left:10px; width:59px; float:left;}
#loginUl li a{ color:#f60; text-decoration:underline;/* display:block;*/}
#loginUl li a:hover{ background-color:#FDCC82;}
/*--sideNav--*/
#sideNav{ margin-top:1px;margin-left:3px;}
#sideNav li{ background:url(../images/dashed_bg.gif) repeat-x left bottom; line-height:23px; padding:8px 0 2px 32px;}
#sideNav li a{ color:#FFFFFF; display:block; text-indent:16px; text-decoration:none;}
#sideNav li a:hover,#sideNav li a.selected{ color:#FF0000; background:url(../images/arrow_hover.gif) no-repeat left center;}
/*--partsNav--*/
#comparts{ width:100px;height:300px;verflow-x:hidden;clear : right;}
#partsNav{ padding:3px 2px 20px 10px;float:left;clear : right; }
#partsNav li{ background:url(../images/dashed_bg.gif) repeat-x left bottom; line-height:23px; padding:8px 0 2px 2px;float:left;}
#partsNav li a{ background:url(../images/comarrow0.jpg) no-repeat left;padding:2px 0 2px 50px;font: bold 16px;color:#FFFFFF; display:block; text-indent:16px; text-decoration:none;float:left;}
#partsNav li a:hover,#partsNav li a.selected{ font: bold 16px;color:#FF9000; background:url(../images/comarrow.jpg) no-repeat left;float:left;}
/*--底部--*/
#botNav{ width:100%; border-bottom:1px solid #999; padding:10px 0; text-align:center;}
#botNav a{ color:#666; text-decoration:none; padding:2px 10px 1px 5px; border-right:1px solid #999;}
#botNav a:hover{ text-decoration:underline;}
#botNav .clear-border{ border:none;}
#copyright{ color:#999; padding:10px 0; text-align:justify; line-height:1.5; font:11px Verdana, Arial, Helvetica, sans-serif;}

/*--inside--*/
#box{width:700px; text-align:left}
.body{margin:0px;padding:0px;font-size:12px;text-decoration:none;font-family:"宋体";text-align: center; background-color:#000}
.a{ color:#313131; text-decoration:none;}
.a:hover{ color:#FF0000;}
.img{ margin:0px; padding:0px; border:none;}
.img a{ border:none;}
.bt{border-left:#ff9000 1px solid;text-indent: 12px; margin-top:20px;  height:30px;}
.bt li{ padding-top:0px; padding-right:200px;padding-left:20px;clear:left}
.xuq{margin-top:20px; clear:left; float:left}
.tu{width:229px; float:left; padding-left:13px; margin-right:25px}
.cgzx{width:374px; float:left; border-bottom:#2a2a2a 1px solid; border-top:#2a2a2a 1px solid; border-right:#2a2a2a 1px solid}
.cgzx h1{ margin:6px 0px}
.cgzx ul{width:180px; margin:6px 0px 10px 20px;list-style-type: none;float:left}
.cgzx li{font-size:12px;color:#fff;list-style-image: url(../images/tu_16.gif);list-style-type: none; line-height:20px}
.cgzx span{float:right}
.cpt{clear:left; text-align:left; float:left; background:url(../images/cpbj_07.gif); background-repeat:no-repeat; width:644px; height:113px; margin-top:20px}
.cpt ul{border:#2a2a2a 1px solid; width:120px; margin:2px 0px 0px 2px; float:left}
.cpt li{font-size:12px;color:#fff;line-height:22px; text-align:center;}
.cont{padding-top:20px; clear:left} 
#zxx{ margin-top:20px; clear:left; width:642px;border:#2a2a2a 1px solid;}
.zxxa{width:125px; margin:15px 10px; float:left}
.zxxb{width:230px; float:left; padding-top:20px}
.zxxb{text-align:center}
.zxxb h1{height:40px}
.zxxb ul{ list-style-type: none;margin:6px 0px 10px 6px;float:left}
.zxxb li{font-size:12px;color:#fff;list-style-image: url(../images/tu_16.gif);line-height:20px; list-style-position:inside; text-align:left}
.zxxb span{float:right}
.zxxc{width:220px; float:left; margin:10px 10px; text-align:center}
.zxxc li{line-height:20px; color:#fff}


/*--common css style--*/
#comtop{padding:6px 0 0 16px; }
#combottom{ background:url(../images/nav_no.jpg) no-repeat left;padding:0px 0 2px 26px;}
#comLeft{ width:658px; height:auto; margin:0 14px; display:inline; float:left;}
#comRight{ width:200px; height:auto; margin-right:5px; float:left;}
#current{ color:#ff9000; width:100%; height:20px; margin:10px 0; line-height:22px;text-indent:26px; border-bottom:1px solid #ccc; padding-top:2px;overflow-y:scroll;}
#current a{ color:#ff9000; text-decoration:none;}
#current a:hover{ color:#ff3300; text-decoration:none;}
#comContent{ padding:2px; width:564px;height:359px;verflow-x:hidden;overflow-y:scroll;scrollbar-face-color: #0C0C0E; scrollbar-shadow-color: #171718; scrollbar-highlight-color: #0C0C0E; scrollbar-3dlight-color: #171718; scrollbar-darkshadow-color: #0C0C0E; scrollbar-track-color: #0C0C0E; scrollbar-arrow-color: #FF0000;}
#comContent2{ padding:2px; width:632px;height:372px;verflow-x:scroll;overflow-y:scroll;scrollbar-face-color: #0C0C0E; scrollbar-shadow-color: #171718; scrollbar-highlight-color: #0C0C0E; scrollbar-3dlight-color: #171718; scrollbar-darkshadow-color: #0C0C0E; scrollbar-track-color: #0C0C0E; scrollbar-arrow-color: #FF0000;}
#comContent6{ padding:2px; width:96%;height:372px;verflow-x:scroll;overflow-y:scroll;scrollbar-face-color: #0C0C0E; scrollbar-shadow-color: #171718; scrollbar-highlight-color: #0C0C0E; scrollbar-3dlight-color: #171718; scrollbar-darkshadow-color: #0C0C0E; scrollbar-track-color: #0C0C0E; scrollbar-arrow-color: #FF0000;}
.title{ color:#ff3300; font:14px/1.5; text-align:center; margin:0;}
#comContent p{ color:#666; font:14px; line-height:180%; text-align:left; text-indent:24px; }

.hack{ height:5px;}
.clear{ clear:both;}