@charset "utf-8";
.banner-swiper .swiper-slide {
  position: relative;
}
.banner-swiper .img {
  overflow: hidden;
}
.banner-swiper .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + 2.727rem));
  opacity: 0;
  z-index: 2;
}
.banner-swiper .banTxt {
  width: 54.1%;
  margin: 0 auto;
}
.banner-swiper .photo-info {
  position: absolute;
  left: 50%;
  bottom: 4.7%;
  transform: translateX(-50%);
  color: #fff;
  line-height: 2;
}
.banner-swiper .swiper-slide-active .txt {
  animation: banTxt 1.5s ease both 0.2s;
}
.banner-swiper .swiper-slide-active .img img {
  animation: banscale 2.5s ease both 0.3s;
}
.banner-swiper .swiper-pagination {
  position: absolute;
  left: 50%;
  bottom: 5.2%;
  transform: translateX(-50%);
  display: none;
}
.banner-swiper .swiper-pagination.show {
  display: block;
}
.banner-swiper .swiper-pagination-bullet {
  position: relative;
  width: 1.727rem;
  height: 1.727rem;
  border-radius: 50%;
  margin-left: 0 !important;
  margin-right: 1.136rem !important;
  background-color: transparent;
  opacity: 1;
}
.banner-swiper .swiper-pagination-bullet:last-of-type {
  margin-right: 0 !important;
}
.banner-swiper .swiper-pagination-bullet::before,
.banner-swiper .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-sizing: border-box;
}
.banner-swiper .swiper-pagination-bullet::before {
  width: 21%;
  height: 21%;
  background-color: #fff;
}
.banner-swiper .swiper-pagination-bullet::after {
  width: 0;
  height: 0;
  border: 0.045rem solid #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.banner-swiper .swiper-pagination-bullet-active::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.qua-level {
  padding: 3.364rem 0 4.773rem;
}
.level-item .img img {
  width: auto;
  height: 3.818rem;
  margin: 0 auto;
  object-fit: contain;
}
.level-item .le-name {
  font-family: 'AlibabaPuHuiTi-L';
  line-height: 1.4;
  margin-top: 1.045rem;
}
.iAbout {
  overflow: hidden;
}
.iabL {
  position: relative;
  width: 64.9%;
}
.iabL .iab-btns {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.iabL .iab-btn {
  position: relative;
  display: block;
  width: 2.545rem;
  height: 2.545rem;
  background-color: #A0A0A0;
  margin-bottom: 0.045rem;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.iabL .iab-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 0.455rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .iabL .iab-btn:hover {
    background-color: #018837;
  }
}
.iabL .ibtn-more i {
  font-size: 0.636rem;
}
.iabL .ibtn-prev {
  margin-bottom: 0;
}
.iab-swiper .swiper-slide {
  position: relative;
}
.iab-swiper .img {
  position: relative;
  overflow: hidden;
}
.iab-swiper .img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 12.091rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.7;
}
.iab-swiper .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6.75%;
  line-height: 1.4;
  padding: 0 1.9% 0 11.3%;
  color: #fff;
  z-index: 2;
}
.iab-swiper .txL {
  flex: 1;
}
.iab-swiper .descri {
  font-family: 'AlibabaPuHuiTi-L';
  margin-top: 0.409rem;
}
.iab-swiper .photo {
  flex-shrink: 0;
  margin-left: 0.909rem;
  opacity: 0.5;
}
.iabR {
  width: 32.6%;
  margin-left: 2.5%;
}
.iabR .iabT {
  padding-right: 10.4%;
}
.iabR .iab-links {
  flex-shrink: 0;
}
.iabR .iab-link {
  position: relative;
  display: block;
  width: 2.318rem;
  height: 2.318rem;
  border-radius: 50%;
  background-color: #C9C9C9;
  margin-bottom: 0.591rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.iabR .iab-link:last-of-type {
  margin-bottom: 0;
}
.iabR .iab-link i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .iabR .iab-link:hover {
    background-color: #018837;
  }
}
.iabR .icom-tit .tit-img {
  height: 8rem;
}
.iabB {
  margin-top: 0.364rem;
}
.ab-map {
  position: relative;
}
.ab-map .place {
  position: absolute;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ab-map .place.active {
  margin-left: -1.95vw;
  margin-top: -1.95vw;
  z-index: -1;
}
.ab-map .place.active .dw {
  display: block;
}
.ab-map .place.active .place-name {
  color: #018837;
}
.ab-map .dw {
  display: none;
  width: 3.9vw;
  margin-right: 0.636rem;
}
.ab-map .dw-t {
  flex-direction: column;
}
.ab-map .dw-t .dw {
  margin-bottom: 0.227rem;
}
.ab-map .place-name {
  color: #585858;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}
.iguide {
  margin-top: 7.591rem;
}
.iguide .icom-tit .tit-img {
  height: 7.5rem;
}
.iguide .igui-intro {
  width: 48.5%;
  font-family: 'AlibabaPuHuiTi-L';
}
.iguide-box {
  position: sticky;
  position: -webkit-sticky;
  top: 8.182rem;
}
.iguide-item {
  position: -webkit-sticky;
  position: sticky;
  top: 8.182rem;
  overflow: hidden;
  z-index: 2;
}
.iguide-item .img {
  position: relative;
}
.iguide-item .img::before,
.iguide-item .img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.iguide-item .img::before {
  height: 100%;
  background-color: #000000;
  opacity: 0.24;
}
.iguide-item .img::after {
  height: 30.3%;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.36;
}
.iguide-item .txt {
  position: absolute;
  left: 50%;
  bottom: 11%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 6.5%;
  color: #fff;
  z-index: 1;
}
.iguide-item .gui-name {
  padding: 0.045rem 0.182rem;
  background-color: #018837;
}
.iguide-item .gui-decri {
  line-height: 1.25;
  font-family: 'AlibabaPuHuiTi-M';
  margin-top: 1.091rem;
}
.iguide-item .com-more {
  margin-top: 2.409rem;
}
.igui-navs {
  position: sticky;
  position: -webkit-sticky;
  top: 11.136rem;
  transform: translateY(6.818rem);
  left: 0;
  right: 0;
  padding: 0 6.5%;
  z-index: 10;
}
.igui-nav {
  margin-right: 2.545rem;
}
.igui-nav:last-of-type {
  margin-right: 0;
}
.igui-nav .ico {
  position: relative;
  width: 3.636rem;
  height: 3.636rem;
  border-radius: 50%;
  border: 0.045rem solid #fff;
  box-sizing: border-box;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.igui-nav .ico i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.045rem;
}
.igui-nav .nav-name {
  line-height: 1.4;
  margin-top: 0.455rem;
  color: #fff;
}
.igui-nav.active .ico {
  background-color: #018837;
  border-color: #018837;
}
.card-anchors {
  position: absolute;
  inset: 0%;
}
.iNews {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center -6.2%;
  padding-top: 5.409rem;
}
.iNews .icom-tit .tit-img {
  height: 8.182rem;
  margin: 0 auto;
}
.inew-box {
  position: relative;
  margin-top: 3.182rem;
  isolation: isolate;
}
.inew-box .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.inew-box .bg-img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.25;
  z-index: 1;
}
.inew-box .bg-img .photo {
  position: absolute;
  left: 0.909rem;
  top: 0.909rem;
  color: rgba(255, 255, 255, 0.75);
}
.inew-item {
  position: relative;
  display: block;
  perspective: 13.636rem;
  transform-style: preserve-3d;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  overflow: hidden;
  isolation: isolate;
}
.inew-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 250%;
  height: 100%;
  transform: skewX(-25deg);
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.8s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.inew-item::before {
  left: -300%;
}
.inew-item::after {
  right: -300%;
}
.inew-item .date {
  padding: 0.045rem 0.227rem;
  background-color: #A0A0A0;
  color: #fff;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inew-item .name {
  font-family: 'AlibabaPuHuiTi-M';
  line-height: 1.25;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.682rem;
}
.inew-item .des {
  font-family: 'AlibabaPuHuiTi-L';
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 2.227rem;
}
.inew-item .more {
  color: #fff;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .inew-item:hover::before {
    left: -100%;
  }
  .inew-item:hover .date {
    background-color: #018837;
  }
}
.inewL {
  width: 66.7%;
  padding: 10rem 25.7% 9.955rem 12.4%;
}
.inewL .name {
  height: 5.455rem;
}
.inewL .des {
  height: 4.455rem;
}
.inewL .com-more {
  margin-top: 2.5rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .inewL:hover .com-more {
    border-color: #018837;
  }
  .inewL:hover .com-more::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.inewR {
  width: 33.3%;
}
.inewR .inew-item {
  position: relative;
  height: 50%;
  padding: 3.773rem 11.3% 0.909rem 8.9%;
  background-color: rgba(238, 238, 238, 0.1);
}
.inewR .inew-item:not(:last-of-type) {
  border-bottom: 0.045rem solid rgba(238, 238, 238, 0.1);
}
.inewR .inew-item .dot::before,
.inewR .inew-item .dot::after {
  content: '';
  position: absolute;
  width: 0.364rem;
  height: 0.364rem;
  background-color: #fff;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.inewR .inew-item .dot1::before {
  top: 3.8%;
  left: 1.9%;
}
.inewR .inew-item .dot1::after {
  top: 3.8%;
  right: 1.9%;
}
.inewR .inew-item .dot2::before {
  bottom: 3.8%;
  left: 1.9%;
}
.inewR .inew-item .dot2::after {
  bottom: 3.8%;
  right: 1.9%;
}
.inewR .inew-item .name {
  height: 3.409rem;
}
.inewR .inew-item .more {
  display: inline-block;
  margin-top: 6.227rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .inewR .inew-item:hover .dot::before,
  .inewR .inew-item:hover .dot::after {
    background-color: #018837;
  }
}
.ifocus {
  position: relative;
  padding: 3.682rem 0 3.409rem;
  color: #fff;
  isolation: isolate;
}
.ifocus::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000000;
  opacity: 0.65;
  z-index: -1;
}
.ifocusL {
  width: 51.8%;
}
.ifocusL .p1 {
  font-family: 'AlibabaPuHuiTi-M';
}
.ifocusL .p2 {
  font-family: 'AlibabaPuHuiTi-L';
  margin-top: 1.273rem;
}
.ifocusR {
  width: 30.6%;
  margin-left: 17.6%;
}
.ifoc-item {
  margin-right: 2.045rem;
}
.ifoc-item:last-of-type {
  margin-right: 0;
}
.ifoc-item .img {
  width: 4.409rem;
  margin: 0 auto;
}
.ifoc-item p {
  line-height: 1.4;
  margin-top: 0.682rem;
}
.ab-section1 {
  background-size: 77% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.ab-section1 .icom-tit .tit-img {
  width: 22.909rem;
}
.ab-section1 .ab-secR {
  width: 48.5%;
}
.ab-section1 .ab-intro1 {
  line-height: 1.67;
}
.ab-section1 .ab-intro2 {
  margin-top: 6.273rem;
}
.ab-section2 {
  position: relative;
  padding: 12.091rem 0 11.727rem;
  isolation: isolate;
}
.ab-section2 .bg-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  isolation: isolate;
  z-index: -1;
}
.ab-section2 .bg-img::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: rgba(55, 55, 55, 0.16);
  backdrop-filter: blur(0.636rem);
  z-index: 1;
}
.ab-section2 .ptoho {
  position: absolute;
  right: 0.909rem;
  bottom: 0.909rem;
  color: rgba(255, 255, 255, 0.75);
}
.ab-section2 .txt {
  width: 42.4%;
}
.ab-section2 .name {
  color: #fff;
  line-height: 1.4;
}
.ab-section2 .ab-intro3 {
  line-height: 2.2;
  color: #fff;
  margin-top: 2.364rem;
}
.ab-section3 {
  background-size: 69.3% auto;
  background-position: left center;
  background-repeat: no-repeat;
}
.ab-section3 .inn-ab {
  width: 84.8%;
  margin: 0 auto;
}
.ab-section3 .ab-intro {
  margin-top: 3.864rem;
}
.ab-section3 .ab-secl {
  width: 35.2%;
  padding-top: 7.273rem;
}
.ab-section3 .ab-secr {
  width: 47.8%;
  margin-left: 17%;
}
.ab-section3 .ab-img {
  position: relative;
}
.ab-section3 .ab-img .photo {
  position: absolute;
  right: 0.909rem;
  bottom: 0.909rem;
  color: rgba(255, 255, 255, 0.75);
}
.ab-section3 .ab-intro2 {
  margin-top: 7.091rem;
}
.num-items .line {
  width: 0.045rem;
  height: 3.182rem;
  background-color: #D2D2D2;
}
.num-item .numName {
  color: #666666;
  font-family: 'AlibabaPuHuiTi-L';
  line-height: 1.4;
}
.num-item .numB {
  line-height: 1;
  color: #018837;
}
.num-item .num {
  vertical-align: middle;
}
.geo-ab {
  background-size: 77% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.geo-ab .geo-intro {
  width: 44.2%;
}
.geo-feature {
  position: relative;
}
.geo-feature .fea-img-box {
  position: absolute;
  right: 7.05vw;
  transform: translateY(-64.6%);
  width: 43.1%;
  z-index: 2;
}
.fea-section {
  position: relative;
}
.fea-section .fea-txt {
  position: absolute;
  left: 7.05vw;
  bottom: 0;
  width: 31.25%;
  height: 25.455rem;
  padding: 4.864rem 3.75% 4.682rem;
  background: #018837 url(../img/fea-dw.png) no-repeat center;
  background-size: cover;
  color: #fff;
}
.fea-section .fea-intro {
  margin-top: 5.591rem;
}
.geo-landform .landL {
  position: relative;
  width: 49.5%;
  padding-left: 1.955rem;
  padding-right: 2%;
  border-left: 0.045rem solid #D2D2D2;
  margin-left: 4.4%;
}
.geo-landform .com-tit {
  position: relative;
}
.geo-landform .com-tit::before {
  content: '';
  position: absolute;
  left: -2.045rem;
  top: 0;
  bottom: 0;
  width: 0.136rem;
  height: 100%;
  background-color: #018837;
}
.geo-landform .landR {
  width: 46.1%;
}
.geo-landform .land-intro {
  width: 43.6%;
  margin-top: 5.227rem;
}
.geo-landform .land-img {
  position: relative;
  margin-top: 2.045rem;
}
.geo-landform .land-pic {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.geo-landform .land-pic:nth-of-type(1) {
  left: 0;
  bottom: 0;
  width: 55.7%;
}
.geo-landform .land-pic:nth-of-type(2) {
  left: 41.8%;
  top: 15.2%;
  width: 48%;
}
.geo-landform .land-pic:nth-of-type(3) {
  right: 0;
  bottom: 0;
  width: 55.4%;
}
.geo-landform .land-pic.select {
  opacity: 1;
  visibility: visible;
}
.land-list {
  border-bottom: 0.045rem solid #D2D2D2;
}
.land-list .ladT {
  line-height: 1.2;
  padding: 1.818rem 0 1.364rem;
  cursor: pointer;
}
.land-list .num {
  color: #018837;
  flex-shrink: 0;
  margin-right: 1.136rem;
}
.land-list .ladB {
  display: none;
  padding-bottom: 2.5rem;
}
.hydrology .fea-txt {
  left: auto;
  right: 7.05vw;
  background: #018837 url(../img/fea-dw2.png) no-repeat center;
}
.hydr-box {
  padding: 4.773rem 0 7.955rem;
}
.hydr-box .hydr-intro1 {
  width: 56.5%;
  margin: 0 auto;
}
.hydr-box .hy-img-box1 {
  width: 57.6%;
  margin: 3.955rem auto 0;
}
.hydr-box .hy-img-box2 {
  width: 26%;
  margin-left: 6.2%;
  margin-top: -3.5rem;
}
.hydr-box .hydr-intro2 {
  width: 38.2%;
  margin-top: -3.091rem;
  margin-left: 50%;
}
.lsL {
  width: 46.4%;
}
.lsL .lsPic {
  width: 43.1%;
}
.lsL .intro1 {
  width: 51%;
  line-height: 1.67;
  margin-left: 5.9%;
  margin-top: 2.045rem;
}
.lsR {
  position: relative;
  width: 44.2%;
  padding-left: 6.8%;
  margin-left: 9.4%;
  border-left: 0.045rem solid #D2D2D2;
}
.lsR .num-item {
  width: 50%;
}
.lsR .intro2 {
  margin-top: 2.545rem;
}
.famous-box {
  position: relative;
}
.famous-box .txt {
  position: absolute;
  left: 50%;
  bottom: 20%;
  transform: translateX(-50%);
  color: #fff;
}
.famous-box .fam-intro {
  width: 28.2%;
}
.famous-item {
  position: relative;
  width: 31.2%;
  padding-top: 1.818rem;
  margin-right: 3.2%;
  padding-bottom: 4.545rem;
  isolation: isolate;
}
.famous-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.045rem;
  background-color: #666666;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.famous-item:nth-of-type(3n) {
  margin-right: 0;
}
.famous-item .mr-item {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.famous-item .mlL {
  line-height: 1.4;
}
.famous-item .name,
.famous-item .date {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.famous-item .date {
  color: #666666;
  margin-top: 0.5rem;
}
.famous-item .img {
  width: 4.545rem;
  height: 4.545rem;
  border-radius: 50%;
  overflow: hidden;
}
.famous-item .img img {
  height: 100%;
  object-fit: cover;
}
.famous-item .ho-item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 1.818rem 5.8% 4.091rem;
  background: url(../img/mr-bg.jpg) no-repeat center;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.famous-item .ho-item .name,
.famous-item .ho-item .date,
.famous-item .ho-item .mr-intro {
  color: #fff;
}
.famous-item .mr-intro {
  margin-top: 2.682rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .famous-item:hover {
    z-index: 2;
  }
  .famous-item:hover::before {
    width: 0;
    opacity: 0;
    visibility: hidden;
  }
  .famous-item:hover .ho-item {
    opacity: 1;
    visibility: visible;
  }
}
.com-sectionT .img {
  width: 39.6%;
}
.com-sectionT .txt {
  width: 48.5%;
  margin: 2.409rem 0 7.455rem;
}
.com-sectionT .sect-intro {
  margin-top: 2.682rem;
}
.folkway-item {
  position: -webkit-sticky;
  position: sticky;
  top: 6.818rem;
  padding-top: 6.818rem;
  border-bottom: 0.045rem solid #D2D2D2;
}
.folkway-item:nth-of-type(odd) {
  background-color: #F2F2F2;
}
.folkway-item:nth-of-type(even) {
  background-color: #fff;
}
.folkway-item .txt {
  width: 39.4%;
  margin-right: 4.8%;
  padding-bottom: 3.636rem;
}
.folkway-item .img {
  width: 55.8%;
}
.folkway-item .des {
  width: 69.2%;
  margin-top: 6.727rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.folkway-item .com-more {
  color: #666666;
  border-color: rgba(0, 0, 0, 0.45);
  margin-top: 2.5rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .folkway-item:hover .com-more {
    border-color: #018837;
    color: #fff;
  }
  .folkway-item:hover .com-more::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.special .img {
  width: 39%;
}
.special .txt {
  width: 48.5%;
}
.speFood {
  border-top: 0.045rem solid #D2D2D2;
  margin-top: 1.364rem;
}
.speFood .speTabs {
  margin-top: -1.5rem;
}
.speFood .speTab {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding: 0 2.545rem;
  border-radius: 1.5rem;
  box-sizing: border-box;
  margin-right: 0.909rem;
  background-color: #fff;
  border: 0.045rem solid #000000;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.speFood .speTab:last-of-type {
  margin-right: 0;
}
.speFood .speTab.active {
  color: #fff;
  border-color: #018837;
  background-color: #018837;
}
.speFood-wrap {
  position: relative;
  margin-top: 4.545rem;
  overflow: hidden;
}
#cursorCir {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 6.818rem;
  height: 6.818rem;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 48.94%, rgba(255, 255, 255, 0.35) 100%);
  backdrop-filter: blur(0.455rem);
  will-change: transform;
  pointer-events: none;
  z-index: 99999;
}
#cursorCir i {
  display: inline-block;
  color: #fff;
  vertical-align: top;
  line-height: 1;
}
#cursorCir .ico1,
#cursorCir .ico3 {
  font-size: 0.455rem;
}
#cursorCir .ico2 {
  font-size: 1.455rem;
  margin: 0 0.636rem;
}
#cursorCir.isLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.speFo-box {
  display: none;
}
.speFo-box.select {
  display: block;
  animation: fadeIn 1s ease both;
}
.spe-swiper .spe-item {
  width: auto;
}
.spe-swiper .txt {
  background-color: #fff;
  margin-top: 0.909rem;
}
.spe-swiper i {
  font-size: 1.273rem;
  margin-left: 0.636rem;
}
.newsTop {
  background-color: #F2F2F2;
}
.tnew-item {
  width: 23.575%;
  margin-right: 1.9%;
  margin-top: 3.636rem;
  background-color: #fff;
  box-shadow: 0rem 0.455rem 0.909rem 0.045rem #D2D2D2;
}
.tnew-item:nth-of-type(4n) {
  margin-right: 0;
}
.tnew-item .txt {
  padding: 2rem 6.4% 1.818rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.tnew-item .name {
  height: 3.591rem;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.tnew-item .date {
  line-height: 1.2;
  margin-top: 3.409rem;
}
.tnew-item .year {
  color: #999999;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.tnew-item .mouth {
  color: #666666;
  margin-top: 0.182rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .tnew-item:hover .txt {
    background-color: #018837;
  }
  .tnew-item:hover .name,
  .tnew-item:hover .year,
  .tnew-item:hover .mouth {
    color: #fff;
  }
}
.new-item {
  position: relative;
  padding: 3.091rem 0;
}
.new-item::before,
.new-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item::before {
  width: 100%;
  background-color: #D2D2D2;
}
.new-item::after {
  width: 0;
  background-color: #018837;
}
.new-item .date {
  width: 24.9%;
  line-height: 1.2;
}
.new-item .year {
  color: #999999;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item .mouth {
  color: #666666;
  margin-top: 0.182rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item .txt {
  width: 32.7%;
}
.new-item .name,
.new-item .des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-item .name {
  line-height: 1.4;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item .des {
  margin-top: 1.545rem;
}
.new-item .ico {
  display: inline-block;
  line-height: 1;
  font-size: 1.273rem;
  margin-top: 2.955rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.new-item .pic {
  width: 24.8%;
  margin-left: 17.6%;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .new-item:hover::after {
    width: 100%;
  }
  .new-item:hover .name {
    color: #018837;
  }
  .new-item:hover .ico {
    color: #018837;
  }
}
.infoListT {
  position: relative;
  padding-top: 3.182rem;
  isolation: isolate;
}
.infoListT .bg-ico {
  left: 7.05vw;
  top: auto;
  bottom: -1.045rem;
}
.infoListT .position {
  margin-top: 0;
}
.infoListT .position a {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .infoListT .position a:hover {
    color: #018837;
  }
}
.infoListT .name {
  font-family: 'AlibabaPuHuiTi-M';
  text-align: center;
  line-height: 1.4;
  margin-top: 5.091rem;
}
.infoListB {
  padding: 4.318rem 0 10.909rem;
}
.infoListB .paging {
  padding-top: 3.091rem;
  margin-top: 4.364rem;
  border-top: 0.045rem solid #D2D2D2;
}
.infoListB .page-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.infoListB .next {
  margin-top: 0.5rem;
}
.infoListB .page-link {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .infoListB .page-link:hover {
    color: #018837;
  }
}
.infoB-wrap {
  width: 60.6%;
  margin: 0 auto;
}
.scenicSpot {
  position: relative;
  padding-top: 9rem;
  padding-bottom: 3.273rem;
  isolation: isolate;
}
.scenicSpot .position {
  text-align: right;
  color: #fff;
}
.scenicSpot .position i {
  color: #fff;
}
.scen-swiper1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}
.scen-swiper1::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(1.182rem);
  z-index: 2;
}
.scen-swiper1 .img {
  height: 100%;
}
.scen-swiper1 .img img {
  height: 100%;
  object-fit: cover;
}
.scen-box {
  position: relative;
}
.scen-box .swi-btn {
  position: absolute;
  top: 38%;
  transform: translateY(-50%);
  width: 3.409rem;
  height: 3.409rem;
  z-index: 2;
}
.scen-box .swi-btn i {
  font-size: 1.273rem;
}
.scen-box .swi-btn.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
.scen-box .swi-prev {
  left: 1.8vw;
}
.scen-box .swi-next {
  right: 3.8vw;
}
.scen-swiper2 .img {
  display: block;
}
.scen-swiper2 .txt {
  position: relative;
  line-height: 1.4;
  color: #fff;
  padding-top: 1.364rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.scen-swiper2 .txt::before,
.scen-swiper2 .txt::after {
  content: '';
  position: absolute;
  left: 4.65%;
  top: -2rem;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.scen-swiper2 .txt::before {
  width: 0.045rem;
  background-color: #D2D2D2;
}
.scen-swiper2 .txt::after {
  width: 0.136rem;
  margin-left: -0.045rem;
  background-color: #fff;
}
.scen-swiper2 .name,
.scen-swiper2 .des {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.scen-swiper2 .des,
.scen-swiper2 .more {
  transform: translateY(0.455rem);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.scen-swiper2 .des {
  margin-top: 0.455rem;
}
.scen-swiper2 .more {
  display: inline-block;
  margin-top: 1.364rem;
}
.scen-swiper2 .swiper-slide-thumb-active .txt {
  padding-left: 9.3%;
}
.scen-swiper2 .swiper-slide-thumb-active .txt::before,
.scen-swiper2 .swiper-slide-thumb-active .txt::after {
  opacity: 1;
  visibility: visible;
}
.scen-swiper2 .swiper-slide-thumb-active .txt::before {
  height: calc(100% + 2rem);
}
.scen-swiper2 .swiper-slide-thumb-active .txt::after {
  height: 4.545rem;
}
.scen-swiper2 .swiper-slide-thumb-active .des,
.scen-swiper2 .swiper-slide-thumb-active .more {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.scenSpoList {
  padding-bottom: 9.091rem;
}
.sce-Info .view {
  color: #018837;
}
.scen-swiper .scen-btns {
  position: absolute;
  left: 50%;
  bottom: 6.4%;
  transform: translateX(-50%);
  z-index: 2;
}
.scen-swiper .swi-pagi {
  width: auto;
  color: #fff;
  margin: 0 2.273rem;
}
.sce-traffic {
  padding-top: 5.591rem;
}
.sce-traffic .com-tit {
  position: -webkit-sticky;
  top: 8.182rem;
  position: sticky;
  width: 39.3%;
  padding-right: 1%;
}
.sce-traR {
  width: 60.7%;
}
.sce-traR .sce-btns {
  margin-top: 1.818rem;
}
.sce-traR .sce-btn {
  position: relative;
  display: inline-block;
  min-width: 6.364rem;
  height: 2.091rem;
  line-height: 2.091rem;
  text-align: center;
  color: #666666;
  border-radius: 1.045rem;
  box-sizing: border-box;
  padding: 0 0.682rem;
  border: 0.045rem solid #666666;
  margin-right: 1.636rem;
  overflow: hidden;
  isolation: isolate;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.sce-traR .sce-btn::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #018837;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.sce-traR .sce-btn:last-of-type {
  margin-right: 0;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .sce-traR .sce-btn:hover {
    color: #fff;
    border-color: #018837;
  }
  .sce-traR .sce-btn:hover::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.sce-tra-item {
  padding: 2.955rem 0 2.545rem;
  border-bottom: 0.045rem solid #D2D2D2;
}
.sce-tra-item:first-of-type {
  padding-top: 0;
}
.sce-tra-item:last-of-type {
  border-bottom: 0;
}
.sce-tra-item .sce-traB {
  margin-top: 1.136rem;
}
.recomScenic {
  margin-top: 8.182rem;
}
.recom-item {
  width: 31.5%;
  margin-right: 2.75%;
  margin-top: 1.818rem;
}
.recom-item:nth-of-type(3n) {
  margin-right: 0;
}
.recom-item .name {
  line-height: 1.4;
  margin-top: 1.818rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.recom-item i {
  font-size: 1.273rem;
  margin-left: 0.545rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .recom-item:hover .name {
    color: #018837;
  }
  .recom-item:hover .name i {
    color: #018837;
  }
}
.photography {
  padding: 6.045rem 0 11.364rem;
}
.photo-item {
  position: relative;
  width: calc(100% / 3);
  padding: 0 0.318rem;
  margin-bottom: 0.636rem;
}
.photo-item .img {
  position: relative;
}
.photo-item .img::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(1, 136, 55, 0) 0%, #018837 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 1;
}
.photo-item .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 3.7%;
  color: #fff;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .photo-item:hover .img::before {
    height: 29.7%;
    opacity: 1;
    visibility: visible;
  }
  .photo-item:hover .txt {
    bottom: 2.2%;
    opacity: 1;
    visibility: visible;
  }
}
.folk-item {
  position: relative;
  padding: 3.455rem 0 3.818rem;
}
.folk-item::before,
.folk-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.045rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: 2;
}
.folk-item::before {
  width: 100%;
  background-color: #D2D2D2;
}
.folk-item::after {
  width: 0;
  background-color: #018837;
}
.folk-item .name,
.folk-item .des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.folk-item .name {
  width: 26.7%;
  height: 3.545rem;
  font-family: 'AlibabaPuHuiTi-M';
  line-height: 1.3;
  margin-right: 24.8%;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.folk-item .pic {
  position: absolute;
  top: 50%;
  left: 28.1%;
  transform: translateY(-50%);
  width: 18.2%;
  clip-path: inset(100% 0 0 0);
  clip-path: inset(0 0 100% 0);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.folk-item .des {
  width: 33.9%;
  height: 2.955rem;
  font-family: 'AlibabaPuHuiTi-L';
}
.folk-item .ico {
  position: absolute;
  right: 0;
  top: 3.455rem;
  font-size: 1.273rem;
  line-height: 1;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .folk-item:hover::after {
    width: 100%;
  }
  .folk-item:hover .name {
    color: #018837;
  }
  .folk-item:hover .pic {
    clip-path: inset(0 0 0 0);
    opacity: 1;
    visibility: visible;
  }
  .folk-item:hover .ico {
    color: #018837;
  }
}
.guide {
  background-size: 77% auto;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.guideL {
  width: 45.9%;
  padding-right: 5%;
  padding-top: 7.955rem;
  padding-bottom: 4.545rem;
  border-right: 0.045rem solid #D2D2D2;
}
.guideL .gui-btns {
  margin-top: 1.955rem;
}
.guideL .gui-btn {
  position: relative;
  width: 2.364rem;
  height: 2.364rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 0.045rem solid #D2D2D2;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.guideL .gui-btn i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  transform-origin: center;
  color: #D2D2D2;
  font-size: 0.636rem;
  display: inline-block;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .guideL .gui-btn:hover {
    background-color: #018837;
    border-color: #018837;
  }
  .guideL .gui-btn:hover i {
    color: #fff;
  }
}
.guideL .gui-btn.swiper-button-disabled {
  opacity: 0.6;
  cursor: default;
}
.guideL .gui-prev {
  margin-right: 0.636rem;
}
.guideR {
  width: 42.9%;
  margin-left: 11.2%;
  padding-top: 6.227rem;
  padding-bottom: 5.909rem;
}
.guide-swiper {
  max-height: 25.455rem;
  padding-bottom: 4.545rem;
}
.guide-swiper .guide-item {
  position: relative;
  display: flex;
  align-items: center;
  height: auto;
  line-height: 1.4;
  color: #999999;
  padding-left: 7.05vw;
  margin-bottom: 1.818rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.guide-swiper .guide-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0.136rem;
  background-color: #018837;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.guide-swiper .swiper-slide-thumb-active {
  font-size: 2.182rem;
  font-family: 'AlibabaPuHuiTi-M';
  color: #000000;
}
.guide-swiper .swiper-slide-thumb-active::before {
  width: 5.8vw;
}
.guide-swiper2 .gui-wrap {
  margin-top: 1.364rem;
}
.guide-swiper2 .recom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 8.182rem;
  height: 8.182rem;
  padding: 0.455rem;
  color: #fff;
  line-height: 1.4;
  text-align: center;
  box-sizing: border-box;
  background-color: #018837;
  margin-left: 2.1%;
  flex-shrink: 0;
}
.guide-swiper2 .recom .price {
  line-height: 1;
  padding-bottom: 0.818rem;
  border-bottom: 0.818rem;
  border-bottom: 0.045rem solid rgba(255, 255, 255, 0.15);
}
.guide-swiper2 .recom .stars {
  margin-top: 1rem;
}
.guide-swiper2 .recom .star img {
  width: auto;
  margin: 0 auto;
  max-width: 100%;
}
.guide-swiper2 .recom .recoRate {
  margin-top: 0.182rem;
}
.guide-swiper2 .gui-intro {
  margin-top: 2.045rem;
}
.guide-swiper2 .gui-lxs {
  margin-top: 2.5rem;
}
.guide-swiper2 .gui-lx {
  line-height: 1.4;
  margin-bottom: 0.818rem;
}
.guide-swiper2 .gui-lx:last-of-type {
  margin-bottom: 0;
}
.guide-swiper2 .gui-lx * {
  vertical-align: middle;
}
.guide-swiper2 .gui-lx .ico {
  display: inline-block;
  color: #018837;
  font-size: 0.818rem;
  margin-right: 0.455rem;
  flex: 0;
}
.guide-swiper2 .gui-lx .toGo {
  color: #018837;
  text-decoration: underline;
  margin-left: 1.409rem;
}
.guide-swiper2 .lx-tel .info {
  color: #018837;
}
.guiPic-box {
  position: relative;
  flex: 1;
}
.guiPic-box .swiper-pagination {
  left: 104%;
  bottom: 15.4%;
  line-height: 1;
}
.guiPic-box .swiper-pagination-bullet {
  display: block;
  width: 0.364rem;
  height: 0.364rem;
  margin: 0.636rem 0;
  background-color: #D2D2D2;
  opacity: 1;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.guiPic-box .swiper-pagination-bullet:first-of-type {
  margin-top: 0;
}
.guiPic-box .swiper-pagination-bullet:last-of-type {
  margin-bottom: 0;
}
.guiPic-box .swiper-pagination-bullet-active {
  background-color: #018837;
}
.shopping .guiPic-box .swiper-pagination {
  right: 3%;
  left: auto;
  bottom: 4.6%;
}
.shopping .guiPic-box .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 0.318rem;
}
.shopping .guiPic-box .swiper-pagination-bullet:last-of-type {
  margin-right: 0;
}
.tourL {
  width: 33.3%;
  padding-right: 5%;
}
.tourL .tourL-wrap {
  position: sticky;
  position: -webkit-sticky;
  top: 6.818rem;
}
.tourL .route-filters {
  margin-top: 1.682rem;
}
.tourL .route-filter {
  display: inline-block;
  padding: 0.318rem 0.636rem;
  line-height: 1.4;
  font-family: 'AlibabaPuHuiTi-L';
  background-color: #F2F2F2;
  margin-right: 0.455rem;
  margin-bottom: 0.455rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .tourL .route-filter:hover {
    color: #fff;
    background-color: #018837;
  }
}
.tourL .route-filter.active {
  color: #fff;
  background-color: #018837;
}
.tourR {
  width: 66.7%;
}
.tour-item {
  display: block;
  margin-bottom: 3.636rem;
}
.tour-item:last-of-type {
  margin-bottom: 0;
}
.tour-item .txt {
  margin-top: 1.364rem;
}
.tour-item .txL {
  line-height: 1.4;
}
.tour-item .date {
  color: #018837;
}
.tour-item .name {
  margin-top: 0.182rem;
}
.tour-item .com-more {
  color: #666666;
  border-color: rgba(0, 0, 0, 0.45);
  flex-shrink: 0;
  margin-left: 0.909rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .tour-item .com-more:hover {
    color: #fff;
    border-color: #018837;
  }
  .tour-item .com-more:hover::before {
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 860px) and (hover: hover) {
  .tour-item:hover .com-more {
    color: #fff;
    border-color: #018837;
  }
  .tour-item:hover .com-more::before {
    left: 0;
    width: 100%;
  }
}
.tourList .date {
  color: #018837;
  margin-bottom: 0.455rem;
}
.sche-items {
  position: relative;
}
.sche-item:first-of-type .sche-c {
  padding-top: 5.909rem;
}
.sche-item:last-of-type .sche-c {
  padding-bottom: 9.318rem;
}
.sche-item .sche-c {
  position: relative;
  padding: 3.636rem 0;
  isolation: isolate;
}
.sche-item .sche-c::after {
  content: '';
  position: absolute;
  left: 12.9%;
  top: 0;
  bottom: 0;
  width: 0.045rem;
  height: 100%;
  background-color: #D2D2D2;
  z-index: -1;
}
.sche-item .day {
  position: relative;
  width: 13.8%;
  margin-top: 2.955rem;
  padding-right: 1.818rem;
  box-sizing: border-box;
}
.sche-item .cir {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(50%);
  width: 3.273rem;
  height: 3.273rem;
  border-radius: 50%;
  background-color: #CCE7D7;
}
.sche-item .cir::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30.6%;
  height: 30.6%;
  border-radius: 50%;
  background-color: #018837;
}
.sche-item .txt {
  width: 35%;
  margin-left: 6%;
  margin-top: 2.955rem;
}
.sche-item .img {
  width: 34.5%;
  margin-left: 16.7%;
}
.sche-item .day-en {
  color: #D2D2D2;
  text-transform: uppercase;
}
.sche-item .sche-intro {
  margin-top: 1.409rem;
}
.coList-item {
  position: relative;
  display: inline-block;
  width: 32.1%;
  margin-right: 1.85%;
  margin-bottom: 3.045rem;
  padding-bottom: 1.182rem;
  cursor: pointer;
}
.coList-item::before,
.coList-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.coList-item::before {
  width: 100%;
  height: 0.045rem;
  background-color: #D2D2D2;
}
.coList-item::after {
  width: 0;
  height: 0.091rem;
  background-color: #018837;
}
.coList-item:nth-of-type(3n) {
  margin-right: 0;
}
.coList-item .txt {
  margin-top: 1.545rem;
}
.coList-item .name {
  line-height: 1.5;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .coList-item:hover::after {
    width: 100%;
  }
  .coList-item:hover .name {
    color: #018837;
  }
}
.not-item .name {
  height: 3.545rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.video-item .img {
  position: relative;
}
.video-item .ico {
  width: 1.818rem;
  height: 1.818rem;
  border-radius: 50%;
  background-color: #018837;
}
.video-item .ico i {
  font-size: 0.636rem;
  color: #fff;
}
.mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s;
}
.mask .mvbot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  max-width: 36.364rem;
  background-color: #000;
}
.mask .sp-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 36.364rem;
}
.mask .video-sp {
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
  transition: 0.35s;
}
.mask .closed {
  position: absolute;
  top: 5%;
  right: 5%;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #018837;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.mask .closed i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.818rem;
  color: #fff;
}
.mask .closed:hover {
  transform: rotate(360deg);
  transition: 0.35s;
}
.mask.active {
  opacity: 1;
  visibility: visible;
}
.mask.active .video-sp {
  opacity: 1;
  visibility: visible;
}
.tra-descri {
  width: 44.2%;
}
.tra-tabs {
  margin-top: 2.273rem;
}
.tra-tab {
  position: relative;
  width: 17.6%;
  padding-bottom: 1.136rem;
  margin-top: 1.818rem;
  margin-right: 3%;
  cursor: pointer;
}
.tra-tab::before,
.tra-tab::after {
  content: '';
  position: absolute;
  bottom: 0;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.tra-tab::before {
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #999999;
}
.tra-tab::after {
  right: 0;
  width: 0;
  height: 0.273rem;
  background-color: #018837;
}
.tra-tab:nth-of-type(5n) {
  margin-right: 0;
}
.tra-tab .name {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.tra-tab .ico {
  flex-shrink: 0;
  margin-left: 0.909rem;
}
.tra-tab i {
  font-size: 1.591rem;
  color: #999999;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .tra-tab:hover::after {
    left: 0;
    right: auto;
    width: 100%;
  }
  .tra-tab:hover .name,
  .tra-tab:hover i {
    color: #018837;
  }
}
.tra-tab.active::after {
  left: 0;
  right: auto;
  width: 100%;
}
.tra-tab.active .name,
.tra-tab.active i {
  color: #018837;
}
.tra-box {
  display: none;
}
.tra-box.select {
  display: block;
  animation: fadeIn 1s ease both;
}
.tra-item .img {
  width: 45.5%;
}
.tra-item .txt {
  width: 43.4%;
  margin-left: 11.1%;
}
.tra-item .tra-intro {
  margin-top: 2.136rem;
}
.tsjs {
  background-color: #F2F2F2;
}
.tsjs .com-tit {
  width: 36.4%;
  padding-right: 2%;
}
.tsjs .ts-abR {
  width: 63.6%;
}
.form {
  width: 100%;
  margin-top: 0.455rem;
}
.form .form-item {
  width: 41.2%;
  margin-top: 4.545rem;
  border-bottom: 0.045rem solid #D2D2D2;
  margin-right: 17.6%;
}
.form .form-item:nth-of-type(2n) {
  margin-right: 0;
}
.form .label {
  display: block;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.form .s-input {
  display: block;
  width: 100%;
  height: 2.909rem;
  color: #999999;
  padding: 0;
  box-sizing: border-box;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.form .s-input::-webkit-input-placeholder {
  color: #999999;
}
.form .s-input::-moz-placeholder {
  color: #999999;
}
.form .s-input:-ms-input-placeholder {
  color: #999999;
}
.form .s-input:-internal-autofill-previewed,
.form .s-input:-internal-autofill-selected {
  -webkit-text-fill-color: #999999 !important;
}
.form .s-input:focus {
  padding: 0 0.909rem;
  background-color: #E5F3EA;
}
.form .form-veri {
  position: relative;
}
.form .veri-item {
  position: relative;
  line-height: 1;
}
.form .yzmr {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form .yzm {
  width: 5rem;
  height: 2.273rem;
  object-fit: contain;
  cursor: pointer;
}
.form .refresh {
  font-size: 0.636rem;
  color: #999999;
  padding-left: 0.318rem;
}
.form .submit {
  width: 100%;
  height: 2.909rem;
  line-height: 2.909rem;
  text-align: left;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.form .submit i {
  font-size: 1.273rem;
  margin-left: 0.591rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
@media screen and (min-width: 860px) and (hover: hover) {
  .form .submit:hover {
    color: #018837;
  }
  .form .submit:hover i {
    color: #018837;
  }
}
.service .com-tit {
  padding-bottom: 1.818rem;
  border-bottom: 0.045rem solid #999999;
}
.service .com-tit i {
  font-size: 2.5rem;
  color: #018837;
  margin-right: 0.909rem;
  vertical-align: middle;
}
.servi-box {
  margin-bottom: 6.364rem;
}
.servi-box:last-of-type {
  margin-bottom: 0;
}
.cost-items {
  margin-top: 1.364rem;
}
.cost-item {
  position: relative;
  width: 49.7%;
  line-height: 1.22;
  padding: 1.364rem 3% 1.364rem 1.8%;
  margin-right: 0.6%;
  margin-top: 0.455rem;
  background-color: #F2F2F2;
  isolation: isolate;
}
.cost-item::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #E5F3EA;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.cost-item:nth-of-type(2n) {
  margin-right: 0;
}
.cost-item .cost {
  flex-shrink: 0;
  color: #018837;
  margin-left: 0.455rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .cost-item:hover::before {
    top: 0;
    bottom: auto;
    height: 100%;
  }
}
.fw-item {
  width: 25%;
  padding: 2.273rem 1% 2.273rem 0;
  line-height: 1.4;
  border-bottom: 0.045rem dashed #999999;
  box-sizing: border-box;
}
.fw-item .name,
.fw-item .info {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.fw-item .info {
  margin-top: 0.273rem;
}
.fw-item:nth-of-type(4n) {
  padding-right: 0;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .fw-item:hover .name,
  .fw-item:hover .info {
    color: #018837;
  }
}
.group-intro {
  margin-top: 2.273rem;
}
.emergency .cs-intro {
  width: 45%;
}
.emer-item {
  position: relative;
}
.emer-item::before,
.emer-item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  z-index: -1;
}
.emer-item::before {
  width: 100%;
  background-color: #F2F2F2;
}
.emer-item::after {
  width: 0;
  height: 0.045rem;
  background-color: #018837;
}
.emer-item .emerT {
  position: relative;
  padding: 2.5rem 0;
  line-height: 1.4;
  cursor: pointer;
}
.emer-item .emerT::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.045rem;
  background-color: #D2D2D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.emer-item .name {
  font-family: 'AlibabaPuHuiTi-M';
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.emer-item .num {
  display: inline-block;
  width: 3.182rem;
  height: 1.636rem;
  line-height: 1.636rem;
  text-align: center;
  border-radius: 0.909rem;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 2rem;
  border: 0.045rem solid #D2D2D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.emer-item .jh {
  position: relative;
  width: 1.045rem;
  height: 1.045rem;
  flex-shrink: 0;
  margin-left: 0.909rem;
}
.emer-item .jh::before,
.emer-item .jh::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #D2D2D2;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.emer-item .jh::before {
  width: 100%;
  height: 0.227rem;
}
.emer-item .jh::after {
  width: 0.227rem;
  height: 100%;
}
.emer-item .emerB {
  padding: 1rem 5.182rem 5.773rem;
  display: none;
}
.emer-item.active::before,
.emer-item.active::after {
  opacity: 1;
  visibility: visible;
}
.emer-item.active::before {
  height: 100%;
}
.emer-item.active::after {
  width: 100%;
}
.emer-item.active .emerT::before {
  width: 0;
  opacity: 0;
  visibility: hidden;
}
.emer-item.active .num {
  color: #fff;
  background-color: #018837;
}
.emer-item.active .name {
  color: #018837;
}
.emer-item.active .jh::before,
.emer-item.active .jh::after {
  background-color: #018837;
}
.emer-item.active .jh::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq-item {
  position: relative;
  padding: 2.273rem 0 2.045rem;
  isolation: isolate;
}
.faq-item::before,
.faq-item::after {
  content: '';
  position: absolute;
  z-index: -1;
}
.faq-item::before {
  bottom: 0;
  width: 100%;
  height: 0;
  background-color: #E5F3EA;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.faq-item::after {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 85.9vw;
  height: 0.045rem;
  background-color: #D2D2D2;
}
.faq-item .fa-box {
  position: relative;
}
.faq-item .fa-cir {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.455rem;
  height: 1.455rem;
  color: #fff;
  border-radius: 50%;
  margin-right: 0.909rem;
  flex-shrink: 0;
}
.faq-item .ask .fa-cir {
  background-color: #D71324;
}
.faq-item .answer {
  margin-top: 1.318rem;
}
.faq-item .answer .fa-cir {
  background-color: #999999;
}
.faq-item .name,
.faq-item .faq-intro {
  position: relative;
  padding-left: 2.364rem;
}
@media screen and (min-width: 860px) and (hover: hover) {
  .faq-item:hover::before {
    top: 0;
    bottom: 0;
    height: 100%;
  }
}