* {
  padding: 0;
  margin: 0;
  font-weight: normal;
  position: relative;
  font-family: "microsoft YaHei";
}
br {
  font-size: 0;
  line-height: 0;
}
.clear {
  clear: both;
}
.wrapper {
  max-width: 640px;
  margin: 0 auto;
  /*.bg12{
    width:92%;
    margin:0 auto;
    position: relative;
  }*/
}
.wrapper .part {
  position: relative;
  /*.btn_list{
      position: absolute;
      bottom:3%;
      left:0;
      width:100%;
      .btn{
        position: relative;
        width:70px;
        margin:0 auto;
        border-radius:20px;
      }
      li{
        float: left;
        width:33.3%;
      }
    }*/
}
.wrapper .part .btn_zx {
  position: absolute;
}
.wrapper .part .btn_zx.chang {
  background: url("../images/btn_bg_chang.png") no-repeat center top;
  background-size: 100% 100%;
  width: 250px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 18px;
  border-radius: 45px;
  color: #52360f;
  font-weight: bold;
}
.wrapper .part * {
  list-style: none;
  text-decoration: none;
  font-size: inherit;
  line-height: 1em;
  border: none;
  outline: none;
}
.wrapper .part img {
  display: block;
  width: 100%;
}
.wrapper .swiper-container {
  position: relative;
}
.wrapper .swiper-wrapper {
  width: 100%;
  position: relative;
}
.wrapper .swiper-slide {
  width: 100%;
  padding: 0;
  margin: 0;
  height: auto;
  display: block;
}
.wrapper .swiper-button {
  width: 16px;
  height: 50px;
  position: absolute;
  top: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.wrapper .swiper-pagination {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}
.wrapper .swiper-pagination .swiper-pagination-bullet,
.wrapper .swiper-pagination .swiper-pagination-switch {
  width: 12px;
  display: inline-block;
  height: 12px;
  margin: 0 5px;
  border-radius: 12px;
  background: none;
  border: 1px solid #d9c09e;
  opacity: 1;
}
.wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.wrapper .swiper-pagination .swiper-pagination-switch.swiper-pagination-bullet-active,
.wrapper .swiper-pagination .swiper-pagination-bullet.swiper-active-switch,
.wrapper .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
  background: #d9c09e;
}
.wrapper .banner {
  /*.btn{
      position: absolute;
      bottom:-5%;
      width:43.5%;
      left:28%;
      z-index:3;
    }*/
}
.wrapper .banner .pop_mask,
.wrapper .banner #b_video {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wrapper .banner .b_btn_close {
  position: absolute;
  z-index: 3;
  display: none;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url("../images/b_btn_close.png") no-repeat center;
}
.wrapper .banner .pop_mask {
  background: rgba(0, 0, 0, 0.4);
}
.wrapper .banner .pop_mask .p_con {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 70px;
  margin-top: -35px;
}
.wrapper .banner .pop_mask .p_con p {
  font-size: 20px;
  color: #fff;
  margin-top: 3%;
  text-align: center;
}
.wrapper .banner .pop_mask .p_con .btn_video_p {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  background: url("../images/video_btn_p.png") no-repeat center;
  background-size: contain;
}
.wrapper .banner #b_video {
  display: none;
  z-index: 2;
}
.wrapper .banner .btn_list1 {
  width: 64%;
  position: absolute;
  top: 0;
  left: 18%;
}
.wrapper .banner .btn_list1 li {
  width: 49%;
  display: inline-block;
  animation: hover 3s linear infinite;
}
.wrapper .part2 .form_wrap {
  position: absolute;
  top: 0;
  left: 12.34%;
  width: 47.65%;
}
.wrapper .part2 .form_wrap .form_list li input[type="text"] {
  width: 100%;
  padding: 5% 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper .part2 .form_wrap .tbn_tj {
  margin-top: 7%;
}
.wrapper .part2 .show_list li span {
  width: 13.75%;
  right: 7.8%;
  top: 25%;
  position: absolute;
}
.wrapper .part2 .con3 .btn {
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper .part3 .zhuan .zhuanpan {
  position: absolute;
  top: 0;
}
.wrapper .part3 .zhuan .zhuanpan .circle_zp {
  width: 74.8%;
  margin: 0 auto;
  animation: circle 10s infinite linear;
}
.wrapper .part3 .zhuan .zhuanpan .arrow {
  position: absolute;
  width: 5.625%;
  left: 47.375%;
  top: -1.5%;
}
.wrapper .part3 .zhuan .zhuanpan .btn_cj {
  position: absolute;
  left: 39%;
  top: 36%;
  width: 21.875%;
}
.wrapper .part3 .con2 .btn_zx {
  position: absolute;
  bottom: 0;
  left: 0;
}
.wrapper .part5 .wcon {
  position: relative;
}
.wrapper .part5 .wcon .abso {
  position: absolute;
  bottom: 1.3rem;
  left: 12rem;
}
.wrapper .part5 .wcon .btn,
.wrapper .part5 .wcon span {
  display: inline-block;
  vertical-align: bottom;
}
.wrapper .part5 .wcon .btn {
  padding: 0 2rem;
  height: 2.1rem;
  line-height: 2.1rem;
  border-radius: 2.1rem;
  background: #a5824e;
  border: 1px solid #805f2e;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper .part5 .wcon span {
  color: #b46a1e;
  font-size: 14px;
  margin-left: 0.5rem;
  line-height: 1.5em;
}
.wrapper .part5 .wcon span b {
  color: #ee2607;
}
@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.wrapper .circle .btn {
  width: 14.5%;
  bottom: 5%;
  position: absolute;
}
.wrapper .circle .btn.btn1 {
  left: 35%;
}
.wrapper .circle .btn.btn2 {
  right: 3%;
}
.wrapper .chang .btn_list {
  position: absolute;
  bottom: 3%;
  left: 0;
  width: 100%;
}
.wrapper .chang .btn {
  position: relative;
  width: 32%;
  display: inline-block;
  margin: 0 auto;
}
.wrapper .chang .btn img {
  width: 82%;
  margin: 0 auto;
}
.wrapper .part1 .btn_zx,
.wrapper .part4 .btn_zx,
.wrapper .part8 .btn_zx,
.wrapper .part9 .btn_zx {
  position: absolute;
  bottom: 0;
  left: 0;
}
.wrapper .part4 .swiper-pagination {
  bottom: 1%;
}
.wrapper .part7 {
  background: #fff;
  padding-bottom: 8%;
}
@-webkit-keyframes hover {
  0%,
  100% {
    -webkit-transform: translateY(0);
  }
  20%,
  70% {
    -webkit-transform: translateY(-5px);
  }
  40%,
  60% {
    -webkit-transform: translateY(0);
  }
}
@keyframes hover {
  0%,
  100% {
    transform: translateY(0);
  }
  20%,
  70% {
    transform: translateY(-5px);
  }
  40%,
  80% {
    transform: translateY(0);
  }
}