*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body.jpg) center 455px no-repeat;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.red{color:#a30808;}

.clr{height:0; overflow:hidden; clear:both;}
a{color:#585858; text-decoration:none;}
a:hover{text-decoration:underline;}


.box{width:948px; margin:0 auto; clear:both; padding:15px;}
h3{width:950px; height:40px; margin-bottom:10px;}
/*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:425px; background:url(../images/header-bg.jpg) center no-repeat; }
.header .box{position:relative; height:395px;}
.erweima{width:170px; position:absolute; bottom:10px; right:20px;}
.erweima .img{width:66px; height:66px; float:left;}
.erweima p{width:90px; float:right; color:#e6e6e6;}


/*introduction*/
.intro{height:412px; border-top:solid 1px #ddd;}
.intro .video{width:420px; height:408px; float:left;}

.intro .txt-box{width:488px; height:392px; float:right; padding:20px 20px 0 20px; background:url(../images/new-bg.gif) right 0 #f1f1f1 no-repeat;}
.intro .txt-box h4{color:#151515; font-size:18px; text-align:center; font-weight:normal; line-height:50px;}
.intro .txt-box h4 a{color:#151515;}

.intro .txt-box .new{border-top:dotted 1px #ccc; margin-top:15px; padding-top:10px;}
.intro .txt-box .new li{font-size:14px; line-height:26px;}
.intro .txt-box .new li a{color:#02265b;}
.intro .txt-box h5{font-size:14px; font-weight:normal; color:#151515; line-height:30px;}



/*work*/
.work{height:500px;}
.work h3{background:url(../images/tit3.gif) no-repeat;}

.work ul{width:950px; height:220px; margin:0 auto;}
.work li{width:212px; float:left; padding:8px; background:url(../images/box-bg.gif);}
.work li img{width:212px; height:187px;}
.work li p{background:url(../images/video_icon.gif) 0 10px no-repeat; height:40px; padding:6px 0 0 35px; line-height:18px;}
.work .mr{margin-right:12px;}



/*performance*/
.perfor h3{background:url(../images/tit1.gif) no-repeat;}
.perfor ul{width:950px; height:260px; margin:0 auto;}
.perfor li{width:282px; float:left; padding:10px; background:url(../images/box-bg.gif);}
.perfor li img{width:282px; height:187px;}
.perfor li a{color:#585858;}
.perfor li p{background:url(../images/video_icon.gif) 0 10px no-repeat; height:40px; padding:6px 0 0 40px; line-height:40px;}
.perfor .mr{margin-right:22px;}








/*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;}