@import "base.css";
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;
}
.none {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
body {
  font-family: "MiSans","Alibaba PuHuiTi","SiYuanHei","HarmonyOS","HarmonyOS Sans SC", "HarmonyOS Sans";background: #fff;
}
@media screen and (max-width: 800px) {
  body {
    background: #fff9f6;
  }
}
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;
  width: 100%;
  margin: 0 auto!important;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
}
.wrap {
  width: 12rem;
  margin: auto;
  text-align: center;
  position: relative;
}
.sections {
  width: 100%;
  clear: both;
  display: block;
  float: left;
}

.main{
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .pc-hide {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  .m-hide {
    display: none !important;
  }
}

.tit{
  display: inline-block;
  width: 100%;
}
.tit h2{
  font-size: .48rem;
  font-weight: bold;
  background: linear-gradient(to right, #f31d1d, #ff7624 52%); /* 渐变颜色可自定义 */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* 文字透明以显示背景渐变 */
  text-align: left;
  letter-spacing: -1px;
}
.tit h3{
  margin-top:-.05rem ;
  text-align: right;
}
.tit h3 img{
  height: .17rem;
  vertical-align: super;
  margin-right: .2rem;
}
.tit h3 span{
  font-size: .36rem;
  color: #934a26;
  letter-spacing: -1px;
}
.tit h2>span{
  font-size: .36rem;
  vertical-align: text-top
}
.titDp h2{
  text-align: center;
}
.titDp h2>span>img{
  height: .17rem;
  margin-right: .2rem;
  margin-left: .25rem;
}
.titDp h2>span>i{
  vertical-align: bottom;
  color: #934a26;
}
.titDp h2 label{
  font-size: .48rem;
  font-weight: bold;
  background: linear-gradient(to right, #f31d1d 20%, #ff7624 55%); /* 渐变颜色可自定义 */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* 文字透明以显示背景渐变 */
  text-align: left;
}
.cont{
  display: inline-block;
  width: 100%;
}
.sec2{
  background: url("../images/s2Bg.jpg") no-repeat center top;background-size:auto 100%;height: 8.25rem;
}
.sec4{
  background: url("../images/s4Bg.jpg") no-repeat center top;background-size:auto 100%;height: 7.88rem;
}
.sec6{
  background: url("../images/s6Bg.jpg") no-repeat center top;background-size:auto 100%;height: 8.4rem;
}
.sec7{
  background: url("../images/s7Bg.jpg") no-repeat center bottom;background-size:auto 2.2rem;
}
  /*banner*/
.banner-box {
  width: 100%;
  clear: both;
  height: 5.67rem;
  background:#fff url("../images/banner.jpg") no-repeat center top;
  position: relative;
  overflow: hidden;
}
.banImg{
  display: block;
  width: 4.85rem;
  margin-top: 1rem;
}
.banP{
  display: block;
  width: 8.1rem;
  height: .56rem;
  line-height: .56rem;
  font-size: .24rem;
  font-weight: bold;
  color: #934a26;
  border-radius: 1rem;
  background:#fffc1e;
  background: linear-gradient(to right, #fffc1e, #fff);
  margin-top: .2rem;
}
.banP span{
  color: #e23710;
}
.banp1{
  display: block;
  width: 100%;
  font-size: .18rem;
  color: #fff;
  text-align: left;
  line-height: .28rem;
  margin-top: .5rem;
}
/*sec1*/
.tit1{
  margin-top: .65rem;
}
.tit1 h2{
  margin-left: 1.26rem;
}
.tit1 h3{
  margin-right:1.25rem ;
}
.s1L{
  width: 3.92rem;
  height: 5.07rem;
  position: absolute;
  left: 0;
  top: 3.12rem;
}
.s1L .s1img1{
  animation: rotateImage 15s linear infinite;
  transition: transform 0.3s ease;
  margin-left: -1.14rem;
}
@keyframes rotateImage {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.s1L .s1img2{
  width: 1.61rem;
  float: left;
  margin-left: .54rem;
  margin-top: 1.55rem;
  position: absolute;
  left: 0;
  top: 0;
}
.s1R{
  display: inline-block;
  width: 7.9rem;
  float: left;
  position: relative;
  margin-top: .37rem;
}
.s1R>div{
  display: inline-block;
  width: 100%;
  height: 1.4rem;
  border-radius: .13rem;
  background: linear-gradient(to right, #fff, #fdf0db);
}
.s1R>div:nth-of-type(2n){
  background: transparent;
  height: auto;
  padding-bottom: .2rem;
}
.s1Rxq>img{
  width: .77rem;
  display: inline-block;
  float: left;
  margin-top: .28rem;
  margin-left: -.33rem;
}
.s1Rxq>p{
  display: inline-block;
  float: left;
}
.s1Rxq .p1{
  font-size: .24rem;
  font-weight: bold;
  color: #e23710;
  text-align: left;
  line-height: .35rem;
  margin-top: .28rem;
  margin-left: .1rem;
}
.s1Rxq .p2{
  width: 5.3rem;
  font-size: .18rem;
  color: #4e2f20;
  text-align: left;
  margin-top: .26rem;
  margin-left: .26rem;
  line-height: .28rem;
}
.s1Rxq .p2 span{
  color: #e23710;
}
.s1R>div:nth-of-type(2n) .p2{
  margin-top: .32rem;
}
.s1Rxq1 {
  margin-left: 1.78rem;
}
.s1Rxq2 {
  margin-left: 3.3rem;
}
.s1Rxq3 {
  margin-left: 4.08rem;
}
.s1Rxq4 {
  margin-left: 3.28rem;
}
.s1Rxq5 {
  margin-left: 1.68rem;
}
.s1btn{
  display: inline-block;
  width: 4rem;
  height: .7rem;
  line-height: .7rem;
  border-radius: 1rem;
  font-size: .26rem;
  font-weight: bold;
  color: #fff;
  border: .03rem solid #fff;
  box-shadow: 0 .05rem .05rem #ffcaa6;
  background: linear-gradient(to bottom, #fd8740, #ff451b);
  cursor: pointer;
  margin: .2rem auto 0;
  transition: all .5s;
}
.s1btn img{
  vertical-align: middle;
}
.s1btn:hover,.s1btn:focus,.s1btn:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*sec2*/
.sec2{
  margin-top: .7rem;
}
.tit2{
  margin: .56rem auto .25rem;
}
.tit2 h2{
  margin-left: 2.2rem;
}
.tit2 h3{
  margin-right:2rem ;
}
.cot2>div{
  display: inline-block;
  float: left;
}
.s2L{
  width: 2rem;
}
.s2L ul{
  display: inline-block;
  width: 100%;
  margin-top: .4rem;
}
.s2L ul li{
  height: .81rem;
  line-height: .81rem;
  font-size: .28rem;
  color: #934a26;
  text-align: left;
  padding-left: .22rem;
  position: relative;
  cursor: pointer;
}
.s2L ul li.s2L1{
  height: 1.05rem;
  line-height: 1.05rem;
}
.s2L ul li.s2L1::before{
  display: inline-block;
  content: '';
  width: 1.52rem;
  height: .01rem;
  background: #ffb346;
  position: absolute;
  left: .25rem;
  bottom: 0;
}
.s2L ul li.cur{
  font-weight: bold;
  color: #fff;
  background: linear-gradient(to bottom, #ffa841, #fe5b27);
  text-shadow: 0 .02rem .04rem #ff6d2e;
  border-radius: .12rem 0  0 .12rem;
}
.s2L ul li.cur::after{
  display: inline-block;
  content: '';
  width: .11rem;
  height: .14rem;
  background: url(../images/s2Jt.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  top: .34rem;
  right: .3rem;
}
.s2L ul li.s2L1.cur::after{
  top: .45rem;
}
.s2R{
  width: 10rem;
  height: 5.5rem;
  background: #fff;
  border-radius: .12rem;
  box-shadow: 0 .05rem .08rem #ffe6d2;
}
.s2R img{
  display: none;
}
.s2R img.cur{
  display: inline-block;
}
/*sec3*/
.tit3{
  margin: .46rem auto .36rem;
}
.tit3 h2>span>img{
  margin-left: 0;
}
.s3L{
  width: 1.33rem;
  margin-right: .28rem;
}
.s3L>img{
  width: 100%;
}
.s3R .p1{
  font-size: .26rem;
  font-weight: bold;
  text-align: left;
  margin: .03rem auto .1rem;
}
.s3R .p2{
  width: 3.8rem;
  font-size: .18rem;
  color: #333;
  text-align: left;
  min-height: 1.2rem;
}
.cot3>div{
  display: inline-block;
  float: left;
}
.cot3>div:nth-of-type(2n){
  margin-left: .9rem;
}
.s3xq>div{
  display: inline-block;
  float: left;
}
.s3xq1 .p1{
  color: #007fb9;
}
.s3xq2 .p1{
  color: #ef6927;
}
.s3xq3 .p1{
  color: #5b44c1;
}
.s3xq4 .p1{
  color: #ac681f;
}
.s3xq5 .p1{
  color: #e23710;
}
.s3xq6 .p1{
  color: #349578;
}
/*sec4*/
.cot4{
  height: 5.9rem;
  background: #fff;
  border-radius: 0.23rem;
  box-shadow: 0 .06rem .08rem #ffeee1;
  margin-top: .27rem;
  position: relative;
}
.cot4::before{
  display: inline-block;
  content: '';
  width: 5.9rem;
  height: 4.37rem;
  background: url(../images/s4img1.png) no-repeat center 0;
  background-size: 100%;
  position: absolute;
  top: 1.28rem;
  left: 3.65rem;
  animation: moveY 1s linear infinite alternate;
  -o-animation: moveY 1s linear infinite alternate;
  -moz-animation: moveY 1s linear infinite alternate;
  -webkit-animation: moveY 1s linear infinite alternate
}
.tit4 h2{
  background: linear-gradient(to right, #fffc21, #fff 25%); /* 渐变颜色可自定义 */
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* 文字透明以显示背景渐变 */
  margin-left: 1.52rem;
  margin-top: .46rem;
  margin-bottom: .02rem;
}
.tit4 h3{
  margin-right: 1.5rem;
}
.tit4 h3 span{
  color: #fff;
}
.s4xq .p1{
  font-size: .26rem;
  font-weight: bold;
  text-align: left;
  text-align: right;
  position: relative;
  margin-bottom: .03rem;
}
.s4xq .p1::after{
  display: inline-block;
  content: '';
  width: .1rem;
  height: .1rem;
  border-radius: 1rem;
  position: absolute;
  top: .1rem;
  right: -.28rem;
}
.s4xq:nth-of-type(2n) .p1{text-align: left;}
.s4xq:nth-of-type(2n) .p2{text-align: left;}
.s4xq:nth-of-type(2n) .p1::after{display: none}
.s4xq:nth-of-type(2n) .p1::before{
  display: inline-block;
  content: '';
  width: .1rem;
  height: .1rem;
  border-radius: 1rem;
  position: absolute;
  top: .1rem;
  left: -.28rem;
}
.s4xq .p2{
  font-size: .18rem;
  color: #333;
  text-align: right;
  line-height: .27rem;
}
.s4xq1 .p1{color: #fa490b;}
.s4xq1 .p1::after{border: .03rem solid #fa490b;}
.s4xq2 .p1{color: #d28900;}
.s4xq2 .p1::before{border: .03rem solid #d28900;}
.s4xq3 .p1{color: #fa490b;}
.s4xq3 .p1::after{border: .03rem solid #ed2e2e;}
.s4xq4 .p1{color: #419f47;}
.s4xq4 .p1::before{border: .03rem solid #419f47;}
.s4xq5 .p1{color: #c44acc;}
.s4xq5 .p1::after{border: .03rem solid #c44acc;}
.s4xq6 .p1{color: #00a89c;}
.s4xq6 .p1::before{border: .03rem solid #00a89c;}
.s4xq7 .p1{color: #8744ec;}
.s4xq7 .p1::after{border: .03rem solid #8744ec;}
.s4xq8 .p1{color: #008ee5;}
.s4xq8 .p1::before{border: .03rem solid #008ee5;}
.s4xq{position: absolute;}
.s4xq1{
  left: 1.4rem;
  top: .5rem;
}
.s4xq2{
  right: 1.4rem;
  top: .5rem;
}
.s4xq3 {
  left: 1rem;
  top: 1.7rem;
}
.s4xq4 {
  right: .56rem;
  top: 1.7rem;
}
.s4xq5 {
  left: .44rem;
  top: 2.9rem;
}
.s4xq6 {
  right: .56rem;
  top: 2.9rem;
}
.s4xq7 {
  left: .82rem;
  top: 4.1rem;
}
.s4xq8 {
  right: 1.1rem;
  top: 4.1rem;
}
/*sec5*/
.sec5{
  margin-bottom: -.04rem;
}
.tit5{
  margin: .55rem auto .1rem;
}
.cot5{
  position: relative;
}
.s5btn{
  display: inline-block;
  width: 4rem;
  height: .7rem;
  line-height: .7rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 .03rem .05rem #fe7e36;
  position: absolute;
  right: .9rem;
  bottom: .37rem;
  font-size: .26rem;
  color: #f84824;
  font-weight: bold;
}
.s5btn img {
  vertical-align: middle;
}
/*sec6*/
.tit6{
  margin: .56rem auto .26rem;
}
.cot6>div{
  display: inline-block;
  float: left;
  width: 5.8rem;
  height: 1.8rem;
  background: #fff;
  border-radius: .13rem;
  margin-right: .4rem;
  margin-bottom: .3rem;
  cursor: pointer;
}
.cot6>div:hover{
  box-shadow: 0 .06rem .08rem #ffeee1;
}
.cot6>div:nth-of-type(2n){
  margin-right: 0;
}
.s6xq>div{
  display: inline-block;
  float: left;
}
.s6L{
  width: 1.61rem;
  margin-top: .12rem;
  margin-left: .2rem;
}
.s6L>img{
  width: 100%;
}
.s6R{
  height: .86rem;
  border-left: .01rem solid #ffd6a5;
  margin-top: .47rem;
  margin-left: .12rem;
  padding-left: .32rem;
}
.s6R .p1{
  font-size: .26rem;
  font-weight: bold;
  color: #e23710;
  text-align: left;
  margin-bottom: .04rem;
  margin-top: -.1rem;
}
.s6R .p2{
  font-size: .18rem;
  color: #333;
  text-align: left;
  width: 3.3rem;
}
.cot6 .s6xq5{
  width: 8.4rem;
}
.s6xq5 .s6R .p2{
  width: 5.6rem;
}
.s6Icon{
  width: 1.67rem;
  margin-top: -.05rem;
  animation: moveY 1s linear infinite alternate;
  -o-animation: moveY 1s linear infinite alternate;
  -moz-animation: moveY 1s linear infinite alternate;
  -webkit-animation: moveY 1s linear infinite alternate;
}
/*sec7*/
.tit7{
  margin: .55rem auto .25rem;
}
.cot7{
  width: 100%;
  height: 2.92rem;
  border: .01rem solid #ffd6a5;
  border-radius: .23rem;
  background: #fff;
  margin-bottom: .3rem;
}
.s7Tb{
  width: 11.58rem;
  margin: .22rem auto 0;
  border-collapse: collapse;
}
.s7Tb tr{
  width: 100%;
}
.s7Tr{
  background: #fff6e5;
}
.s7Tr th{
  height: .6rem;
  height: .6rem;
  font-size: .26rem;
  font-weight: bold;
  color: #e23710;
  position: relative;
}
.s7Tr th::after{
  display: inline-block;
  content: '';
  width: .01rem;
  height: .2rem;
  background: #ffa63c;
  float: right;
  margin-top: .08rem;
}
.s7Tr th:last-child::after{
  display: none;
}
.s7Tr th:first-child {
  border-radius: .12rem 0 0 .12rem; /* 为表头添加顶部圆角 */
  overflow: hidden; /* 确保内容不超出圆角 */
}
.s7Tr th:last-child{
  border-radius: 0 .12rem .12rem 0; /* 为表头添加顶部圆角 */
  overflow: hidden; /* 确保内容不超出圆角 */
}
.s7Tb tr th i{
  font-size: .2rem;
  font-weight: 500;
}
.s7Tb tr th:nth-of-type(3){
  width: 5.2rem;
}
.s7Tb tr td{
  font-size: .18rem;
  color: #333;
  text-align: center;
  line-height: .3rem;
  padding-top: .25rem;
}
.s7Tb tr td p{
  width: 90%;
  margin: 0 auto;
  text-align: left;
}
/*sec8*/
.tit8{
  margin: .55rem auto .36rem;
}
.tit8 h2 {
  margin-left: 2rem;
}
.tit8 h3 {
  margin-right: 2.2rem;
}
.cot8>div{
  display: inline-block;
  width: 100%;
}
.s8T>div{
  display: inline-block;
  width: 5.8rem;
  height: 2.2rem;
  border-radius: .12rem;
  background: linear-gradient(to bottom, #fff7e7, #fffdf9);
  float: left;
}
.s8T{
  margin-bottom: .24rem;
}
.s8T .s8R{
  float: right;
}
.s8img{
  margin-top: .32rem;
  height: .67rem;
}
.s8P{
  font-size: .18rem;
  color: #333;
  text-align: left;
  width: 87%;
  margin: .18rem auto 0;
  border-top: .01rem solid #ffd6a5;
  padding-top: .1rem;
}
.s8B .swiper-container {
  width: 100%;
  height: 2.4rem;
}
.s8B .swiper-slide{
  width: 3.84rem;
}
.s8B .swiper-slide img{
  width: 100%;
}
/* 侧边栏 */
.lfNav {
  position: fixed;
  width: 1.57rem;
  height: 5.37rem;
  background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;
  top: 18%;
  left: 0.2rem;
  z-index: 9
}

.lfNav .close {
  position: absolute;
  top: -.2rem;
  right: -.2rem;
  height: 0.26rem;
  width: 0.26rem;
}
.lfNav .close img {
  width: 100%;
  display: block;
}
.mt185 {
  margin-top: .85rem
}

.nav-bg {
  width: 100%;
  height: 0.49rem;
  display: block;
  float: left;
  clear: both;
}

.nav-bg a {
  width: 66%;
  height: .49rem;
  line-height: .5rem;
  display: block;
  margin: auto;
  font-size: .22rem;
  color: #333;
  text-align: center;
  border-bottom: 0.01rem dashed #cecece
}
.nav-bg a:hover{
  font-weight: bold;
  color: #e74013;
}
.left_top {
  width: 100%;
  height: 0.6rem;
  display: block;
  float: left;
}
/*上下移动*/
@keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-o-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-moz-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}
@-webkit-keyframes moveY{  0%{transform: translateY(-10px);}  100%{transform: translateY(0);}}