/* RESET
----------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}abbr,acronym{border:0;font-variant:normal;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}code,kbd,samp,tt{font-size:100%;}body{line-height:1.5;}ol,ul,dl,li{list-style:none;list-style-type:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}:link,:visited,ins{text-decoration:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}sup,sub{font-size:100%;vertical-align:baseline;}ins{text-decoration:none;}del{text-decoration:line-through;}blockquote,q{uotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}input[type=button],input[type=image],input[type=submit],select{cursor:pointer;}input,select,img{vertical-align:middle;}
html,body {font-family:'微软雅黑';height: 100%;}
html,body,form,nav,footer,section,article,figure,ul,li,img,input,p,div,h1,h2,h3,h4,h5,h6,i,dl,dt,dd,address,span,i,a{margin:0;padding:0;border:0}
body {font:12px "Microsoft YaHei"; line-height: 1.6em;margin:0 auto;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
img {border:none;display: block;}
a {display: block;text-decoration:none;margin:0;padding:0;color:#000;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
ul{list-style:none;}
#header{
    position: fixed;
    z-index: 999;
    top:0;
    left:0;
    width: 100%;
}
/* 中间内容 */
.container{
    background: transparent;
    display: block;
    min-height: 100%;
    height: auto !important;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow: hidden;
}
.container .swiper-container{
    height: 960px;
}

.container .swiper-container .swiper-wrapper{
    height: 960px;
}

.swiper-container{
    opacity: 0;
}

.swiper-container .swiper-slide{
    display: block;
    float: left;
    position: relative;
    height: 100%;
}

.swiper-content{
    width: 100%;
    height: 960px;
    margin: 0 auto;
    position: relative;
}
.swiper-next{
    width: 74px;
    height: 22px;
    position: absolute;
    bottom:15%;
    left: 50%;
    margin-left: -37px;
    z-index: 100;
    -webkit-animation: start2 1.5s infinite ease-in-out;
    -moz-animation: start2 1.5s infinite ease-in-out;
    animation: start2 1.5s infinite ease-in-out;
}
.swiper-container .swiper-slide{
    display: block;
    height: 960px;
    float: left;
    position: relative;
}
.content-box{
    height: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
/*页面1*/
.box{
    width: 100%;
    height:85%;
    background:url(../images/bj1.png) center/auto 100% no-repeat;
    position: relative;
    top:45px;
    z-index: 0;
 }
.box p{
    position: relative;
    top:-75%;
    z-index: 1;
    color:#BC9879;
    text-align: center;
}
.box1{
    margin-top:135px;
    width: 100%;
    height:100%;
    background:url(../images/031.png) center/auto 100% no-repeat;
    position: absolute;
    top:0;
    z-index: 2;
}
.zhuan{
    height: 145%;
    position: relative;
    top:-25%;
    margin: 0 auto;
    -webkit-animation: rote 60s linear infinite;
    -moz-animation: rote 60s linear infinite;
    -o-animation: rote 60s linear infinite;
    animation: rote 60s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
#page2{
    background: url("../images/bj2.jpg") center/auto 100% no-repeat;
}
.page2{
    width:876px;
    z-index: 1;
    top: 30%;
    left: 50%;
    margin-left: -438px;
    position: absolute;
}
.mian{
    width:876px;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
}
.page2-box{
    position: absolute;
    z-index: 0;
}
.hide{
    visibility: hidden;
}
.page2 div p{
    font-size: 20px;
}
.page2 div p:nth-child(1){
    color: #fff;
    margin: 175px auto 0;
    text-align: center;
}
.page2 div p:nth-child(2){
    color: #fff;
    margin: 5px auto 0;
    text-align: center;
}
.page2 .q6{
    background: url("../images/011.png") center/auto 100% no-repeat;
}
/*页面2*/
#page2 .swiper-content .page2 .q6 p{
    font-size: 14px;
    width: 250px;
    margin: 85px auto 0;
}
.page2 .q7{
    position: relative;
    top:-70px;
    left: 140px;
}
.page2 .q8{
    position: relative;
    top:-70px;
    left:144px;
}
.page2 div i{
    display: block;
    width: 25px;
    height: 30px;
    margin: 50px auto 0;
    cursor:pointer;
    background:url("../images/jia.png")  no-repeat 0 0;
}
.page2 div{
    float: left;
    margin-left:10px;
    width: 279px;
    height: 320px;
}
.page2 .q1{
    background: url("../images/001.png") center/auto 100% no-repeat;
}
.page2 .q2{
    background: url("../images/002.png") center/auto 100% no-repeat;
}
.page2 .q3{
    background: url("../images/003.png") center/auto 100% no-repeat;
}
.page2 .q4{
    background: url("../images/004.png") center/auto 100% no-repeat;
    position: relative;
    top:-70px;
    left: 140px;
}
.page2 .q5{
    background: url("../images/005.png") center/auto 100% no-repeat;
    position: relative;
    top:-70px;
    left:144px;
}
/*页面3*/
#page3{
    background: url("../images/bj3.jpg") center/auto 100% no-repeat;
}
.page3{
    width: 800px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -400px;
    position: absolute;
}
.page3 div{
    width: 400px;
}
.page3 div a h1,.page5 div a h1{
     color:#C49E7F;
     font-size: 14px;
    font-weight: bold;
}
.page3 div a p,.page5 div a p{
    color:#C49E7F;
}
.page3 div:nth-child(1) a{
    position: absolute;
    right:0;
    top:0;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.page3 div:nth-child(1) a h1{
    margin-left:20px;
    margin-top:10px;
}
.page3 div:nth-child(1) a p{
    margin-top:15px;
    margin-left:20px;
}
.page3 div:nth-child(2) a{
    position: absolute;
    right:0;
    top:0;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.page3 div:nth-child(2) a h1{
    margin-left:36px;
    margin-top:10px;
}
.page3 div:nth-child(2) a p{
    margin-top:15px;
    margin-left:36px;
}
.page3 div:nth-child(3) img{
    float: right;
}
.page3 div:nth-child(3) a{
    position: absolute;
    right:0;
    bottom:-220px;
    width: 200px;
    height: 300px;
    overflow: hidden;
}
.page3 div:nth-child(3) a h1{
    margin-left:36px;
    margin-top:65px;
    text-align: right;
}
.page3 div:nth-child(3) a p{
    margin-top:15px;
    margin-left:36px;
}
.page3 div:nth-child(4) a{
    position: absolute;
    right:0;
    bottom:-5px;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.page3 div:nth-child(4) a h1{
    margin-top:60px;
}
.page3 div:nth-child(4) a p{
    margin-top:15px;
}
.page3 div:nth-child(5) a{
    position: absolute;
    right:0;
    bottom:0;
    width: 230px;
    height: 230px;
    overflow: hidden;
}
.page3 div:nth-child(5) a h1{
    margin-left:35px;
}
.page3 div:nth-child(5) a p{
    margin-left:30px;
    margin-top:15px;
}
.page3 div i,.page4 div i,.page5 div i{
    display: inline-block;
    width:33px;
    height: 55px;
    position: absolute;
}
.page3 div .d1{
    left:0;
    top:0;
    width:17px;
    height: 55px;
    background: url('../images/sum.png') no-repeat 0 -8px;
}
.page3 div .d2{
    left:0;
    top:0;
    background: url('../images/sum.png') no-repeat -35px -8px;
}
.page3 div .d3{
    right:0;
    top:0;
    background: url('../images/sum.png') no-repeat -135px -8px;
}
.page3 div .d4{
    left:0;
    top:0;
    background: url('../images/sum.png') no-repeat -180px -8px;
}
.page3 div .d5{
    position: absolute;
    left:0;
    top:0;
    display: inline-block;
    width:33px;
    height: 55px;
    background: url('../images/sum.png') no-repeat -80px -8px;
}
.page3 div img{
    width: 45%;
    height: 45%;
}
.page3 div:nth-child(1){
    position: absolute;
    top:190px;
    left:0;
}
.page3 div:nth-child(2){
    position: absolute;
    top:360px;
    left:215px;
}
.page3 div:nth-child(3){
    position: absolute;
    top:195px;
    right:0;
}
.page3 div:nth-child(4){
    position: absolute;
    top:560px;
    right:-5px;
}
.page3 div:nth-child(5){
    position: absolute;
    bottom: 70px;
    left:20px;
}
/*页面4*/
#page4{
    background: url("../images/bj4.jpg") center/auto 100% no-repeat;
}
.page4{
    width: 800px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -400px;
    position: absolute;
}
.page4 div{
    width: 400px;
}
.page4 div a{
    overflow: hidden;
    position: absolute;
}
.page4 div a h1{
    color:#000;
    font-size: 14px;
    font-weight: bold;
}
.page4 div:nth-child(1) a p{
    color:#000;
}
.page4 div:nth-child(1) a{
    left:0;
    bottom:-200px;
    width: 200px;
    height: 250px;
}
.page4 div:nth-child(1) a h1{
    margin-top:60px;
}
.page4 div:nth-child(1) a p{
    margin-top:15px;
}
.page4 div:nth-child(2) a{
    left:0;
    top:0;
    width: 235px;
    height: 200px;
}
.page4 div:nth-child(2) img{
    float: right;
}
.page4 div:nth-child(2) a h1{
    margin-right:36px;
    margin-top:10px;
    text-align: right;
}
.page4 div:nth-child(2) a p{
    margin-top:15px;
    margin-right:30px;
}
.page4 div:nth-child(3) img{
    float: right;
}
.page4 div:nth-child(3) a{
    left:0;
    top:0;
    width: 245px;
    height: 300px;
}
.page4 div:nth-child(3) a h1{
    margin-right:20px;
    margin-top:5px;
    text-align: right;
}
.page4 div:nth-child(3) a p{
    margin-top:15px;
    margin-right:20px;
}
.page4 div:nth-child(4) img{
    float: right;
}
.page4 div:nth-child(4) a{
    left:-40px;
    bottom:-5px;
    width: 250px;
    height: 220px;
}
.page4 div:nth-child(4) a h1{
    text-align: right;
    margin-top:60px;
}
.page4 div:nth-child(4) a p{
    margin-top:15px;
}
.page4 div:nth-child(5) img{
    float: right;
}
.page4 div:nth-child(5) a{
    left:0;
    bottom:0;
    width: 200px;
    height: 230px;
}
.page4 div:nth-child(5) a h1{
    margin-top: 60px;
    margin-left:35px;
    text-align: right;
}
.page4 div:nth-child(5) a p{
    margin-left:15px;
}
.page4 div .d1{
    right:0;
    top:0;
    width:17px;
    height: 55px;
    background: url('../images/sum.png') no-repeat 0 -70px;
}
.page4 div .d2{
    right:0;
    top:0;
    background: url('../images/sum.png') no-repeat -35px -70px;
}
.page4 div .d3{
    right:0;
    top:0;
    background: url('../images/sum.png') no-repeat -135px -70px;
}
.page4 div .d4{
    right:0;
    top:0;
    background: url('../images/sum.png') no-repeat -180px -70px;
}
.page4 div .d5{
    left:0;
    top:0;
    background: url('../images/sum.png') no-repeat -80px -70px;
}
.page4 div img{
    width: 45%;
    height: 45%;
}
.page4 div:nth-child(1){
    position: absolute;
    top:190px;
    left:0;
}
.page4 div:nth-child(2){
    position: absolute;
    top:390px;
    left:185px;
}
.page4 div:nth-child(3){
    position: absolute;
    top:195px;
    right:0;
}
.page4 div:nth-child(4){
    position: absolute;
    top:560px;
    right:-20px;
}
.page4 div:nth-child(5){
    position: absolute;
    bottom: 70px;
    left:-5px;
}
#page5{
    background: url("../images/bj5.jpg") center/auto 100% no-repeat;
}
.page5{
    width: 800px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -400px;
    position: absolute;
}
.page5 div{
    width: 400px;
}
.page5 div a{
    position: absolute;
    overflow: hidden;
}
.page5 div:nth-child(1) a{
    right:-200px;
    top:0;
    width: 400px;
    height: 200px;
}
.page5 div:nth-child(1) a h1{
    margin-left:20px;
    margin-top:10px;
}
.page5 div:nth-child(1) a p{
    margin-top:15px;
    margin-left:20px;
}
.page5 div:nth-child(2) a{
    right:0;
    top:0;
    width: 200px;
    height: 200px;
}
.page5 div:nth-child(2) a h1{
    margin-left:36px;
    margin-top:10px;
}
.page5 div:nth-child(2) a p{
    margin-top:15px;
    margin-left:36px;
}
.page5 div:nth-child(3) img{
    float: right;
}
.page5 div:nth-child(3) a{
    right:0;
    bottom:-205px;
    width: 200px;
    height: 300px;
}
.page5 div:nth-child(3) a h1{
    margin-left:36px;
    margin-top:65px;
    text-align: right;
}
.page5 div:nth-child(3) a p{
    margin-top:15px;
    margin-left:36px;
}
.page5 div:nth-child(4) a{
    right:0;
    bottom:-5px;
    width: 200px;
    height: 210px;
}
.page5 div:nth-child(4) a h1{
    margin-top:60px;
}
.page5 div:nth-child(4) a p{
    margin-top:15px;
}
.page5 div:nth-child(5) a{
    right:0;
    bottom:0;
    width: 220px;
    height: 230px;
}
.page5 div:nth-child(5) a h1{
    margin-left:35px;
}
.page5 div:nth-child(5) a p{
    margin-left:30px;
    margin-top:15px;
}
.page5 div .d1{
    left:0;
    top:0;
    width:17px;
    height: 55px;
    background: url('../images/sum.png') no-repeat 0 -8px;
}
.page5 div .d2{
    left:0;
    top:0;
    background: url('../images/sum.png') no-repeat -35px -8px;
}
.page5 div .d3{
    right:0;
    top:0;
    background: url('../images/sum.png') no-repeat -135px -8px;
}
.page5 div .d4{
    left:0;
    top:0;
    background: url('../images/sum.png') no-repeat -180px -8px;
}
.page5 div .d5{
    left:0;
    top:0;
    background: url('../images/sum.png') no-repeat -80px -8px;
}
.page5 div img{
    width: 45%;
    height: 45%;
}
.page5 div:nth-child(1){
    position: absolute;
    top:190px;
    left:0;
}
.page5 div:nth-child(2){
    position: absolute;
    top:360px;
    left:215px;
}
.page5 div:nth-child(3){
    position: absolute;
    top:195px;
    right:0;
}
.page5 div:nth-child(4){
    position: absolute;
    top:560px;
    right:-20px;
}
.page5 div:nth-child(5){
    position: absolute;
    bottom: 70px;
    left:20px;
}
#page6{
    background: url("../images/bj6.jpg") center/auto 100% no-repeat;
}
.page6 ul{
    overflow: hidden;
    width: 1000px;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    position: absolute;
}
.page6 ul li{
    float: left;
    margin-left: 15px;
}
.page6 .renming{
    width: 100%;
    text-align: center;
    line-height: 30px;
    position: absolute;
    bottom: 50px;
}
.footer{
    width: 100%;
    background: #000;
    position: absolute;
    bottom: -5px;
}
p{
    vertical-align: baseline;
}



.left1{
    -webkit-animation: left1 1s linear;
    -moz-animation: left1 1s linear;
    -o-animation: left1 1s linear;
    animation: left1 1s linear;
}
.right1{
    -webkit-animation: right1 1s linear;
    -moz-animation: right1 1s linear;
    -o-animation: right1 1s linear;
    animation: right1 1s linear;
}
/*左*/
@-webkit-keyframes left1 {
    0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-200px); }
    100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); }
}
@-o-keyframes left1 {
    0% { opacity: 0; -o-transform: scale(1, 1) translateX(-200px); }
    100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); }
}
@-moz-keyframes left1 {
    0% { opacity: 0; -moz-transform: scale(1, 1) translateX(-200px); }
    100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); }
}
@keyframes left1 {
    0% { opacity: 0; transform: scale(1, 1) translateX(-200px); }
    100% { opacity: 1; transform: scale(1, 1) translateX(0); }
}
/*右*/
@-webkit-keyframes right1 {
    0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(200px); }
    100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); }
}
@-o-keyframes right1 {
    0% { opacity: 0; -o-transform: scale(1, 1) translateX(200px); }
    100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); }
}
@-moz-keyframes right1 {
    0% { opacity: 0; -moz-transform: scale(1, 1) translateX(200px); }
    100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); }
}
@keyframes right1 {
    0% { opacity: 0; transform: scale(1, 1) translateX(200px); }
    100% { opacity: 1; transform: scale(1, 1) translateX(0); }
}

/*旋转*/
@-webkit-keyframes rote {
    0%{opacity: 1;-webkit-transform: rotate(0deg);}
    50%{opacity: 1;-webkit-transform: rotate(180deg);}
    100%{opacity: 1;-webkit-transform: rotate(360deg);}
}
@-o-keyframes rote {
    0%{opacity: 1;-o-transform: rotate(0deg);}
    50%{opacity: 1;-o-transform: rotate(180deg);}
    100%{opacity: 1;-o-transform: rotate(360deg);}
}
@-moz-keyframes rote {
    0%{opacity: 1;-moz-transform: rotate(0deg);}
    50%{opacity: 1;-moz-transform: rotate(180deg);}
    100%{opacity: 1;-moz-transform: rotate(360deg);}
}
@keyframes rote {
    0%{opacity: 1;transform: rotate(0deg);}
    50%{opacity: 1;transform: rotate(180deg);}
    100%{opacity: 1;transform: rotate(360deg);}
}

/* = 向上滑动提示按钮
**************/
@-webkit-keyframes start2 {
    0%,30% {opacity: 0;-webkit-transform: translate(0,-8px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,10px);}
}
@-moz-keyframes start2 {
    0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start2 {
    0%,30% {opacity: 0;transform: translate(0,-8px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,10px);}
}