ul,li{ padding:0; }
body{ max-width: 750px; }
.container,.w1080{ width: 100%; max-width: 750px; min-width: 320px; margin:0 auto; }
.container img{ float: left; }
.w100{ width: 100%; }
.c000{ color: #000!important; }
.t-1,.t-2{ text-indent: -9999px; background: url(images/t-1.png) no-repeat center center/100% auto; height: 1.16rem; margin: 0 auto; }
.pd20{ padding:0.2rem; }
.fs24{ font-size: 0.24rem; }
.fl{ float: left; }
.t-2{ background-image: url(images/t-2.png); width: 3.42rem; }
.div-1 .t-2{ background-size: 70% auto; }
.t-3{ background-image: url(images/t-3.png); width: 4.12rem;}
.t-4{ background-image: url(images/t-4.png); width: 100%;}
.fs-s{ font-size: 20px; color: #737373; }

a.center-btn{ display: block; text-align: center; margin:0.3rem auto; width: 3.6rem; height: 0.6rem; line-height: 0.6rem;  background-color: #d70000; border-radius: 0.24rem; font-size: 0.32rem; color: #f7f6f4; }
a.center-btn:hover{ background-color: #af0101; }
.mt20{ margin-top:0.2rem; }
.mt30{ margin-top:0.3rem; }
.mt50{ margin-top:0.5rem; }
.form-1 { padding: 0.4rem; width: 100%; }
.form-1 .input{ font-size: 0.3rem; margin-bottom: 0.3rem; position: relative;}
.form-1 .input { line-height: 0.8rem; }
.form-1 .input input{ border:0.02rem solid #aaaaaa; padding:0.2rem; line-height: 0.4rem; border-radius: 0.1rem; vertical-align: middle; width: 80%;}
.form-1 .input .show-code{ position: absolute; top: 0.1rem; right: 0.3rem; font-size: 0.24rem; line-height: 0.6rem;}
.form-1 .submit-btn { display: block; width: 3.2rem;  height: 0.8rem; line-height: 0.8rem;  background-color: #dd140e;
  border-radius: 0.4rem;  font-size: 0.3rem;  color: #ffffff; text-align: center; margin: 0.3rem auto;}
.form-1 .tips{ font-size: 0.18rem; }

.div-4{ background: url(images/bg-1.jpg) no-repeat center top/250% auto; padding-top: 0.2rem;}
.div-4 .div{ background: #fff; padding-top: 0.1rem; margin-top: 0.2rem;}
.div-4 .div h4{ font-size: 0.48rem; margin-top: 0.1rem; }
.div-4 .div .fs-s{ color: #737373; margin-top: 0.22rem; font-size: 0.28rem;}
.div-4 ul{ background: url(images/bg-2.png) no-repeat center 0.88rem/92%; font-size: 0; padding: 0.57rem 0 0.3rem 0;}
.div-4 li{ display: inline-block; width: 14%; margin-bottom: 0.1rem; font-size: 0.2rem; color: #000; text-align: center;} 
.div-4 li:first-child{ margin-left: 0.48rem;}
.div-4 li:nth-child(3){  width: 12.6%; }
.div-4 li:nth-child(5){  width: 12.4%; }
.div-4 li:nth-child(n+7){ width: 13.3%; }
.div-4 li:nth-child(7){ margin-left: 1rem; }
.div-4 li div{ width: 0.45rem; height: 0.45rem; color: #fff; line-height: 0.45rem; font-size: 0.24rem; font-weight: 600; border-radius: 50%; background: #d70000; margin:0.1rem auto;}

.div-5 .main-tit{ font-size: 0; padding-top: 0.3rem }
.div-5 .main-tit li{ width: 2.1rem; text-align: center;color: #37373e; text-align: center; height: 0.7rem; line-height: 0.7rem;}
.div-5 .main-tit li img{ vertical-align:middle; width: 0.7rem; display: inline-block; margin: 0 auto; float: none;}
.div-5 .main-tit li span{ display: inline-block; margin-left: 0.1rem;  font-size: 0.3rem; height: 0.7rem; line-height: 0.7rem; vertical-align: middle;}
.div-5 .main-tit li.active{ background: #ffeeee; }
.div-5 .main-con{ position: relative; height: 3.35rem; margin-bottom: 0.7rem;}
.div-5 .main-con li{ display: none; }
.div-5 .main-con li.active{ display: block; }
.div-5 .main-con li img{ width: 7.5rem; }
.div-5 .main-con li .center img{ width: 1.7rem; }

.before-image { position: absolute; top: 0; left: 0; z-index: 1; width: 50%; overflow: hidden;}
.after-image { position: absolute; top: 0; left: 0; z-index: 0; }
.vfx-image-wrap {  cursor: ew-resize;}
.divider-bar{ position: absolute; left: 50%; top: 0; width: 1.7rem; margin-left: -0.85rem; bottom: 0;  height: 100%; display: block; z-index: 2; }
.divider-bar .bor{  width: 2px; border-right: 2px dashed #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4); margin:0 auto; height: 100%;}
.divider-bar .center{ top: -2.5rem; position: relative; text-align: center; font-size: 0.2rem;}

.div-6{ background: url(images/bg-1.jpg) no-repeat center top/250% auto; }
.div-6 .t-5{ background-image: url(images/t-5.png); width: 100%;  } 
.cfff{ color: #fff!important; }
.fs36{ font-size: 0.36rem; }
.div-7{ line-height: 1.4; }
.div-7 .t-7{background-image: url(images/t-7.png); width:100%;  margin-top: -0.4rem;}
.div-7 ul{ font-size: font-weight:0; margin-top: 0.2rem;}
.div-7 ul li{ width: 100%; background-color: #d70000; padding-top: 10px; }
.div-7 ul li p.fs16{ padding:0 0.2rem; margin-bottom: 0.1rem; height: 1.7rem; text-indent: 2em; margin-top: 0.1rem; line-height: 1.4; font-size: 0.24rem; text-overflow: ellipsis; overflow: hidden; }
.div-7 ul li img{ width: 100%; height: 4.26rem; float: left; margin-top: 0.1rem;}
.div-7 .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; }
.div-7 .swiper-pagination .swiper-pagination-bullet-active{ background: #d70000; }
.div-8 {background: url(images/bg-6.jpg) no-repeat center bottom/120% auto; padding-bottom: 0.65rem; }
.div-8 >div{ padding:0.5rem 0.3rem; }
.div-8 .form{ font-size: 15px; color: #000000; background: #d70000; padding:0.2rem; margin-top: -0.05rem;}
.div-8 .left{ width: 100%; overflow:hidden; height:5.1rem; }
.div-8 .left img{ width: 106%; }
.div-8 .input{ margin-bottom: 0.25rem; position: relative;}
.div-8 .input input{ border-radius: 0.05rem; background: #fff; border:none; padding: 0.2rem; width: 100%;}
.div-8 .input .show-code{ position: absolute; right: 0.2rem; top: 13px; border-left: 1px solid #eee; padding-left: 10px; font-size: 14px; }
.div-8 .btn{ display: block; margin:0 auto; height: 0.75rem; line-height: 0.75rem; background-color: #e4ba3d; color: #fff; font-size: 0.38rem; border-radius: 0.05rem; text-align: center;}
.div-8 .btn:hover{ background: #af0101; }

.dx{ -webkit-animation: size-up 1.5s linear infinite; animation: size-up 1.5s linear infinite;  animation-delay:2s; }
.dd{ -webkit-animation: bounce-up 1.5s linear infinite; animation: bounce-up 1.5s linear infinite;  }
@keyframes size-up {
10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(1);
  }
  50%,60%,100% {
    transform: scale(1);
  }
}


@keyframes bounce-up {
10% {
    transform: rotate(20deg);
  }
  20% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  50%,80% {
    transform: rotate(0deg);
  }
}