@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
html, body, menu, ul, ol, li, p, div, form, h1, h2, h3, h4, h5, h6, img, a img, input, button, textarea, fieldset{ padding: 0; margin: 0; border: 0;font-family:"\5FAE\8F6F\96C5\9ED1"; }
ul, ol, li { list-style: none }
body, input, button, textarea, select { -webkit-text-size-adjust: none;outline: 0; color: #333 }
body { margin: 0 auto; background: #fff; /*min-width:320px; width:320px*/ }
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea { -webkit-appearance: none }
a { text-decoration: none; color: #333; }
a { blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
.img img, video { vertical-align: middle }
.btn { display: inline-block; vertical-align: middle }
/* a:hover { color: #cc3333; } */
img { border: none }
ol, ul, li { list-style: none; }
i, em { font-style: normal; }
.body-main{ width: 100vw; height: 100vh;overflow: hidden;}
main{
    width: 8.14rem;
    height: 14.48rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
* {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  margin:0;
  padding: 0;
}
.isPc{
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    /* -webkit-transform-origin: 0 0; */
    /* -ms-transform-origin: 0 0; */
    /* transform-origin: 0 0; */
    margin:0 auto;
    left:0;
    top:50%;
}
.swiper-container{width: 100%;height: 100%;background: url(../images/bg2.jpg)no-repeat center/cover;}
.swiper-container .swiper-slide{width: 100%;height: 100% !important;overflow: hidden;}
.swiper-container .swiper-slide a{display: block;position: absolute;z-index:99;}
.p1{background: url(../images/bg1.jpg)no-repeat center/cover;}
.p1 .p1-main{width: 100%;height: 100%;display: none;}
.p1 .yinbiao{width: 0.4rem;height: 0.33rem;background: url(../images/18.png)no-repeat center/cover;position: absolute;left: 4.44rem;top: 4.34rem;opacity: 0;
animation: slidealert 2s 0.5s linear infinite;}
.p1 .mt1{width: 5.28rem;height: 1.28rem;position: absolute;left: 0.6rem;top: 1.6rem;}
.p1 .mt1 svg{width: 100%;height:100%;}
.p1 .mt1 svg .st0{fill:none;stroke-dasharray:2000;stroke-dashoffset:2001;stroke: #b69347;animation: lineto 2s linear forwards;}
.p1 .mt1 svg .st1{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p1 .mt1 svg .st2{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p1 .line{width: 2.1rem;height: 0.31rem;position: absolute;left: 0.6rem;top: 0.3rem;}
.p1 .line svg{width: 100%;height: 100%;}
.p1 .line svg .st3{fill:none;stroke-dasharray:800;stroke-dashoffset:801;stroke: #b69347;animation: lineto 1s linear forwards;}
.p1 .mt2{width: 5.28rem;height: 1.28rem;position: absolute;right: 0.67rem;bottom: 1.6rem;}
.p1 .mt2 svg{width: 100%;height:100%;}
.p1 .mt2 svg .st0{fill:none;stroke-dasharray:2000;stroke-dashoffset:2001;stroke: #b69347;animation: lineto 2s linear forwards;}
.p1 .mt2 svg .st1{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p1 .mt2 svg .st2{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p1 .yibi{width: 1.94rem;height: 0rem;background: url(../images/9.png)no-repeat top;left: 1.25rem;top: 3.7rem;position: absolute;background-size: 1.94rem 5.55rem;
animation: yibi 0.5s linear forwards;}
.p1 .zhe{width:1.77rem;height: 0rem;background: url(../images/10.png)no-repeat top;position: absolute;right:1.1rem;top: 7.45rem;background-size:1.77rem 4.21rem;
animation: zhe 0.5s 1s linear forwards;}
.p1 .zi1{width: 1.6rem;height: 2.4rem;background: url(../images/1.png)no-repeat center/contain;position: absolute;left: 2.18rem;top: 5.64rem;z-index: 2;}
.p1 .zi2{width: 0.6rem;height: 3.07rem;background: url(../images/2.png)no-repeat center/contain;position: absolute;left: 2.85rem;top: 6.5rem;}
.p1 .zi3{width: 2.28rem;height: 0.92rem;background: url(../images/3.png)no-repeat center/contain;position: absolute;left: 3.7rem;top:5.5rem;z-index: 4;}
.p1 .zi4{width: 2.82rem;height: 0.67rem;background: url(../images/4.png)no-repeat center/contain;position: absolute;left: 3.5rem;top:6.28rem;z-index: 2;}
.p1 .zi5{width: 1.72rem;height: 2.39rem;background: url(../images/5.png)no-repeat center/contain;position: absolute;left: 3.35rem;top:5.85rem;z-index: 3;}
.p1 .zi6{width: 1.55rem;height: 1.46rem;background: url(../images/6.png)no-repeat center/contain;position: absolute;left: 4.85rem;top:6.6rem;}
.p1 .zi7{width: 1.51rem;height: 2.21rem;background: url(../images/7.png)no-repeat center/contain;position: absolute;left: 3.28rem;top:7.4rem;}
.p1 .zi8{width: 0.7rem;height: 2.3rem;background: url(../images/8.png)no-repeat center/contain;position: absolute;right: 2.45rem;bottom:4.8rem;}
.p1 .pinyin{width: 0rem;height: 1.48rem;background: url(../images/11.png)no-repeat left;position: absolute;left: 2.78rem;top: 4.28rem;background-size: 3.39rem 1.48rem;
animation: pinyin 0.5s 0.5s linear forwards;}
.p1 .slide-arr{width: 1.45rem;height: 0.27rem;background: url(../images/12.png)no-repeat center/cover;position: absolute;left: 3.81rem;bottom: 4.44rem;
animation: slidealert 2s linear infinite;}


.p2 .bihua{width: 6.26rem;height: 10.05rem;background: url(../images/1.png)no-repeat center/contain;position: absolute;left: 1.55rem;top: 2rem;overflow: hidden;transition: all 0.5s;z-index: 2;}
.p2 .slide-arr2{width: 2.94rem;height: 5.87rem;background: url(../images/13.png)no-repeat top;margin: 1.7rem 0rem 0 1.7rem;background-size:2.94rem 5.87rem;
animation:slidealert 2s linear infinite;}
.p2 .p2-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/1.jpg)no-repeat center/cover;opacity: 0;transition: all 0.5s;}
.p2 .p2-main a:first-child{width: 1.88rem;
    height: 2.4rem;
    left: 0.45rem;
    bottom: 4.2rem;}
.p2 .p2-main a:nth-child(2){width: 3.23rem;height: 0.92rem;right:0.6rem;bottom: 2.9rem;}
.slide-arr3{width: 0.7rem;
    height: 0.7rem;
    background: url(../images/14.png)no-repeat center/contain;
    position: absolute;
    right: 0.47rem;
    bottom: 1.2rem;
    animation: slidealert 2s linear infinite;}

.p3 .bihua{width: 1.8rem;height: 10.2rem;background: url(../images/2.png)no-repeat center/contain;position: absolute;left: 3.6rem;top: 2.2rem;overflow: hidden;transition: all 0.5s;z-index: 2;}
.p3 .slide-arr2{width: 0.37rem;height: 5.08rem;background: url(../images/19.png)no-repeat center/contain;margin: 1.6rem 0rem 0 0.6rem;
animation:slidealert 2s linear infinite;}
.p3 .p3-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/2.jpg)no-repeat center/cover;opacity: 0;transition: all 0.5s;}
.p3 .p3-main a:first-child{width: 2.93rem;height: 1.44rem;left:0.25rem;bottom: 2.25rem;}
.p3 .p3-main a:nth-child(2){width: 2.43rem;height: 1.37rem;right:0.3rem;bottom: 2.25rem;}

.p4 .bihua1{width: 6.4rem;height: 2.25rem;background: url(../images/3.png)no-repeat center/contain;position: absolute;left: 0.9rem;top: 3.75rem;overflow: hidden;transition: all 0.5s;z-index: 2;}
.p4 .bihua2{width: 8.14rem;height: 1.52rem;background: url(../images/4.png)no-repeat center;position: absolute;left: 0rem;top: 8.45rem;overflow: hidden;transition: all 0.5s;z-index: 2;background-size: 100% auto;}
.p4 .slide-arr2{width: 1.9rem;height: 0.53rem;background: url(../images/20.png)no-repeat center/contain;margin: 0.8rem 0rem 0 2.8rem;
 animation:slidealert 2s linear infinite;}
.p4 .p4-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/3.jpg)no-repeat center/cover;opacity: 0;transition: all 0.5s;}
.p4 .p4-main a:first-child{width: 2.72rem;height: 1.28rem;right:0.52rem;top: 2.37rem;}
.p4 .p4-main a:nth-child(2){width: 2.97rem;height: 1.30rem;left:0.25rem;bottom: 6.2rem;}
.p4 .p4-main a:nth-child(3){width: 2.87rem;height: 0.85rem;right:0.48rem;bottom: 2.45rem;}

.p5 .bihua{width: 8.14rem;height: 8.6rem;background: url(../images/5.png)no-repeat center/contain;position: absolute;left: 0rem;top: 2.8rem;overflow: hidden;transition: all 0.5s;z-index: 2;transform-origin: 45% 67%;}
.p5 .slide-arr2{width: 4.13rem;height: 4.98rem;background: url(../images/21.png)no-repeat center/contain;margin: 1.95rem 0rem 0 2.1rem;transform: rotate(-8deg);
animation:slidealert 2s linear infinite;}
.p5 .p5-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/4.jpg)no-repeat center/cover;opacity: 0;transition: all 0.5s;}
.p5 .p5-main a:first-child{width: 2.82rem;height: 1.66rem;left:0.35rem;top: 6.32rem;}
.p5 .p5-main a:nth-child(2){width: 3.76rem;height: 2.31rem;right:0.25rem;bottom: 2.15rem;}

.p6 .bihua{width: 8.14rem;height: 7.1rem;background: url(../images/6.png)no-repeat center/contain;position: absolute;left: 0rem;top: 3.95rem;overflow: hidden;transition: all 0.5s;z-index: 2;transform-origin: 30% center;}
.p6 .slide-arr2{width: 5.13rem;height: 4.10rem;background: url(../images/22.png)no-repeat center/contain;margin: 1.3rem 0rem 0 1.5rem;
animation:slidealert 2s linear infinite;}
.p6 .p6-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/5.jpg)no-repeat center/cover;opacity: 0;transition: all 0.5s;}
.p6 .p6-main a:first-child{width: 3.4rem;height: 1rem;right:0.25rem;top: 5.43rem;}
.p6 .p6-main a:nth-child(2){width: 2.96rem;height: 1.09rem;right:2.9rem;bottom: 2.28rem;}

.p7 .bihua{width: 6.2rem;height: 9.25rem;background: url(../images/7.png)no-repeat center/contain;position: absolute;left: 0.88rem;top: 2.65rem;overflow: hidden;transition: all 0.5s;z-index: 2;transform-origin: 90% 60%;}
.p7 .slide-arr2{width: 1.37rem;height: 5.69rem;background: url(../images/23.png)no-repeat center/contain;margin: 0.8rem 0rem 0 3.5rem;
animation:slidealert 2s linear infinite;}
.p7 .p7-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/6.jpg)no-repeat center/cover;opacity: 0;transition: all 0.5s;}
.p7 .p7-main a:first-child{width: 2.56rem;height: 1.41rem;left:0.35rem;top: 7.15rem;}
.p7 .p7-main a:nth-child(2){width: 4rem;height: 1.02rem;right:0.35rem;bottom: 2.6rem;}

.p8 .bihua{width: 2.4rem;height: 9.50rem;background: url(../images/8.png)no-repeat center/contain;position: absolute;left: 3.5rem;top: 2.5rem;overflow: hidden;transition: all 0.5s;z-index: 2;transform-origin: center 45%;}
.p8 .slide-arr2{width: 0.37rem;height: 5.08rem;background: url(../images/24.png)no-repeat center/contain;margin: 1.5rem 0rem 0 0.8rem;
animation:slidealert 2s linear infinite;}
.p8 .p8-main{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/7.jpg)no-repeat center/cover;opacity: 0;transition: all 0.5s;}
.p8 .p8-main a:first-child{width: 2.22rem;height: 1.97rem;left:0.35rem;bottom: 3.03rem;}
.p8 .p8-main a:nth-child(2){width: 2.2rem;height: 1.95rem;right:0.3rem;top: 3.65rem;}

.p9{background: url(../images/bg3.jpg)no-repeat center/cover;position: relative;}
.p9 .mt1{width: 5.28rem;height: 1.28rem;position: absolute;left: 0.6rem;top: 1.6rem;}
.p9 .mt1 svg{width: 100%;height:100%;}
.p9 .mt1 svg .st0{fill:none;stroke-dasharray:2000;stroke-dashoffset:2001;stroke: #b69347;animation: lineto 2s linear forwards;}
.p9 .mt1 svg .st1{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p9 .mt1 svg .st2{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p9 .line{width: 2.1rem;height: 0.31rem;position: absolute;left: 0.6rem;top: 0.3rem;}
.p9 .line svg{width: 100%;height: 100%;}
.p9 .line svg .st3{fill:none;stroke-dasharray:800;stroke-dashoffset:801;stroke: #b69347;animation: lineto 1s linear forwards;}
.p9 .mt2{width: 5.28rem;height: 1.28rem;position: absolute;right: 0.67rem;bottom: 1.6rem;}
.p9 .mt2 svg{width: 100%;height:100%;display: none;}
.p9 .mt2 svg .st0{fill:none;stroke-dasharray:2000;stroke-dashoffset:2001;stroke: #b69347;animation: lineto 2s linear forwards;}
.p9 .mt2 svg .st1{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p9 .mt2 svg .st2{fill:none;stroke-miterlimit:10;stroke-dasharray:200;stroke-dashoffset:201;stroke: #b69347;animation: lineto 2s linear forwards;}
.p9 .yibi{width: 1.94rem;height: 0rem;background: url(../images/9.png)no-repeat top;left: 1.25rem;top: 3.7rem;position: absolute;background-size: 1.94rem 5.55rem;
animation: yibi 0.5s linear forwards;}
.p9 .zhe{width:1.77rem;height: 0rem;background: url(../images/10.png)no-repeat top;position: absolute;right:1.1rem;top: 7.45rem;background-size:1.77rem 4.21rem;
animation: zhe 0.5s 1s linear forwards;}
.p9 .zi1{width: 1.6rem;height: 2.4rem;background: url(../images/1.png)no-repeat center/contain;position: absolute;left: 2.18rem;top: 5.64rem;z-index: 2;}
.p9 .zi2{width: 0.6rem;height: 3.07rem;background: url(../images/2.png)no-repeat center/contain;position: absolute;left: 2.85rem;top: 6.5rem;}
.p9 .zi3{width: 2.28rem;height: 0.92rem;background: url(../images/3.png)no-repeat center/contain;position: absolute;left: 3.7rem;top:5.5rem;z-index: 4;}
.p9 .zi4{width: 2.82rem;height: 0.67rem;background: url(../images/4.png)no-repeat center/contain;position: absolute;left: 3.5rem;top:6.28rem;z-index: 2;}
.p9 .zi5{width: 1.72rem;height: 2.39rem;background: url(../images/5.png)no-repeat center/contain;position: absolute;left: 3.35rem;top:5.85rem;z-index: 3;}
.p9 .zi6{width: 1.55rem;height: 1.46rem;background: url(../images/6.png)no-repeat center/contain;position: absolute;left: 4.85rem;top:6.6rem;}
.p9 .zi7{width: 1.51rem;height: 2.21rem;background: url(../images/7.png)no-repeat center/contain;position: absolute;left: 3.28rem;top:7.4rem;}
.p9 .zi8{width: 0.7rem;height: 2.3rem;background: url(../images/8.png)no-repeat center/contain;position: absolute;right: 2.45rem;top: 7.45rem;}
.p9 .qiao{transform: translate(-0.5rem,-2.6rem) scale(1.2);}
.p9 .line2{width: 5.54rem;height: 1.66rem;position: absolute;bottom: 3.72rem;left: 0;right: 0;margin: auto;}
.p9 .line2 svg{width: 100%;height: 100%;display:none;}
.p9 .line2 svg .st0{fill:none;stroke-dasharray:2000;stroke-dashoffset:2001;stroke: #b69347;animation: lineto 1s linear forwards;}
.p9 .line2 .line2-main1{width: 3.17rem;height: 0.43rem;background: url(../images/16.png)no-repeat center/contain;position: absolute;left: 0.25rem;bottom: 1rem;}
.p9 .line2 .line2-main2{width: 3.96rem;height: 0.25rem;background: url(../images/17.png)no-repeat center/contain;position: absolute;right: 0.25rem;bottom: 0.3rem;}
.load-wrap {
    width: 100%;
    height: 100%;
    background: #e4e4e4;
    position: absolute;
    left: 0;
    top: 0; 
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .load-wrap .load {
    text-align: center;
  }
  
  .load-wrap .load .circle{
    display: inline-block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(201, 162, 57, 0.5) rgba(201, 162, 57, 0.5) rgba(201, 162, 57, 0.5) #c9a239;
    -webkit-animation: round 1s infinite linear;
    animation: round 1s infinite linear;
  }
  
  .load-wrap .load .num {
    color: rgba(201, 162, 57, 0.5);
    font-size: 16px;
  }
 @keyframes round{
     to{
         transform: rotate(360deg);
     }
 }
 @-webkit-keyframes round{
    to{
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes slidealert{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
       opacity: 0;
    }
}
@-webkit-keyframes slidealert{
    0%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
    100%{
       opacity: 0;
    }
}
@keyframes pinyin{
    100%{
        width: 3.39rem;
    }
}
@-webkit-keyframes pinyin{
    100%{
        width: 3.39rem;
    }
}
@keyframes lineto{
    100%{
        stroke-dashoffset:0;
    }
}
@-webkit-keyframes lineto{
    100%{
        stroke-dashoffset:0;
    }
}
@keyframes yibi{
    100%{
        height: 5.55rem;
    }
}
@-webkit-keyframes zhe{
    100%{
        height: 4.21rem;
    }
}
@keyframes zhe{
    100%{
        height: 4.21rem;
    }
}
@-webkit-keyframes yibi{
    100%{
        height: 5.55rem;
    }
}
@keyframes slideInLeft1{
    0%{
        transform: translate(-2rem,0rem);
    }
    100%{
        transform: translate(0rem,0rem);
    }
}
@-webkit-keyframes slideInLeft1{
    0%{
        transform: translate(-2rem,0rem);
    }
    100%{
        transform: translate(0rem,0rem);
    }
}