*{padding:0;margin:0;}
body{ background:#000;font:12px/20px arial,"宋体";color:#f2f2f2}
/*--------------------------清除浮动 -----------------------------------*/
.clear { clear:both; font-size:1px; line-height:0; height:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*-------------------------清除浮动结束 ------------------------------------*/


a{color:#999; text-decoration:none;}
a:hover{color:#666; text-decoration:none}
ul,ol{ list-style:none}
img{ border:0;}

body{ background:#000;font:12px/20px arial,"宋体";color:#666;}
.warp{ width:1002px; margin:0 auto; height:600px;}

.company .warp{ background:url(i/company_bg.jpg) no-repeat left top;}
.company2 .warp{ background:url(i/company2_bg.jpg) no-repeat left top;}
.company3 .warp{ background:url(i/company3_bg.jpg) no-repeat left top;}
.company .warp .left{ height:600px; width:230px;float:left; margin:0 0 0 30px;}
.company .warp .right{ float:right; width:600px;margin:210px 10px 0 0;}
.company2 .warp .right{ float:right; width:400px;margin:210px 10px 0 0;}
.company3 .warp .right{ float:left; width:380px;margin:180px 0 0 40px;}
.company .warp .right p{ text-indent:2em; padding:5px 0;}

.brand .warp{ background:url(i/brand_bg.jpg) no-repeat left top;}
.brand2 .warp{ background:url(i/brand2_bg.jpg) no-repeat left top;}
.brand .warp .left{ height:600px; width:230px;float:left; margin:0 0 0 30px;}
.brand .warp .right{ float:right; width:500px;margin:210px 40px 0 0;}
.brand2 .warp .right{ float:right; width:600px;margin:210px 10px 0 0;}
.brand .warp .right p{ text-indent:2em; padding:10px 0;}

.join .warp{ background:url(i/join_bg.jpg) no-repeat left top;}
.join2 .warp{ background:url(i/join2_bg.jpg) no-repeat left top;}
.join3 .warp{ background:url(i/join3_bg.jpg) no-repeat left top;}
.join .warp .left{ height:600px; width:230px;float:left; margin:0 0 0 30px;}
.join .warp .right{ float:right; width:420px;margin:160px 40px 0 0;}
.join2 .warp .right{ float:right; width:490px;margin:160px 10px 0 0;}
.join3 .warp .right{ float:right; width:500px;margin:210px 10px 0 0;}
.join .warp .right p{ text-indent:2em; padding:10px 0;}

.cha .warp{ background:url(i/cha_bg.jpg) no-repeat left top;}
.cha .warp .left{ height:600px; width:230px;float:left; margin:0 0 0 30px;}
.cha .warp .right{ float:right; width:430px;margin:180px 40px 0 0;}
.cha .warp .right span{ padding:0 10px; float:left; line-height:22px;}
.cha .warp .right input{ border:1px solid #333; background:none; height:20px; line-height:20px; color:#ccc; float:left; padding:0 0 0 3px;}
.cha .warp .right input.bt{ height:22px; background:#111; margin:0 0 0 5px; text-align:center}

.product .warp{ background:url(i/product_bg1.jpg) no-repeat left top; position:relative;}
.menu{ position: absolute; top:0; left:0;}
.product .content{ height:600px;}

.shop .warp{ background:url(i/shop_bg.jpg) no-repeat left top; position:relative;}
.shop .menu{ position: absolute; top:0; left:0;}
.shop .content{ height:600px;}

.contact .warp{ background:url(i/contact_bg.jpg) no-repeat left top;}
.contact .warp .left{ height:600px; width:230px;float:left; margin:0 0 0 30px;}
.contact .warp .right{ float:left; width:600px;margin:210px 0 0 60px;}
.contact .warp .right p{ text-indent:2em; padding:5px 0;}

.news .warp{ background:url(i/news_bg.jpg) no-repeat left top;}
.news .warp .left{ height:600px; width:230px;float:left; margin:0 0 0 30px;}
.news .warp .right{ float:left; width:650px;margin:210px 0 0 40px;}
.news .warp .right ul{ width:400px;}
.news .warp .right ul li{ background:url(i/dot.gif) no-repeat 2px 10px; padding:3px 0 3px 15px; border-bottom:1px dotted #333; }
.news .warp .right ul li span{ float:right}
.news .warp .right  .page{ width:400px; text-align:center;}
.news .warp .right  .page a.on{ color:red; font-weight:bold; border:1px solid #333;}

.job .warp{ background:url(i/job_bg.jpg) no-repeat left top;}
.job .warp .left{ height:600px; width:230px;float:left; margin:0 0 0 30px;}
.job .warp .right{ float:left; width:650px;margin:210px 0 0 40px;}
.job .warp .right ul{ width:400px;}
.job .warp .right ul li{ background:url(i/dot.gif) no-repeat 2px 10px; padding:3px 0 3px 15px; border-bottom:1px dotted #333; }
.job .warp .right ul li span{ float:right}
.job .warp .right  .page{ width:400px; text-align:center;}
.job .warp .right  .page a.on{ color:red; font-weight:bold; border:1px solid #333;}


.message .warp{ background:url(i/message_bg.jpg) no-repeat left top; position:relative}
.message .contact_message{ background: url(img/content_message.jpg) no-repeat left top; height:400px; color:#666;}
.message .contact_message ul{ width:300px; float:left; padding:160px 0 0 130px}
.message .contact_message ol{ width:440px; float:right; padding:50px 50px 0 0;}

.message .contact_message ul li{width:380px; overflow:hidden; padding:4px 0;}
.message .contact_message ul li label{ width:90px; float:left; padding:4px 0 0 0;}
.message .contact_message ul li span.red{ color:#09F}
.message .contact_message ul li  input{ background:none; border:1px solid #333; color:#fff;}
.message .contact_message ul li  input.no{ background:none; border:0px solid #ccc; color:#fff;}
.message .contact_message ul li  textarea{ background:none; border:1px solid #333; color:#fff;}
.message .contact_message ol li{ background:#111; padding:5px 10px; margin:5px 0; border:1px solid #333;filter:alpha(opacity=60); -moz-opacity:.60; opacity:0.6; height:100%}
.message .contact_message .msg{ color:#FFF;padding:5px 0; border-top:1px solid #222;}
.message .contact_message .re{ color: red;padding:5px 0; border-top:1px solid #222;}
.page{ text-align:right; margin:10px 20px 0 0; height:30px;}
.page a{padding:0 5px;}


.footer{ height:20px; background:#545454; width:990px; margin:0 auto; text-align:right; padding:0 12px 0 0; color:#333;}