* {
    margin: 0px;
    padding: 0px
}

html,
body {
    height: 100%;
}

body {
    height: 100%;
    background: #000;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

.none {
    display: none;
}


/*load*/

#loading {
    background-color: #030102;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    margin-top: 0px;
    top: 0px;
}

#progress {
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    height: calc(40rem/75);
    line-height: calc(40rem/75);
    font-size: calc(26rem/75);
    text-align: center;
    color: #fff;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: calc(100rem/75);
    width: calc(100rem/75);
    margin-top: calc(-50rem/75);
    margin-left: calc(-50rem/75)
}

.object {
    width: calc(25rem/75);
    height: calc(25rem/75);
    background-color: #FFF;
    margin-right: calc(50rem/75);
    float: left;
    margin-bottom: calc(50rem/75);
}

.object:nth-child(2n+0) {
    margin-right: 0px;
}

#object_one {
    -webkit-animation: object_one 2s infinite;
    animation: object_one 2s infinite;
}

#object_two {
    -webkit-animation: object_two 2s infinite;
    animation: object_two 2s infinite;
}

#object_three {
    -webkit-animation: object_three 2s infinite;
    animation: object_three 2s infinite;
}

#object_four {
    -webkit-animation: object_four 2s infinite;
    animation: object_four 2s infinite;
}

@-webkit-keyframes object_one {
    25% {
        -webkit-transform: translate(calc(75rem/75), 0) rotate(-90deg) scale(0.5);
    }
    50% {
        -webkit-transform: translate(calc(75rem/75), calc(75rem/75)) rotate(-180deg);
    }
    75% {
        -webkit-transform: translate(0, calc(75rem/75)) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes object_one {
    25% {
        transform: translate(calc(75rem/75), 0) rotate(-90deg) scale(0.5);
        -webkit-transform: translate(calc(75rem/75), 0) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translate(calc(75rem/75), calc(75rem/75)) rotate(-180deg);
        -webkit-transform: translate(calc(75rem/75), calc(75rem/75)) rotate(-180deg);
    }
    75% {
        transform: translate(0, calc(75rem/75)) rotate(-270deg) scale(0.5);
        -webkit-transform: translate(0, calc(75rem/75)) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes object_two {
    25% {
        -webkit-transform: translate(0, calc(75rem/75)) rotate(-90deg) scale(0.5);
    }
    50% {
        -webkit-transform: translate(calc(-75rem/75), calc(75rem/75)) rotate(-180deg);
    }
    75% {
        -webkit-transform: translate(calc(-75rem/75), 0) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes object_two {
    25% {
        transform: translate(0, calc(75rem/75)) rotate(-90deg) scale(0.5);
        -webkit-transform: translate(0, calc(75rem/75)) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translate(calc(-75rem/75), calc(75rem/75)) rotate(-180deg);
        -webkit-transform: translate(calc(-75rem/75), calc(75rem/75)) rotate(-180deg);
    }
    75% {
        transform: translate(calc(-75rem/75), 0) rotate(-270deg) scale(0.5);
        -webkit-transform: translate(calc(-75rem/75), 0) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes object_three {
    25% {
        -webkit-transform: translate(0, calc(-75rem/75)) rotate(-90deg) scale(0.5);
    }
    50% {
        -webkit-transform: translate(calc(75rem/75), calc(-75rem/75)) rotate(-180deg);
    }
    75% {
        -webkit-transform: translate(calc(75rem/75), 0) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes object_three {
    25% {
        transform: translate(0, calc(-75rem/75)) rotate(-90deg) scale(0.5);
        -webkit-transform: translate(0, calc(-75rem/75)) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translate(calc(75rem/75), calc(-75rem/75)) rotate(-180deg);
        -webkit-transform: translate(calc(75rem/75), calc(-75rem/75)) rotate(-180deg);
    }
    75% {
        transform: translate(calc(75rem/75), 0) rotate(-270deg) scale(0.5);
        -webkit-transform: translate(calc(75rem/75), 0) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes object_four {
    25% {
        -webkit-transform: translate(calc(-75rem/75), 0) rotate(-90deg) scale(0.5);
    }
    50% {
        -webkit-transform: translate(calc(-75rem/75), calc(-75rem/75)) rotate(-180deg);
    }
    75% {
        -webkit-transform: translate(0, calc(-75rem/75)) rotate(-270deg) scale(0.5);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes object_four {
    25% {
        transform: translate(calc(-75rem/75), 0) rotate(-90deg) scale(0.5);
        -webkit-transform: translate(calc(-75rem/75), 0) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translate(calc(-75rem/75), calc(-75rem/75)) rotate(-180deg);
        -webkit-transform: translate(calc(-75rem/75), calc(-75rem/75)) rotate(-180deg);
    }
    75% {
        transform: translate(0, calc(-75rem/75)) rotate(-270deg) scale(0.5);
        -webkit-transform: translate(0, calc(-75rem/75)) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}


/*swiper*/

.swiper-container {
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    min-height: 300px;
    position: relative;
    /*overflow: hidden;*/
}

.swiper-slide.page1 {
    /*background: url('../images/pc1_bg.jpg') no-repeat;*/
    background: url('../images/20191128.jpg') no-repeat;
    background-size: 100% auto;
}

.swiper-slide.page3 {
    background: url('../images/pc3_bg.jpg') no-repeat;
    background-size: 100% auto;
}

.swiper-slide.page4 {
    background: url('../images/pc4_bg.jpg') no-repeat;
    background-size: 100% auto;
}

.swiper-slide.page7 {
    background: url('../images/pc7_bg.jpg') no-repeat;
    background-size: 100% auto;
}


/*隐藏引导点*/


/*.swiper-pagination{
    display: none;
}*/


/*page1*/

.page1 {
    top: 30px;
}

.page1 .p1 {
    width: 960px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -480px;
}

.p1::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.pc1_1 {
    position: absolute;
    left: 100px;
}

.pc1_2 {
    position: absolute;
    top: 160px;
    left: 290px;
}

.pc1_text1 {
    position: absolute;
    top: 425px;
    right: 30px;
}


/*.nav{ width: 960px; height: auto; position: fixed; top: 18px; left: 50%; margin-left: -480px; z-index: 9; }
.nav .logo{ float: left; }
.nav ul{  float: left; height: auto; overflow: hidden; margin-left: 58px;  margin-top: 22px; border-bottom: 1px solid #333; }
.nav ul li{ float: left; margin: 0 49px; }
.nav ul li.active a{ color: #cc782e; }
.nav ul li:first-child{ margin-left: 0; }
.nav ul li a{ line-height: 40px; padding: 0 10px; color: #fff; display: block; position: relative; }
.nav ul li a:hover{ cursor: pointer; color: #cc782e; }
.nav ul li.active span,.nav ul li a:hover span{ position: absolute; bottom: 0; left: 0; height: 2px; width: 100%; background: #cc782e; }*/


/*.p1ul{ height: 40px; position: absolute; bottom: 80px; left: 180px; }
.p1ul li{ width: 118px; line-height: 40px; text-align: center; float: left; margin-right: 35px; color: #855a33; border: 1px solid #855a33; border-radius: 5px; }*/


/*page2*/

.page2 {
    z-index: 9;
}

.page2 .p2 {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}

.p2::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.p2>img {
    position: absolute;
}

.pc2_1 {
    left: -20px;
    top: 60px;
}

.pc2_2 {
    right: -150px;
    top: 300px;
}

.pc2_3 {
    left: 220px;
    top: 360px;
}

.pc2_4 {
    right: 115px;
    top: 600px;
}

.pc2_5 {
    right: 350px;
    top: 582px;
}

.pc2_text1 {
    left: 45px;
    top: 140px;
}

.pc2_text2 {
    left: 45px;
    bottom: 180px;
}

.pc2_text3 {
    left: 45px;
    bottom: 92px;
}

.pc2_text4 {
    right: 380px;
    top: 235px;
}

.pc2_text5 {
    right: 45px;
    top: 295px;
}


/*page3*/

.page3 .p3 {
    width: 1000px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -500px;
}

.p3::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.p3>img {
    position: absolute;
}

.pc3_1 {
    top: 70px;
    left: 375px;
    z-index: 1;
}

.pc3_2 {
    top: 550px;
    right: 170px;
    z-index: 1;
}

.pc3_text1 {
    top: 140px;
    left: 0;
    z-index: 2;
}

.pc3_text2 {
    top: 205px;
    right: 100px;
    z-index: 2;
}

.pc3_text3 {
    top: 205px;
    right: 0;
    z-index: 2;
}

.pc3_text4 {
    bottom: 132px;
    right: 110px;
    z-index: 2;
}


/*page4*/

.page4 .p4 {
    width: 1000px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -500px;
}

.p4::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.p4>img {
    position: absolute;
}

.pc4_text1 {
    left: 450px;
    top: 200px;
}

.pc4_text2 {
    left: 450px;
    top: 410px;
}

.pc4_text3 {
    left: 345px;
    top: 485px;
}


/*page5*/

.page5 {
    top: -150px;
}

.page5 .p5 {
    width: 1000px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    z-index: 3;
}

.p5::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.p5>img {
    position: absolute;
    z-index: 3;
}

.pc5_1 {
    width: 100%;
    position: absolute;
    bottom: -500px;
    z-index: 2;
}

.pc5_text1 {
    left: 450px;
    top: 200px;
}

.pc5_text2 {
    left: 421px;
    top: 410px;
}

.pc5_text3 {
    left: 381px;
    top: 485px;
}


/*page6*/

.page6 {}

.page6 .p6 {
    width: 1000px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    z-index: 2;
}

.p6::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.p6>img {
    position: absolute;
    z-index: 2;
}

.pc6_1 {
    width: 100%;
    position: absolute;
    bottom: -100px;
    z-index: 1;
}

.pc6_text1 {
    left: 450px;
    top: 200px;
}

.pc6_text2 {
    left: 395px;
    top: 410px;
}

.pc6_text3 {
    left: 357px;
    top: 485px;
}


/*page7*/

.p7 {
    width: 1000px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    z-index: 3;
}

.p7::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.p7>img {
    position: absolute;
    z-index: 3;
}

.pc7_1 {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.pc7_2 {
    top: 50px;
    position: absolute;
    right: 0;
    z-index: 1;
}

.pc7_3 {
    bottom: 120px;
    right: -270px;
}

.pc7_4 {
    bottom: 150px;
    right: 235px;
}

.pc7_5 {
    bottom: 335px;
    right: -130px;
}

.pc7_text1 {
    top: 176px;
}

.pc7_text2 {
    top: 330px;
}

.pc7_text3 {
    top: 378px;
}


/*page8*/

.p8 {
    width: 1000px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -500px;
}

.p8::after {
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}

.p8>img {
    position: absolute;
    z-index: 3;
}

.pc8_1 {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.pc8_2 {
    position: absolute;
    right: 386px;
    bottom: 100px;
}

.pc8_text1 {
    top: 145px;
}

.pc8_text2 {
    top: 335px;
}

.pc8_text3 {
    top: 382px;
}


/*page9*/

.page9 {
    width: 100%;
    height: 40px;
    position: relative;
}

.page9 .p1ul {
    width: 620px;
    height: 40px;
    margin: 0 auto 25px;
}

.page9 .p1ul li {
    width: 118px;
    line-height: 40px;
    text-align: center;
    float: left;
    margin-right: 35px;
    color: #855a33;
    border: 1px solid #855a33;
    border-radius: 5px;
}

.page9 p {
    border-top: 1px solid #4c3e21;
    color: #666;
    font-size: 12px;
    line-height: 50px;
    text-align: center;
}

@media screen and (max-width: 1680px) {
    .p1 {
        transform: scale(0.875, 0.875);
    }
    .pc1_1 {
        top: -50px;
    }
    .pc1_2 {
        top: 110px;
    }
    .p1ul {
        bottom: 100px;
    }
    .p2 {
        transform: scale(0.875, 0.875);
    }
    .pc2_text2 {
        bottom: 150px;
    }
    .pc2_text3 {
        bottom: 62px;
    }
    .p3 {
        transform: scale(0.875, 0.875);
    }
    .pc3_1 {
        top: 10px;
    }
    .pc3_2 {
        top: 490px;
    }
    .pc3_text1 {
        top: 100px;
        left: -50px;
    }
    .pc3_text2 {
        right: 50px;
    }
    .pc3_text3 {
        right: -50px;
    }
    .pc3_text4 {
        bottom: 152px;
    }
    .p4 {
        transform: scale(0.875, 0.875);
    }
    .p5 {
        transform: scale(0.875, 0.875);
    }
    .p6 {
        transform: scale(0.875, 0.875);
    }
    .p7 {
        transform: scale(0.875, 0.875);
    }
    .pc7_2 {
        right: -50px;
    }
    .pc7_3 {
        bottom: 80px;
    }
    .pc7_4 {
        bottom: 110px;
    }
    .pc7_5 {
        bottom: 295px;
    }
    .pc7_text1 {
        left: -50px;
        top: 116px;
    }
    .pc7_text2 {
        left: -50px;
        top: 270px;
    }
    .pc7_text3 {
        left: -50px;
        top: 318px;
    }
    .p8 {
        transform: scale(0.875, 0.875);
    }
    .pc8_text1 {
        left: -50px;
        top: 95px;
    }
    .pc8_text2 {
        left: -50px;
        top: 285px;
    }
    .pc8_text3 {
        left: -50px;
        top: 332px;
    }
    .pc8_2 {
        right: 326px;
        bottom: 50px;
    }
}

@media screen and (max-width: 1440px) {
    /*.p1{ transform: scale(0.75,0.75); }
    .pc1_1{ top: -120px; }
    .pc1_2{ top: 40px; }
    .pc1_text1{ top: 345px; }
    .p1ul{ bottom: 0; }
    .p2{ transform: scale(0.75,0.75); top: -100px; }
    .pc2_text1{ left: -45px; }
    .pc2_text2{ left: -45px; bottom: -60px; }
    .pc2_text3{ left: -45px; bottom: -150px; }
    .pc2_text4{ right: 290px; }
    .pc2_text5{ right: -45px; }
    .p3{ transform: scale(0.75,0.75); }
    .pc3_1{ top: -55px; }
    .pc3_2{ top: 425px; }
    .pc3_text1{ top: 60px; left: -140px;}
    .pc3_text2{ right: 0; }
    .pc3_text3{ right: -92px; }
    .pc3_text4{ bottom: 0; }
    .p4{ transform: scale(0.75,0.75); }
    .p5{ transform: scale(0.75,0.75); }
    .p6{ transform: scale(0.75,0.75); }
    .p7{ transform: scale(0.75,0.75); }
    .pc7_2{ right: -130px; }
    .pc7_3{ bottom: 20px; }
    .pc7_4{ bottom: 50px; }
    .pc7_5{ bottom: 235px; }
    .pc7_text1{ left: -140px; top: 66px; }
    .pc7_text2{ left: -140px; top: 220px; }
    .pc7_text3{ left: -140px; top: 268px; }
    .p8{ transform: scale(0.75,0.75); }
    .pc8_text1{ left: -140px; top: 65px; }
    .pc8_text2{ left: -140px; top: 255px; }
    .pc8_text3{ left: -140px; top: 302px; }
    .pc8_2{ right: 256px; bottom: 30px; }*/
    .page1 {
        top: 110px;
    }
    .pc1_1 {
        top: -150px;
    }
    .pc1_2 {
        top: 10px;
    }
    .pc2_text2 {
        bottom: 30px;
    }
    .pc2_text3 {
        bottom: -60px;
    }
    .pc3_text4 {
        bottom: 0;
    }
    .pc7_2 {
        right: -150px;
    }
    .pc7_3 {
        bottom: 30px;
    }
    .pc7_4 {
        bottom: 60px;
    }
    .pc7_5 {
        bottom: 245px;
    }
    .pc8_2 {
        right: 256px;
        bottom: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .p1 {
        transform: scale(0.625, 0.625);
    }
    .pc1_1 {
        top: -160px;
    }
    .pc1_2 {
        top: 0;
    }
    .pc1_text1 {
        top: 255px;
    }
    .p2 {
        transform: scale(0.625, 0.625);
    }
    .pc2_text2 {
        bottom: -80px;
    }
    .pc2_text3 {
        bottom: -170px;
    }
    .p3 {
        transform: scale(0.625, 0.625);
    }
    .pc3_1 {
        top: -85px;
    }
    .pc3_2 {
        top: 395px;
    }
    .pc3_text1 {
        top: 0;
    }
    .p4 {
        transform: scale(0.625, 0.625);
    }
    .p5 {
        transform: scale(0.625, 0.625);
    }
    .p6 {
        transform: scale(0.625, 0.625);
    }
    .p7 {
        transform: scale(0.625, 0.625);
    }
    .pc7_text1 {
        top: 6px;
    }
    .pc7_text2 {
        top: 160px;
    }
    .pc7_text3 {
        top: 208px;
    }
    .pc7_2 {
        right: -240px;
    }
    .pc7_3 {
        bottom: -90px;
    }
    .pc7_4 {
        bottom: -60px;
    }
    .pc7_5 {
        bottom: 115px;
    }
    .p8 {
        transform: scale(0.625, 0.625);
    }
    .pc8_text1 {
        top: 5px;
    }
    .pc8_text2 {
        top: 195px;
    }
    .pc8_text3 {
        top: 242px;
    }
    .pc8_2 {
        right: 156px;
        bottom: 0;
    }
}