/* CSS Document */
html{ font-size:100px;}
html{-webkit-text-size-adjust:none;}
body {font-family:微软雅黑;font-size:0.20rem;opacity:0;filter:alpha(opacity=0);margin: 0 auto;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style: normal;}
a{text-decoration: none; color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:top; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
html *{-webkit-tap-highlight-color:rgba(255,255,255,0);}


.hidden { display:none; }
.block { display:block; }
.inline { display:inline; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj {text-align: justify;text-justify:distribute-all-lines;}
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.r50{right: 50%;}
.overflow-x{overflow-x:hidden;-ms-overflow-x:hidden;}
.overflow-y{overflow-y: hidden;-ms-overflow-y: hidden;}
.overflow{overflow: hidden;}

.zd2{z-index: 2;}
.tid2{text-indent: 2em;}

.wrap{max-width: 640px; min-width: 320px; margin-left: auto; margin-right: auto;overflow: hidden ; }
.border-radius{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.bs{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.border-bottom{border-bottom: 2px solid #f2f2f2;}

.pad10{padding: 0.1rem;}
.pad20{padding: 0.2rem;}
.padt10{padding-top: 0.1rem;}
.padt20{padding-top: 0.2rem;}
.padt30{padding-top: 0.3rem;}
.padt40{padding-top: 0.4rem;}
.padb10{padding-bottom: 0.1rem;}
.padb20{padding-bottom: 0.2rem;}
.padb30{padding-bottom: 0.3rem;}
.padtb10{padding-top: 0.1rem;padding-bottom: 0.1rem;}
.padtb20{padding-top: 0.2rem;padding-bottom: 0.2rem;}
.padtb30{padding-top: 0.3rem;padding-bottom: 0.3rem;}
.padlr10{padding-left: 0.1rem;padding-right: 0.1rem;}
.padlr15{padding-left: 0.15rem;padding-right: 0.15rem;}
.padlr20{padding-left: 0.2rem;padding-right: 0.2rem;}



.translateY{top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.translateX{left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.paW{width: 100%;left: 0;}
.w50{width: 50%;}
.text-transform{text-transform:uppercase;}
ul.clearfix>li{float: left;}
ol.clearfix>li{float: left;}
ul.clearfix>li.fr{float: right;}
ol.clearfix>li.fr{float: right;}

.pagination{
    width: 100%;
    left: 0;
    text-align: center;
 }
.pagination .swiper-pagination-switch{
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin:0 0.05rem;
    width:0.2rem;
    height: 0.2rem;
    opacity: 1;
    cursor: pointer;
    background-color: #bfbfbf;
}
.pagination .swiper-active-switch{
    opacity: 1;
    background-color: #b48eff;
}


.btn a{ text-align: center; display: inline-block;  font-size: 0.2rem;border-radius: 0.1rem;background-color: #eeeeee;width: 40%;margin: 0 5%;padding: 0.14rem 0;
    -webkit-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.btn a::after{display: inline-block;content: '';width: 0.2rem;height: 0.22rem;background: url(../images/ico6.png) no-repeat;background-size: cover;vertical-align: middle;margin-left: 0.1rem;}
.btn a:nth-of-type(2)::after{background-image: url(../images/ico7.png); }

.playIco{position: absolute;width: 0.83rem;height: 0.83rem;background:rgba(0,0,0,0.3) url(../images/playIco.png) no-repeat center top;background-size:cover;left: 50%;top: 50%;margin-left:-0.41rem;margin-top:-0.41rem;opacity: 1;border-radius:50%;
-webkit-animation: tada 2s infinite;
    -o-animation: tada 2s infinite;
    animation: tada 2s infinite;}

.spHead{height: 0.9rem;overflow: hidden;background: url(../images/spHeadBg.jpg) no-repeat center top;background-size: 100% 100%;position: relative;}
.spHead a{color: #fff;display: block;height: 100%;}
.spHead ul{padding-left: 0.5rem;}
.spHead ul li{font-size: 0.24rem;text-align: center;line-height: 0.8rem;height: 0.8rem;padding: 0 0.16rem;}
.spHead ul li.on a{font-size: 0.36rem;color: #fe8fff;}
.spHead .goBack{position: absolute;width: 0.5rem;text-align: center; left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;font-family: '宋体';font-size: 0.6rem;font-weight: bold;line-height: 0.9rem;background: url(../images/goBack.png) no-repeat center ;background-size: 0.24rem 0.44rem;height: 0.9rem;}


.bannerBox{background: url(../images/kvBg.jpg) no-repeat center top;background-size: 100% auto;padding-bottom: 0.1rem;}
.bannerBox h1 span{display: inline-block;width: 1.74rem;padding: 0.2rem 0;
    -webkit-animation: tada 2s 2;
    -o-animation: tada 2s 2;
    animation: tada 2s 2;
}
.bannerBox .kv{padding: 0 0.16rem;}
.bannerBox .kv .pic{border-radius: 0.1rem;}
.bannerBox h5{font-size: 0.2rem;color: #b792ff;padding: 0.2rem 0;}

.part .todyJX{background-color: #eeeeee;padding-bottom: 0.1rem;margin-bottom: 0.1rem;}
.part .todyJX .big{margin-bottom: 0.1rem;}
.part .todyJX .big::before{content: '';position: absolute;width: 100%;height: 50%;background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));left: 0;bottom: 0;}
.part .todyJX .big p{position: absolute;padding-left: 0.2rem;left: 0;bottom: 0.16rem;font-size: 0.2rem;color: #fff;}
.part .todyJX .big .jxIco{position: absolute;background-color: #d063e9;font-size: 0.2rem;padding: 0.1rem ;right: 0.3rem;top: 0;border-radius: 0 0 0.1rem 0.1rem;color: #fff;}
.part .todyJX dd{float: left;font-size: 0.2rem;line-height: 1.6;position: relative;padding-left: 0.3rem;margin-left: 0.2rem;min-width: 30%;}
.part .todyJX dd a{color: #d063e9;}
.part .todyJX dd .ico{position: absolute;width: 0.24rem;height: 0.24rem;background: url(../images/ico1.png) no-repeat;background-size:cover;left: 0;top: 0.05rem;}
.part .todyJX dd.proIco .ico{background-image: url(../images/ico2.png)}
.part .todyJX dd.zjIco .ico{background-image: url(../images/ico3.png)}
.part .todyJX dd.zjIco b{color: #d063e9;}

.part .wangQi .tt,.part3 .tt{font-size: 0.24rem;font-weight: bold;padding: 0.1rem 0.2rem;position: relative;margin-left: 0.1rem;}
.part .wangQi .tt::before,.part3 .tt::before{content: '';position: absolute;width: 0.15rem;height:0.16rem;background: url(../images/tQuan.png) no-repeat;background-size:cover;left: 0;top: 0.18rem;}

.wangQi .wqBox{width: 3.1rem;}
.wangQi .wqBox p{font-size: 0.2rem;padding: 0.1rem 0 0.1rem 0.08rem;height: 0.56rem;overflow: hidden;}
.wangQi .wqBox .sm{width: 100%;height: 1.8rem;}
.wangQi .wqBox .sm::before{content: '';position: absolute;width: 50%;height: 100%;background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.3));background-image: linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.3));right: 0;top: 0;}
.wangQi .wqBox .sm span{position: absolute;width: 0.72rem;right: 0;text-align: center;color: #fff;font-size: 0.18rem;}
.wangQi .wqBox .sm span::before{content: '';display: block;width: 0.4rem;height: 0.38rem;background: url(../images/ico4.png) no-repeat center;background-size: cover;margin: 0 auto;}
.wangQi .wqBox .sm span.mas::before{background-image: url(../images/ico5.png);}
.wangQi .wqBox .sm span.xin{top: 0.2rem;}
.wangQi .wqBox .sm span.mas{top: 1rem;}
.wangQi .wqBox .sm span.xin.on::before{background-image: url(../images/ico9.png);}

.scrollBox{height: 2.4rem;overflow: hidden;position: relative;}
.scrollBox ul{position: absolute;left: 0;top: 0;height: 100%;text-align: center;width: 18.8rem;}
.scrollBox ul li{display: inline-block;margin:0.16rem 0.2rem ;}
.scrollBox ul li a{display: block;background-color: #eeeeee;border-radius: 80px;font-size: 0.2rem;padding: 0.1rem 0.3rem;position: relative;}
.scrollBox i{position: absolute;width: 0.36rem;height: 0.28rem;background: url(../images/ico10.png) no-repeat center;background-size: cover;left: 80%;bottom:22%;z-index: 3;
    -webkit-animation: scale 2s infinite;
    -o-animation: scale 2s infinite;
    animation: scale 2s infinite;
}

.part2 .p1_search{width: 96%;margin: 0.3rem  auto;height: 0.66rem;position: relative;}
.part2 .p1_search::before{content: '';position: absolute;width:0.26rem ;height: 0.27rem;background: url(../images/ico8.png) no-repeat;background-size: cover;left: 0.1rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.part2 .p1_search input{height: 0.56rem;line-height: 0.56rem;border: 1px solid #bfbdce;outline: 0 none;font-size: 0.18rem;width: 71%;border-radius: 0.1rem;padding-left: 0.4rem;}
.part2 .p1_search a{position: absolute;height: 0.6rem;line-height: 0.6rem;background-color: #d063e9;color: #fff;font-size: 0.24rem;padding: 0 0.3rem;right: 0.04rem;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 0.1rem;}

.part3 .sliderIn{padding: 0 3px;}

@-webkit-keyframes scale {
    from {  -webkit-transform: scale3d(1.2, 1.2, 1.2);  transform: scale3d(1.2, 1.2, 1.2);  }
    50% {  -webkit-transform: scale3d(1.4, 1.4, 1.4) ;  transform: scale3d(1.4, 1.4, 1.4) ;  }
    to {  -webkit-transform: scale3d(1.2, 1.2, 1.2);  transform: scale3d(1.2, 1.2, 1.2);  }
}
@keyframes scale {
    from {  -webkit-transform: scale3d(1.2, 1.2, 1.2);  transform: scale3d(1.2, 1.2, 1.2);  }
    50% {  -webkit-transform: scale3d(1.4, 1.4, 1.4) ;  transform: scale3d(1.4, 1.4, 1.4) ;  }
    to {  -webkit-transform: scale3d(1.2, 1.2, 1.2);  transform: scale3d(1.2, 1.2, 1.2);  }
}


.bounceinL{
    -webkit-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@-ms-keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@keyframes bounceinL {
    0% {opacity:0;-webkit-transform:translateX(-300%);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}

.bounce{
    -webkit-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
@keyframes bounce{
    0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    90%{transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
}
@-webkit-keyframes bounce{
    0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-8px,0);-webkit-transform:translate3d(0,-8px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    90%{transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
}

/*******摆动*******/
@-webkit-keyframes tada {
    from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
    10%, 20% {  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
    30%, 50%, 70%, 90% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
    40%, 60%, 80% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
    to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
}

@keyframes tada {
    from {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
    10%, 20% {  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
    30%, 50%, 70%, 90% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
    40%, 60%, 80% {  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
    to {  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  }
}


@-webkit-keyframes flipInXt{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);
        opacity:1}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);
        opacity:1}
}
@keyframes flipInXt{
    0%{transform:perspective(400px) rotateX(90deg);
        opacity:1}
    40%{transform:perspective(400px) rotateX(-10deg)}
    70%{transform:perspective(400px) rotateX(10deg)}
    100%{transform:perspective(400px) rotateX(0deg);
        opacity:1}
}