@charset "UTF-8";
html { _background-image: url(about:blank); _background-attachment: fixed; }

body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, optgroup, p, blockquote, figure, hr, menu, dir, thead, tbody, tfoot, th, td { margin: 0; padding: 0; }

img { border: 0 none; /* 1 */ width: auto\9; /* 2 */ height: auto; /* 3 */ max-width: 100%; /* 4 */ vertical-align: top; /* 5 */ -ms-interpolation-mode: bicubic; /* 6 */ }

input { padding: 0; border: 0px solid transparent; margin: 0; }

input:focus { outline: 0; }

input::-moz-focus-inner { border: 0; }

input, button, select, textarea { outline: none; padding: 0; border: none; margin: 0; }

textarea { resize: none; }

li { vertical-align: bottom; list-style: none; }

em, i { font-style: normal; }

a { cursor: pointer; blr: expression(this.onFocus=this.blur()); outline: none; text-decoration: none; }

.light--gren { color: #3b7a1e; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none !important; }

.last { margin-right: 0 !important; }

.clear { clear: both; zoom: 0 !important; }

.dib { display: inline-block; *display: inline; *zoom: 1; }

.dn { display: none; }

.db { display: block; }

.wh0 { width: 0; height: 0; }

.tdu { text-decoration: underline; }

.tal { text-align: left; }

.tac { text-align: center; }

.tar { text-align: right; }

.vam { vertical-align: middle; }

.vat { vertical-align: top; }

.vam { vertical-align: middle; }

.btn { cursor: pointer; }

.btn:hover { text-decoration: none; opacity: .9; }

.center-hor { margin-left: auto; margin-right: auto; }

.clearfix, .clear { *zoom: 1; }

.clearfix:after, .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content { width: 1000px; margin: 0 auto; }

body { position: relative; width: 100%; _width: expression((document.documentElement.clientWidth||document.body.clientWidth) < 1000? "1000px":"100%"); min-width: 1000px; }

.nav { position: fixed; _position: absolute; top: 300px; _top: expression(eval(document.documentElement.scrollTop+300)); right: -90px; width: 231px; height: 59px; }

.nav li { position: relative; margin-bottom: 7px; width: 231px; height: 59px; }

.nav li a { position: relative; display: block; width: 231px; height: 59px; }

.nav label { margin-right: 2px; display: inline-block; *display: inline; _zoom: 1; vertical-align: middle; background: url(../img/nav-num.png) no-repeat; width: 59px; height: 59px; line-height: 59px; text-align: center; font-weight: bold; font-size: 24px; color: #3277c7; transition: all 0.4s; -moz-transition: all 0.4s; /* Firefox 4 */ -webkit-transition: all 0.4s; /* Safari �� Chrome */ -o-transition: all 0.4s; /* Opera */ transition-delay: 0s; -moz-transition-delay: 0s; /* Firefox 4 */ -webkit-transition-delay: 0s; /* Safari 和 Chrome */ -o-transition-delay: 0s; /* Opera */ }

.nav .title { display: inline-block; *display: inline; _zoom: 1; vertical-align: middle; width: 163px; height: 45px; line-height: 45px; border: 1px solid #3277c7; color: #3277c7; font-size: 24px; font-weight: bold; text-align: center; transition: all 0.4s; -moz-transition: all 0.4s; /* Firefox 4 */ -webkit-transition: all 0.4s; /* Safari �� Chrome */ -o-transition: all 0.4s; /* Opera */ transition-delay: 0s; -moz-transition-delay: 0s; /* Firefox 4 */ -webkit-transition-delay: 0s; /* Safari 和 Chrome */ -o-transition-delay: 0s; /* Opera */ }

.nav .active { left: -90px; }

.nav .active label { color: #de7642; background: url(../img/nav-num-on.png) no-repeat; }

.nav .active .title { border-color: #de7642; color: #de7642; }

.header { position: absolute; height: 85px; width: 100%; }

.header .content { position: relative; height: 85px; }

.header_logo { display: block; }

.header_links { float: right; background: url(../img/base/links-main.png) no-repeat; width: 341px; height: 32px; color: #fff; }

.header_links a { color: #fff; font-size: 12px; }

.main { width: 100%; }

.main .s1 .content { -moz-box-sizing: content-box; /*Firefox3.5+*/ -webkit-box-sizing: content-box; /*Safari3.2+*/ -o-box-sizing: content-box; /*Opera9.6*/ -ms-box-sizing: content-box; /*IE8*/ box-sizing: content-box; /*W3C��׼(IE9+��Safari5.1+,Chrome10.0+,Opera10.6+������box-sizing��w3c��׼�﷨)*/ height: 957px; }

.main .s2 .content { -moz-box-sizing: content-box; /*Firefox3.5+*/ -webkit-box-sizing: content-box; /*Safari3.2+*/ -o-box-sizing: content-box; /*Opera9.6*/ -ms-box-sizing: content-box; /*IE8*/ box-sizing: content-box; /*W3C��׼(IE9+��Safari5.1+,Chrome10.0+,Opera10.6+������box-sizing��w3c��׼�﷨)*/ height: 351px; }

.main .s3 .content { -moz-box-sizing: content-box; /*Firefox3.5+*/ -webkit-box-sizing: content-box; /*Safari3.2+*/ -o-box-sizing: content-box; /*Opera9.6*/ -ms-box-sizing: content-box; /*IE8*/ box-sizing: content-box; /*W3C��׼(IE9+��Safari5.1+,Chrome10.0+,Opera10.6+������box-sizing��w3c��׼�﷨)*/ height: 717px; }

.main .bg1 { background-position: top center; height: 957px; }

.main .bg2 { background-position: top center; height: 351px; }

.main .bg3 { background-position: top center; height: 717px; }

.main .section-bg { position: absolute; top: 0; left: 0; z-index: -2; width: 100%; }

.main #swf { position: absolute; top: 0; left: 0; z-index: -1; }

.main #loading { position: absolute; top: 0; left: 0; z-index: 3; background: #000; width: 100%; height: 100%; }

.footer { background: #faf7fd; }

.footer .content { height: 100px; font-size: 12px; color: #4e4d4d; text-align: center; }

.footer .content a { font-size: 12px; color: #e7dcd0; }

.footer .content p { position: relative; text-align: left; margin: 0 auto; padding: 25px 0 25px 174px; width: 730px; color: #e7dcd0; }

.footer .footer_logo { position: absolute; top: 25px; left: 0px; width: 153px; height: 34px; background: url(http://webpic.my4399.com/logo_web4399_blue.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://webpic.my4399.com/logo_web4399_blue.png"); padding-right: 10px; border-right: 1px solid #848484; padding-bottom: 3px; }

.pop { position: fixed; _position: absolute; top: 200px; _top: expression(eval(document.documentElement.scrollTop+200)); left: 50%; margin-left: -266px; width: 532px; height: 371px; z-index: 999; background: url("../img/base/pop_bg.png") no-repeat; }

.pop .close { display: block; position: absolute;  width: 38px; height: 36px; right: 0; }

.layer { display: none; position: fixed; _position: absolute; top: 0px; _top: expression(eval(document.documentElement.scrollTop+0)); width: 100%; height: 100%;_height:expression(document.body.offsetHeight+"px"); opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); background: #000; z-index: 998; }

.pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; }

.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 5px; opacity: 0.8; cursor: pointer; }

.swiper-active-switch { background: #e86d4b; }

html { font-family: "Microsoft Yahei"; }

.header_logo { float: left; background: url(../img/base/logo.png) no-repeat; width: 177px; height: 84px; }

.header_links { line-height: 25px; }

.link1 { margin-left: 54px; }

.link2 { margin-left: 41px; margin-right: 54px; }

.login { position: absolute; right: 0; top: 31px; width: 310px; }

.unlog .unlog-content { display: block; }

.unlog .log-content { display: none; }

.unlog-content { display: none; }

.unlog-content a { color: #3b1f33; font-size: 12px; }

.unlog-content .log-link1 { margin-right: 12px; }

.unlog-content .log-link2 { margin-left: 12px; margin-right: 12px; }

.unlog-content .log-link3 { margin-left: 12px; }

.log-content { color: #3b1f33; font-size: 12px; }

.log-content em, .log-content a { color: #3b1f33; font-size: 12px; }

.log-content em { margin-left: 5px; margin-right: 8px; }

.init { background-size: 1920px 1080px !important; opacity: 1; }

.init .slogn, .init .time, .init .btns, .init .btn-list { left: 0 !important; }

.fullpage-ie6{height: 100%;overflow: hidden}

.s-main { background: url(../img/bg/bg-main.jpg) top center no-repeat; background-size: 3840px 2160px; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari �� Chrome */ -o-transition: all 0.5s; /* Opera */ transition-delay: 0s; -moz-transition-delay: 0s; /* Firefox 4 */ -webkit-transition-delay: 0s; /* Safari 和 Chrome */ -o-transition-delay: 0s; /* Opera */ }

.s-main .content { height: 1080px; }

.s-main .slogn { position: relative; padding-top: 93px; top: 93px; margin-bottom: 7px; left: -1193px; background: url(../img/slogn.png) no-repeat; width: 688px; height: 208px; transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; /* Opera */ transition-delay: 0s; -moz-transition-delay: 0.6s; /* Firefox 4 */ -webkit-transition-delay: 0.6s; /* Safari 和 Chrome */ -o-transition-delay: 0.6s; /* Opera */ }

.s-main .time { position: relative; left: -1193px; margin-left: 153px; margin-bottom: 10px; background: url(../img/bg-time.png) no-repeat; width: 365px; height: 31px; font-size: 18px; color: #f0d7d3; line-height: 31px; text-align: center; transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; /* Opera */ transition-delay: 0.6s; -moz-transition-delay: 0.6s; /* Firefox 4 */ -webkit-transition-delay: 0.6s; /* Safari 和 Chrome */ -o-transition-delay: 0.6s; /* Opera */ }

.s-main .btns { position: relative; left: -1193px; width: 457px; margin-left: 110px; margin-bottom: 30px; transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; /* Opera */ transition-delay: 0.6s; -moz-transition-delay: 0.6s; /* Firefox 4 */ -webkit-transition-delay: 0.6s; /* Safari 和 Chrome */ -o-transition-delay: 0.6s; /* Opera */ }

.s-main .btns a { position:relative;display: block; float: left; width: 216px; height: 94px; }

.s-main .btns a:hover { background: url(about:blank);}

.s-main .btn-start { margin-right: 19px; background: url(../img/btn-start.png) no-repeat; }

.s-main .btn-enter { background: url(../img/btn-enter.png) no-repeat; }

#btn-left,#btn-right{position: absolute;}

#btn-left{ left:0;}

#btn-right{ left: 235px;}

.s-main .btn-list { position: relative; left: -1193px; width: 700px; transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; /* Opera */ transition-delay: 0.6s; -moz-transition-delay:  0.6s; /* Firefox 4 */ -webkit-transition-delay: 0.6s; /* Safari 和 Chrome */ -o-transition-delay: 0.6s; /* Opera */ }

.s-main .roll { position: relative; float: left; width: 209px; height: 203px; margin-right: 10px; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari �� Chrome */ -o-transition: all 1s; /* Opera */ transition-delay: 0s; -moz-transition-delay: 0s; /* Firefox 4 */ -webkit-transition-delay: 0s; /* Safari 和 Chrome */ -o-transition-delay: 0s; /* Opera */ }

.s-main .roll_num { position: absolute; background: url(../img/num.png) no-repeat; width: 36px; height: 36px; text-align: center; line-height: 36px; font-size: 22px; color: #cd4101; font-weight: bold; left: 26px; top: 20px; }

.s-main .roll_txt { position: absolute; top: 107px; left: 50%; margin-left: -45px; width: 90px; text-align: center; font-size: 12px; color: #fab742; }

.s-main .roll_btn { position: absolute; bottom: 30px; left: 50%; margin-left: -35px; display: block; background: url(../img/btn-roll.png) no-repeat; width: 71px; height: 27px; text-align: center; line-height: 27px; font-size: 12px; color: #270202; font-weight: bold; }

.s-main .roll_role { position: absolute; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari �� Chrome */ -o-transition: all 0.5s;}

.s-main .roll .r1 { left: 0; }

.s-main .roll .r2 { left: 45px; }

.s-main .roll .r3 { left: 40px; }

.s-main .roll .r4 { left: 0; top: -15px; }

.s-main .roll .r5 { left: 20px; top: -15px; }

.s-main .roll .r6 { left: 20px; top: -15px; }

.s-main .roll:hover {  }

.role-jump {
    animation: jump 0.3s;
    -moz-animation: jump 0.3s; /* Firefox */
    -webkit-animation: jump 0.3s; /* Safari 和 Chrome */
    -o-animation: jump 0.3s; /* Opera */
}
.role-jump2 {
    animation: jump2 0.3s;
    -moz-animation: jump2 0.3s; /* Firefox */
    -webkit-animation: jump2 0.3s; /* Safari 和 Chrome */
    -o-animation: jump2 0.3s; /* Opera */
}

.s-main .roll1 { margin-left: 94px; }

.footer { position: absolute; bottom: 0; background: none; width: 100%; }

.pop-title, .pop1 h3, .pop2 h3, .pop3 h3, .pop4 h3, .pop5 h3 { margin-top: 92px; text-align: center; font-size: 18px; color: #fff9f0; }

.pop-tiny .artical-title, .pop1 .artical-title, .pop2 .artical-title, .pop3 .artical-title, .pop4 .artical-title, .pop5 .artical-title { color: #fecb00; }

.pop-tiny .artical-title span, .pop1 .artical-title span, .pop2 .artical-title span, .pop3 .artical-title span, .pop4 .artical-title span, .pop5 .artical-title span { margin-right: 120px; }

.pop-tiny .artical, .pop1 .artical, .pop2 .artical, .pop3 .artical, .pop4 .artical, .pop5 .artical { width: 486px; clear: both; height: 260px; margin: 0 auto; }

.pop-tiny .artical .viewport, .pop1 .artical .viewport, .pop2 .artical .viewport, .pop3 .artical .viewport, .pop4 .artical .viewport, .pop5 .artical .viewport { width: 486px; height: 260px; overflow: hidden; position: relative; top: -191px; }

.pop-tiny .artical .overview, .pop1 .artical .overview, .pop2 .artical .overview, .pop3 .artical .overview, .pop4 .artical .overview, .pop5 .artical .overview { list-style: none; position: absolute; left: 0; top: 0; width: 486px; }

.pop-tiny .artical .thumb .end, .pop1 .artical .thumb .end, .pop2 .artical .thumb .end, .pop3 .artical .thumb .end, .pop4 .artical .thumb .end, .pop5 .artical .thumb .end, .pop-tiny .artical .thumb, .pop1 .artical .thumb, .pop2 .artical .thumb, .pop3 .artical .thumb, .pop4 .artical .thumb, .pop5 .artical .thumb { background-color: #430d0b; left: -2px; }

.pop-tiny .artical .scrollbar, .pop1 .artical .scrollbar, .pop2 .artical .scrollbar, .pop3 .artical .scrollbar, .pop4 .artical .scrollbar, .pop5 .artical .scrollbar { position: relative; float: right; width: 15px; top: 8px; display: inline; }

.pop-tiny .artical .track, .pop1 .artical .track, .pop2 .artical .track, .pop3 .artical .track, .pop4 .artical .track, .pop5 .artical .track { background-color: #000; height: 100%; width: 0px; position: relative; padding: 0 1px; }

.pop-tiny .artical .thumb, .pop1 .artical .thumb, .pop2 .artical .thumb, .pop3 .artical .thumb, .pop4 .artical .thumb, .pop5 .artical .thumb { height: 13px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }

.pop-tiny .artical .thumb .end, .pop1 .artical .thumb .end, .pop2 .artical .thumb .end, .pop3 .artical .thumb .end, .pop4 .artical .thumb .end, .pop5 .artical .thumb .end { overflow: hidden; height: 5px; width: 13px; }

.pop-tiny .artical img, .pop1 .artical img, .pop2 .artical img, .pop3 .artical img, .pop4 .artical img, .pop5 .artical img { display: block; width: 370px; margin: 0 auto; margin-bottom: 17px; }

.pop-tiny .artical p, .pop1 .artical p, .pop2 .artical p, .pop3 .artical p, .pop4 .artical p, .pop5 .artical p { color: #fff9f0; font-size: 12px; width: 384px; margin: 0 auto; line-height: 19px; }

.pop1, .pop2, .pop3, .pop4, .pop5 { display: none; overflow: hidden; }

.pop1 h3, .pop2 h3, .pop3 h3, .pop4 h3, .pop5 h3 { margin-top: 43px; margin-bottom: 17px; }

@keyframes jump
{
    0%   {top: 0px;}
    50%  {top:-3px}
    100% {top:0px}
}

@-moz-keyframes jump /* Firefox */
{
    0%   {top: 0px;}
    50%  {top:-3px}
    100% {top:0px}
}

@-webkit-keyframes jump /* Safari 和 Chrome */
{
    0%   {top: 0px;}
    50%  {top:-3px}
    100% {top:0px}
}

@-o-keyframes jump /* Opera */
{
    0%   {top: 0px;}
    50%  {top:-3px}
    100% {top:0px}
}

@keyframes jump2
{
    0%   {top: -15px;}
    50%  {top:-18px}
    100% {top:-15px}
}

@-moz-keyframes jump2 /* Firefox */
{
    0%   {top: -15px;}
    50%  {top:-18px}
    100% {top:-15px}
}

@-webkit-keyframes jump2 /* Safari 和 Chrome */
{
    0%   {top: -15px;}
    50%  {top:-18px}
    100% {top:-15px}
}

@-o-keyframes jump2 /* Opera */
{
    0%   {top: -15px;}
    50%  {top:-18px}
    100% {top:-15px}
}