*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body-bg.gif) center 3px repeat-y;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.left{float:left;}
.right{float:right;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#585858; text-decoration:none;}
a:hover{text-decoration:underline;}
.red{color:#c64d51;}



.box{width:948px; margin:0 auto; clear:both; padding:20px 15px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
.title{width:948px; height:41px; margin:0 auto; background:url(../images/tit_bg.gif) repeat-x;border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 15px;}


/*top*/
.top{width:100%; background:url(../images/top_bg.gif) repeat-x; color:#8e8e8e; border-bottom:1px solid #fff;height:30px;}
.top ul{width:1000px; margin:0 auto;}
.top li{float:left; margin:0 3px;height:30px; line-height:30px; font-size:12px;}
.top .topline{width:3px; background:url(../images/top_line.gif) 0 6px no-repeat;}
.top li a{color:#8e8e8e; text-decoration:none;}
.top li a:hover{color:#7b0707; text-decoration:underline;}

/*header*/
.header{width:100%; height:377px; background:url(../images/header.gif) center 0 no-repeat; margin:0 auto;}
.banner{width:980px; margin:0 auto; position:relative;}

.header .erweima{width:66px; position:absolute; top:280px; right:30px;}
.header .erweima .img{width:66px; height:66px;}

.header .txt{width:240px; font-size:16px; line-height:30px; float:right; margin:55px 115px 0 0; color:#fff;}
.header .txt span{color:#fdd100;}


.guide{width:800px;font-size:14px; text-indent:35px; line-height:22px; position:absolute; top:270px; left:50px;}
.guide p{color:#dfdfdf;}

/*hot*/
.news{width:415px; height:315px; float:right;background:url(../images/news-bg.gif) 0 50px;}
.news-tit{width:415px; height:33px; background:url(../images/tit1.gif) no-repeat;}
.news ul{width:370px; height:245px;  margin-top:7px; padding:10px 15px;}
.news li{background:url(../images/icon.gif) 0 11px no-repeat; padding-left:10px; font-size:14px; line-height:30px; border-bottom:dotted 1px #ccc;}


/*performance*/
.perfor ul{width:950px; height:260px; margin:0 auto; clear:both;}
.perfor li{width:212px; float:left; padding:8px; background:url(../images/box-bg.gif);}
.perfor li img{width:212px; height:187px;}
.perfor li p{background:url(../images/video_icon.gif) 0 10px no-repeat; height:40px; padding:6px 0 0 35px; line-height:18px;}
.perfor #pic{width:470px; height:248px; float:left; padding:0; background:no-repeat;}
.perfor #pic img{width:470px; height:248px;}
.perfor .mr{margin-right:12px;}

/**/
.topbang{width:950px; height:395px; background:url(../images/top-bg.gif) no-repeat; padding-top:5px;}
.topbang table .tit{height:43px; color:#fff; font-size:14px; text-align:center; line-height:43px;}
.topbang table td{line-height:34px; text-align:center;}
.topbang table .blue{color:#333333;}
.topbang table .font{font-size:14px;}
.topbang table .price{color:#bc5413}




/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px; margin-top:15px; font-size:12px;}
.bottom .bt{width:980px; margin:auto; padding:40px 0 15px 0; color:#373737; text-align:center;}
.bottom .bt a{color:#373737; text-decoration:none;}
.bottom .bt a:hover{color:#373737; text-decoration:underline;}