﻿<!--
body,div, form, img, ul, ol, li, dl, dt, dd, p{ margin: 0; padding: 0; border: 0; }
ul, ol { list-style-type:none; }
img { border:none; }
input { font-family:"宋体",Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
table{border-collapse:collapse;}
input{vertical-align:middle;}
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
.fl { float:left; display:inline;}
.fr { float:right;display:inline; }
.cl { clear:left; }
.cr { clear:right; }
.cb { clear:both; }
.f12{font-size:12px;}
.f14 { font-size:14px; }
.white { color:#fff; }
.blue { color:blue; }
.red { color:red; }
.bold { font-weight:bold; }
.tr { text-align:right; }
.tc { text-align:center; }
.tl{text-align:left;}
.m10{margin-top:10px;}
body { margin:0; padding:0; background:#fff; text-align: center; font-family:"宋体", arial; font-size:12px; color:#000; }
#container { width: 980px; margin: 0 auto; text-align: left; background:#fff; }
#top_banner{background:#000;}
#header{ height:14px;  margin-top:10px; float:right; overflow:hidden; color:#666;}
#header li{float:left; display:inline; margin:0 4px;}
#header li a{color:#666;}
#logo{height:36px; width:480px; float:left; margin-top:20px; margin-bottom:10px; cursor:pointer; background:url(../images/logo.gif) no-repeat; text-indent:-1000px;}
#nav{height:28px;  line-height:28px; position:relative;}
#nav ul{ width:400px;height:28px; float:left; display:inline;overflow:hidden;}
#nav ul li{float:left; display:inline; margin-right:5px;background:url(../images/bg_menu.gif) no-repeat;}
#nav ul li a{height:28px; width:85px; display:block;  cursor:pointer; }
#nav ul li a:hover,#nav ul li a.hover{background:url(../images/hover_menu.gif) no-repeat;}
#nav ul li a span{height:28px; width:85px;text-indent:-9999px; display:block;background-position:center center;background-repeat:no-repeat; }
/*#nav ul li.index a span{background-image:url(../images/index.gif);}*/
#nav ul li.index a span{background-image:url(../images/index.gif);}
#nav ul li.index a:hover span{background-image:url(../images/index1.gif);}
#nav ul li.qingzi a span{background-image:url(../images/qingzi.gif);}
#nav ul li.qingzi a:hover span{background-image:url(../images/qingzi1.gif);}
#nav ul li.qinglv{margin-right:40px;}
#nav ul li.qinglv a span{background-image:url(../images/qinglv.gif);}
#nav ul li.qinglv a:hover span{background-image:url(../images/qinglv1.gif);}
#nav ul li.diy{ background:url(../images/diy2.gif) no-repeat;}
#nav ul li.diy a{width:75px;}
#nav ul li.diy a:hover{background:url(../images/diy1.gif) no-repeat;}
#nav p{width:255px; float:left; display:inline; color:#a10000;}
#nav p span{color:#454545;}
#nav p a{color:#a10000;}
#pen{width:25px; height:38px; position:absolute; top:-10px; left:292px; background:url(../images/pen.png) no-repeat;}
.telephone{width:266px; height:21px; float:right; display:inline; background:url(../images/telephone.gif) no-repeat; text-indent:-9999px;}
.hotclass{height:30px; line-height:30px; background-color:#565662; color:#fff; text-indent:1em;}
.hotclass span{color:#ccc;}
.sec{height:30px; background-color:#f2f2f2;  color:#999; overflow:hidden;}
.sec form{width:492px; float:left; display:inline; padding-top:4px;}
.sec form input{ width:128px;vertical-align:middle; color:#999; border:1px solid #a1c0cd;}
.sec form select{vertical-align:middle;}
.sec form input.so{width:49px; height:18px; border:none; background:url(../images/so.gif) no-repeat;}
.sec  p{width:250px; height:24px; float:right; display:block; background:url(../images/car.gif) no-repeat left center; text-indent:30px; padding-top:6px; }
.sec  p input{width:50px; height:18px; border:none; background:url(../images/gopay.gif) no-repeat; vertical-align:middle;}
#i_1{width:760px;display:inline; margin-top:10px;}
#slide_pic{height:414px;*height:420px; position:relative; overflow:hidden;}
#slide_pic img{height:415px; width:760px; display:block;}
#slide_pic ul{height:24px;  line-height:24px; position:absolute; left:0; bottom:0;*bottom:4px; overflow:hidden; font-size:14px;}
#slide_pic ul li{height:24px; width:188px; float:left; margin:0 1px; display:inline; background-color:#433e3c; text-align:center; }
#slide_pic ul li a{color:#fff;}
#slide_pic ul li.hover{ height:30px;background:#fff;opacity: 0.5; filter:alpha(opacity=50); }
#slide_pic ul li.hover a{color:#000;}
#slide_pic ul li.hover a:hover{text-decoration:none;}
#i_2{width:210px; display:inline;margin-top:10px;}
.news{border:1px solid #d5d5d5;padding:1px; overflow:hidden;}
#i_2 .news{ height:154px; }
.news h2{ height:24px; font-size:14px; font-weight:normal; color:#fff; background-color:#a5a5a5; line-height:24px; text-indent:16px;}
.news ul{margin-left:8px;}
.news ul li{ height:26px;padding-left:9px; background:url(../images/arrow1.gif) no-repeat left center; line-height:26px; overflow:hidden; }
.news ul li a{color:#454545;}
#round_pic{height:130px; margin-top:10px;*margin-top:12px; overflow:hidden;}
#round_pic ul{width:137px; float:left; overflow:hidden; }
#round_pic ul li{height:30px; margin:2px 0 2px 2px;background:#a5a5a5;}
#round_pic ul li a{width:137px;display:block;height:30px; background-position:center; text-indent:-9999px; background-repeat:no-repeat; }
#round_pic ul li.hover{background:#b01f24;}
#round_pic ul li a.qingzi{background-image:url(../images/qingzi.png);}
#round_pic ul li a.qinglv{background-image:url(../images/qinglv.png);}
#round_pic ul li a.diy{background-image:url(../images/diy.png);}
#round_pic ul li a.tejia{background-image:url(../images/tejia.png);}
#round_pic div { width:617px; height:130px; float:right; display:inline;  position:relative; overflow:hidden; }
#round_pic div .img_L { position:absolute; width:460px; left:0; top:0; }
#round_pic div .img_R { position:absolute; width:155px; right:0; top:0;}
#i_2 img{ width:206px; border:1px solid #d5d5d5; padding:1px; margin-top:10px;}

.product{height:36px;height:auto; margin-top:10px; line-height:36px;}
.product h2{ border-bottom:2px solid #a5a5a5;font-size:12px; font-weight:normal; text-align:right;}
.product h2 a{color:#a5a5a5;}
.blockdiv{padding-top:8px; margin-top:1px; border-top:1px solid #a5a5a5; display:block;}
.list{ height:273px;width:240px;  float:right; border:1px solid #ebebeb; border-bottom:none; overflow:hidden;}
.list li{ height:29px; *height:26px; padding-left:1em; background: url(../images/arrow2.gif) no-repeat 1em center; text-indent:1em; border-bottom:1px solid #ebebeb; line-height:26px; overflow:hidden;}
.list li.hi_pic{height:122px; padding:0;  margin:0; overflow:hidden; line-height:0; *margin-top:-6px;}
.list li.hi_pic img{display:block;height:122px; width:240px;}
.list li span{ color:#454545; display:block; background:url(../images/arrow1.gif) no-repeat right center; margin-right:12px; cursor:pointer;}
.list li span.hover_arrow{background:url(../images/arrow3.gif) no-repeat right center;}
#new{ height:320px; background:url(../images/new.gif) no-repeat;}
#new img{float:left; display:block;}
#qingzi{background:url(../images/qingzi2.gif) no-repeat;}
#qingzi .list,#qinglv .list,#diy .list{height:304px;}
.pic_list{height:265px; margin-top:15px; overflow:hidden;color:#454545;}
.pic_list li{width:174px; margin-right:27px; float:left; display:inline;}
.pic_list li em{font-style:normal; text-decoration:line-through;}
.pic_list li a{color:#454545;}
.pic_list li span{color:#b01f24;}
#qinglv{background:url(../images/qinglv2.gif) no-repeat;}
#diy{background:url(../images/diy.gif) no-repeat;}
#hotcomment{height:152px; overflow:hidden;}
#south{height:124px; overflow:hidden;}
#comment_help,#about_email{width:486px; display:inline;}
#comment_help .news,#about_email .news{ margin-top:10px; padding-bottom:4px;}
#comment_help ul li span{float:right; margin-right:4px; font-family:Arial, Helvetica, sans-serif;}

#about_email img{ width:168px; height:118px; margin:8px 8px 4px 8px;float:left; display:inline; border:1px solid #b5b5b5;}
#about_email p{ width:282px; float:right; margin:4px 10px 4px 0; line-height:180%; color:#454545; display:inline;}
#about_email .news{height:210px;overflow:hidden;}
#about_email ul{overflow:hidden; height:48px;}
#about_email ul li{ width:220px;float:left;}
#about_email p span,#about_email p a{color:#a10000;}
#postmail{height:71px; border:1px solid #d5d5d5; margin-top:10px;}
#postmail form{width:220px; float:left; display:inline; margin:9px; line-height:150%; color:#454545;}
#postmail .t_1{ height:18px;border:1px solid #7f9db9;}
#postmail .s_1{width:52px; height:20px; margin-left:10px; border:none; background:url(../images/order.gif) no-repeat;}
#postmail span{width:211px; height:71px; float:right; background:url(../images/book.gif) no-repeat; display:block;}
#postmail span em{display:block; margin-top:10px; margin-left:100px;font-style:normal; text-align:center; color:#454545; line-height:120%;}
#postmail span em a{color:#a10000;}
#i_3{height:113px; margin-top:10px; border:1px solid #d5d5d5; background:url(../images/rexian.gif) no-repeat 790px center;}
#i_3 dl{ height:90px;width:110px; margin-top:12px; padding-left:30px; border-right:1px solid #e0e0e0; float:left; display:inline;color:#454545; }
#i_3 dl.w1{width:166px;}
#i_3 dl dd{ margin-top:10px; text-indent:10px;background:url(../images/arrow1.gif) no-repeat left center;}
#i_3 dl dd a{color:#454545;}

#footer { padding-top:70px; padding-bottom:20px;   margin-top:10px;text-align:center; color:#454545; line-height:150%; background:url(../images/message.gif) no-repeat top center; }
#footer a{color:#454545;}
-->

