body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
menu,
input,
textarea,
button,
select,
th,
td iframe {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
a,
a:visited,
a:active {
  text-decoration: none;
  border: none;
  outline: none;
}
input,
textarea {
  outline: none;
}
textarea {
  resize: vertical;
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  word-wrap: break-word;
  line-height: 1.5;
  font-size: 12px;
  min-width: 12rem!important;
  width: 100%;
  margin: 0 auto!important;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: '思源黑体';
  background: #fff;
}
body,
button,
input,
select,
textarea {
  font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;
}
.none {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.flexS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.transCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.baseStyle {
  width: 100%;
  clear: both;
  float: left;
}
.oneLineTxt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transtion {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.wrap {
  width: 12.04rem;
  margin: auto;
  text-align: center;
  position: relative;
}
.cot{display: inline-block;width: 100%}
.SC{
  width: 11.15rem;
  margin: auto;
}
.SC>div{
  display: inline-block;
  width: 100%;
}
.sec1{background: url("../images/s1Bg.jpg") no-repeat center top;background-size: auto 100%;height: 1048px;}
.sec2{background: url("../images/s2Bg.jpg") no-repeat center top;background-size: auto 100%;height: 1085px;}
.sec3{background: url("../images/s3Bg.jpg") no-repeat center top;background-size: auto 100%;height: 700px;}
.sec4{background: url("../images/s4Bg.jpg") no-repeat center top;background-size: auto 100%;height: 637px;}
.cot1{background: url("../images/s1C.png") no-repeat center top;background-size: 100% 100%;height: 999px;}
.cot2{background: url("../images/s2C.png") no-repeat center top;background-size: 100% 100%;height: 1034px;}
.cot3{background: url("../images/s3C.png") no-repeat center top;background-size: 100% 100%;height: 663px;}
.cot4{background: url("../images/s4C.png") no-repeat center top;background-size: 100% 100%;height: 549px;}
/* 侧边栏 */
.lfNav {
  position: fixed;
  width: 197px;
  height: 386px;
  background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;
  top: 18%;
  left: 20px;
  z-index: 9
}

.lfNav .close {
  position: absolute;
  top: -.1rem;
  right: 0;
  width: .3rem;
  height: 0.3rem;
  background: url("../images/close01.png") no-repeat center top;
  background-size: 100%;
}


.nav-bg {
  width: 76%;
  height: 0.46rem;
  display: block;
  margin:0 12% .05rem;
}

.nav-bg a {
  width: 100%;
  height: 0.46rem;
  line-height: .45rem;
  display: block;
  margin: auto;
  font-size: .21rem;
  color: #000;
  text-align: center;
  background: #fff;
  border-radius: .1rem;
  border: .01rem solid #fff;
}
.nav-bg a:hover{
  color: #97161a;
  font-weight: bold;
  background: -webkit-linear-gradient(right, #fff0d4, #f8d168);
  background: linear-gradient(to right, #fff0d4, #f8d168);
}
.mt185 {
  margin-top: 1.28rem
}
.left_top {
  width: 100%;
  height: 0.45rem;
  display: block;
  margin: .15rem auto 0;
}
.sec{
  display: inline-block;
  width: 100%;
}
.tit{
  display: inline-block;
  width: 100%;
}
.cot{
  display: inline-block;
  width: 100%;
}
.tit img{
  height: .74rem;
}
.STit img{
  height: .63rem;
  float: left;
  margin-top: .48rem;
  margin-bottom: .24rem;
}
.Btn{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.Btn:hover{
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.banner {
  height: 7.22rem;
  background: url("../images/banner.jpg") no-repeat center center;
  background-size: auto 100%;
  display: inline-block;
  width: 100%;
  float: left;
}
.banner .ban {
  position: relative;
}
.banner .paper1 {
  position: absolute;
  top: -.28rem;
  left: -1.85rem;
  width: 1.25rem;
  animation: moveY1 1s linear infinite alternate;
  -webkit-animation: moveY1 1s linear infinite alternate;
}
.banner .paper2 {
  position: absolute;
  top: 2.92rem;
  right: -3rem;
  width: 3rem;
  animation: moveY1 1s linear infinite alternate;
  -webkit-animation: moveY1 1s linear infinite alternate;
}

.banner .ban0 {
  display: block;
  width: 7.33rem;
  margin-top: 1.1rem;
  margin-left: -.08rem;
}
.banner .ban1 {
  display: block;
  width: 6.18rem;
  position: absolute;
  top: -.76rem;
  right: -.45rem;
}

.banner .banyinying {
  display: block;
  margin: 0 auto;
}
.ban_part{
  width: 11.9rem;
  height: 1.3rem;
  border: .1rem solid #fff;
  background: -webkit-linear-gradient(right, #fc334f, #ff7e57);
  background: linear-gradient(to right, #fc334f, #ff7e57);
  margin-top: .9rem;
  border-radius: 1rem;
  margin-left: -.05rem;
}
/*倒计时*/
.djs{display: inline-block;width: 100%}
.djs>div{
  display: inline-block;
  float: left;
}
.djsL img{
  width: .68rem;
  vertical-align: top;
  margin-top: .15rem;
  margin-left: .25rem;
  margin-right: .2rem;
  animation: shakeTopx 2s linear infinite alternate;
  -webkit-animation: shakeTopx 2s linear infinite alternate;
}
.djsL i{
  display: inline-block;
  font-size: .48rem;
  font-weight: bold;
  color: #fff;
  height: 1.1rem;
  line-height: 1.05rem;
  position: relative;
}
.djsL i::after{
  display: inline-block;
  content: '';
  width: .02rem;
  height: .54rem;
  background: #ffafae;
  position: absolute;
  top: .29rem;
  right: -.48rem;
}
.djsR{
  margin-left: .88rem;
}
.djsR>span {
  font-size: .26rem;
  color: #fff;
  display: inline-block;
  width: 1.2rem;
  float: left;
  line-height: .32rem;
  margin-top: .24rem;
}
.djsNum{
  display: inline-block;
  float: left;
}
.djsNum span {
  color: #ffffff;
}
.djsNum em {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .28rem;
  font-size: .26rem;
  color: #fff;
}
.djsNum b {
  width: .56rem;
  height: .56rem;
  line-height: .54rem;
  text-align: center;
  font-size: .3rem;
  font-weight: bold;
  background: -webkit-linear-gradient(bottom, #fff, #fff4d9);
  background: linear-gradient(to bottom, #fff, #fff4d9);
  border-radius: .06rem;
  margin: 0 .16rem;
}
.djsNum b i {
  display: inline-block;
  width: .56rem;
  height: .56rem;
  line-height: .54rem;
  color: #fd3a45;
}





/*sec1*/
.s1C>div{
  display: inline-block;
  width: 100%;
}
.s1Img>img{
  float: left;
  width: 3.5rem;
  margin-right: .3rem;
  margin-bottom: .3rem;
}
.s1Img>img:nth-of-type(3n){
  margin-right: 0;
}
.s1Btn>a{
  display: inline-block;
  font-size: .28rem;
  color: #fff;
  width: 5.76rem;
  height: .67rem;
  line-height: .57rem;
  border: .04rem solid #fff;
  border-radius: 1rem;
  box-shadow: 0 .08rem .18rem rgba(255,54,59,0.2);
  background: -webkit-linear-gradient(right, #fb6a00, #fdc641);
  background: linear-gradient(to right, #fb6a00, #fdc641);
  position: relative;
  animation: scale2 1.2s linear infinite alternate;
  -o-animation: scale2 1.2s linear infinite alternate;
  -moz-animation: scale2 1.2s linear infinite alternate;
  -webkit-animation: scale2 1.2s linear infinite alternate;
}
.s1Btn>a>img{
  width: .89rem;
  position: absolute;
  right: -.25rem;
  bottom: -.5rem;
  /*animation: moveY1 1s linear infinite alternate;*/
  /*-webkit-animation: moveY1 1s linear infinite alternate;*/
}
/*sec2*/
.s2T img{
  margin-bottom: .14rem;
}
.s2Z>div{
  display: inline-block;
  width: 100%;
  background: -webkit-linear-gradient(right, #fa5d7a, #fa9595);
  background: linear-gradient(to right, #fa5d7a, #fa9595);
  border-radius: .2rem;
  margin-bottom: .12rem;
}
.s2P{
  height: .51rem;
  line-height: .5rem;
  font-size: .28rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.s2Tb table{
  width: 10.82rem;
  background: #fff;
  border-radius: .14rem;
  margin: 0 auto .15rem;
  overflow: hidden;
}
.s2Tb table tr th{
  font-size: .18rem;
  color: #f2395b;
  font-weight: bold;
  height: .46rem;
  line-height: .46rem;
  background: #fff2e5;
  border-bottom: .01rem solid #fac2c9;
  border-right: .01rem solid #f58d9a;
}
.s2Tb table tr th:last-child{
  border-right: initial;
}
.s2Tb table tr td{
  font-size: .18rem;
  color: #666;
  height: .47rem;
  line-height: .45rem;
  border-bottom: .01rem solid #fac2c9;
  border-right: .01rem solid #f58d9a;
}
.s2Tb table tr td:last-child{
  border-right: initial;
}
.s2B>span{
  font-size: .24rem;
  color: #999;
  display: inline-block;
  float: left;
  margin-left: .15rem;
  margin-top: .18rem;
}
.s2B>a{
  display: inline-block;
  font-size: .28rem;
  color: #fff;
  width: 2.48rem;
  height: .57rem;
  line-height: .47rem;
  border: .04rem solid #fff;
  border-radius: 1rem;
  box-shadow: 0 .08rem .18rem rgba(255,54,59,0.2);
  background: -webkit-linear-gradient(right, #fb6a00, #fdc641);
  background: linear-gradient(to right, #fb6a00, #fdc641);
  position: relative;
  float: right;
  margin-top: .03rem;
  margin-right: .22rem;
}
/*sec3*/
.s3nr>div{
  display: inline-block;
  float: left;
  width: 3.5rem;
  height: 4.8rem;
  border-radius: .26rem;
  background: -webkit-linear-gradient(right, #fa5d7a, #fa9595);
  background: linear-gradient(to right, #fa5d7a, #fa9595);
  margin-right: .31rem;
}
.s3nr>div:last-child{
  margin-right: 0;
}
.s3T1{
  width: 90%;
  height: 3.72rem;
  background: #fff;
  border-radius: .2rem;
  margin: .16rem auto 0;
}
.s3T1 span{
  display: inline-block;
  width: 1.7rem;
  height: .48rem;
  line-height: .48rem;
  background: url("../images/s3img4.png") no-repeat center top;
  background-size: 100%;
  font-size: .28rem;
  font-weight: bold;
  color: #f2395b;
}
.s3T1>img{
  display: block;
  height: 2.3rem;
  margin: .15rem auto 0;
}
.s3T1>a{
  display: inline-block;
  font-size: .24rem;
  color: #fff;
  width: 1.6rem;
  height: .44rem;
  line-height: .42rem;
  border-radius: 1rem;
  box-shadow: 0 .08rem .18rem rgba(255, 54, 59, 0.2);
  background: -webkit-linear-gradient(right, #fb6a00, #fdc641);
  background: linear-gradient(to right, #fb6a00, #fdc641);
  margin-top: .08rem;
}
.s3P{
  font-size: .18rem;
  color: #fff;
  width: 74%;
  margin: .15rem auto 0;
}
/*sec4*/
.s4xq{
  width: 100%;
  height: 3.7rem;
  border: .01rem solid #fa9595;
  border-radius: .2rem;
  background: #fff;
  padding-top: .14rem;
}
.s4T img{
  margin-bottom: .18rem;
}
.s4xq p{
  font-size: .2rem;
  color: #000;
  text-align: left;
  margin-left: .32rem;
  line-height: .33rem;
}
.s4xq p span{
  font-size: .24rem;
  font-weight: bold;
  color: #fa627c;
  margin-top: .13rem;
  display: inline-block;
}
.s4xq p img{
  width: .24rem;
  vertical-align: text-bottom;
  margin-right: .14rem;
}
.s4xq p i{
  display: inline-block;
  width: .4rem;
}












@-webkit-keyframes scaleDraw {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.15);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.15);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
/*shou*/
@keyframes moveY1{  0%{transform: translateY(-0.05rem);}  100%{transform: translateY(0.05rem);}}
@-webkit-keyframes moveY1{  0%{transform: translateY(-0.05rem);}  100%{transform: translateY(0.05rem);}}
/*闹钟*/
@-webkit-keyframes shakeTopx{
  0%, 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0;transform-origin: 50% 0;}
  5% { -webkit-transform: rotate(2deg); transform: rotate(2deg);}
  10%,  20%,  30% {-webkit-transform: rotate(-4deg); transform: rotate(-4deg);}
  15%,  25%,  35% {-webkit-transform: rotate(4deg); transform: rotate(4deg);}
  40% {-webkit-transform: rotate(-2deg); transform: rotate(-2deg);}
  45% {-webkit-transform: rotate(2deg); transform: rotate(2deg);}
  50% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
}
@keyframes shakeTopx {
  0%, 100% {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform-origin: 50% 0;transform-origin: 50% 0;}
  5% { -webkit-transform: rotate(2deg); transform: rotate(2deg);}
  10%,  20%,  30% {-webkit-transform: rotate(-4deg); transform: rotate(-4deg);}
  15%,  25%,  35% {-webkit-transform: rotate(4deg); transform: rotate(4deg);}
  40% {-webkit-transform: rotate(-2deg); transform: rotate(-2deg);}
  45% {-webkit-transform: rotate(2deg); transform: rotate(2deg);}
  50% {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
}
/*放大*/
@keyframes scale2 {  from {    transform: scale(1)  }  to {    transform: scale(1.05)  }}
@-o-keyframes scale2  {  from {    transform: scale(1)  }  to {    transform: scale(1.05)  }}
@-moz-keyframes scale2  {  from {    transform: scale(1)  }  to {    transform: scale(1.05)  }}
@-webkit-keyframes scale2  {  from {    transform: scale(1)  }  to {    transform: scale(1.05)  }}