@charset "utf-8";
/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;}
.hs{ color:#ff2f2f;}
.hs1{color:#ff6900}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none; display:inline-block;vertical-align:top; width:100%}


.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden }
.fix{*zoom:1;}

.red{ color:#fe3b69}
.btncon{ width:100%;text-align:center; padding:0.2rem 0; }
.btncon a{ display:inline-block; padding:0 0.2rem;height:0.5rem; line-height:0.5rem; text-align:center; background:#ed7381; border:2px solid #fff; font-size:0.24rem; color:#fff; border-radius:0.5rem; right:0.3rem; bottom:0.48rem;animation:headShake 3s infinite;-webkit-animation:headShake 3s infinite;}
.btncon a:nth-of-type(1){background-image:linear-gradient(-45deg, #9078d0,#a38ddc,#9078d0)}
.btncon a:nth-of-type(2){ margin-left:0.05rem;background-image:linear-gradient(-45deg, #eb6a78,#f699a3,#eb6a78)}
.tc {
    text-align: center;
}

.wrap{margin:0 auto; max-width:6.4rem; overflow:hidden; position:relative; color:#343434}

.ttcon{width:100%; text-align:center; padding:0.3rem 0; font-size:0;color:#333333; position:relative; font-size:0}
.ttcon .t1{ display:inline-block; font-size:0.24rem; line-height:0.48rem; background:#ffc960; color:#af7401; border:1px solid #af7401; border-radius:0.48rem; padding:0 0.3rem;}
.ttcon .t2{ display:inline-block; margin-left:0.3rem;font-size:0.24rem; line-height:0.48rem; background:#ffc960; color:#af7401; border:1px solid #af7401; border-radius:0.48rem; padding:0 0.3rem;}

/* 向下的箭头 */  
.dot-bottom {  
    font-size: 0;  
    line-height: 0;  
    border-width: 0.2rem;  
    border-color: #432c69;  
    border-bottom-width: 0;  
    border-style: dashed;  
    border-top-style: solid;  
    border-left-color: transparent;  
    border-right-color: transparent;  
}  
.dot-left {  
    font-size: 0;  
    line-height: 0;  
    border-width: 0.2rem;  
    border-color: #904f40; 
    border-left-width: 0;  
    border-style: dashed;  
    border-right-style: solid;  
    border-top-color: transparent;  
    border-bottom-color: transparent;  
	 
} 

.pagination{ width:100%; text-align:center; padding:0.2rem 0}
.pagination span{display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background:#fff;
    margin: 0 5px;
    cursor: pointer;
}
.pagination .swiper-active-switch{ background:#ff9933}
.fixed{position: fixed;left: 50%;top: 0;width:6rem;z-index: 999;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);}
.banner{ position:relative}
.banner img{ display:block;}
.banner .btn1{ position:absolute; width:1.15rem; height:1.07rem; left:0.23rem; top:2.55rem}
.part1 .btn1{ display:block; margin:0.3rem auto; width:4.3rem; height:0.6rem; position:relative;animation: headShake 3s infinite;-webkit-animation:headShake 3s infinite;}
.part1 .btn1 span{ position:absolute; width:0.36rem; right:-0.15rem; top:0.15rem;animation: scale 1s infinite;-webkit-animation:scale 1s infinite;}
.part2 .tt img{ display:block;}
.part2 .p2box{ position:relative; width:100%; height:7.8rem; background:url(../images/p2_bg2.jpg) no-repeat; background-size:6.4rem 7.8rem }
.part2 .p2box .t1{ height:0.45rem; border-radius:0.45rem; color:#fff; position:absolute; left:1rem; top:-0.1rem; background:#2998d5; border:2px solid #fff; line-height:0.45rem; padding:0 0.2rem; font-size:0.24rem;}
.part2 .p2box .txt1{ position:absolute; width:2.4rem; font-size:0.2rem; line-height:0.28rem; left:0.5rem; top:0.53rem; color:#fff;}
.part2 .p2box .txt2{ position:absolute; width:2.4rem; font-size:0.2rem; line-height:0.28rem; left:3.55rem; top:0.53rem; color:#fff;}
.part2 .p2box .p1{ padding-bottom:0.1rem;}
.part2 .p2box .t2{ height:0.45rem; border-radius:0.45rem; color:#fff; position:absolute; left:3.93rem; top:-0.1rem; background:#2998d5; border:2px solid #fff; line-height:0.45rem; padding:0 0.2rem; font-size:0.24rem;}
.part2 .p2box .t3{ height:0.45rem; border-radius:0.45rem; color:#fff; position:absolute; left:1rem; top:3.2rem; background:#2998d5; border:2px solid #fff; line-height:0.45rem; padding:0 0.2rem; font-size:0.24rem;}
.part2 .p2box .txt3{ position:absolute; width:2.4rem; font-size:0.2rem; line-height:0.28rem; left:0.5rem; top:3.9rem; color:#fff;}
.part2 .p2box .t4{ height:0.45rem; border-radius:0.45rem; color:#fff; position:absolute; left:3.93rem; top:3.2rem; background:#2998d5; border:2px solid #fff; line-height:0.45rem; padding:0 0.2rem; font-size:0.24rem;}
.part2 .p2box .txt4{ position:absolute; width:2.4rem; font-size:0.2rem; line-height:0.28rem; left:3.55rem; top:3.9rem; color:#fff;}

.part2 .p2box .btn1{ position:absolute; left:0.45rem; bottom:0.45rem;width:5.51rem; height:0.6rem;animation: headShake 3s infinite;-webkit-animation:headShake 3s infinite;}
.part2 .p2box .btn1 .pic{ border-radius:0.6rem; }
.part2 .p2box .btn1 span{ position:absolute; width:0.36rem; right:0.05rem; top:0.15rem;animation: scale 1s infinite;-webkit-animation:scale 1s infinite;}

.part3{ position:relative; width:100%; height:5.8rem; background:url(../images/p4_1.jpg) no-repeat; background-size:6.4rem 5.8rem;}
.part3 .btn1{ position:absolute; width:4.52rem; height:2.22rem; left:0.9rem; top:1.8rem; background:url(../images/p3_1.jpg) no-repeat; background-size:4.52rem 2.22rem}
.part3 .btn1 span{  position:absolute; width:0.36rem; right:0.85rem; top:1.48rem;animation: scale 1s infinite;-webkit-animation:scale 1s infinite;}
.part3 .p1{ position:absolute; width:100%; left:0; text-align:center; font-size:0.3rem; height:0.3rem; line-height:0.3rem; top:0.3rem; color:#fff;}
.part3 .p2{ position:absolute; width:100%; left:0; text-align:center; font-size:0.46rem; height:0.46rem; line-height:0.46rem; top:0.7rem; font-weight:700; color:#f5e93b}
.part3 .p3{ position:absolute; width:3.13rem; left:0.75rem; top:1.3rem;animation: headShake 3s 1s infinite;-webkit-animation:headShake 3s 1s infinite;}

.p4nemu{ width:100%; border-top:1px solid #fff; position:fixed; z-index:99; left:0; bottom:0}
.p4nemu .a{ float:left; background:#2998d5; width:25%; height:0.72rem; line-height:0.72rem; color:#fff; font-size:0.3rem; text-align:center; box-sizing:border-box; border-right:1px solid #fff;}
.p4nemu .a:last-child{ border-right:0 none}
.p4nemu .a:nth-of-type(2),.p4nemu .a:nth-of-type(4){ background:#f64f7c}

@media all and (max-width: 480px) {
   .p2slide .swiper-slide .txt{ font-size:18px; line-height:26px;padding:10px 20px 0 20px;}
}
@media all and (max-width: 414px) {
   .p2slide .swiper-slide .txt{ font-size:16px; line-height:26px;padding:10px 12px 0 12px;}
}
@media all and (max-width: 375px) {
  .p2slide .swiper-slide .txt{ font-size:14px; line-height:23px;padding:10px 12px 0 12px;}
}
@media all and (max-width: 320px) {
    .p2slide .swiper-slide .txt{ font-size:12px; line-height:20px;padding:10px 10px 0 10px;}
}

.scale{
	animation: scale 3s .2s ease both infinite;
    -webkit-animation: scale 3s .2s ease both infinite;
    -moz-animation: scale 3s .2s ease both infinite;
}
@keyframes scale{
    0%{transform: scale(0.9);-webkit-transform: scale(0.9);}
    50%{transform: scale(1);-webkit-transform: scale(1);}
    100%{transform: scale(0.9);-webkit-transform: scale(0.9);}
}
@-webkit-keyframes scale {
    0%{transform: scale(0.9);-webkit-transform: scale(0.9);}
    50%{transform: scale(1);-webkit-transform: scale(1);}
    100%{transform: scale(0.9);-webkit-transform: scale(0.9);}
}