*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body.jpg) center 453px no-repeat #fff;}
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:#505050; 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;}
.title{width:950px; height:40px; margin:0 auto 10px 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: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:980px; margin:0 auto; height:417px; position:relative; background:url(../images/header.jpg) center 0 no-repeat;}
.header .ewm{width:180px; position:absolute; top:300px; left:420px;} 
.header .ewm .img{width:66px; float:left; padding:5px; background:#fff; border:solid 1px #ddd;}
.header .ewm p{width:95px; float:right;}

/*introduction*/
.intro{background:url(../images/new-bg.jpg) right no-repeat #fff;height:420px; border-top:1px solid #ddd; margin-top:10px;}
.intro .video{width:420px; height:408px; float:left;}

.intro .txt-box{width:280px; margin:0 0 0 15px; padding:12px;}
.intro .txt-box .subtit{width:260px; color:#716606; font-size:16px; padding:6px 25px 0 15px; font-weight:bold; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box .subtit a{color:#716606;}
.intro .txt-box p{margin-top:11px; text-indent:0;}
.intro .txt-box h4{font-size:14px; font-weight:normal; color:#000; height:30px; line-height:30px;}
.intro .txt-box .news{width:280px; border-top:dotted 1px #215980; margin-top:0px; padding-top:10px; line-height:22px;}
.intro .t-box{width:323px; float:left; padding-left:5px;}
.intro .bg{width:323px; height:42px; background:url(../images/text-bg.png) no-repeat; line-height:42px; font-size:14px; color:#fff; text-align:center;}
.intro .bg a{color:#fff; background:url(../images/icon.png) right center no-repeat; padding-right:20px;}


.intro .spreadtrum{width:180px; float:right;}
.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:#716606; line-height:24px; padding-left:5px;}
.intro .spreadtrum P span{color:#585858;}
.intro .spreadtrum  a{color:#c64d51;}

/*exhibition*/
.exhibition{}
.exhibition .title{background:url(../images/tit1.jpg) no-repeat;}
.exhibition .sub{width:950px; height:42px; border-bottom:solid #999 1px; margin:10px 0;}
.exhibition .exhi-intro{width:950px; height:392px; font-size:14px; line-height:24px;}
.exhibition .exhi-intro .art-box{width:420px; height:390px; float:left; border:solid 1px #ddd; background:url(../images/box-bg.gif);}
.exhibition .exhi-intro .art{width:223px; height:390px; background:url(../images/art-box.gif); float:left; border-right:solid 1px #ddd;}
.exhibition .exhi-intro .art .img{width:215px; height:330; padding:4px;}
.exhibition .exhi-intro .art p{text-align:center; color:#000; line-height:22px;}
.exhibition .exhi-intro .text{width:135px; float:right; padding:40px 30px 0 30px;}
.exhibition .exhi-intro .text span{font-size:20px; color:#000;}

.exhibition .exhi-intro .pic{width:528px; float:left; height:392px;}
.exhibition .exhi-intro .pic li{float:left;}
.exhibition .exhi-intro .pic .w1{width:264px; margin-right:8px;}
.exhibition .exhi-intro .pic .w2{width:254px;}
.exhibition .exhi-intro .pic .bt{margin-bottom:8px;}


/*curation*/
.curation{}
.curation .title{background:url(../images/tit2.jpg) no-repeat;}
.curation .cont-box{width:950px; height:470px;}
.curation .cont-box .pic{width:360px; float:left; height:470px;}
.curation .cont-box .text{width:228px; height:468px; background:url(../images/box-bg.gif); float:left; border:solid 1px #ddd;}
.curation .cont-box .bt{margin-bottom:13px;}
.curation .cont-box p{font-size:14px; line-height:24px; padding:50px 40px 0 40px;}


/*video*/
.video{border-bottom:solid 1px #ddd; margin-bottom:25px;} 
.video .title{background:url(../images/tit3.jpg) no-repeat;}
.video ul{width:465px;}
.video ul li{width:447px; height:177px; background:url(../images/box-bg.gif); padding:9px;}
.video ul li .img{width:162px; height:177px; float:left;}
.video ul li .text-box{width:270px; float:right; padding-top:5px;}
.video ul li .text-box .name{font-size:16px; color:#000; font-weight:bold; line-height:24px;}
.video ul li .text-box .name a{background:url(../images/video-icon.png) right center no-repeat; padding-right:23px;color:#000;}
.video ul li .text-box .sub-tit{font-size:14px; color:#000; font-weight:bold; height:34px; line-height:28px; background:url(../images/line.png) 0 bottom no-repeat; margin-bottom:8px;}
.video ul li .text-box .sub-tit a{color:#000;}
.video .more{font-size:12px; color:#fe5301; background:url(../images/more.png) right center no-repeat; padding-right:12px;}
.video .bt{margin-bottom:15px;}




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