*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/mian.jpg) center 452px no-repeat #815f43;}
div,ul,li{display:block;}
li{list-style-type:none;}
img{border:none;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#318d93; text-decoration:none;}
a:hover{text-decoration:underline;}
.red{color:#a72e40;}



.box{width:948px; margin:0 auto; clear:both; padding:15px; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
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:422px; background:url(../images/header.jpg) center 0 no-repeat;}
.header .share{width:980px; margin:0 auto; height:423px; position:relative;}



/*introduction*/
.intro{background:url(../images/new-bg.jpg) right no-repeat #fff;height:412px;}
.intro .video{width:420px; height:408px; float:left;}

.intro .txt-box{width:280px; float:left; margin:0 0 0 15px; padding:12px;}
.intro .txt-box .subtit{width:260px; color:#318d93; font-size:16px; padding:10px 25px 0 15px; font-weight:bold; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box p{margin-top:15px; text-indent:0;  padding-bottom:15px;}
.intro .txt-box h4{font-size:14px; color:#000; font-weight:normal; padding-top:20px; border-top:dotted 1px #215980;}
.intro .txt-box .news{width:280px;  margin-top:10px; line-height:22px;}

.intro .spreadtrum{width:180px; float:right;  margin-bottom:20px;}
.intro .spreadtrum h4{font-size:16px; font-weight:normal; color:#222; line-height:25px; margin:5px 0 15px 0;}
.intro .spreadtrum h4 a{color:#222;}
.intro .spreadtrum P{color:#318d93; line-height:26px; padding-left:5px;}
.intro .spreadtrum P span{color:#585858;}
.intro .spreadtrum  a{color:#c64d51;}

.erweima{width:161px; color:#fff; margin-top:15px; border-top:dotted 1px #215980; padding-top:20px;}
.erweima .img{width:131px; height:131px; padding:15px; border:solid 1px #ddd; background:#fff;}
.erweima p{width:131px; margin-top:6px;}

/*face to face*/
.ftf h3{background:url(../images/tit1.gif) no-repeat;}
.ftf ul{width:950px; height:310px; margin:0 auto; clear:both;}
.ftf li{width:160px; height:275px; float:left; padding:10px; background:url(../images/box-bg.gif);}
.ftf li img{width:160px; height:227px;}
.ftf li a{color:#585858;}
.ftf li p{ height:40px; padding:6px 0 0 5px;}
.ftf .mr{margin-right:12px;}




/*art*/
.art h3{background:url(../images/tit2.gif) no-repeat;}
.art .txtbox{width:600px; float:right; background:url(../images/box-bg.gif); padding:0 20px 0 20px; height:440px;}
.art .txtbox h4{width:600px; margin:15px auto 0 auto;font-size:16px; color:#000; height:35px; line-height:35px; border-bottom:dotted 1px #215980;}
.art .txtbox h4 a{color:#000;}
.art .txtbox p{font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.art .picbox{width:300px; float:left;}

.academic{width:940px; height:250px; background:#e2e2e2; margin:0 auto; padding:20px 20px 0 20px;}
.academic .host{height:50px; line-height:50px; font-size:22px; color:#000; border-bottom:dotted 1px #215980; background:url(../images/arttit.gif) right bottom no-repeat;}
.academic .describe{height:180px; margin-top:20px;}
.academic .describe .img-box{width:280px; float:left; padding-left:20px;}
.academic .describe .year{width:315px; float:left; background:url(../images/line.gif) left 5px no-repeat; padding-left:15px;}
.academic .describe .year li{font-size:14px; color:#484747; line-height:28px;}
.academic .describe .news{width:310px; float:right;}
.academic .describe .news h5{font-size:14px; color:#000; font-weight:normal; line-height:30px;}
.academic .describe .news ul{padding-top:15px;}
.academic .describe .news li{font-size:14px; line-height:24px; background:url(../images/icon.gif) 0 7px no-repeat; padding-left:20px;}




/*performance*/
.perfor{border-bottom:solid 1px #ddd;}
.perfor h3{background:url(../images/tit4.gif) no-repeat;}
.perfor ul{width:950px; height:260px; margin:0 auto; clear:both;}
.perfor li{width:163px; float:left; padding:10px; background:url(../images/box-bg.gif);}
.perfor li img{width:163px; 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:18px;}
.perfor .mr{margin-right:8px;}



/*scene*/
.scene h3{background:url(../images/tit3.gif) no-repeat;}
.scene .bigpic{width:297px; height:480px; float:left;}
.scene .smallpic{width:643px; float:right;}
.scene .smallpic ul{width:643px; height:244px;}
.scene .smallpic ul li{width:207px; float:left; height:234px;}
.scene .smallpic ul .mr{margin-right:10px;}

/*tab*/
#con {margin:20px auto 0 auto; width:950px; height:570px;}
#tags{width:940px; height:43px; margin-left:10px; text-align:center; z-index:100;}
#tags li{height:42px; line-height:42px; font-size:14px; color:#000; background:#fff; float:left; margin-right:3px; border:solid 1px #d4d4d4;border-bottom:none;}
#tags li a {float:left; color:#000; line-height:43px; height:43px; text-decoration:none; padding:0 35px;}
#tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;}
#tags LI.selectTag {height:43px;border-bottom:none;background:#ddd; display:block; text-align:center;}
#tags LI.selectTag a {color:#000; line-height:43px; height:43px; background:#ddd; display:block;}
#tagContent{width:950px; border-top:solid 1px #d4d4d4; clear:both; z-index:1;}
.tagContent {display:none; width:950px; padding-top:15px; height:480px}
#tagContent DIV.selectTag {display: block;}




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