*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/x-bg.jpg) top center  no-repeat #449285;}
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:#0062b0; 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;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; height:452px; margin:0 auto;position:relative;}



/*introduction*/
.intro{border-top:solid 1px #ddd;}
.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:#4b2800; font-size:16px; padding:10px 25px 0 15px; font-weight:bold; text-align:center; line-height:25px; text-indent:0;}
.intro .txt-box .subtit a{color:#333;}

.intro .txt-box p{margin-top:15px; text-indent:0;line-height:23px}
.intro .txt-box .news{width:280px; border-top:dotted 1px #215980; margin-top:10px; padding-top:10px; line-height:24px;}

.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:#8d714a; line-height:22px; padding-left:5px;}
.intro .spreadtrum P span{color:#585858;}

.erweima{width:170px; color:#e8ac92; margin-top:15px; border-top:dotted 1px #215980; padding-top:15px;}
.erweima .img{width:66px; height:66px; float:left;}
.erweima p{width:90px; float:right;}
/*show*/
.show{padding-top:30px}
.show h3{background:url(../images/tit1.gif) no-repeat;}
.showdiv p{margin:0 auto;line-height:26px;font-size:14px;text-align:left;color:#585858;width:510px;margin-top:8px}
.showdiv{width:950px;background:#efefef;}
.showtext{width:566px;height:396px;float:left;background:#efefef;border-bottom:1px solid #ddd;padding-top:13px}
.xiefei{font-size:20px;color:#000;padding-bottom:5px;padding-top:30px;padding-left:35px}
.showimg{width:382px;height:409px;background:#0e0e0e;float:right}
.showimg img{display:block;}

/*performance*/
#perfor h3{background:url(../images/tit3.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.png) 0 10px no-repeat; height:40px; padding:6px 0 0 40px; line-height:20px; font-size:14px;}
.perfor li .text{background:none; padding-left:5px;}
.perfor .mr{margin-right:22px;}
#perfor li p{background:url(../images/video_icon2.png) 0 10px no-repeat;}

/*work*/
.work{height:580px;padding-bottom:0}
.work h3{background:url(../images/tit2.gif) no-repeat;}

/*art*/
.art h3{background:url(../images/tit1.gif) no-repeat;}
.arty{width:950px;background:#efefef;height:245px}
.artpo{width:100%;line-height:30px; font-size:14px;height:30px;padding:6px 0px 0px 40px;text-align:left}
.artpo span{display:inline-block;width:87px;}



/*scene*/
.scene{border-bottom:1px solid #ddd;padding-bottom:5px}
.scene h3{background:url(../images/tit3.gif) no-repeat;}
.scene ul{width:948px;position:relative}
.scene ul li{width:203px; float:left; height:245px;}
.scene ul li img{width:203px;height:235px;}
.scene ul .mr{margin-right:9px;}
.ulft{width:312px;height:480px;position:absolute;top:0;left:0;background:red}

/* ½Ή΅γΝΌ */
.focus{width:950px; height:493px; position:relative; float:left}
.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:0;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:0}
.rslides_tabs{margin:12px 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}

/*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;}

.tbox{width:547px;float:right;margin-right:20px}
.xbox .fl{width:325px;float:left;background:url(../images/box-bg.gif) repeat;padding:15px }
.xbox{padding-top:15px}
.xbox h5{font-size:20px;height:40px;line-height:40px;border-bottom:1px solid #9d9d9d;font-weight:normal;background:url(../images/video_icon2.png) no-repeat 450px 0px;margin-top:15px}
.xbox h5 a{color:#333}
.xbox h5 a:hover{color:#000;text-decoration:none}
.xbox p{line-height:28px;font-size:14px;margin-top:15px}
#perfor h3#intro{background:url(../images/tit2.gif) no-repeat;margin-bottom:25px}
.xbox0{background:#efefef;padding-top:0;}
.xbox h5#arth5{background:url(../images/video_icon1.png) no-repeat 150px 0px;}







.zbox{width:468px; background:#ededed; height:510px;position:relative;margin-bottom:15px}
.zbox h5{font-size:16px;line-height:26px;padding:0 20px;margin-top:10px;margin-bottom:5px}
.zbox h5 a{color:#2d2d2d}
.zbox p{padding:0 20px;font-size:14px;line-height:25px;}
.zbox p a{color:#b73535}
.zbox .fix{width:56px;height:60px;position:absolute;top:0;right:8px}
.zbox .fix1{background:url(../images/fix01.png) 0 0 no-repeat;}
.zbox .fix2{background:url(../images/fix02.png) 0 0 no-repeat;}
.zbox .fix3{background:url(../images/fix03.png) 0 0 no-repeat;}
.zbox .fix4{background:url(../images/fix04.png) 0 0 no-repeat;}
.zbox .fix5{background:url(../images/fix05.png) 0 0 no-repeat;}

/*perfor*/
.rbox{width:920px; background:#efefef; height:280px;position:relative;padding:15px;margin-bottom:15px}
.rbox .ft{float:left;padding:0 10px;width:510px;height:210px}
.rbox .dix{width:40px;height:36px;position:absolute;top:15px;left:15px}
.rbox .dix1{background:url(../images/dix01.png) 0 0 no-repeat;}
.rbox .dix2{background:url(../images/dix02.png) 0 0 no-repeat;}
.rbox .dix3{background:url(../images/dix03.png) 0 0 no-repeat;}
.rbox .dix4{background:url(../images/dix04.png) 0 0 no-repeat;}
.rbox .dix5{background:url(../images/dix05.png) 0 0 no-repeat;}
.fl{float: left;}



