*{padding:0; margin:0;}
body{font-size:12px; line-height:20px; font-family:Microsoft YaHei; color:#585858; background:url(../images/x-bg.jpg)  center  30px 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:#0062b0; text-decoration:none;}
a:hover{text-decoration:underline;}
.red{color:#b40101;}
.fl25{ float:left; padding-left: 25px;}
.fr25{ float: right; padding-right: 25px;}
.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:380px; margin:0 auto;position:relative;}
/*introduction*/
.intro{border-top:solid 1px #ddd;}
.intro{ height:352px;}
.intro .hot{width:573px; height:352px; float:left; overflow:hidden}
.intro .txt-box{width:330px; float:right; margin:0 0 0 10px; padding:12px; height:330px;*padding-top:25px;_padding-top:25px;background:url(../images/new-bg.jpg) no-repeat; position:relative}
.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:265px; line-height:23px; margin-top:20px; padding-left:15px; line-height:28px; font-size:14px;}
.intro .txt-box .red_bg{ width:315px; height:148px; position:absolute; left:0px; bottom:12px; background:url(../images/bg.png) no-repeat; font-size:14px; line-height:25px; color:#fff; padding-left:20px; padding-top:10px;}
.intro .txt-box .red_bg span{ font-weight:bold; font-size:18px; display:block}
.intro .spreadtrum{width:180px; float:right;}
.intro .spreadtrum h4{font-size:16px; font-weight:bold; 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;padding-top:30px;}
.erweima .img{width:66px; height:66px; float:left;}
.erweima p{width:90px; float:right;}
/*show*/
.show h3{background:url(../images/title.png) no-repeat;}
.showdiv p{margin:0 auto;line-height:26px;font-size:14px;text-align:left;color:#585858;margin-top:8px}
.showdiv{width:950px;background:url(../images/box-bg.gif) repeat 0 0;}
.showdiv img{ display:block}
.showtext{width:950px;float:left;padding-top:13px;padding-bottom:13px; position: relative;}
.vs{ position: absolute; left:440px; top:125px;}
.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/title4.png) no-repeat;}
.work h3 span{ display: none; float:right; background:#333; color:#fff; font-weight:normal; font-size:14px; padding:0 5px; margin-top:5px;}

/*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;}
/*vs*/
.showtext .vsBox{ width:410px; height:auto;}
.showtext .vsBox dl{ width:410px; text-align: center;}
.showtext .vsBox dl a{ color:#000;}
.showtext .vsBox .vsText{ width:410px;}
/*scene*/
.scene{padding-bottom:5px}
.scene h3{background:url(../images/title5.png) no-repeat;}
.scBox{ width:948px; height:480px;}
.scene ul{width:954px;position:relative;}
.scene ul li{width:210px; height:235px; float:left; padding-bottom: 10px;}
.scene ul li img{width:203px;height:235px;}
.scene ul .mr{margin-right:6px;}
.ulft{width:300px;height:480px;position:absolute;top:0;left:0;}
.ex h3{background:url(../images/tit2.gif) no-repeat;}
.ex ul{width:100%; height:408px; background:#d2e3e7; margin-top:15px;}
.ex .work{width:306px; height:408px; float:left; overflow:hidden;} 
.ex .work img{width:306px; height:408px;}
.ex .online{width:563px; height:408px; float:left; margin-left:30px; overflow:hidden;}
.ex .online img{width:563px; height:408px;}
/* ����ͼ */
.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:#2a99c4}
/*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;}
.show_ft{ width:500px; height:275px; float:left; padding:0 20px; font-size:14px; font-style:italic; line-height:28px;}
.show_ft ul{ padding-left:40px; background:url(../images/gd.png) no-repeat center left; margin-top:30px; font-style:normal}
.show_ft ul li{ height:22px; line-height:22px;}
.show_ftcon{ width:475px; height: 345px; float:left; padding:0 20px; font-size:14px; font-style:italic; line-height:28px;}
.show_ft span,.show_ftcon span,.vsText span{ display:block; font-size:18px; border-bottom:1px solid #333; margin-bottom:20px; padding-bottom:10px; padding-top:20px; font-style:normal }
.show_ft span{ font-weight:bold; font-size:24px;}
.show_sp{ width:375px; height:275px; float:left; margin-left:20px;}
.show_spft{  width:420px; height:345px; float:left;}
.show_ft span a,.show_ftcon span a,.vsText span a{ color:#000;}
.KSS_titleBox{ line-height:40px;}
.title{ font-size:16px;}
.fw_list{ width:475px; height:157px; margin-bottom:20px; padding-top:10px;}
.fw_list dl{ float:left; text-align:center; margin-right:18px;}
.fw_list dl dd{ height:30px; line-height:30px; font-size:14px;}
.fw_list p  span { display:block; font-size:18px;}
.fw_list a{ color:#333}
.fw_list p { font-size:14px; line-height:28px; color:#5b5b5b}
.line1 ul li{ float:left; border-left:1px solid #fff; border-bottom:1px solid #fff; position:relative}
.line1 ul li span{ background:#000;filter: alpha(opacity=80); opacity: 0.8; text-align:center; width:100%; position:absolute; top:0; left:0; height:100px; line-height:100px; font-size:20px; color:#fff; display:none}
.line1 ul li:hover span{ display:block}
.line1 ul li.b0{ border-right:0}
.zl li{ float:left; width:310px; height:230px; margin-right:10px; margin-bottom:10px; position:relative}
.zl li span{ position:absolute; height:26px; min-width:92px; background:url(../images/zl.png) no-repeat right; text-align:center; line-height:26px; font-size:14px; color:#fff; position:absolute; left:0; bottom:10px;}
 
 .ph1{ width:475px; float:left;}
 .ph2{ width:475px; float:left}
 .ph2 img{ float:left; margin-left:5px; margin-bottom:5px; display:block}