*{padding:0; margin:0;}
body{font-size:14px; line-height:22px; font-family:Microsoft YaHei; color:#585858; background:#f2f2f2;}
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:950px; margin:0 auto; clear:both;padding:15px;background:#fff}
.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;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:380px; 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;}
*/
.banner{width:100%;background:#425870;}

.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;}
.guestout{width:100%;background:#e8e8e8;}


/*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:445px;}
.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:410px; float:right; }
.intro .txt-box .title{font-size:18px; color:#000; font-weight:normal; text-align:center; margin:10px 0;}
.intro .txt-box .title a{color:#000;}
.intro .txt-box .news{width:410px;margin-top:15px;}

.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;}
.intro .txt-box p{font-size:14px;color:#888}

/*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:#42576e;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:50px;}
.pic .change .btn{ position:absolute; display:block; top:0px; width:40px; height:152px;}




.news{width:280px;line-height:30px}
.news li{background:url(../images/news-icon.gif) 0 center no-repeat; padding-left:20px;font-size:14px}
.news a{color:#313874;}
.raty{width:980px;margin:0 auto;height:160px;background:#ededed}
.raty p{width:650px;float:left;margin-top:20px;margin-left:30px;line-height:28px}
.spread{width:980px;margin:0 auto;position:relative}
.spreadint{width:168px;height:520px;position:absolute;top:0;right:-190px;margin-top:25px;z-index:9999}
.spreadsha{width:47px;height:150px;position:absolute;top:0;left:-48px;margin-top:25px;z-index:9999;background:url(../images/fxbg.png) no-repeat 0 0;}
.boxa{width:978px;height:350px;border:1px solid #e2e2e2;border-top:0;margin:0 auto;background:#fff;}
.bsha{margin:0 auto;width:978px;height:45px;border:1px solid #e2e2e2;border-bottom:0;}
.wei{margin:0 auto;margin-top:10px;width:29px;cursor:pointer;opacity:0.6;filter:Alpha(opacity=60);}
.wei:hover{opacity:1.0;filter:Alpha(opacity=100);}
.w2w{position:absolute;bottom:150px;left:0px;z-index:9999999;display:none}
.spreadint a{display:block;width:139px;height:35px;border-bottom:1px dotted #a79b7e;color:#dcceae;background:#42576e;line-height:35px;text-align:left;margin-left:4px;padding-left:25px}
.spreadint a:hover{background:#a79b7e url(../images/on.png) 12px center no-repeat;color:#000;text-decoration:none}
.spreadint a.on{border-top:1px dotted #a79b7e;}
#dtop{padding:0;width:164px;height:78px;border:0}
.spreadint a#dtop:hover{background:none;opacity:0.8;filter:Alpha(opacity=80);}
.gc{width:711px;height:320px;float:left;margin-left:20px}
.ctx{margin-left:8px;float:left}
.ctx p{width:310px;line-height:25px;color:#757575}
.ctx p.cxp{font-size:16px;margin-bottom:5px;margin-top:15px;}
.ctx p.cxp a{color:#000;}
.gr{width:235px;height:314px;float:left;margin-top:5px;}
.gr a{width:114px;height:150px;display:block;float:left;margin-bottom:7px}
.gr a:hover{opacity:0.9;filter:Alpha(opacity=90);}
.ibox{width:948px;padding:15px;margin: 0 auto;clear: both;background: #fff;border: 1px solid #e2e2e2;margin-top:25px}
.tht{width:948px;height:70px;position:relative;}
.tot{width:412px;height:89px;position:absolute;left:-20px;top:-24px;z-index:9999}
.tot2{width:330px;height:48px;position:absolute;right:-25px;top:-2px;z-index:9999}
.boxb{height:100%;background:#fff}
.hdiv{width:304px;height:53px;background:url(../images/box-bg.gif) repeat 0 0;padding:6px;float:left;cursor:pointer;}
.hdiv-a{width:84px;height:53px;background:#a4a4a4;color:#fff;line-height:55px;font-size:38px;padding-left:5px;position:relative}
.hdiv-a span{position:absolute;bottom:12px;right:0px;font-size:16px;height:16px;display:block;width:40px;line-height:16px}
.hdiv-a  p{position:absolute;width:190px;line-height:25px;color:#333;font-size:14px;bottom:3px;left:100px;}
.hdiv-a  i{position:absolute;width:32px;height:10px;display:block;bottom:-15px;left:142px;display:none}
.hdiv-a  p.hdiv-v{font-size:20px;bottom:25px;}
.ont{background:#ccaf78}
.ont .hdiv-a{background:#42576e;}
.ont .hdiv-a p{color:#fff}
.ont .hdiv-a  i{display:block}
.coth{width:924px;height:20px;font-size:20px;line-height:20px;padding-left:15px;border-left:8px solid #b89c68;font-weight:bold;color:#222;margin:15px auto 15px auto}
.cot01{float:left}
.cot02{width:410px;float:right;}
.coty{width:410px;height:84px;background:url(../images/ztbg.png) no-repeat bottom right;position:relative;margin-bottom:18px;border-bottom:1px dotted #e9e9e9}
.coty  p{position:absolute;width:270px;line-height:22px;color:#888;font-size:14px;bottom:30px;left:120px;}
.coty  p.bigp,.cotx .coty  p.bigp{font-size:20px;bottom:58px;color:#222}
.cotx .cot02,.cotx .coty{width:310px;background:none}
.cotx .coty p{width:180px;font-size:14px;bottom:8px;line-height:22px}
.bimg{float:left;margin-right:15px}
.btx{width:183px;border-right:1px dotted #aaa;margin-right:14px}
.btx .cxp,.vtx .cxp{color:#b89c68;width:180px}
.main2{width:948px;margin:0 auto;position:relative;height:724px}
.main2 .bd2{ height:724px; }
.hd2{width:105px;height:50px;position:absolute;right:-5px;top:-70px;z-index:9999}
.hd2 p{width:41px;height:41px;float:left;margin-left:10px;cursor:pointer;opacity:0.5;filter:Alpha(opacity=50);}
.hd2 p:hover{opacity:1.0;filter:Alpha(opacity=100);}
.vd{width:220px;height:350px;border:1px solid #eee;float:left;margin-right:20px;margin-bottom:20px}
.vd2{margin-right:0}
.vd p{width:190px;margin:0 auto;line-height:24px;color:#222;margin-top:7px}
.vd p.vt{font-size:18px;margin-top:12px;margin-bottom:5px}
.bot1{width:640px;height:475px;float:left}
.hd3{width:640px;height:50px;line-height:50px;border-top:3px solid #2d4056;margin-top:20px}
.hd3 p{font-size:20px;text-align:center;float:left;padding:0 30px;cursor:pointer}
.hd3 p.pont{background:#42576e;color:#fff;}
.hz{width:145px;height:60px;float:left;margin-right:17px;border:1px solid #eee;margin-top:25px}
.hz2{margin-right:0}
.hz img{display:block;margin:0 auto;margin-top:8px}
.bot2{width:300px;height:475px;float:right;background:#f2f2f2;position:relative}
.botit{width:134px;height:52px;position:absolute;left:-8px;top:0px;z-index:9999}
.botit2{width:73px;height:421px;position:absolute;left:20px;top:33px;z-index:9998}
.botp{margin:60px 0px 0px 110px}
.botp p{width:180px;line-height:25px;color:#b89c68;margin-bottom:25px}
.botp p a{color:#b89c68;}
.botp p a:hover{color:#68572f;}
.ctx .cup{width:160px;font-size:12px;color:#888;line-height:20px;margin-bottom:5px}
.btx p{width:170px}
.vtx{float:left;width:550px;margin-top:15px;margin-left:8px}
.vtx p{font-size:13px}
.vtx p.cxp{font-size:16px;margin-bottom:5px;margin-top:0px;}
.btx p.cxp{margin-top:0px;}
.coty p a{color:#888}
.coty p a:hover{color:#444}