body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
*{font-family:"黑体",arial;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
em{font-weight:bold;}
ol,ul,li{list-style:none;}
.cf:after{display:block; height:0; visibility:hidden; clear:both; content:".";}
.cf{display:inline-block;}
* html .cf{height:1em;}
.cf{display:block;}
.center{text-align:center;}
body{font-size:12px; font-family:"黑体";}
.top{background:url(../images/top.jpg) no-repeat center 86px;}
a{ outline:none; color:#666; text-decoration:none;}
a:hover{color:#d6000f; text-decoration:underline;}
.fix{margin:0 auto; width:1020px;}
.header{margin-bottom:50px; padding-left:395px; height:86px; position:relative; border-bottom:1px solid #ccc;}
.top .header{margin-bottom:0px; border:none;}
a.logo{position:absolute; left:195px; top:18px; width:134px; height:34px; background:url(../images/logo.gif) no-repeat; display:block; text-indent:-9999px;}
.navi li{float:left; margin-right:25px; display:inline;}
.navi li a{padding:30px 5px 10px; color:#666; font-size:16px; line-height:16px; display:block;}
.navi li a:hover, .navi li a.on{padding:27px 5px 10px;color:#d8000f; text-decoration:none; border-top:3px solid #e64141;}
.indexArea{text-indent:-9999px;}

.product{margin:0 auto; width:744px;}
.star{margin-bottom:50px;}
.star li{float:left;margin:0 8px; width:232px; line-height:16px; text-align:center; position:relative;}
.star li img{margin-bottom:5px; width:230px; height:230px; border:1px solid #ccc;}
.star li .mask{position:absolute; left:1px; top:1px; width:230px; height:230px; background:url(../images/open.png) no-repeat; display:block; display:none;}

.common li{float:left;margin:0 7px; width:172px; height:240px; line-height:16px; text-align:center; position:relative;}
.common li img{margin-bottom:5px; width:170px; height:170px; border:1px solid #ccc;}
.common li .mask{position:absolute; left:1px; top:1px; width:170px; height:170px; background:url(../images/open.png) no-repeat center center; display:none;}
.show{margin:0 auto; width:905px;}
.show .img{height:500px;}
.show p{margin:0px 0px 20px 70px; font-size:14px; line-height:24px; text-align:left;}
.highlight{margin:0 auto; width:920px; height:auto !important;height:480px; min-height:480px;}
.highlight li{float:left; width:230px; height:156px; display:inline; position:relative;}
.highlight li .mask{position:absolute; left:0px; top:0px; width:230px; height:156px; background:url(../images/big.png) no-repeat center center; display:none;}
.select{margin-bottom:20px; text-align:right;}

.wxbanner{margin-bottom:30px; padding:6px 8px 33px 7px; width:981px; height:236px; background:url(../images/wx.jpg) no-repeat; overflow:hidden;}
.wxlist{margin:0 auto; padding:100px 0 0 0; width:975px; position:relative;}
.wxlist .box{padding:0 0 50px 280px; width:715px; background:url(../images/solid.gif) repeat-y 222px 20px;}
.wxlist .item{position:relative; margin-bottom:30px; width:685px;}
.state{position:absolute; left:300px; top:-16px; width:119px; height:66px; display:block;background:url(../images/state.png) no-repeat;}
.state.on{background-position:0px -66px;}
.state.ready{background-position:0px 0px;}
.state.closed{background-position:0px -132px;}
.thead,.tfoot,.tbody{background:url(../images/wxlist.png) no-repeat;}
.thead{height:24px; background-position:-685px 0px;}
.tfoot{height:24px; background-position:-1370px 0px;}
.tbody{padding:0px 30px; font-size:12px; color:#333; line-height:20px; background-repeat:repeat-y; height:auto !important;height:120px; min-height:120px;}
.tbody .qr{float:right; text-align:right; margin-left:5px; width:120px; height:120px; border:1px solid #ccc;}
.tbody a{ color:#333;}
.tbody a:hover{text-decoration:none;}
.wxlist .item .circle{position:absolute; left:-45px; top:43px; width:20px; height:20px; background:url(../images/circle.gif) no-repeat 0px 0px;}
.tbody .more{margin-top:0px; text-align:right; color:#d6000f; display:block;}
.tbody .detail{display:none; height:auto !important;height:160px; min-height:160px;}
.wxlist h3{margin-bottom:5px; color:#d6000f;}
.wxlist .item .date{position:absolute; left:-260px; top:33px; font-size:24px; font-family:"黑体";}
.wxlist .item .photo{float:right; text-align:right;}
.corner{position:absolute; left:-14px; top:40px; width:23px; height:29px; background:url(../images/corner.png) no-repeat 0px -5px;}
.wxlist .time{position:absolute; left:222px; top:20px; width:46px; height:100px; background:url(../images/clock.gif) no-repeat;}
.wxlist .end{position:absolute; left:222px; bottom:0px; width:46px; height:80px; background:url(../images/dash.gif) repeat-y;}

.wxlist .gray h3,
.wxlist .gray .tbody,
.wxlist .item.gray .date,
.wxlist .gray .tbody .more{color:#aaa;}
.wxlist .item.gray .circle{background:url(../images/circle.gif) no-repeat 0px -20px;}


.copyright{margin-top:30px; text-align:center; color:#999;}