*{padding:0; margin:0;}
body{font-size:12px; line-height:22px; font-family:Microsoft YaHei; color:#585858; background:url(../images/body-bg.gif) center 30px repeat-x;}
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:#555; text-decoration:none;}
a:hover{text-decoration:underline;}
.red{color:#a72e40;}


.box{width:980px; margin:0 auto; clear:both;}
.tit{height:40px; margin:25px auto 10px auto;}
h3{font-size:18px; color:#242951; font-weight:normal; }

/*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:385px; position:relative; background:url(../images/header.jpg) no-repeat; color:#c2c2c2;}
/*
.header .txt{width:230px; position:absolute; right:25px; top:115px;width:230px;}
.header .txt .font{width:220px;font-size:14px; color:#afb1c1; margin-left:10px;}
.header .txt .font span{color:#f04c40;}
.header .txt .font .x{font-style:italic; font-weight:bold;}
.header .txt .input{width:220px; margin:15px 0;}
*/


.erweima{width:170px; color:#afafaf; position:absolute; top:280px; right:50px;}
.erweima .img{width:66px; height:66px; float:left;}
.erweima p{width:90px; float:right;}


/*guest*/
.guest{width:1100px; height:200px; margin:0 auto; background:url(../images/guest-tit.gif) center 0 no-repeat; padding-top:36px;}



/*sole*/
.tit-h3{background:url(../images/sole-icon.gif) 0 6px no-repeat; padding-left:20px; margin-top:10px;border-bottom:solid 1px #d1d1d1; line-height:30px;}

.sole{width:690px; float:left; line-height:26px; padding-bottom:20px;}
.sole ul{padding-top:8px; height:180px;}
.sole li{width:319px; font-size:14px; background:url(../images/sole.gif) 0 11px no-repeat; padding-left:8px; float:left;}
.sole .project{width:690px; height:100px;}

.other-media{width:270px; float:right;}
.other-media h4{width:243px; font-size:14px; color:#222; font-weight:normal; line-height:30px; clear:both; background:url(../images/line.gif) right 13px no-repeat;}
.other-media .media{width:270px; height:290px; overflow-y:scroll;}
.other-media .media ul{width:250px; height:auto;}
.other-media .media li{width:115px; float:left; height:60px; border:1px solid #ddd; margin-bottom:8px;}
.other-media .media .mr{margin-right:8px;}



/*introduction*/
.intro{margin-top:25px; height:350px;}
.intro .video{width:360px; height:350px; float:left;}
.intro h3{background:url(../images/cams-icon.gif) no-repeat; padding-left:40px; border-bottom:solid 1px #d1d1d1; height:35px; line-height:32px;}

.intro .txt-box{width:350px; float:left; margin:0 0 0 15px;}
.intro .txt-box .title{font-size:16px; color:#000; font-weight:normal; text-align:center; margin:10px 0;}
.intro .txt-box .title a{color:#000;}
.intro .txt-box .news{width:350px; border-top:dashed 1px #ddd; margin-top:8px; padding-top:5px;}

.intro .spreadtrum{width:240px; float:right;}
.intro .spreadtrum ul{}
.intro .spreadtrum li{width:115px; height:140px; float:left; margin-top:15px;}
.intro .spreadtrum .mr{margin-right:10px;}


/*unit*/
.unit-01{background:url(../images/unit-01.gif) no-repeat;}
.unit-02{background:url(../images/unit-02.gif) no-repeat; margin-top:30px;}
.unit-03{background:url(../images/unit-03.gif) no-repeat; margin-top:30px;}
.unit{font-size:14px;}
.unit a{text-decoration:underline;}
.unit a:hover{color:#F63;}
.unit h3{width:860px; height:40px; border-bottom:1px solid #ddd; margin:0 0 20px 110px; line-height:38px; padding-left:10px;}

.unit .img-box{width:330px; float:left;}
.unit .content{width:630px; float:right;}
.unit .content table{border:1px solid #ddd; padding:1px; margin-top:15px;}
.unit .content .tab-tit{height:35px; text-align:center; background:#757bb1; color:#fff;}
.unit .content .line{border-right:1px solid #ddd; padding:1px}
.unit .content .bor{padding:10px; line-height:28px; font-size:12px;}
.unit .topic{font-size:12px; color:#F63;}
.unit .topic a{color:#F63; text-decoration:underline; }
.unit .topic span{margin-left:15px; padding-left:18px; width:80px; height:22px; background:url(../images/video_icon.gif) 0 3px no-repeat;}


/*performance*/
.perfor ul{width:980px; height:310px; margin:0 auto; clear:both;}
.perfor li{width:220px; float:left; padding:8px; background:url(../images/box-bg.gif);}
.perfor li img{width:220px; height:230px;}
.perfor li p{height:40px; padding:6px; font-size:14px;}
.perfor .mr{margin-right:12px;}



/*awards*/
.awards{height:510px; background:url(../images/awards.jpg) no-repeat #6f1346; margin-top:20px;}
.awards .text-box{width:820px; padding:70px 0 0 160px; height:240px;}
.awards .text-box ul{float:left;}
.awards .text-box li{width:145px; background:url(../images/star.png) 0 8px no-repeat; line-height:26px; padding-left:20px; font-size:14px; color:#fff;}
.awards li p{font-size:12px; color:#cfb9d2;}
.awards .img-box{width:950px; margin:15px; clear:both;}
.awards .img-box li{width:225px; float:left;}
.awards .img-box .mr{margin-right:16px;}


/*years*/
.years{height:250px; background:url(../images/years.gif) center no-repeat; position:relative;}
.years div{position:absolute; font-size:14px; color:#242951;}
.years .year-01{top:15px; left:10px; background:url(../images/year-01.gif) no-repeat; width:220px; height:56px; padding:10px 15px;}
.years .year-02{top:15px; left:410px; background:url(../images/year-02.gif) no-repeat; width:302px; height:56px; padding:10px 15px;}
.years .year-03{top:165px; left:215px; background:url(../images/year-03.gif) no-repeat; width:300px; height:41px; padding:20px 15px 15px 15px;}
.years .year-04{top:165px; left:605px; background:url(../images/year-04.gif) no-repeat; width:360px; height:41px; padding:20px 15px 15px 15px;}
.years a{color:#242951;}


/*focusing*/
.focusing ul{width:980px; height:80px; margin-top:15px;}
.focusing li{width:185px; float:left;}
.focusing li img{width:185px; height:70px; border:1px solid #ddd;}
.focusing .mr{margin-right:13px;}







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




/*------通用幻灯片-------*/
.change{position: relative;}
.change .changeBox{overflow:hidden;}
.change .changeBox{position: relative;z-index:0;width:100%;overflow:hidden;}
.change .position{top:0px; left:0px; position:relative;}
.change .changeBox.changeType_scroll .position{ width:1000%; position:relative;}
.change .changeBox.changeType_scroll .dire_top .position{ width:100%;}
.change .li{top:0px; display:block; float:left;}
.change .clearPos .li{position: relative;}

.change .changeBox.changeType_scroll .li{ position: relative;float:left;}
.changeBox img{}
.change .changeBox.changeType_scroll.dire_top .position{ width:100%;}

.change .prev,.change .next{ top:0; position:absolute;cursor:pointer; z-index:30;}
.change .prev{background:url(../images/left.gif) no-repeat;}
.change .next{background:url(../images/right.gif) no-repeat; right:0; left:auto;}
.change .prev:hover,.change .next:hover{}
 /*------通用幻灯片按钮------*/
.change .btnBoxL{ width:50%; float:left; position:relative;}
.change .btnBoxR{ left:100%; float:left; position:relative;}
.change .btnBoxR .changeBtnBox{left:-50%;}
.change .changeBtnBox{position:relative; z-index:10;}
.change .changeBtnBox .btn{ cursor:pointer;}
.change .changeBtnBox li .btn,.change .changeBtnBox li{ float:left;}

 /*------滚动------*/

.imgList2{}
.imgList2 li{float:left; width: auto;}
.imgList2 li a{margin:0 10px; height:151px; width:146px; position:relative; display:block; text-decoration:none;}
.imgList2 li img{ height:121px; width:146px;}
.imgList2 li p{background:#242951;width:146px; font-size:12px; color:#fff; text-align:center; height:30px; line-height:30px;}


.pic .change{width:1095px; height:200px; float:right; overflow:hidden; margin-top:18px; padding-left:5px;}
.pic .changeBox{width:90%; left:4%;}
.pic .change .btn{ position:absolute; display:block; top:0px; width:40px; height:152px;}