/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;opacity:0;filter:alpha(opacity=0); }
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; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:middle; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}

.wrap{max-width: 640px;min-width: 320px;color:#fff; margin-left: auto;margin-right: auto; overflow: hidden;}
.re{ position: relative;}
.te{ text-align: center;}
.ov{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.plr{ padding:0 0.2rem;}

/*p1轮播*/
.mr20{ margin-right: 0.2rem}
.pa20{ padding: 0.2rem}
.pa30{ padding: 0.3rem 0.2rem}
.pa10{ padding: 0.1rem 0.1rem 0 0.1rem}
.paLR20{ padding: 0 0.2rem}
.pat20{ padding-top: 0.2rem}
.pab20{ padding: 0 0 0.2rem}
.patb10{ padding: 0.1rem 0}
.patb20{ padding: 0.2rem 0}
.patb30{ padding: 0.3rem 0}
.tc{ text-align: center}
.p1 .prev,.p1 .next{position: absolute;  width: 0.52rem;  height: 0.53rem;  margin-top: -0.15rem;  top: 50%;  z-index: 99;  }
.p1 .prev{  background: url(../images/prev.png) no-repeat; background-size:cover; left: 0.1rem }
.p1 .next{  background: url(../images/next.png) no-repeat; background-size:cover; right: 0.1rem}
.p1 .db{ width: 2.8rem; background: #f9d971; border-radius: 0.1rem; padding: 0 0.1rem 0.7rem 0.1rem; position: relative;margin-bottom: 0.5rem}
.p1 .db span{ display: block; width: 0.77rem; height: 0.77rem; border-radius: 50%; font-size: 0.18rem; padding: 0.1rem; color: #fff;
	background:#fd5455; position: relative;
	background:-moz-linear-gradient(top, #ff8f5e, #fd5455);
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff8f5e), to(#fd5455));
	background:-o-linear-gradient(top, #ff8f5e, #fd5455); position: absolute; left: -0.1rem; top:-0.1rem;
}
.p1 .db span p{ position: absolute;; left: 0;; right: 0; margin:0 auto; top:50%; text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#fff;
}
.p1 .db h3{ font-size: 0.3rem;font-weight: normal; text-align:center}
.p1 .db p{ text-align: left; font-size:0.2rem; color:#000;}
.p1 .db a{ color: #000;}
.p1 .db .btnn{ position: absolute; bottom: -0.5rem; left: 0; width: 100%;}
.p1 .db .btnn a{ display: inline-block;width: 1.06rem; height: 0.46rem; font-size: 0.24rem; border-radius: 50%; padding: 0.3rem 0; color: #000}
.p1 .db .btnn a:nth-child(1){ background: rgba(255,140,140,0.7);  }
.p1 .db .btnn a:nth-child(2){background: rgba(89,83,181,0.7)}
/*p1轮播 end*/


.part1{ width:100%; height:4.64rem;padding-top: 0.43rem; box-sizing: border-box; background:url(../images/p1.jpg) no-repeat; background-size: 100%; color:#000;}
.part1 h2{ font-size: 0.36rem; line-height: 0.68rem;}
.part1 .p1-a{ padding:0.43rem 0.4rem 0 0.35rem;}
.part1 .p1-a a{ float: left; width:48.2%;font-size: 0.18rem; background:#fff; color:#000; line-height: 0.52rem; border-radius: 100px; margin:0 0.05rem 0.2rem;}
.part1 .p1-a a span{  color:#bb2a6e; }
.wrap .bonias-a{display:block; width:2.88rem; height:1.09rem; background:url(../images/a-bg.png) no-repeat; background-size: 100%; margin:0 auto; font-size: 0.26rem; line-height: 0.33rem; color:#000; padding-top: 0.25rem; box-sizing: border-box;}
.wrap .bonias-a img{ position: absolute; bottom:-0.2rem; right:0.15rem; width:0.48rem;animation: pulse 0.6s infinite;
    -webkit-animation: pulse 0.6s infinite;}
.wrap .bonias-ti{ width:6.31rem; height:1.88rem; background:url(../images/tibg.png) no-repeat left bottom; background-size: 100%; padding-top: 0.6rem;}
.wrap .bonias-ti b{ font-size: 0.4rem; font-weight: bold; color:#000;}
.wrap .bonias-ti h2{ font-size: 0.47rem; color:#bb2a6e;}
.wrap .bonias-ti p{ font-size: 0.22rem; line-height: 0.33rem; color:#626262; padding:0 0.28rem;}


.wrap .kv .kv-1{ position: absolute; top: 25%; left:16%; width:4.88rem;}
.wrap .kv .kv-2{ position: absolute; top: 38%; left:16%; width:5.02rem;}
.part1 ul li{ float: left; width:25%;padding-top: 0.25rem; height:auto; background:url(../images/yy.png) no-repeat top left; background-size: 125%; position: relative; height:3.25rem; box-sizing: border-box;} 
.part1 ul li img{ width:1.44rem;}
.part1 ul li p{ font-size: 0.24rem; color:#333; line-height: 0.3rem; margin-top: 0.2rem;}
.part1 ul li a.ck{ position: absolute; left:50%; margin-left:-0.63rem ; width:1.25rem; top: 2.2rem; background:#fe3509; font-size: 0.22rem; line-height: 0.38rem; color:#fff; border-radius: 50px; }
.part1 ul li p.wup{ margin-top: 0.35rem;}
.part2 .p2-1{ margin-top: 0.3rem;color:#000;margin-bottom: 0.9rem; background:#b3b1fc; padding-bottom: 0.75rem;}
.part2 .p2-1 h2{ font-size: 0.25rem; line-height: 0.32rem; position: absolute; color:#fff;}
.part2 .p2-1 h3{ font-size: 0.22rem; line-height: 0.33rem; width:2.8rem; position: absolute;}
.part2 .p2-1 p{ font-size: 0.2rem; line-height: 0.26rem;position: absolute;}
.wrap .part2 .p2-1 .bonias-a{ position: absolute; left:50%; margin-left: -1.44rem; bottom:-0.6rem;}
.part2 .p2-2{ width:100%;padding-top: 0.75rem; box-sizing: border-box; height:6.7rem; background:url(../images/bg1.jpg) no-repeat; background-size: 100%;}

.wrap .xiongmo-a{ display:inline-block; padding:0.1rem 0.35rem; font-size: 0.22rem; color:#fff; border-radius: 100px; background:#ff3300; margin:0.2rem 0.2rem;animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;}
.more{ position: absolute; top: 0.02rem; right:0.2rem; font-size: 0.24rem;color: #333;}

.tabs {
  width: 6.32rem;
  margin:0 auto;
  overflow: hidden;
}
.tabs a {
  display: block;
  float: left;
  width:1.2rem;
  line-height: 0.6rem;
  margin:0 0.03rem;
  color: #fff;
  text-align: center;
  font-size: 0.26rem;
  background:#b3b1fc;
}
.tabs a.active {
  background:#f3a9cb;
  font-weight: bold;
}
.swiper-container {
  width: 100%;
}
.content-slide {
  padding-top: 0.35rem;
  color: #000;
}
.content-slide h2{ font-size: 0.43rem; margin:0.2rem 0 0.1rem;}
.content-slide p{ font-size: 0.22rem; height:0.34rem;}
.content-slide p img{ width:0.2rem; margin-right: 0.1rem;}

.wrap .part3 .bonias-ti h2{ font-size: 0.41rem;}
.wrap .part3 .bonias-ti span{ font-weight: bold;}
.wrap .part3 .bonias-ti b{ margin-top: -0.22rem; display:block;}
.part3 .arrow-left {
  background: url(../images/left.png) no-repeat left top;
  background-size: 100%;
  position: absolute;
  left: 1.5rem;
  bottom: 0;
  width: 0.17rem;
  height: 0.31rem;
  z-index: 2;
}
.part3 .arrow-right {
  background: url(../images/right.png) no-repeat left top;
  background-size: 100%;
  position: absolute;
  right: 1.5rem;
  bottom: 0;
  width: 0.17rem;
  height: 0.31rem;
  z-index: 2;
}
.swiper22 .title{ padding-bottom: 0.2rem;}
.part3 .pagination {
  text-align: center;
}
.part3 .swiper-pagination-switch {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 0.2rem;
  background: #d0c8ff;
  margin:0 0.1rem;
  cursor: pointer;
}
.part3 .swiper-active-switch {
  width:0.35rem;
}
.part3 .p3-ps{ font-size: 0.22rem; color:#626262; margin:0.2rem 0;}
.part4{ width:100%; height:5.94rem; background:url(../images/ds.jpg) no-repeat; background-size: 100%; margin:0.5rem 0; padding:0.7rem 0.25rem; box-sizing: border-box; color:#3c3a39;}
.part4 b{ font-size: 0.46rem;}
.part4 p{ font-size: 0.24rem;}



@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation:'bounceInLeft' 2s ease-in-out 0s 1 alternate forwards;
}
.bounceInLeft2 {
  -webkit-animation:'bounceInLeft' 3s ease-in-out 0s 1 alternate forwards;
}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}