@charset "gb2312";
/* CSS Document */

a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }

.nav{ height:70px; overflow:hidden; width:100%; background:url(../images/nvbg.png) repeat 0 0; position:fixed; left:0; top:0; z-index:100;}
.nav .in{ width:100%; max-width:1280px; margin:0 auto; overflow:hidden; zoom:1; height:70px;}
.logo{ display:block; float:left; margin-top:15px;}
.nav .rtnv{ padding:30px 0 0 0; overflow:hidden; text-align:right; float:right; width:680px; text-align:right; line-height:24px; color:#666; font-size:14px;}
.nav .rtnv a{ font:14px/24px microsoft yahei; line-height:24px; color:#666; font-size:14px;}

.section{ position:relative; left:0; top:0; overflow:hidden;}
.img{ width:100%; vertical-align:middle}

.sec1{ text-align:right;}
.sec1 .md1{ position:absolute; left:-61%; bottom:0; z-index:5; width:59%;}
.sec1 .md2{ position:absolute; height:100%; top:0; left:100%; bottom:0; z-index:5; width:40%; border:0; z-index:5;}
.sec1 .md3{ position:absolute; left:0; bottom:-20%; z-index:2; width:100%;}

.sec2 .md1{ position:absolute; left:-57%; bottom:0; z-index:5; width:55%;}
.sec2 .md2{ position:absolute; height:100%; top:0; left:100%; bottom:0; z-index:5; width:42%; border:0; z-index:5;}

.sec3 .md1{ position:absolute; height:100%; top:0; left:0; bottom:0; z-index:5; width:37%; border:0; z-index:5;}
.sec3 .md2{ position:absolute; left:100%; bottom:0; z-index:5; width:72%;}

.sec4 .md1{ position:absolute; left:-60%; top:0; z-index:5; width:58%;}
.sec4 .md2{ position:absolute; height:100%; top:0; left:100%; bottom:0; z-index:5; width:41%; border:0; z-index:5;}

.sec5 .md1{ position:absolute; height:100%; top:0; left:-41%; bottom:0; z-index:5; width:39%; border:0; z-index:5;}
.sec5 .md2{ position:absolute; height:100%; top:0; left:100%; bottom:0; z-index:5; width:65%; border:0; z-index:5;}
.sec5 .md2 img{ position:relative; left:0; top:30px;}

.sec6 .md1{ position:absolute; height:100%; top:0; left:-64%; bottom:0; z-index:5; width:62%; border:0; z-index:5;}
.sec6 .md2{ position:absolute; height:100%; top:0; left:100%; bottom:0; z-index:5; width:39%; border:0; z-index:5;}
.sec6 .md2 .mds{ width:100%; position:relative; left:0; top:0;}
.sec6 .md2 .mds a{ display:block; position:absolute; left:2.5%; bottom:3.2%; width:40.5%; height:17.2%; z-index:5; _background:url(about:blank);}
.sec6 .art{ position:absolute; right:-18%; top:-30%; width:15%; z-index:2;}
.footers{padding-top:20px; line-height:5px; overflow:hidden; font-size:14px; font-family:microsoft yahei; color:#fff; background:url(../images/dialogoptbg.png) repeat; position:absolute; bottom:0; left:0; width:100%; z-index:10;}
.footers a{ font-size:14px; font-family:microsoft yahei; color:#fff; line-height:20px;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:21px; height:22px; background:url(../images/dotoff.png) no-repeat 0 0; margin:0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ margin:0; background:url(../images/doton.png) no-repeat 0 0; width:21px; height:22px;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 21px;
    height: 22px;
    margin:0;
}
#fp-nav ul li, .fp-slidesNav ul li{ margin:22px 0}
#fp-nav.right{ right:30px;}