*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body-bg.jpg) left -180px repeat;}
div,ul,li{display:block;}
li{list-style:none;}
img{border:none;}
.fl{ float: left;}
.fr{ float: right;}
.clr{height:0; overflow:hidden; clear:both;}
a{color:#ec6b66; text-decoration:none;}
a:focus{ outline:none;}
a:hover{text-decoration:underline;}
.red{color:#a72e40;}
.box{width:948px; margin:0 auto; clear:both; padding:15px 15px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#fff;}
h3{width:950px; height:40px; margin-bottom:20px;}
/*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:430px; background:#ed7a81; }
.header .share{width:980px; margin:0 auto; height:430px; position:relative;  background:url(../images/header.jpg) no-repeat top center;}
/*introduction*/
.intro{background:url(../images/new-bg.jpg) right no-repeat #fff;height:417px;}
.intro .video{width:420px; height:408px; float:left;}
.intro .video dl{ width:420px; height:408px; position:relative}
.intro .video dl dd{ position:absolute; left:0; bottom:0; height:35px; line-height:35px; width:420px; background:#ed7a81; text-align:center; font-weight:bold; color:#fff; font-size:14px;}
.intro .video dl dd a{ color:#fff}
.intro .txt-box{width:280px; float:left; margin-left:15px; padding:12px;}
.intro .txt-box .subtit{width:260px; color:#2a99c4; font-size:16px; padding:10px 25px 0 15px; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box p{margin-top:15px; text-indent:0;   line-height: 22px; font-size: 12px; color: #595959;}
.intro .txt-box h4{ width:270px; height:25px; line-height:25px;font-size:14px; color:#fff; font-weight:normal; padding-top:20px; padding-left:10px; background:url(../images/more.jpg) left 22px no-repeat;}
.intro .txt-box .news{width:280px;  margin-top:10px; line-height:22px;}
.news li{ padding-left:10px; background: url(../images/bulleted.gif) no-repeat left center;}
.intro .spreadtrum{width:180px; float:right;}
.intro .spreadtrum h4{font-size:16px; font-weight:normal; color:#222; line-height:25px; margin:7px 0 3px;}
.intro .spreadtrum h4 a{color:#222;}
.intro .spreadtrum P{color:#ec6b66; line-height:17px; padding-left:5px; font-size: 12px;}
.intro .spreadtrum P span{color:#585858; font-size: 12px;}
.intro .spreadtrum  a{color:#c64d51;}
.erweima{width:161px; color:#fff; padding-left: 12px; padding-top: 5px;}
.erweima .img{width:131px; height:131px; padding:5px; border:solid 1px #ddd; background:#fff;}
.erweima p{width:131px; }
.main{ width:980px; height:auto; margin: 0 auto; background: #fff;}
#box{position:relative;width:952px;height:549px;margin:30px auto 0; background-color:#fff; }
#box ul{position:relative;width:952px;height:549px;}
#box li{position:absolute;list-style:none;background:orange;width:0;height:0;top:146px;left:377px;z-index:0; cursor:pointer;overflow:hidden;border-radius:3px;}
#box li img{width:100%;height:100%;vertical-align:top;}
#box .prev, #box .next{z-index:10; position:absolute;top:50%;width:60px;height:60px;margin-top:-40px;overflow:hidden; text-indent:-999px;cursor:pointer; opacity:0.5; filter:alpha(opacity=50);}
#box .prev{left:0px; background: #000 url(../images/left.png) no-repeat center;}
#box .next{right:0px;background: #000 url(../images/right.png) no-repeat center;}
/*scene*/
.scene h3{background:url(../images/title5.png) no-repeat ; border-bottom: 1px solid #ed7a81;}
.scene span{ width:145px; height:25px; text-align:center; line-height:25px; font-weight:normal; float: right;  background: #000; }
.scene span a{ color: #fff;}
.scene .bigpic{width:300px; height:480px; float:left;}
.scene .smallpic{width:643px; float:right;}
.scene .smallpic ul{width:643px; height:244px;}
.scene .smallpic ul li{width:426px; float:left; height:234px;}
.scene .smallpic ul .mr{margin-right:14px;}
/* interview */
.interview,.analy,.historyBd,.online,.floorPlan{ width:980px; height:auto; position: relative; padding-top: 35px; }
.interview h3{ width:980px; height:40px; background:url(../images/interview.png) no-repeat;}
.interview span{  width:10px; height:50px; display: block;  }
.interview span.fold-l,.analy span.fold-l,.historyBd span.fold-l,.online span.fold-l,.floorPlan span.fold-l{ position: absolute; left:-10px; top:35px;}
.interview span.fold-r,.analy span.fold-r,.historyBd span.fold-r,.online span.fold-l,.floorPlan span.fold-r,.online span.fold-r{ position: absolute; right:-10px; top:35px;}
.interviewCon span{ width:40px; height:38px; display: block;  }
.interviewCon{ width:940px; height:418px; padding:10px 10px 0; margin:0 10px;  background: url(../images/p_bg.gif) repeat; position: relative;}
.interviewCon .and{ width:555px; height:95px; position: absolute; left:190px; top:140px; z-index: 1;}
.interviewCon dl{ width:460px; height:418px; }
.interviewCon dl.markLeft{ position: relative; }
.interviewCon dl.markLeft .mark-l{ position: absolute; left:10px; bottom:52px;}
.interviewCon  dl.markLeft .mark-r{ position: absolute; right:20px; bottom:15px;}
.interviewCon dl.markRight .mark-l{ position: absolute; right:420px; bottom:52px;}
.interviewCon  dl.markRight .mark-r{ position: absolute; right:20px; bottom:15px;}
.interviewCon dl dt{  width:460px; height:350px; }
.interviewCon dl dd{  width:460px; height:68px; text-align: center; line-height: 68px; font-size: 14px; color: #666; }
.interviewCon dl dd a{ color: #585858;}
/* analy */
.analy h3{ width:980px; height:40px; background:url(../images/analy.png) no-repeat; }
.historyCon{ width:960px; padding:0 10px;}
.analyCon{ width:980px; height:auto;}
.analyCon dl{ width:300px; height:205px;  float: left; padding:0 15px 0 10px;}
.analyCon dl:hover dt{ border: 3px solid #ed7a81; background: url(../images/analy01.jpg) no-repeat;  }
.analyCon dl:hover dt span{ background: #ed7a81;}
.analyCon dl:hover a { color:#ed7a81; text-decoration: underline;} 
.analyCon dl dt{ width:294px; height:174px; border: 3px solid #ccc; position: relative; background: url(../images/analy02.jpg) no-repeat; }
.analyCon dl dt span{ width:130px; height:44px; background: #999; position: absolute; left:85px; top:68px; text-align: center; line-height: 44px; color:#fff; font-size: 22px; font-style: italic; font-weight: bold; }
.analyCon dl dd{ width:300px; text-align: center; padding-top:10px; height:auto;}
.analyCon dl dd a{ color:#666;}
/* area */
.area{ width:960px; margin:0 auto; padding:20px 0; }
.area img{ border:none; vertical-align:top; }
.area .nav{ height:44px; border-bottom:1px solid #ed7a81; background:url(../images/title5.png) no-repeat left center; }
.area .nav ul{ float:right; }
.area .nav li{ float:left; width:98px; height:43px; line-height:43px; text-align:center; border:1px solid #cecece; border-bottom:none; color:#121212; margin-left:2px; font-size:14px; cursor:pointer; }
.area .nav .current{ border-color:#ed7a81; background:#ed7a81; color:#fff; }
.area .content{ width:960px; height:480px; padding-top:16px; }
.area .content li{ overflow:hidden; zoom:1; display:none; }
.area .content .left{ float:left; width:296px; height:480px; }
.area .content .right{ float:right; letter-spacing:8px; }
.area .pic_top{ overflow:hidden; zoom:1; padding-bottom:10px; }
/* bbs */
.bbs{ width:960px; height:auto; padding:0 10px; }
.bbs h3{ width:960px; height:40px;  background: url(../images/vip.png) no-repeat left 6px; border-bottom: 1px solid #ed7a81; font-weight: normal;  }
.bbs h3 span{ width:165px; color:#010101; font-size: 14px;  float:right; padding-top: 10px;   }
.bbs .nav ul{ overflow:hidden; zoom:1; }
.bbs .nav li{ font-family:"黑体"; font-weight:bold;width:316px; height:70px; float:left; background:url(../images/nav.png) no-repeat; margin-right:6px; font-size:26px; line-height:64px; color:#ed7a81; text-align:center; cursor:pointer; }
.bbs .nav .clearMarRight{ margin-right:0; color:#999; }
.bbs .nav .current{ background:url(../images/nav_cur.png) no-repeat; color:#fff; }
.bbs .content{ padding:20px;border:1px solid #e0e0e0; }
.bbs .content li{ display:none; }
/* floorPlan */
.floorPlan h3{ width:980px; height:40px; background:url(../images/floor.png) no-repeat; }
.floorPlan ul{  width:954px; height:auto; padding:0 13px;}
.floorPlan ul li{ width:954px; height:auto; padding-top:10px;}
.floorPlan ul img{ border:0; display: block; }
/* online */
.online h3{ width:980px; height:40px; background:url(../images/online.png) no-repeat; }
/* history */
.historyBd h3{ width:980px; height:40px; background:url(../images/history.png) no-repeat; } 
.historyCon{ width:995px; height:auto; overflow: hidden;}
.historyCon dl{ width:180px; float:left; padding-right:15px;  padding-bottom: 50px; }
.historyCon dl dt{ width:180px; height:130px; }
.historyCon dl dd{ width:180px; text-align: center; font-size: 14px; color:#666; padding-top: 10px;   }

/*tab*/
.con {margin:20px auto 0 auto; width:950px; height:520px;}
.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;}
.wrap_cont{width:950px; border-top:solid 1px #d4d4d4; clear:both; z-index:1;}
.wrap_cont .tagContent {display:none; width:950px; height:auto; padding-top: 15px;}
.wrap_cont .selectTag {display: block; padding-top: 15px;}
.wrap_cont a{ width:465px; height:345px; display: inline-block;}
.his h3{ background:url(../images/tit5.jpg) no-repeat;}
.history{ width:950px; height:256px;}
/*work*/
.work{height:580px;padding-bottom:0}

/* 焦点图 */
.focus{width:950px; height:493px; position:relative; float:left; padding:0 15px;}
.f426x240{width:950px; height:493px; overflow:hidden}
.f426x240 img{width:950px; height:493px}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:15px;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/i.png) no-repeat 0 -560px;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px -560px;right:15px;}
.rslides_tabs{margin:4px auto;clear:both;text-align:center}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px; text-align:center;}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px}
.rslides_tabs .rslides_here a{background:rgba(0,0,0, .6);background:#390}
.tit5,.tit7,.evaTitle{ width:950px; height:39px; padding-top: 27px; padding-bottom: 18px;}
.artistList{ padding-bottom: 10px;}
.artistList li{ width:920px; height:160px;  padding:20px 15px; font-size: 14px; color:#666; background: url(../images/text-bg.gif) repeat; border: 1px solid #e0e0e0; margin-bottom: 10px;}
.artistList li img{ width:160px; height:160px; float:left; margin:0 20px; _margin:0 20px; }
.artistList li h4{ font-size: 18px; font-weight: normal; color:#2a99c4; padding-top: 20px;}
.artistList li p{ line-height: 24px; padding-top: 10px;}
.artistList  a{ color:#a90000;}

/*bottom*/
.bottom{width:100%; background:url(../images/bottom_bg.gif) repeat-x; height:200px; clear:both; line-height:24px;  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;}