@charset "gb2312";
/* CSS Document */
a{blr:expression(this.onFocus=this.blur());outline:none; }
a:hover{text-decoration:none;}
.doc{ font-size:14px; font-family:"Microsoft YaHei"; background-color:#fff; }
.h-bg{height:380px; background:url(../images/h_bg.jpg) no-repeat  center top;}
.a1-bg{height:368px; background:url(../images/1_bg.jpg) no-repeat  center top;}
.a2-bg{height:665px; background:url(../images/2_bg.jpg) no-repeat center top;}
.a3-bg{height:1101px; background:url(../images/3_bg.jpg) no-repeat  center top;}
.a4-bg{height:660px; background:url(../images/4_bg.jpg) no-repeat  center top;}
.a5-bg{height:670px; background:url(../images/5_bg.jpg) no-repeat  center top;}
.a6-bg{height:408px; background:url(../images/6_bg.jpg) no-repeat  center top;}
.a7-bg{background:url(../images/7_bg.jpg) no-repeat  center bottom;}
body .g-footer{background:#fff url(../images/f_bg.jpg) repeat-y  center top;}
.area{width:1000px; margin:0 auto;}
/*header*/
.header{position:relative; height:100%;}
#shareBox{position:absolute;right:84px;bottom:100px;}
#shareBox .ul{float:right;}
#shareBox li{width:25px; height:25px; float:left;margin-right:5px;cursor:pointer;}
#shareBox li.share{width:65px; height:25px; line-height:25px;}
#shareBox li.friend{background:url(../images/icon.jpg) no-repeat 0 0;}
#shareBox li.qq{background:url(../images/icon.jpg) no-repeat -25px 0;}
#shareBox li.renren{background:url(../images/icon.jpg) no-repeat -51px 0;}
#shareBox li.xinlang{background:url(../images/icon.jpg) no-repeat -77px 0;}
#shareBox li.weixin{background:url(../images/icon.jpg) no-repeat -103px 0;}
#shareBox a{width:25px; height:25px; display:block;}
/*area1*/
.area1{position:relative; top:30px; left:15px; text-align:left;}
.vedio{position:absolute; top:0; left:0; width:340px; height:300px;}
.area1 .con{margin-left:360px; width:320px; color:#fff; padding-top:25px; text-align:left;}
.area1 h3{font-size:22px; font-weight:normal; margin-bottom:10px;}
.area1 p{font-size:12px; line-height:2em;}
.area1 p a{color:#FFEA02;}
.area1 .p1{margin-bottom:25px;}
/*area2*/
.area2{position:relative;}
.area2 li{position:absolute; width:140px;}
.area2 .i1{left:130px; top:334px;}
.area2 .i2{left:310px; top:109px;}
.area2 .i3{left:470px; top:331px;}
.area2 .i4{left:570px; top:130px; width:160px;}
.area2 .i5{left:700px; top:333px; width:148px;}
.area2 .i6{left:805px; top:450px;}
.area2 .i7{left:700px; top:616px;}
.area2 .i8{left:568px; top:395px;}
.area2 .i9{left:367px; top:620px; width:153px;}
.area2 .i10{left:104px; top:494px; width:154px;}
.area2 .i11{left:735px; top:5px;}
.area2 .i11 a{display:block; width:140px; height:160px;}
/*area3*/
.area3{position:relative; text-align:left;}
.area3 .col-a,.area3 .col-b,.area3 .col-c{position:absolute;}
.area3 .col-a{width:300px; height:410px; left:240px; top:115px;}
.area3 .col-b{width:410px; height:285px; left:586px; top:360px;}
.area3 .col-c{width:435px; height:285px; left:225px; top:782px;}
.area3 li{width:75px; height:75px; position:absolute; z-index:100; cursor:pointer;}
.area3 a{color:#000;}
.area3 h4{font-size:20px; font-weight:normal; margin-bottom:10px;}
.area3 .con{position:absolute;}
.area3 .con p{line-height:2em;}
.area3 .col-a .i1{right:98px; top:16px;}
.area3 .col-a .i2{right:37px; top:79px;}
.area3 .col-a .i3{right:10px; top:162px;}
.area3 .col-a .i4{right:31px; top:252px;}
.area3 .col-a .i5{right:101px; top:328px;}
.area3 .col-a .con{right:101px; top:97px; width:190px; height:200px; text-align:left;}
.area3 .col-b .i1{right:1px; top:98px;}
.area3 .col-b .i2{right:69px; top:175px;}
.area3 .col-b .i3{right:155px; top:205px;}
.area3 .col-b .i4{right:259px; top:187px;}
.area3 .col-b .i5{right:332px; top:130px;}
.area3 .col-b .con{right:30px; top:-25px; width:320px; height:152px; text-align:left;}
.area3 .col-c .i1{left:14px; top:2px;}
.area3 .col-c .i2{left:36px; top:92px;}
.area3 .col-c .i3{left:104px; top:172px;}
.area3 .col-c .i4{left:190px; top:202px;}
.area3 .col-c .i5{left:292px; top:187px;}
.area3 .col-c .con{right:10px; top:-7px; width:306px;text-align:left;}
.detail{display:none; position:absolute;}
#overlay1 .i1 .detail{left:82px; top:-89px;}
#overlay1 .i2 .detail{left:88px; top:-54px;}
#overlay1 .i3 .detail{left:81px; top:-60px;}
#overlay1 .i4 .detail{left:93px; top:-54px;}
#overlay1 .i5 .detail{left:24px; top:56px;}
#overlay2 .i1 .detail{left:82px; top:-89px;}
#overlay2 .i2 .detail{left:86px; top:7px;}
#overlay2 .i3 .detail{left:38px; top:57px;}
#overlay2 .i4 .detail{left:-36px; top:80px;}
#overlay2 .i5 .detail{left:-84px; top:86px;}
#overlay3 .i1 .detail{left:-200px; top:-89px;}
#overlay3 .i2 .detail{left:-185px; top:-54px;}
#overlay3 .i3 .detail{left:-172px; top:5px;}
#overlay3 .i4 .detail{left:-32px; top:96px;}
#overlay3 .i5 .detail{left:24px; top:56px;}
/*area4*/
.area4{text-align:left; height:660px;}
#slide02 {position:relative; top:130px; left0; width:1000px; height:521px; overflow:hidden; margin:0 auto;}
#slide02 .slide{width:664px; overflow:hidden; border:3px solid #018DCB; text-align:left;}
#slide02 .c {height:515px; width:664px;}
#slide02 .control {position:absolute; right:0; top:0; z-index:100; width:320px; overflow:hidden; }	
#slide02 .pics li{height:104px; width:160px; float:left;} 
#slide02 .pics img{border:1px solid #A8A8A8; display:block; padding:2px;}
#slide02 .current img,#slide02 .control a:hover img {border:3px solid #018DCB; padding:0;}
#slide02 .control .sl{height:521px;}
#slide02 .pics{height:521px;}
#slide02 .btn{display:block; width:70px; height:150px; position:absolute; top:187px; z-index:10; }
#slide02 .prev{left:-2px; _left:-5px; background:url(../images/prev.png) no-repeat center center; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/prev.png, sizingMethod='crop');}
#slide02 .next{right:328px; background:url(../images/next.png) no-repeat center center; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/next.png, sizingMethod='crop');}
/*area5*/
.area5{padding-top:140px;}
#slide03 {width:1000px; height:461px; z-index:98;  }   
#slide03 .c1{width:980px; height:447px; padding:8px;}
#slide03 .c2{width:994px; height:462px;  background: url(../images/a5_8.jpg) no-repeat center center; position:relative; text-align:left;}
#slide03 .c2 li{position:absolute; width:255px;}
#slide03 .c2 a{color:#FF0202;}
#slide03 .c2 .i1{top:90px; left:54px;}
#slide03 .c2 .i2{top:252px; left:54px;}
#slide03 .c2 .i3{top:85px; left:680px;}
#slide03 .c2 .i4{top:220px; left:720px;}
#slide03 .c2 .i5{top:370px; left:670px;}
#slide03 .c2 .i6{top:85px; left:355px; color:#fff;}
#slide03 .c2 .i6 a{color:#FFE402;}
#slide03 .c3{width:985px; height:462px; margin-left:7px; _margin-left:0;  background: url(../images/a5_9.jpg) no-repeat center center; position:relative; text-align:left;}
#slide03 .c3 li{position:absolute; width:430px;}
#slide03 .c3 .i1{top:86px; left:58px;}
#slide03 .c3 .i2{top:345px; left:523px;}
#slide03 .c3 a{color:#018DCB;}
#slide03_control {width:1000px; height:50px; list-style:none; color:#fff; }
#slide03_control li {float:left; width:330px; height:50px; margin:1px; background:url(../images/tab1.png) no-repeat; }  
#slide03_control li a {width:330px; height:50px; display:block; background:url(../images/tab1.png) no-repeat; cursor:pointer; position:relative; z-index:100; }  
#slide03_control li i{display:none; width:65px; height:20px; position:absolute; top:48px; left:132px; background:url(../images/tab1.png) no-repeat 0px -162px; z-index:100; zoom:1;}   
#slide03_control .i1{background-position:0 0;}
#slide03_control .i2{background-position:0 -52px;}
#slide03_control .i3{background-position:0 -104px;}
#slide03_control .current .i1 {background-position:-341px 0;}    
#slide03_control .current .i2 {background-position:-341px -53px;  }    
#slide03_control .current .i3 {background-position:-341px -104px;}      
#slide03_control .current i{display:block; z-index:100; zoom:1;}  
/*area6*/
.area6{height:273px; padding:123px 0 0 32px;}
.area6 .col-a,.area6 .col-b{float:left;}
.area6 .col-a{width:364px; position:relative;}
.area6 .col-b{width:290px; margin:61px 0 0 31px; text-align:left;}
/*scroll*/
#inner-content{height: 253px; overflow:hidden; position:relative; zoom:1; text-align:left; padding:10px; font-size:12px;}
#tool{ width: 5px; height: 253px; position: absolute; top: 10px; right: 10px; background-color:#B0B0B0; }
#tool-bar{width: 8px; background-color:#696969; position: absolute; top:0; right:-2px; -right:-2px;}
.area6 .col-b a{color:#fff; position:relative;}
.area6 .col-b a:hover{text-decoration:underline; color:#FFF602;}
.area6 .col-b a:hover i{background:url(../images/dot.jpg) no-repeat center center;  }
.area6 .col-b i{ width:10px; height:10px; position:absolute; top:5px; _top:0; left:-15px; background:url(../images/dot1.jpg) no-repeat center center; }
.area6 .col-b li{line-height:1.8em; padding-left:15px;}
/*area7*/
.tit{height:135px; background:url(../images/7_t.jpg) no-repeat center top;}
.area7{padding-bottom:50px;}
.area7 .box{width:990px; border:2px solid #018DCB; overflow:auto; text-align:left;}
/*nav*/
.nav-bg{width:170px;height:375px; background:url(../images/nav.png) no-repeat center top; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/nav.png, sizingMethod='crop'); z-index:99;}
.nav{width:170px;height:375px; padding-top:19px; position:relative; }
.nav ul{position:absolute; top:39px; left:0;  z-index:100; width:170px; height:375px;}
.nav a{ display:block; width:164px; height:51px;}
.nav li.top a{border:none; height:46px;}