@charset "utf-8";
/* CSS Document */
body{font-family: "Microsoft Yahei"}
.zt img{display: block}
.sectionBg01 { background:url(../img/bibu/alice/sectionBg01.jpg) top center no-repeat; background-size:100% 100%;}
.sectionBg02 { background:url(../img/bibu/alice/sectionBg02.png) bottom center no-repeat; background-size:100% 100%;}
.sectionBg04 { background:#160d00;  }
.sectionBg06 { background:#150d01;  }
.sectionBg07 { background:url(../img/bibu/alice/sectionBg07.jpg) top center no-repeat; background-size:100% 100%;}


.picList { width:100%;}
.picList .w50 li { width:50%; float:left;}
.picList .w50 li h5 { color:#bb8a1b; border-bottom:1px solid #bb8a1b; display:inline-block; margin:.5em 0; }
.picList .w50 li p { color:#fff; font-size:.8888em; padding:0 2em; text-align:left;}
.picList .w50 li span { border:1px solid #a3772b; border-radius:50%; width:65%; display:inline-block; padding:.2em; }
.picList .w50 li img { border:.2em solid #221703; border-radius:50%;}

.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination2 .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#fff;opacity:.2}
.swiper-pagination2 .swiper-pagination-bullet-active{opacity:1;background:#dc9c25}
.swiper-pagination-bullet-active{opacity:1;background:#dc9c25}

.pnr{position: relative;}
.pna{position: absolute;}
.kr{top:2%;left: 0;width: 100%}
.kr li{font-size: 20px;float:left;width: 32%;margin:0 0.65% 2%;color: #fff;text-align: center;line-height:2}
.kr li img{border: 1px solid #fff;padding: 1.5%;box-sizing: border-box;width: 100%}
.mr0{margin-right: 0 !important;}
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { text-align: center;/* Center slide text vertically */ display: block; -webkit-box-pack: center; -ms-flex-pack: center;padding-top: 1%;
    -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative}
.swiper-slide img{display: inline-block}
.sb .swiper-slide img{width: 55%}
.swiper-pagination-bullet{background:#8179a9;width: 12px;height: 12px}
.swiper-pagination-bullet-active{background: #3a3a3a}
.sb .swiper-pagination {bottom:0.8% !important;}
.sb p{font-size:25px;width: 60%;position: absolute;bottom: 15%;left: 50%;margin-left: -30%;border: 1px solid #464a55;color: #fff;text-align: center;line-height: 1.2;letter-spacing: 2px;padding: 2% 0;background: rgba(0,0,0,.35)}
.sb b{font-size:35px;display: block}
.sb p span{font-size:30px;color: #08345c;display: inline-block;background:rgba(255,255,255,.8);padding: 0 3% 0 8%;border-radius: 5px;;margin: 3% auto}

.al .swiper-container{width: 95%; left: 50%; margin-left: -47.5%;}
.al .swiper-slide img{width: 97%;border: 1px solid #fff;}
.al .swiper-pagination{bottom: 2% !important;}
.al .swiper-pagination-bullet{width:12px;height:12px}
.hn p{width: 98%;margin: 0 auto;border: 1px solid #fff;padding: 2% 0}
.hn p img{width: 48%;margin: 0 0.5%;border: 1px solid #737373;box-sizing: border-box;padding: 0.5%}
.hn .swiper-container{padding-bottom: 5%}
.hn .swiper-pagination-bullet{background: #8e8e8e}
.hn .swiper-pagination-bullet-active{background: #ab9eec}
.hn .swiper-pagination{bottom: 2% !important;}
.zj p{font-size:18px;position: absolute;width: 52%;top: 35%;right: 1%;color: #fff;line-height: 1.5}
.zj b{font-size: 20px;display: block;font-weight: normal;margin: 2% auto}
.zj p span{font-size: 16px}
.zx{bottom:0;left: 50%;width: 32%;margin-left: -16%}
.b40{bottom: 40%}
.zl{font-size: 20px;color: #fff;width: 60%;top: 15%;left: 3%;line-height: 1.8;letter-spacing: 1px}
.ys{font-size: 18px;color: #242424;width:57%;top: 41%;left: 5%;line-height: 1.5;}

@media screen and (min-width:320px) {
    .zj p span{font-size: 3vw;}
    .ys,.kr li,.zj p,.zl{font-size: 3.6vw}
    .sb p { font-size: 4.2vw;}
    .zj b{font-size: 4.5vw;}
    .sb p span{font-size:4.8vw;}
    .sb b{font-size: 5.2vw;}
    .zl{line-height: 1.5;letter-spacing: 0.5px}
}
@media screen and (min-width:500px) {
    .zj p span{font-size: 16px;}
    .ys,.zj p { font-size: 18px;}
    .kr li,.zl,.zj b{font-size: 20px;}
    .sb p { font-size: 25px;}
    .sb p span{font-size:30px;}
    .sb b{font-size: 35px;}
    .zl{line-height: 1.8;letter-spacing: 1px}
    .ys{top: 43%}
}

.zx.on{animation:ruBand 1.5s .2s ease both infinite;-webkit-animation:ruBand 1.5s .2s ease both infinite;-moz-animation:ruBand 1.5s .2s ease both infinite;
    -moz-animation:ruBand 1.5s .2s ease both infinite;-ms-animation:ruBand 1.5s .2s ease both infinite;-o-animation:ruBand 1.5s .2s ease both infinite;}
.p1_pic2{ -webkit-animation:Indexbounce 4s .2s ease both;
    animation:Indexbounce 4s .2s ease infinite;
    -moz-animation:Indexbounce 4s .2s ease infinite;
    -o-animation:Indexbounce 4s .2s ease infinite;
    -ms-animation:Indexbounce 4s .2s ease infinite;}

.p1_pic1{animation: animations 3s infinite linear;}
@-o-keyframes ruBand {
    0% {
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -o-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -o-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -o-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -o-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -o-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-ms-keyframes ruBand {
    0% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-moz-keyframes ruBand {
    0% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -moz-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -moz-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -moz-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -moz-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -moz-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -moz-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes ruBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes ruBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}