.index-banner {

  width: 100%;

  height: 650px;

  position: relative;

  overflow: hidden;

}

.index-banner .index-banner-swiper {

  width: 100%;

  height: 100%;

}

.index-banner .index-banner-swiper img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.index-banner .index-search {

  position: absolute;

  left: 50%;

  bottom: 34px;

  transform: translateX(-50%);

  width: 1018px;

  padding: 20px 70px;

  box-sizing: border-box;

  background-color: rgba(0, 0, 0, 0.6);

  border-radius: 10px;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.index-banner .index-search .input-l {

  height: 60px;

  border-radius: 10px;

  overflow: hidden;

  flex: 1;

}

.index-banner .index-search .input-l input {

  width: 100%;

  height: 100%;

  font-size: 18px;

  background-color: #fff;

}

.index-banner .index-search .button-r {

  width: 244px;

  height: 60px;

  border-radius: 10px;

  border: solid 2px #ffffff;

  overflow: hidden;

  margin-left: 12px;

}

.index-banner .index-search .button-r button {

  transition: 0.3s;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: transparent;

}

.index-banner .index-search .button-r button .icon {

  width: 31px;

  font-size: 18px;

  color: #fff;

}

.index-banner .index-search .button-r button span {

  margin-left: 22px;

  font-size: 18px;

  color: #fff;

}

.index-banner .index-search .button-r:hover {

  border: none;

}

.index-banner .index-search .button-r:hover button {

  background-color: #4077e9;

}

.hot-search .wd1650 .hot-right {

  display: none;

}

.index-scenic {

  padding: 66px 0 40px;

  background-color: #fff;

}

.index-scenic .wd1650 .index-scenic-swiper {

  margin-top: 54px;

  position: relative;

  padding-bottom: 57px;

}

.index-scenic .wd1650 .index-scenic-swiper img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.index-scenic .wd1650 .index-scenic-swiper .at-name {

  position: absolute;

  bottom: -60px;

  left: 0;

  z-index: 1;

  width: 100%;

  color: #fff;

  font-size: 18px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  transition: 0.5s;

  background-color: rgba(64, 119, 233, 0.8);

}

.index-scenic .wd1650 .index-scenic-swiper .swiper-slide {

  overflow: hidden;

  border: none;

  transition: 0.5s;

}

.index-scenic .wd1650 .main-box {

  display: none;

  margin-top: 25px;

  padding-top: 10px;

}

.index-scenic .wd1650 .main-box > div {

  margin-bottom: 15px;

  padding: 0 5px;

}

.index-scenic .wd1650 .main-box > div .main-item {

  display: block;

  transition: 0.5s;

}

.index-scenic .wd1650 .main-box > div .main-item .img {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.index-scenic .wd1650 .main-box > div .main-item .img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s;

}

.index-scenic .wd1650 .main-box > div .main-item div {

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 16px;

  transition: 0.5s;

  background-color: #f7f7f7;

}

.index-scenic .wd1650 .index-more {

  display: block;

  margin: 70px auto 0;

  width: 178px;

  height: 55px;

  text-align: center;

  line-height: 55px;

  font-size: 24px;

  color: #999;

  transition: 0.3s;

  border: solid 1px #bbbbbb;

  font-family: TimesNewRomanPSMT;

}

.index-scenic .wd1650 .index-more:hover {

  color: #fff;

  border: none;

  background-color: #4077e9;

}

.index-scenic-swiper > .swiper-scrollbar {

  left: 50%;

  width: 30%;

  transform: translateX(-50%);

}

.index-scenic-swiper .swiper-scrollbar-drag {

  background-color: #4077e9;

}

.index-Title {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

}

.index-Title .Title-l {

  display: flex;

  align-items: flex-start;

}

.index-Title .Title-l img {

  width: 32px;

  margin-right: 12px;

}

.index-Title .Title-l .Title-r .name {

  font-size: 28px;

  color: #4077e9;

}

.index-Title .Title-l .Title-r .intro {

  margin-top: 10px;

  font-size: 16px;

  color: #6e6e6e;

}

.index-Title .scenic-nav {

  display: flex;

  align-items: center;

}

.index-Title .scenic-nav li {

  margin-left: 5px;

}

.index-Title .scenic-nav li a {

  display: block;

  padding: 0 30px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 18px;

  background-color: #ededed;

}

.index-Title .scenic-nav li a:hover {

  color: #fff;

  background-color: #f1ce2b;

}

.index-Title .scenic-nav li:first-child a {

  color: #fff;

  background-color: #4077e9;

}

.index-path {

  padding: 50px 0 135px;

  background-color: #f8f8f8;

}

.index-path .wd1650 .path-title .path-name {

  display: flex;

  align-items: center;

  justify-content: center;

}

.index-path .wd1650 .path-title .path-name div {

  font-size: 43px;

  font-weight: bold;

}

.index-path .wd1650 .path-title .path-name .l {

  color: #4077e9;

  margin-right: 20px;

}

.index-path .wd1650 .path-title .path-name .r {

  color: #f6c400;

}

.index-path .wd1650 .path-title .path-e-word {

  margin-top: 12px;

  color: #727272;

  text-align: center;

}

.index-path .wd1650 .path-title .path-line {

  margin: 10px auto 0;

  width: 68px;

  height: 3px;

  background-color: #4077e9;

}

.index-path .wd1650 .path-box {

  margin-top: 80px;

  padding-top: 20px;

}

.index-path .wd1650 .path-box .path-item {

  transition: 0.5s;

}

.index-path .wd1650 .path-box .path-item > a {

  display: block;

  box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.15);

  position: relative;

}

.index-path .wd1650 .path-box .path-item > a .show {

  height: 283px;

  width: 100%;

  overflow: hidden;

}

.index-path .wd1650 .path-box .path-item > a .show img {

  display: block;

  transition: 0.5s;

  object-fit: cover;

  width: 100%;

  height: 100%;

}

.index-path .wd1650 .path-box .path-item > a .path-info {

  padding: 30px 32px 76px;

  background-color: #fff;

}

.index-path .wd1650 .path-box .path-item > a .path-info .path-title {

  font-size: 24px;

  transition: 0.5s;

}

.index-path .wd1650 .path-box .path-item > a .path-info .type {

  display: flex;

  align-items: center;

}

.index-path .wd1650 .path-box .path-item > a .path-info .type .type-son {

  display: flex;

  align-items: center;

  margin-right: 36px;

}

.index-path .wd1650 .path-box .path-item > a .path-info .type .type-son img {

  width: 17px;

  margin-right: 8px;

}

.index-path .wd1650 .path-box .path-item > a .path-info .type .type-son span {

  font-size: 17px;

  color: #999;

}

.index-path .wd1650 .path-box .path-item > a .path-info .path-line {

  margin-top: 34px;

  height: 2px;

  background-color: #dedede;

}

.index-path .wd1650 .path-box .path-item > a .path-info .lightspot {

  margin-top: 20px;

  display: flex;

  align-items: center;

}

.index-path .wd1650 .path-box .path-item > a .path-info .lightspot img {

  width: 25px;

  margin-right: 8px;

}

.index-path .wd1650 .path-box .path-item > a .path-info .lightspot span {

  font-size: 19px;

  color: #666;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}

.index-path .wd1650 .path-box .path-item > a::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 18px;

  display: block;

  transition: 0.3s;

  background-color: #4077e9;

}

.index-about {

  background-image: url('../images/index_about_l.png');

  background-size: 100% 100%;

  background-repeat: no-repeat;

  padding: 66px 0 150px;

}

.index-about .wd1650 .about-box {

  display: flex;

}

.index-about .wd1650 .about-box .fl {

  width: 577px;

  margin-right: 140px;

  margin-left: 60px;

  margin-top: 19px;

}

.index-about .wd1650 .about-box .travel-fr {

  flex: 1;

}

.index-about .wd1650 .about-box .travel-fr .e-word {

  color: #4077e9;

}

.index-about .wd1650 .about-box .travel-fr .word {

  margin-top: 16px;

  font-size: 24px;

}

.index-about .wd1650 .about-box .travel-fr .line {

  margin-top: 10px;

  width: 36px;

  height: 3px;

  background-color: #4077e9;

}

.index-about .wd1650 .about-box .travel-fr p {

  margin-top: 32px;

  font-size: 18px;

  color: #4e4e4e;

  line-height: 26px;

}

.index-about .wd1650 .about-box .travel-fr .about-more {

  display: block;

  width: 187px;

  height: 61px;

  background-image: url('../images/index_more.png');

  margin-top: 23px;

  text-align: center;

  line-height: 61px;

  font-size: 18px;

  color: #fff;

}

.index-diet {

  padding: 130px 0 114px;

  background-color: #fff;

  overflow: hidden;

}

.index-diet .left-nav {

  width: 26%;

  padding-left: 120px;

  margin-top: 64px;

  background-color: #fff;

}

.index-diet .left-nav ul {

  margin-top: 35px;

}

.index-diet .left-nav ul li {

  margin-bottom: 30px;

}

.index-diet .left-nav ul li a {

  display: block;

  width: 228px;

  height: 43px;

  background-color: #4077e9;

  text-align: center;

  line-height: 43px;

  font-size: 18px;

  color: #fff;

  transition: 0.3s;

}

.index-diet .left-nav ul li:hover a {

  background-color: #f6c400;

}

.index-diet .left-nav ul .li-active a {

  background-color: #f6c400;

}

.index-diet .diet-box {

  background-color: #f3f3f3;

  width: 74%;

  height: 500px;

  position: relative;

}

.index-diet .diet-box .index-diet-swiper {

  position: absolute;

  top: 50%;

  left: -45px;

  z-index: 1;

  transform: translateY(-50%);

  width: 95%;

  padding-bottom: 54px;

}

.index-diet .diet-box .index-diet-swiper .swiper-slide {

  overflow: hidden;

}

.index-diet .diet-box .index-diet-swiper .swiper-slide img {

  width: 100%;

  height: 233px;

  object-fit: cover;

  display: block;

  transition: 0.3s;

}

.index-diet .diet-box .index-diet-swiper .swiper-slide .at-name {

  width: 100%;

  height: 73px;

  line-height: 73px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  transition: 0.3s;

  background-color: #4077e9;

}

.index-diet .diet-box .main-box {

  display: none;

  margin-top: 25px;

  padding-top: 10px;

}

.index-diet .diet-box .main-box > div {

  margin-bottom: 15px;

  padding: 0 5px;

}

.index-diet .diet-box .main-box > div .main-item {

  display: block;

  transition: 0.5s;

}

.index-diet .diet-box .main-box > div .main-item .img {

  width: 100%;

  height: auto;

  overflow: hidden;

}

.index-diet .diet-box .main-box > div .main-item .img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: 0.5s;

}

.index-diet .diet-box .main-box > div .main-item div {

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 16px;

  transition: 0.5s;

  background-color: #f7f7f7;

}

.index-diet-swiper > .swiper-scrollbar {

  left: 50%;

  transform: translateX(-50%);

  width: 80%;

}

.index-diet-swiper .swiper-scrollbar-drag {

  background-color: #4077e9;

}

.index-tiao {

  width: 100%;

  height: 254px;

  background-image: url('../images/index_tiao.png');

  background-repeat: no-repeat;

  background-size: cover;

}

.index-active {

  padding: 116px 0 129px;

  background-color: #fff;

}

.index-active .wd1650 .active-box {

  margin-top: 52px;

  display: flex;

  justify-content: space-between;

}

.index-active .wd1650 .active-box .active-item {

  width: 24%;

  transition: 0.5s;

}

.index-active .wd1650 .active-box .active-item .show {

  display: block;

  width: 100%;

  height: 300px;

  object-fit: cover;

}

.index-active .wd1650 .active-box .active-item .active-info {

  background-color: #f9f9f9;

  padding: 33px 33px 108px;

  position: relative;

  box-sizing: border-box;

}

.index-active .wd1650 .active-box .active-item .active-info .active-title {

  text-align: center;

  font-size: 24px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  transition: 0.3s;

}

.index-active .wd1650 .active-box .active-item .active-info .active-intro {

  font-size: 16px;

  margin-top: 28px;

  line-height: 32px;

  color: #555;

  min-height: 48px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

.index-active .wd1650 .active-box .active-item .active-info .active-more {

  position: absolute;

  left: 50%;

  bottom: -16px;

  z-index: 1;

  width: 207px;

  height: 62px;

  font-size: 24px;

  color: #fff;

  line-height: 62px;

  text-align: center;

  transition: 0.3s;

  transform: translateX(-50%);

  background-color: #4077e9;

}

@media screen and (min-width: 1200px) {

  .index-active .wd1650 .active-box .active-item:hover {

    box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.2);

  }

  .index-active .wd1650 .active-box .active-item:hover .active-info .active-title {

    color: #f6c400;

  }

  .index-active .wd1650 .active-box .active-item:hover .active-info .active-more {

    background-color: #f6c400;

  }

  .index-diet .diet-box .index-diet-swiper .swiper-slide:hover img {

    transform: scale(1.1);

  }

  .index-diet .diet-box .index-diet-swiper .swiper-slide:hover .at-name {

    background-color: #f6c400;

  }

  .index-about .wd1650 .about-box .travel-fr .about-more:hover {

    color: #ffcb00;

  }

  .index-path .wd1650 .path-box .path-item:hover .show img {

    transform: scale(1.1);

  }

  .index-scenic .wd1650 .index-scenic-swiper .swiper-slide:hover {

    box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.22);

  }

  .index-scenic .wd1650 .index-scenic-swiper .swiper-slide:hover .at-name {

    bottom: 0;

  }

  .index-path .wd1650 .path-box .path-item:hover {

    margin-top: -20px;

  }

  .index-path .wd1650 .path-box .path-item:hover > a::after {

    height: 43px;

    background-color: #f6c400;

  }

  .index-path .wd1650 .path-box .path-item:hover > a .path-info .path-title {

    color: #f6c400;

  }

}

@media screen and (max-width: 1650px) {

  .index-path .wd1650 .path-box .path-item {

    padding: 0 5px;

  }

  .index-diet .left-nav {

    padding-left: 15px;

  }

  .index-diet .diet-box .index-diet-swiper {

    position: inherit;

    left: 0;

  }

  .index-active .wd1650 .active-box .active-item {

    width: 32%;

  }

  .index-active .wd1650 .active-box .active-item .show {

    height: auto;

  }

}

@media screen and (max-width: 1200px) {

  .index-banner .index-search {

    display: none;

  }

  .index-banner {

    height: auto;

  }

  .hot-search .wd1650 .hot-right {

    display: flex;

  }

  .index-scenic {

    padding: 30px 0;

  }

  .index-scenic .wd1650 .index-more {

    margin: 25px auto 0;

  }

  .index-scenic .wd1650 .index-scenic-swiper {

    padding-bottom: 30px;

  }

  .index-Title {

    display: block;

  }

  .index-Title .Title-l img {

    display: none;

  }

  .index-Title .Title-l {

    display: block;

  }

  .index-Title .Title-l .Title-r {

    text-align: center;

  }

  .index-Title .scenic-nav {

    margin-top: 20px;

    white-space: nowrap;

    overflow-x: scroll;

    overflow-y: hidden;

    justify-content: center;

  }

  .index-scenic .wd1650 .index-scenic-swiper .at-name {

    bottom: 0;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

  }

  .index-path .wd1650 .path-box .path-item > a .path-info {

    padding: 15px 15px 30px;

  }

  .index-path .wd1650 .path-box .path-item > a::after {

    height: 5px;

  }

  .index-path .wd1650 .path-box .path-item {

    margin-bottom: 20px;

  }

  .index-path .wd1650 .path-box {

    margin-top: 20px;

  }

  .index-path {

    padding: 30px 0;

  }

  .index-path .wd1650 .path-title .path-name div {

    font-size: 26px;

  }

  .index-path .wd1650 .path-title .path-e-word {

    margin-top: 0;

  }

  .index-path .wd1650 .path-box .path-item > a .show {

    height: auto;

  }

  .index-about .wd1650 .about-box .fl {

    width: 400px;

    margin-right: 30px;

    margin-left: 0;

  }

  .index-about {

    background-size: cover;

    padding: 30px 0;

  }

  .index-diet .left-nav,

  .index-diet .diet-box {

    float: none;

    width: auto;

  }

  .index-diet .left-nav {

    margin-top: 0;

    padding-left: 0;

  }

  .index-diet {

    padding: 40px 15px;

  }

  .index-diet .left-nav ul {

    display: flex;

  }

  .index-diet .left-nav ul li {

    width: 23%;

    margin: 0 1%;

  }

  .index-diet .left-nav ul li a {

    width: auto;

  }

  .index-diet .diet-box {

    margin-top: 20px;

  }

  .index-tiao {

    height: 130px;

  }

  .index-active {

    padding: 30px 0 50px;

  }

  .index-active .wd1650 .active-box .active-item .active-info .active-more {

    position: inherit;

    display: block;

    width: 100px;

    height: 40px;

    line-height: 40px;

    font-size: 16px;

  }

  .index-active .wd1650 .active-box .active-item .active-info {

    padding: 15px 15px 30px;

  }

  .index-active .wd1650 .active-box .active-item .active-info .active-intro {

    margin-top: 15px;

  }

}

@media screen and (max-width: 960px) {

  .index-about .wd1650 .about-box {

    flex-direction: column-reverse;

  }

  .index-about .wd1650 .Title-l {

    display: block;

  }

  .index-about .wd1650 .about-box .travel-fr .about-more {

    margin: 20px auto 0;

  }

  .index-about .wd1650 .about-box .fl {

    display: none;

  }

  .index-diet .diet-box {

    height: auto;

    padding: 20px 0;

  }

  .index-diet .diet-box .index-diet-swiper {

    top: 0;

    transform: none;

  }

  .index-diet .diet-box .index-diet-swiper .swiper-slide img {

    height: auto;

  }

  .index-diet .diet-box .index-diet-swiper .swiper-slide .at-name {

    height: 40px;

    line-height: 40px;

    font-size: 16px;

  }

  .index-active .wd1650 .active-box {

    flex-wrap: wrap;

    margin-top: 25px;

  }

  .index-active .wd1650 .active-box .active-item {

    width: 49%;

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 768px) {

  .index-Title .scenic-nav {

    justify-content: flex-start;

  }

  .index-scenic .wd1650 .index-scenic-swiper {

    margin-top: 30px;

  }

}

@media screen and (max-width: 640px) {

  .index-banner {

    height: 250px;

  }

  .index-Title .scenic-nav li a {

    padding: 0 20px;

    height: 30px;

    line-height: 30px;

    font-size: 16px;

  }

  .index-scenic .wd1650 .index-scenic-swiper {

    display: none;

  }

  .index-scenic .wd1650 .main-box {

    display: block;

  }

  .index-scenic .wd1650 .index-more {

    font-size: 18px;

    width: auto;

    height: 40px;

    line-height: 40px;

  }

  .index-path .wd1650 .path-box .path-item > a .path-info .path-line {

    margin-top: 15px;

  }

  .index-path .wd1650 .path-box .path-item > a .path-info .lightspot span {

    font-size: 16px;

  }

  .index-path .wd1650 .path-box .path-item > a .path-info .path-title {

    font-size: 20px;

  }

  .index-path .wd1650 .path-box .path-item {

    padding: 0;

  }

  .index-about .wd1650 .about-box .travel-fr .e-word {

    display: none;

  }

  .index-about .wd1650 .about-box .travel-fr .word {

    display: none;

  }

  .index-about .wd1650 .about-box .travel-fr .line {

    display: none;

  }

  .index-about .wd1650 .about-box .travel-fr p {

    text-align: justify;

    font-size: 16px;

  }

  .index-diet .left-nav ul li a {

    font-size: 15px;

  }

  .index-diet .diet-box .index-diet-swiper {

    display: none;

  }

  .index-diet .diet-box .main-box {

    display: block;

  }

  .index-diet .diet-box {

    background-color: #fff;

    padding: 0;

    margin: 0;

  }

  .index-active .wd1650 .active-box .active-item {

    width: 100%;

  }

  .index-active .wd1650 .active-box .active-item .active-info .active-title {

    font-size: 18px;

  }

  .index-active .wd1650 .active-box .active-item .active-info .active-intro {

    min-height: auto;

    line-height: 24px;

  }

}



@media (max-width: 480px){
.index-banner {
    height: 180px;
}
	
}