*{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.gif) no-repeat; color:#c9b286;}
.header .txt{width:400px; position:absolute; left:190px; top:180px; font-size:16px;}
.header .txt p{margin-bottom:15px;}
.header .txt .font{font-size:14px;}

.erweima{width:170px; color:#afafaf; position:absolute; background:#3c4168; top:240px; right:50px; padding:10px;}
.erweima .img{width:66px; height:66px; float:left;}
.erweima p{width:90px; float:right;}


/*guest*/
.guest{width:1100px; height:240px; margin:0 auto; background:url(../images/guest-tit.gif) center 0 no-repeat; padding-top:36px;}






/*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:345px; 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:345px; border-top:dashed 1px #ddd; margin-top:8px; padding-top:5px;}

.intro .spreadtrum{width:245px; float:right;}
.intro .spreadtrum h3{background:url(../images/cams2-icon.gif) no-repeat;}
.intro .spreadtrum .flow{margin-top:15px;}
.intro .spreadtrum .flow li{width:120px; height:95px; float:left; margin-top:5px;}
.intro .spreadtrum .mr{margin-right:5px;}
.intro .spreadtrum .award{width:230px; height:320px; padding:25px 0 0 15px; margin-top:5px; background:url(../images/award2-bg.gif) no-repeat; clear:both;}
.intro .spreadtrum .award li{width:200px;background:url(../images/star.png) 0 8px no-repeat; padding:0 0 10px 15px; color:#c9b286; border-bottom:dotted 1px #776e6c; line-height:25px; font-size:14px; margin-top:5px;}
.intro .spreadtrum .award li p{font-size:12px; line-height:18px; color:#887e6a;}



/*performance*/
.perfor ul{width:980px; height:295px; margin:0 auto; clear:both;}
.perfor li{width:210px; float:left; padding:12px; background:url(../images/box-bg.gif);}
.perfor li img{width:210px; height:220px;}
.perfor li p{height:25px; padding:6px; font-size:14px; text-align:center;}
.perfor .mr{margin-right:14px;}


/*activity*/
.activity{height:820px; background:url(../images/time-bg.gif) center 0 no-repeat; position:relative;}
.activity div{position:absolute;}
.activity .time{width:260px; height:34px; color:#fff; line-height:34px; font-size:14px; padding:0 20px;}
.activity .time span{color:#a66f10;}
.activity .bg1{background:url(../images/activity-time1.gif) no-repeat; text-align:right;}
.activity .bg2{background:url(../images/activity-time2.gif) no-repeat;}
.activity .bg3{width:360px; background:url(../images/activity-time3.gif) no-repeat; text-align:right; padding-left:0px;}
.activity .t1{top:30px; left:510px;}
.activity .t2{top:80px; left:170px;}
.activity .t3{top:130px; left:510px;}
.activity .t4{top:192px; left:90px;}
.activity .t5{top:390px; left:510px;}
.activity .t6{top:445px; left:170px;}
.activity .t7{top:496px; left:510px;}
.activity .t8{top:555px; left:170px;}
.activity .t9{top:615px; left:170px;}

.activity .txt{font-size:14px; color:#696969;}
.activity .txt p{margin-bottom:10px;}
.activity .txt strong{display:block; color:#3d3d3d;}
.activity .p1{top:188px; left:515px;}
.activity .p2{width:280px; top:250px; left:170px; line-height:28px;}
.activity .p3{top:560px; left:515px;}



/*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:220px; width:146px; position:relative; display:block; text-decoration:none; cursor:context-menu;}
.imgList2 li img{ height:121px; width:146px;}
.imgList2 li p{background:#242951;width:146px; padding:5px 0; font-size:12px; color:#fff; text-align:center; height:40px; line-height:20px;}


.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:170px;}





