@charset "UTF-8";
#superContainer { height: 100%; position: relative; }
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* 样式定义------------------ */
/* menu */
#menu { position: fixed; right: 20px; top: 40%; z-index: 10; list-style-type: none; }
#menu li { margin: 6px 0; }
#menu li a { width: 12px; height: 12px; border:1px solid #000; cursor: pointer; border-radius: 50%; margin: 6px 0; display: block;}
#menu li.active a { background-color: #369;}

/* godown */
.godown { position: absolute; left: 50%; bottom: 90px; z-index: 100; width: 50px; height: 53px; margin-left: -25px;  }
.godown span { display: block; width: 50px; height: 53px; background-image: url(../img/godown.png); animation:fade 3s infinite linear;}
@-webkit-keyframes fade {
    0% {opacity:1;}
    50% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes fade {
    0% {opacity:1;}
    50% {opacity:0.3;}
    100% {opacity:1;}
}

/* header */
.header { min-width: 1200px; width: 100%; z-index: 99; position: fixed; padding: 50px 0; background: transparent;}
.header .container { width: 1200px; margin: 0 auto; }
.header .logo { float: left; }
.header .menu { float: right; /*width: 800px;*/ padding-top: 65px; }
.header .menu li { float: left; }


/* page-01 -------------------- */
/* indBanner */
.indBanner {width:100%;height:100%;position:relative;overflow:hidden;}
.indBanner .bd {width:100% !important;}
.indBanner .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
.indBanner .bd li {width:100% !important;height:auto;}
.indBanner .bd li a {display:block;background-size:auto;}
.indBanner .bd li a img {width:100%;height:100%;}
.indBanner .hd {position:absolute;top:360px;left:46%;}
.indBanner .hd ul li {width:12px;height:12px;border-radius:50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
.indBanner .hd ul li.on {background:#DA324D;}
.banner-btn {width:80%;position:absolute;top:40%;left:50%;margin-left:-40%;}
.banner-btn a {display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3; transition: all 0.5s;}
.banner-btn a.prev {left:20px;background:url(../img/foot.png) no-repeat 0 0;}
.banner-btn a.next {right:20px;background:url(../img/foot.png) no-repeat -49px 0;}

.banner-btn a:hover { opacity: 0.6; filter: alpha(opacity= 60); }

/* page-02 -------------------- */
.section2 { background:url(../img/section2.jpg) no-repeat center; background-size: cover;}
.section2 .container { position:absolute;left:50%;bottom:19%;width:1180px;height:540px;margin-left:-590px;margin-bottom:40px; transition:all 1s;opacity:0;}
.section2 .ul1>li {  position: absolute; height: 239px; width: 358px; }
.section2 .ul1>li a { display: block; width: 100%; height: 100%; }
.section2 .ul1 .li1 { left: 0; top: 0; width: 348px; height: 515px; background: url(../img/pbm1.png) no-repeat;}
.section2 .ul1 .li2 { left: 384px; top: 0; background: url(../img/pbm2.png) no-repeat; }
.section2 .ul1 .li3 { left: 792px; top: 0; background: url(../img/pbm3.png) no-repeat; }
.section2 .ul1 .li4 { left: 384px; top: 276px; background: url(../img/pbm4.png) no-repeat; }
.section2 .ul1 .li5 { left: 792px; top: 276px; background: url(../img/pbm5.png) no-repeat; }
.section2.active .container { opacity:1; transition-delay:0.7s;}
.section2 .ul2 { padding: 190px 10px 0; overflow: hidden;}
.section2 .ul2 li { float: left; width: 24.99%; text-align: center; font-size: 14px; }
.section2 .ul2 li a { color: #fff; transition: all 0.2s; letter-spacing: 0}
.section2 .ul2 li a:hover { letter-spacing: 1px; }
 
/* page-03 -------------------- */
.section3 { background:url(../img/section3.jpg) no-repeat center; background-size: cover; overflow: hidden; }
.section3 .container { position:absolute; left:50%; bottom:-1000px; width:990px; margin-left:-495px; overflow:hidden; height:569px; transition:all 1s;}
.section3.active .container {bottom:22%; transition-delay:0.6s; }
.section3 .bd ul{ overflow:hidden; width:1152px; margin:120px 0 0;}
.section3 .bd li {float:left; margin: 25px 158px 100px 0;}
.section3 .li3 {margin-left:125px;}
.section3 .li4, .section3 .li5, .section3 .li6{margin-bottom:0;} 
.section3 .hd a{ display:block; width:404px; height:92px; position:absolute; left:50%; margin-left:-202px; overflow:hidden; text-align: center;}


/* page-04 -------------------- */
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell {height:auto !important;}
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell {height:auto !important;}