<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div,
span {
  box-sizing: border-box;
}
.box {
  overflow: hidden;
  position: relative;
}
.banner {
  height: 816px;
  background: url('../images/banner_bg.png') no-repeat top center;
  box-sizing: border-box;
  padding-top: 98px;
  position: relative;
}
.banner-top {
  box-sizing: border-box;
  width: 532px;
  line-height: 57px;
  border: 1px solid #8B381A;
  margin: auto;
  display: flex;
  text-align: center;
  position: relative;
}
.banner-top:before, .banner-top:after {
  content: '';
  display: block;
  width: 116px;
  height: 18px;
  background: url('../images/arrow.png') no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.banner-top:before {
  left: -136px;
}
.banner-top:after {
  right: -136px;
  transform: rotate(180deg);
}
.banner-fl {
  width: 377px;
  font-size: 40px;
  font-family: FZLanTingHeiS-L-GB;
  color: #121111;
  letter-spacing: 8px;
}
.banner-fr {
  width: 154px;
  background: #512E1B;
  font-size: 40px;
  font-family: FZLanTingHeiS-DB1-GB;
  font-weight: 600;
  color: #F7ECEC;
}
.banner-title {
  margin: 77px auto 28px;
}
.txt img {
  margin: auto;
}
.box-bg {
  background: url('../images/box_bg.jpg') no-repeat top center;
  margin-top: -1px;
}
.title img {
  margin: auto;
}
.box1 .wrap {
  padding: 22px 0 50px;
}
.box1-content {
  margin: 80px 0 0;
  display: flex;
  justify-content: center;
}
.box1-fl {
  position: relative;
  width: 534px;
  height: 630px;
  background: #d8ecfa;
  box-shadow: 0px 0px 76px 0px rgba(199, 219, 232, 0.75);
  box-sizing: border-box;
  padding: 18px;
  /* margin-right: 102px; */
}
.box1-bg {
  background: #fff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 49px 81px 0;
}
.box1-img {
  width: 100%;
  height: 403px;
  background: #814E2C;
  overflow: hidden;
}
.box1-img img {
  width: 100%;
  height: 100%;
  transition: all .4s;
}
.box1-img img:hover {
  transform: scale(1.1);
}
.limit {
  position: absolute;
  top: -33px;
  left: -26px;
  width: 172px;
  height: 182px;
  background: url('../images/xl_bg.png') no-repeat center;
  z-index: 2;
  box-sizing: border-box;
  padding: 18px 16px 0;
}
.limit p {
  font-size: 30px;
  font-family: FZLanTingHeiS-B-GB;
  color: #FDFAFA;
  font-weight: 600;
  line-height: 34px;
}
.ls20 {
  letter-spacing: 20px;
}
.ml40 {
  margin-left: 40px;
}
.limit h2 {
  font-size: 44px;
  font-family: FZLanTingHeiS-B-GB;
  font-weight: 600;
  color: #FDFAFA;
  line-height: 44px;
  margin: 4px 0;
}
.box1-footer {
  position: absolute;
  right: 14px;
  bottom: 18px;
  width: 419px;
  height: 100px;
  background: url('../images/box1_footer.png') no-repeat center;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 88px;
  font-size: 41px;
  font-family: FZLanTingHeiS-B-GB;
  font-weight: 400;
  color: #FDFAFA;
}
.price {
  width: 92px;
  height: 92px;
  border: 1px dashed #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 92px;
  font-size: 60px;
  font-family: FZLanTingHeiS-B-GB;
  font-weight: 600;
  color: #FDFAFA;
  margin-right: 15px;
}
.box1-fr {
  margin-left: 240px;
}
.box1-fr li {
  width: 347px;
  height: 89px;
  background: url('../images/box1_fr_bg.png') no-repeat center;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  padding: 0 80px 0 27px;
  margin-bottom: 70px;
  font-size: 25px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #4C2C1C;
  text-align: center;
}
.li-icon {
  position: absolute;
  left: -144px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 151px;
  height: 165px;
  background: url('../images/icon_bg.png') no-repeat center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box1-fr li:nth-child(even) {
  margin-left: 113px;
}
.box2 .wrap {
  padding: 63px 0 60px;
}
.box2-content {
  margin-top: 54px;
} 
.box2-content li {
  float: left;
  width: 234px;
  height: 415px;
  background: url('../images/box2_bg.png') no-repeat center;
  margin-right: 7px;
  box-sizing: border-box;
  padding: 39px 26px 0;
  text-align: center;
}
.box2-content li:last-child {
  margin-right: 0;
}
.box2-img {
  width: 178px;
  height: 217px;
  background: #F3CDB4;
  overflow: hidden;
  margin-bottom: 20px;
}
.box2-img img {
  width: 100%;
  height: 100%;
  transition: all .3s;
}
.box2-img img:hover {
  transform: scale(1.1);
}
.box2-content li h2 {
  font-size: 22px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 400;
  color: #FBFAF9;
  margin-bottom: 10px;
}
.box2-content li p {
  font-size: 20px;
  font-family: FZLanTingHeiS-L-GB;
  color: #FFFFFF;
  line-height: 29px;
}
.box2-content li:nth-child(even) {
  margin-top: 78px;
}
.box3 .wrap {
  padding: 60px 0 45px;
}
.box3-swiper {
  /* width: 1180px; */
  position: relative;
  margin: 68px auto 0;
}
.course-box {
  width: 318px;
  height: 409px;
  background: url('../images/swiper_bg.png') no-repeat center; 
  background-size: 100%;
  /* box-shadow: 0px 0px 35px 0px #B7E6FB; */
  box-sizing: border-box;
  padding: 59px 22px 25px;
  transform: scale(.6);
  transform-origin: bottom;
}
.swiper-img {
  width: 100%;
  height: 100%;
  background: #fff;
}
.box3 .swiper-slide-prev .course-box {
  transform: scale(.8);
  transform-origin: left bottom;
  z-index: 8;
}

.box3 .swiper-slide-next .course-box {
  transform: scale(.8);
  transform-origin: right bottom;
  z-index: 8;
}

.box3 .swiper-slide-active .course-box {
  transform: scale(1);
  z-index: 9;
}
.swiper-btn {
  width: 154px;
  height: 41px;
  background: #4897D8;
  margin: 44px auto 0;
  position: relative;
}
.box3 .swiper-button-next, .box3 .swiper-button-prev {
  width: 37px;
  height: 17px;
  top: 30%;
  margin-top: 0;
}
.box3 .swiper-button-prev {
  background: url('../images/prev.png') no-repeat center;
  left: 25px;
}
.box3 .swiper-button-next {
  background: url('../images/next.png') no-repeat center;
  right: 25px;
}
.box4 .wrap {
  padding: 40px 0 50px;
}
.box4-content {
  display: flex;
  margin-top: 50px;
  background: #fff;
  box-shadow: 0px 0px 51px 0px #C5E4F3;
}
.box4-fl {
  width: 486px;
  height: 631px;
  background: #5d9fe7;
  box-sizing: border-box;
  padding: 34px 60px 0;
}
.tea-img {
  width: 359px;
  background: url('../images/tea_bg.png') no-repeat bottom center;
  margin: auto;
  position: relative;
}
.tea-img img {
  margin: auto;
}
.tea-name {
  position: absolute;
  top: 73px;
  right: 45px;
  font-size: 22px;
  font-family: FZLanTingHeiS-DB-GB;
  color: #482B1A;
}
.tea-detail {
  text-align: center;
  box-sizing: border-box;
  padding: 40px 35px 0;
  color: #F9FBFC;
}
.tea-detail h2 {
  color: #F9FBFC;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 5px;
}
.tea-detail p {
  font-size: 15px;
  line-height: 26px;
  color: #F9FBFC;
  text-align: center;
}
.box4-fr {
  width: 717px;
  box-sizing: border-box;
  padding: 30px 33px 0 68px;
}
.box4-fr table {
  width: 100%;
  text-align: center;
  word-break: break-all;
}
.box4-fr table thead {
  background: #5d9fe7;
}
.box4-fr table thead th {
  height: 54px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: FZLanTingHeiS-DB-GB;
  /* font-weight: 400; */
  color: #F2F4F8;
}
.box4-fr table tbody td {
  height: 41px;
  font-size: 18px;
  font-family: FZLanTingHeiS-DB-GB;
  font-weight: 600;
  color: #472819;
}
.box4-fr table tbody tr {
  background: #fff;
}
.box4-fr table tbody tr:nth-child(even) {
  background: #b9d3e9;
} 
.box4-fr table tbody tr:nth-child(even) td:nth-child(2) {
  background: #cadded;
}
.box4-fr table tbody td:nth-child(1) {
  width: 149px;
}
.box5 &gt; .wrap {
  padding: 40px 0 59px;
}
.box5-content {
  background: url('../images/box5_f.png') no-repeat bottom center;
  padding: 0 0 290px;
}
.box5-content .wrap {
  display: flex;
  justify-content: center;
}
.box5-fl {
  width: 509px;
  height: 627px;
  background: url('../images/box5_fl.png') no-repeat center;
  margin-right: 56px;
  box-sizing: border-box;
  padding: 0 30px;
}
.box5-head {
  font-size: 28px;
  font-family: FZLanTingHeiS-DB1-GB;
  color: #F5F8FB;
  line-height: 74px;
}
.box5-word {
  padding: 10px 0 0;
  font-size: 20px;
  font-family: FZLanTingHeiS-L-GB;
  color: #000000;
  line-height: 40px;
  letter-spacing: -1px;
}
.box5-fl-code {
  margin: 80px auto 0;
  width: 229px;
}
.box5-fr {
  width: 400px;
  height: 627px;
  background: url('../images/box5_fr.png') no-repeat center;
  box-sizing: border-box;
  padding: 36px 48px 0 52px;
}
.box5-fr-word {
  width: 281px;
  height: 151px;
  border: 2px solid #fff;
  box-sizing: border-box;
  padding: 15px 20px;
  margin: 98px auto 0;
  text-align: center;
  color: #fff;
}
.box5-fr-word h2 {
  font-size: 28px;
  margin-bottom: 5px;
  font-weight: 400;
}
.box5-fr-word p {
  font-size: 24px;
  line-height: 36px;
}
.box6 {
  margin-top: -60px;
}
.box6-content {
  height: 245px;
  margin: 63px 0 50px;
  background: url('../images/box6_bg.png') no-repeat center;
  box-sizing: border-box;
  padding: 42px 40px;
}
.about-tab .tab-hd {
  font-size: 24px;
  display: flex;
  align-items: center;
  height: 69px;
  color: #F9FBFC;
  margin-bottom: 40px;
}
.about-tab .tab-hd select {
  min-width: 405px;
  height: 69px;
  text-indent: 20px;
  margin-left: 15px;
  background: #fff;
  border-radius: 5px;
  color: #333;
  font-size: 24px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff url('../images/select_bg.png') 95% center no-repeat;
  border: none;
}
  .about-tab .tab-bd {
  font-size: 24px;
  line-height: 2;
}
.about-tab .tab-bd a {
  color: #F9FBFC;
}
.f-dn {
  display: none !important;
}
.tab-box {
  color: #F9FBFC;
  font-size: 24px;
  position: relative;
  width: 630px;
  line-height: 30px;
}
.phone {
  width: 467px;
  position: absolute;
  right: -520px;
  top: -90px;
}
.phone p {
  margin-bottom: 60px;
}


@media only all and (max-width:1080px) {
  .banner {
    height: 13.1rem;
    background-size: 170%;
    padding-top: 1.5rem;
  }
  .banner-top {
    width: 12rem;
    line-height: 1.5rem;
  }
  .banner-top:before, .banner-top:after {
    width: 3rem;
    height: .5rem;
    background-size: 100%;
  }
  .banner-top:before {
    left: -3.5rem;
  }
  .banner-top:after {
    right: -3.5rem;
  }
  .banner-fl {
    width: 70%;
    font-size: .9rem;
    letter-spacing: .2rem;
  }
  .banner-fr {
    width: 35%;
    font-size: .9rem;
  }
  .banner-title {
    width: 100%;
    margin: .5rem auto .7rem;
  }
  .txt img {
    width: 80%;
    margin: auto;
  }
  .box-bg {
    background-size: 170%;
    background-repeat: repeat-y;
    margin-top: -2px;
  }
  .title img {
    height: 2.5rem;
    margin: auto;
  }
  .box1 .wrap {
    padding: .5rem 0 1rem;
  }
  .box1-content {
    margin: 1rem 0 0;
    display: block;
  }
  .box1-fl {
    position: relative;
    width: 80%;
    height: 17rem;
    box-shadow: 0px 0px 2rem 0px rgba(199, 219, 232, 0.75);
    padding: .5rem;
    margin: auto;
  }
  .box1-bg {
    padding: 1rem 1.7rem 0;
  }
  .box1-img {
    width: 100%;
    height: 12rem;
  }
  .limit {
    top: -1rem;
    left: -.5rem;
    width: 4.5rem;
    height: 5rem;
    background-size: 100%;
    padding: .4rem .3rem 0;
  }
  .limit p {
    font-size: .7rem;
    line-height: .9rem;
  }
  .ls20 {
    letter-spacing: .5rem;
  }
  .ml40 {
    margin-left: 1rem;
  }
  .limit h2 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin: .2rem 0;
  }
  .box1-footer {
    right: .5rem;
    bottom: .5rem;
    width: 10rem;
    height: 2.5rem;
    background-size: 100%;
    padding-left: 2rem;
    font-size: 1rem;
  }
  .price {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    line-height: 2.4rem;
    font-size: 1.5rem;
    margin-right: .4rem;
  }
  .box1-fr {
    margin-left: 4rem;
    margin-top: 1rem;
  }
  .box1-fr li {
    width: 80%;
    height: 2.4rem;
    background-size: 100%;
    padding: 0 2.4rem 0 .5rem;
    margin-bottom: 1.5rem;
    font-size: .8rem;
  }
  .li-icon {
    position: absolute;
    left: -3.2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.5rem;
    height: 3.8rem;
    background-size: 100%;
  }
  .box1-fr li:nth-child(even) {
    margin-left: 3rem;
  }
  .box2 .wrap {
    padding: 1rem 0;
  }
  .box2-content {
    margin-top: 1rem;
  } 
  .box2-content li {
    width: 46%;
    height: 13.5rem;
    background-size: 100%;
    margin: 2%;
    padding: 1rem .8rem 0;
  }
  .box2-img {
    width: 100%;
    height: 8rem;
    margin-bottom: .5rem;
  }
  .box2-content li h2 {
    font-size: .8rem;
    margin-bottom: .25rem;
  }
  .box2-content li p {
    font-size: .7rem;
    line-height: .9rem;
  }
  .box2-content li:nth-child(even) {
    margin-top: 1.5rem;
  }
  .box3 .wrap {
    padding: .5rem 0 ;
  }
  .box3-swiper {
    margin: 2rem auto 0;
  }
  .course-box {
    width: 100%;
    height: 15rem;
    background-size: 100%;
    padding: 2rem .5rem .8rem;
  }
  .box3-swiper .swiper-slide-active {
    z-index: 9;
  }
  .swiper-btn {
    width: 4rem;
    height: 1.4rem;
    margin: 1rem auto 0;
  }
  .box3 .swiper-button-next, .box3 .swiper-button-prev {
    width: 1rem;
    height: .45rem;
  }
  .box3 .swiper-button-prev {
    background-size: 100%;
    left: .6rem;
  }
  .box3 .swiper-button-next {
    background-size: 100%;
    right: .6rem;
  }
  .box4 .wrap {
    padding: 1rem 0 ;
  }
  .box4-content {
    display: block;
    margin-top: 1rem;
    box-shadow: 0px 0px 1rem 0px #C5E4F3;
  }
  .box4-fl {
    width: 100%;
    height: auto;
    padding: 1rem 1rem 0;
  }
  .tea-img {
    width: 80%;
    background-size: 100%;
  }
  .tea-img img {
    width: 60%;
    margin: auto;
  }
  .tea-name {
    top: 2rem;
    right: 1rem;
    font-size: .8rem;
  }
  .tea-detail {
    padding: 1rem;
  }
  .tea-detail h2 {
    font-size: .9rem;
    margin-bottom: .1rem;
  }
  .tea-detail p {
    font-size: .7rem;
    line-height: .9rem;
  }
  .box4-fr {
    width: 100%;
    padding: 1rem .5rem;
  }
  .box4-fr table thead th {
    height: 1.8rem;
    font-size: .7rem;
  }
  .box4-fr table tbody td {
    height: 1.4rem;
    font-size: .7rem;
  }
  .box4-fr table tbody td:nth-child(1) {
    width: 20%;
  }
  .box5 &gt; .wrap {
    padding: 1rem 0 ;
  }
  .box5-content {
    background-size: 120%;
    padding: 0 0 4rem;
  }
  .box5-content .wrap {
    display: block;
  }
  .box5-fl {
    width: 86%;
    height: 19rem;
    background-size: 100% 100%;
    margin:  0 auto;
    padding: 0 .5rem;
  }
  .box5-head {
    font-size: .9rem;
    line-height: 2rem;
  }
  .box5-word {
    padding: .25rem 0 0;
    font-size: .8rem;
    line-height: 1.1rem;
  }
  .box5-fl-code {
    margin: 1.5rem auto 0;
    width: 50%;
  }
  .box5-fl-code img {
    width: 100%;
  }
  .box5-fr {
    width: 60%;
    height: 17rem;
    background-size: 100%;
    margin: 1rem auto 0;
    padding: 2rem 1rem 0 1rem;
  }
  .box5-fr-code {
    width: 80%;
    margin: auto;
  }
  .box5-fr-code img {
    width: 100%;
  }
  .box5-fr-word {
    width: 70%;
    height: 4rem;
    border: 2px solid #fff;
    padding: .4rem .5rem;
    margin: 2.5rem auto 0;
  }
  .box5-fr-word h2 {
    font-size: .8rem;
    margin-bottom: .1rem;
  }
  .box5-fr-word p {
    font-size: .7rem;
    line-height: .9rem;
  }
  .box6 {
    margin-top: -1.5rem;
  }
  .box6 .title img {
    width: 100%;
    height: auto;
  }
  .box6-content {
    height: auto;
    margin: 1rem 0;
    background-size: auto 100%;
    padding: 1rem;
  }
  .about-tab .tab-hd {
    font-size: .8rem;
    height: 1.5rem;
    margin-bottom: 1rem;
  }
  .about-tab .tab-hd select {
    min-width: 80%;
    height: 1.5rem;
    text-indent: .5rem;
    margin-left: .4rem;
    border-radius: .1rem;
    font-size: .8rem;
    background-size: .8rem;
  }
    .about-tab .tab-bd {
    font-size: .8rem;
    line-height: 2;
  }
  .tab-box {
    font-size: .8rem;
    width: 100%;
    line-height: 1.2rem;
  }
  .phone {
    width: 100%;
    position: static;
  }
  .phone p {
    margin-bottom: 0;
  }
  
}</pre></body></html>