*{padding:0; margin:0;}
body{font-size:12px; line-height:22px; background:url(../images/body-bg.gif); font-family:Microsoft YaHei; color:#404040;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}

a{color:#404040; text-decoration:none;}
a:hover{text-decoration:underline;}


.clr{height:0; overflow:hidden; clear:both;}
h3{width:930px; height:39px; margin:0 auto; background:url(../images/tit.gif) no-repeat; color:#003b4b; font-size:20px; line-height:39px;}
.pm{padding-top:25px;}
.pb{padding-bottom:15px;}
.box{width:980px; margin:0 auto;}



/*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:right; margin:0 3px;height:30px; line-height:30px; }
.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%; background:url(../images/header.jpg) center 0 no-repeat; height:381px;}

/*news*/
.news{width:960px; background:url(../images/news-bg.jpg) center 0 no-repeat; height:340px; padding:47px 10px 0 10px; margin:0 auto;}
.news h3{font-size:30px; color:#a57c4a; font-weight:normal; line-height:30px;}
.news .video{width:330px; height:320px; float:left; padding-top:8px;}
.news .video h3{width:330px; text-align:right;}
.news .video iframe{margin-top:15px;}

.news .newbox{width:305px; height:328px; float:left; margin-left:25px;}
.news .newbox h3{width:304px; text-align:center;}
.news .newbox .tit{color:#a80000; margin:15px 0 8px 0; font-size:14px;}
.news .newbox .tit a{color:#a80000;}
.news .newbox .more a{color:#a80000;}
.news .newbox ul{margin-top:10px; border-top:1px dashed #d2d1d1; padding-top:10px;}
.news .newbox li{background:url(../images/new-cion.gif) 3px center no-repeat; padding-left:15px; line-height:25px;}

.news .intro{width:270px; float:right; height:320px; padding:8px 5px 0 0; line-height:25px;}
.news .intro h3{width:275px; text-align:left; margin-bottom:15px;}

/*work*/
.work{background:url(../images/work-bg.gif);}
.work h3{width:980px; height:80px; background:url(../images/tit1.jpg) no-repeat;}

/*market*/
.market{width:930px; background:url(../images/market-bg.jpg) no-repeat; height:415px; padding:25px 25px 0 25px;}
.m{width:980px; height:71px; background:url(../images/tit2.jpg) no-repeat;}
.market .video{width:382px;}
.market .video p{background:url(../images/video-icon.gif) 5px center no-repeat; padding-left:20px; line-height:40px; font-size:14px;}

/*related*/
.related{width:100%; background:#e8e8e8; height:520px; padding-top:30px;}
.related .weibo{width:670px; height:500px; float:left;}

.related .project{width:310px; float:right; height:500px; background:url(../images/project.jpg) no-repeat; position:relative;}
.related .project .txt{width:275px; position:absolute; left:35px; top:160px; line-height:18px; color:#7b7b7b;}
.related .project .txt .tit{font-size:14px; margin-bottom:10px; color:#000; margin-left:40px;}
.related .project .txt a{color:#bf3d3b;}
.related .project .erweima{width:170px; position:absolute; left:60px; top:300px; color:#535353;}
.related .project .erweima div{text-align:center; margin-bottom:10px;}



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