﻿body {background:#000;}
a {color:#000;}
.wrap, .container {width:945px; margin:0 auto;}
.wrap {background:url(img/bg.png) repeat-y center 0;}
.hide {display:none;}

/* Header ---------- */
.header {height:110px; overflow:hidden;}

.header h1 {float:left; width:359px; height:75px; padding:35px 0 0 38px; background:url(img/logo.png) no-repeat 0 0;}
.header h1 a {float:left; width:245px; height:53px; text-indent:-9999px;}

.header .quickLink,
.header .quickLink li a,
.header .mainNav li a,
.header .topSearch {background:url(img/nav.png) no-repeat 0 -9999px;}

.header .quickLink {float:left; width:209px; padding-left:360px; background-position:0 -278px;}
.header .quickLink li {float:left;}
.header .quickLink li a {float:left; width:108px; height:52px; background-position:0 -226px; text-indent:-9999px;}
.header .quickLink li a:hover {background-position:-108px -226px;}
.header .quickLink li.c a {width:101px; background-position:0 -174px;}
.header .quickLink li.c a:hover {background-position:-101px -174px;}

.header .mainNav {float:left; width:360px;}
.header .mainNav li {float:left;}
.header .mainNav li a {float:left; width:134px; height:58px; background-position:0 -116px; text-indent:-9999px;}
.header .mainNav li a:hover {background-position:-134px -116px;}
.header .mainNav li.n a {width:103px; background-position:0 -58px;}
.header .mainNav li.n a:hover {background-position:-103px -58px;}
.header .mainNav li.p a {width:123px; background-position:0 0;}
.header .mainNav li.p a:hover {background-position:-123px 0;}

.header .topSearch {float:left; width:209px; height:58px; padding-top:18px; background-position:0 -330px;}
.header .topSearch input {padding:2px; border:0 none; vertical-align:middle;}
.header .topSearch img {cursor:pointer; vertical-align:middle;}

/* Banner And About ---------------- */
.banner {padding:0 14px; width:938px;}
.about {position:relative; height:137px; background:url(img/about.jpg); text-indent:-9999px;}
.about a {position:absolute; left:865px; top:98px; color:#333; text-decoration:none; text-indent:0;}

/* Lastest Products -------------- */
.lastedPro {height:273px; background:url(img/main.jpg);}
.lastedPro ul {width:938px; height:273px; margin:0 auto; overflow:hidden;}
.lastedPro ul li {float:left; width:234px; text-align:center; font-size:14px; color:#FFF;}
.lastedPro ul li p img {margin:20px 0; border:2px solid #FFF;}
.lastedPro a {color:#FFF;}

/* Footer -------------- */
.footer {width:930px; height:104px; padding:0 18px; background:url(img/footer.png); overflow:hidden;}
.footer ul {float:right; padding:16px 8px 0 0;}
.footer ul li {float:right; height:11px; padding:0 3px 0 5px; border-right:1px solid #FFF;}
.footer a {font-size:11px; color:#FFF;}
.footer p {clear:both; padding-right:8px; text-align:right; font-size:11px; line-height:16px; color:#FFF;}

/* Friendly link --------- */
.friendlylink p {clear:both; padding-right:8px; text-align:center; font-size:11px; line-height:16px; color:#FFF;}
.friendlylink a {font-size:11px; color:#FFF;}

/* Container ---------- */
.container {width:939px; padding:20px 0; border:3px solid #E77B20; background:#C2C2C2; overflow:hidden; zoom:1;}
.sideColumn {float:left; width:252px;}
.mainColumn {float:right; width:670px; padding-right:10px;}
.breadCrumb {position:relative; height:33px; padding-left:10px; margin-bottom:10px; background:url(img/breadCrumb.jpg) no-repeat 0 0; color:#FFF; font:normal 12px/33px Arial;}
.breadCrumb span {position:absolute; right:5px; top:6px;}
.breadCrumb a {color:#FFF;}
.pagebar {text-align:right;}

/* Product Category ----------- */
.proCat {width:216px; margin:0 auto;}
.proCat dt {height:39px; background:url(img/proCate.png); text-indent:-9999px;width:215px;}
.proCat dd {background:url(img/left_bj.jpg) no-repeat 0 0;}
.proCat dd a {margin-left:20px; font-size:13px; line-height:31px;}
.proCat dd ul {background:#F0B384;}
.proCat dd ul li {height:25px; background:url(img/dot.jpg) no-repeat 5px center;}
.proCat dd ul li a {margin-left:25px; line-height:25px;}

/* About --------- */
.content {padding:10px; background:#DEDEDC; font-size:13px; line-height:150%; overflow:hidden; zoom:1;}

/* News ------------ */
.newsList li {height:25px; padding-left:5px;}
.newsList li a {margin-left:5px; line-height:25px; font-size:13px;}
.newsTitle {padding:10px 0; border-bottom:1px solid #808080; color:#E47410; font-size:15px; font-weight:bold; text-align:center;}

/* Message --------- */
.Mcontent {background:#DEDEDC; font-size:13px; line-height:150%; overflow:hidden; zoom:1;}

.postMSG {width:450px;float:left}
.postMSG h4,.somemessage h4 {color:#fff;height:25px; padding:5px; background:#999; font:bold 13px/25px Arial;}
.postMSG table {width:100%; background:#E1E1E1;}
.postMSG table th {padding:3px 6px; width:100px; text-align:right; font-weight:normal;font-size:11px}
.postMSG table td {padding:3px}
.postMSG p{font-family:Arial, Helvetica, sans-serif;padding:5px;}
.postMSG input,.postMSG textarea{border:1px solid #aaa}
.somemessage {float:right;width:190px}
.somemessage table {background:#E1E1E1;}
.somemessage table td {padding:0 5px}
.messbtn{background-color:#fff;line-height:25px;line-height:25px}
/* Products -------- */
.proList {padding:3px;}
.proList dl {clear:both; padding:15px; height:135px; border-top:1px solid #F0F0F0; border-bottom:1px solid #A0A0A0; overflow:hidden;}
.proList dl dt {float:right; width:484px; margin-bottom:10px; text-align:left;}
.proList dl dt a {font-size:15px;}
.proList dl dd.pic {float:left; width:135px; height:135px; padding-right:15px;}
.proList dl dd.pic img {width:135px; height:135px;}
.proList dl dd.intro {float:left; width:484px;}
.proList dl dd.intro a:hover {text-decoration:none; color:#333;}
.proList .pagebar {padding:10px;}

.proTitle {padding-left:20px; font:bold 15px/30px Arial; color:#E47410;}
.proDetail {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #666;}

/**********/
/*Create By Lmx 2010-11-3*/
/*初始化*/
body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
	background:url(../images/bdbg.jpg) repeat-x;
}
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
 }
fieldset,img { 
 border: 0; 
 } 
address,caption,cite,code,dfn,em,th,var { 
 font-weight: normal; 
 font-style: normal; 
 } 
ol,ul { 
 list-style: none; 
 } 
caption,th { 
 text-align: left; 
 } 
h1,h2,h3,h4,h5,h6 { 
 font-weight: normal; 
 font-size: 100%; 
 } 
q:before,q:after { 
 content:''; 
 } 
abbr,acronym { border: 0; 
 }
 .fsong{font-family:"宋体"}
/*初始化*/
/*通用布局*/
.div {overflow-x:hidden;
	width:945px;
	text-align:left;
	clear:both;
	margin: 0px auto;background:#000
}
.hack,.hack5,.hack10,.hack15,.hack20,.hack25 {height:0px;line-height:0px;font-size:0px;clear:both;}
.hack5 {height:5px;}
.hack10 {height:10px;}
.hack15 {height:15px;}
.hack20 {height:15px;}
.hack25 {height:25px;}
.l {float:left}
.r {float:right;clear:right}
.bor {border:1px solid #E7E9E8}
.more {float:right;}
.alignm {vertical-align:middle}
.clearfix{*zoom:1;}.clearfix:after{content:'\20';display:block;height:0;clear:both;}
/*通用布局*/
/*通用字体*/
.b {font-weight:bold}
.f14 {font-size:14px}
.f16 {font-size:16px}
.f13 {font-size:13px}
.f12 {font-size:12px}
/*通用字体*/
/*通用颜色*/
a {color:#000;text-decoration:none}
.red,.red a {color:red}
.blue,.blue a{color:#0A4F94}
.org,.org a {color:#f70}
.ored{color:#E20500}
.gray,.gray a {color:#aaa}
.green,.green a{color:green}
.hui,.hui a {color:#333}
.white,.white a{color:#fff}
.more {color:#143FB9}
.yel,.yel a{color:#FFF000;}
.blue1,.blue1 a{color:#008DCD}
.black{color:#000}
.c00{color:#B92235}
.c3{color:#333}
.c6,.c6 a {color:#666}
.color{color:#FFB600}
.color2{color:#FFC309}
.color3{color:#255676}
/*通用颜色*/
/*通用调用CSS*/
.pr5{padding-right:5px}
.pl5{padding-left:5px}
.pt5{padding-top:5px}
.pb5{padding-bottom:5px}
.pd5{padding:5px}
.mr10{margin-right:10px}
.txtr{text-align:right}
.txtc{text-align:center}
.txtl{text-align:left}
.nobbor{border-bottom:none}
.nobor{border:none}
.co2,.co2 a{color:#BDBDBE}
.co1,.co1 a{color:#464646}
.f1,.f1 a{font-family:Tahoma,Arial, Helvetica, sans-serif;}
.f2{font-family:Arial, Helvetica, sans-serif;}
.f3{font-family:Small Fonts,Arial, Helvetica, sans-serif;}
.f4{font-family:Verdana, Arial, Helvetica, sans-serif}
/*通用调用CSS*/
.imgBox{text-align:center;vertical-align: middle;display: table-cell;}
body{background:url(../images/bg.jpg) repeat-x top #000}
#top{background:url(../images/topbg.jpg) repeat-x;height:88px}
.logo{padding:10px 0 0 20px}
.search {padding-top:15px;width:250px;text-align:right;padding-right:10px}
.searchinput{background:url(../images/searchinbg.gif) no-repeat;width:198px;border:none;}
.searchcon{padding-top:20px;padding-right:0px}
.searchcon img,.searchcon div{ vertical-align:middle;margin-left:4px;float:left;}
.searchinput input {padding:0 5px;width:188px;background:none;border:none;height:23px;line-height:23px;color:#999}
.toplink a {margin-right:16px}
#menu{background:url(../images/menubg.jpg);height:37px;line-height:28px}
#menu li{float:left;padding-top:4px}
#menu li a{display:block;width:88px;height:28px;text-align:center;margin-left:12px;margin-right:12px;color:#DD6C06}
#menu .on,#menu a:hover{background:url(../images/mon.png) no-repeat;color:#fff;text-decoration:none}
.wline{background:url(../images/linebg.jpg) no-repeat;height:16px}
#banner{height:325px}
.silderLeft{
	line-height:1.6;width:270px;background:url(../images/bg1.jpg) repeat-x #000;}
.silderLeft .box{width:210px;margin:0 auto;padding:30px 0 10px 0;}
.silderLeft .box p{padding-top:15px;color:#C8C8C8;font-size:10px;line-height:14px}
.silderLeft .box p a{text-decoration:underline;color:#969696;}
.silderRight{
	line-height:1.6;width:675px;background-color:#000}
.silderRight .box1 {padding:15px 0 10px 30px;background:#1A1A1A}
.hotlist li{width:320px;float:left;height:125px;padding-top:20px;}
.hotlist li .img{width:155px;text-align:center;float:left;}
.hotlist li .img a{
	display:block;
	width:144px;
	height:90px;
	
}
.hotlist li .txt{width:165px;float:left;}
.hotlist li h5 a{color:#FDD000;font-size:8px;font-family:Arial, Helvetica, sans-serif; letter-spacing:1px}
.hotlist li p {color:#969696;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
.hotlist li p a{text-decoration:underline;color:#969696;}
.silderRight .box2{padding:20px}
.silderRight .box2 div{border-right:1px solid #2c2c2c;width:276px;padding-right:30px;color:#969696;padding-left:10px}
.silderRight .box2 p{padding-top:10px;font-size:10px;font-family:Verdana, Arial, Helvetica, sans-seri}
.silderRight .box2 div a{text-decoration:underline;color:#969696;}
.silderRight .box2 .r{margin-right:30px}
.botlink{height:63px;background:url(../images/botbg.jpg) no-repeat;padding-top:26px}
.botlink .link{padding-top:2px;font-family:Arial, Helvetica, sans-serif;line-height:14px;font-size:9px;padding-right:20px;font-family:Arial, Helvetica, sans-seri}
.botlink .img{padding-left:25px;padding-top:2px}
.bot{height:60px;background:url(../images/bot.jpg) no-repeat top center #000;padding-top:14px}
a:hover,.div div a:hover {color:#fff}


.leftmenu {width:215px;margin:0 auto; letter-spacing:1px;font-size:12px}
.leftmenu dt {line-height:30px;color:#fff;font-weight:	bold;padding-left:15px;background-color:#555}
.leftmenu dd{line-height:34px;background:url(../images/zct4.gif) no-repeat}
.leftmenu dd a{color:#666;display:block;padding-left:50px;;font-family:Arial, Helvetica, sans-serif;font-weight:bold}
.leftmenu dd a:hover{color:#333; text-decoration:none}
.leftlink dd{text-align:center;background:#fff}
.leftlink dd div{width:185px;margin:0 auto;padding:8px 0;border-bottom:1px solid #aaa}
.leftlink dd div.nobor{border:none}
