.index-body {
    background-image: url('../img/body-bg.png');

    /*position: relative;*/
    /*height: 100%;*/
}

#index-wrap {
    /*width: 100%;*/
    /*height: 100%;*/
    position: relative;
    overflow: hidden;
}

.index-banner-wrap {
    width: 100%;
    height: 760px;
    position: relative;
    overflow: hidden;
    /*background-image: url('../img/banner/1.png');*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.index-banner-slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.index-banner-slide:hover .index-banner-slide-bg {
    transform: scale(1.2);
}

.index-banner-slide-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: .6s;

}

.index-banner-btn-wrap {
    position: absolute;
    /*left: 361px;*/
    /*bottom: 173px;*/
    z-index: 1;
    display: flex;
    top: 50%;
}

.banner-prev {
    width: 60px;
    height: 96px;
    /*margin-right: 12px;*/
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -48px;
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #efefef;*/
}

.banner-pagination {
    position: absolute;
    bottom: 130px !important;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 15px;
    background: url('../img/bullet.png');
    opacity: .5;
}

.banner-pagination .swiper-pagination-bullet:nth-child(2) {
    background: url('../img/bullet1.png');
}

.banner-pagination .swiper-pagination-bullet:nth-child(3) {
    background: url('../img/bullet2.png');
}

.banner-pagination .swiper-pagination-bullet:nth-child(4) {
    background: url('../img/bullet3.png');
}

.banner-pagination .swiper-pagination-bullet:nth-child(5) {
    background: url('../img/bullet4.png');
}

.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}

.banner-prev:hover,
.banner-next:hover {
    background: rgba(255, 255, 255, 0.4);
}

.banner-next {
    width: 60px;
    height: 96px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -48px;
    z-index: 1;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #efefef;*/
}

.index-banner-text-list-wrap {
    position: absolute;
    left: 240px;
    top: 362px;
    z-index: 1;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}

.index-banner-text-list-wrap-left {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-right: 75px;
}

.banner-text-list-left-text1 {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
}

.banner-text-list-left-text1 span {
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
}

.list-left-text2-p1 {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.list-left-text2-p2 {
    font-size: 80px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 12px;
    font-weight: bold;
    letter-spacing: 2px;
}

.list-left-text2-p3 {
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 25px;
    width: 658px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-left-text2-p4 {
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    border-bottom: 1px solid #fff;
    width: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    cursor: pointer;
}

.list-left-text2-p4 span {
    transition: 1s;
}

.list-left-text2-p4 img {
    margin-left: 8px;
    transition: 1s;
}

.list-left-text2-p4:hover span {
    transform: translateX(-8px)
}

.list-left-text2-p4:hover img {
    transform: translateX(10px)
}

.index-banner-text-list-wrap-right {
    height: 197px;
}

.banner-text-list-left-text2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
}

.banner-text-list-left-text2 .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin-bottom: 4px;
    background: #fff;
    opacity: 0.5;
}

.banner-text-list-left-text2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 4px;
    height: 10px;
    opacity: 1;
    border-radius: 23px;
}

.banner-text-list-left-text3 {
    width: 28px;
    height: 28px;
    position: relative;
    cursor: pointer;
}

.el-progress-circle__track {
    stroke: rgba(255, 255, 255, 0.3);
}

.el-progress-circle__path {
    stroke: #fff;
}

.list-progress {
    transform: rotate(140deg);
}

.list-progress1 {
    transform: rotate(90deg);
}

.banner-text-list-left-text3 img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
}

.text-list-next-progress,
.text-list-next-progress1 {
    display: none;
}

.index-data-box-left-list {
    display: flex;
}

.index-data-wrap {
    width: 100%;
    margin-bottom: 85px;
    /*height: 500px;*/
}

.index-data-box {
    width: 1200px;
    margin: 0 auto;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
}

.index-data-box-left-item {
    margin-right: 32px;
}

.index-data-box-left-item:last-child {
    margin-right: 0;
}

.index-data-box-left-item-p1 {
    font-size: 14px;
    line-height: 22px;
    color: #282828;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.index-data-box-left-item-p2 {
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    white-space: nowrap;
}

.index-data-box-left-list {
    padding: 0 32px;
    position: relative;
    /*margin-right: 32px;*/
}

/*.index-data-box-left-list:after {
    content: "";
    width: 1px;
    height: 24px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
}*/

.index-data-box-left {
    display: flex;
    align-items: center;
}

.index-data-box-left-search img {
    margin-right: 12px;
}

.search-input {
    font-size: 14px;
    line-height: 22px;
    color: #999999;
    border: 0;
    background: transparent;
    width: 285px;
}

.index-data-box-right-wx {
    font-size: 14px;
    line-height: 22px;
    color: #999999;
    display: flex;
    align-items: center;
    margin-right: 32px;
    cursor: pointer;
}

.index-data-box-right {
    display: flex;
    align-items: center;
}

.index-data-box-right-wx img {
    margin-right: 6px;
}

.index-data-box-right-btn {
    width: 230px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    background: #ED5126;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 0px 0px 0 20px;
}

.index-data-box-right-btn-bg {
    /*width: 0;
    height: 0;
    background: #037A7A;
    transition: .6s;
    border-radius: 50%;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}

.index-data-box-right-btn-bg .dian {
    display: block;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: .6s;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.index-data-box-right-btn:hover .index-data-box-right-btn-bg .dian {
    width: 250px;
    /*padding-top: 200%;*/
    height: 250px;
}

.new-index-scenic-item-title:hover .index-data-box-right-btn-bg .dian,
.hotel-item-text-3:hover .index-data-box-right-btn-bg .dian {
    width: 120px;
    /*padding-top: 200%;*/
    height: 120px;
}

.index-culture-box {
    width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-culture-box-left-title-line {
    width: 48px;
    height: 12px;
    /*background: #A61B29;*/
    margin-bottom: 8px;
    position: relative;
}

.index-culture-box-left-title-line img {
    position: absolute;
    top: 0;
    left: 0;
}

.index-culture-box-left-title {
    font-size: 32px;
    line-height: 100%;
    color: #282828;
    font-weight: bold;
    margin-bottom: 24px;
}

.index-culture-box-left-text {
    font-size: 16px;
    line-height: 150%;
    color: #666666;
}

.index-culture-box-left-text {
    margin-bottom: 24px;
}

.index-culture-box-left {
    width: 472px;
    /*margin-bottom: 24px;*/
}

.index-culture-box-left-more {
    display: flex;
}

.left-or {
    padding: 0 24px;
    font-size: 24px;
    line-height: 100%;
    color: #999999;
}

.video-text {
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    color: #282828;
    margin-left: 10px;
}

.culture-box-right-slide {
    width: 160px;
    height: 256px;
    border-radius: 4px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #efefef;
    position: relative;
}

.culture-box-right-text1 {

}

.culture-box-right-text-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    width: calc(100% - 32px);
    border-radius: 0 0 4px 4px;
}

.culture-box-right-text1 {
    font-size: 20px;
    line-height: 100%;
    /*text-align: center;*/
    color: #FFFFFF;
    margin-bottom: 8px;
    font-weight: bold;
}

.culture-box-right-text2 {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 2px 4px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    border-radius: 3px;
    display: inline-block;
}

.index-culture-box-right {
    width: 842px;
    height: 423px;
    position: relative;
}

.culture-bg {
    position: absolute;
    right: 7px;
    bottom: 0;
}

.index-culture-swiper {
    width: 100%;
    height: 360px;
    margin-bottom: 24px;
}

.index-culture-swiper-wrapper {
    display: flex;
    align-items: flex-end;
}

.index-culture-btn-wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.index-culture-btn-prev,
.index-culture-btn-next {
    position: relative;
    width: 24px;
    height: 24px;
    top: auto;
    margin-top: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
}

.swiper-slide.culture-box-right-slide.swiper-slide-active {
    width: 266px !important;
    height: 360px;
}

.index-culture-btn-wrap {
    margin-left: 260px;
}

.index-play-wrap {
    padding: 128px 0 140px 0;
    /*background-repeat: no-repeat;*/
    /*background-image: url('../img/mask.png');*/
    /*background-position:0 -140px;*/
}

.index-play-box {
    width: 1198px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.index-play-box-left {
    width: 680px;
}

.index-play-box-right {
    width: 472px;
}

.index-play-box-left-item {
    width: 332px;
    height: 116px;
    margin-right: 16px;
    float: left;
    padding: 8px;
    background: #fff;
    border: 1px solid #F5F5F5;
    box-sizing: border-box;
    box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.index-play-box-left-item:nth-child(2n) {
    margin-right: 0;
}

.play-box-left-item-img {
    border-radius: 4px;
    width: 170px;
    height: 100px;
    margin-right: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.left-item-content-p1 {
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    color: #282828;
    margin-bottom: 8px;
}

.left-item-content-p2 {
    font-size: 13px;
    line-height: 120%;
    color: #09A79D;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.left-item-content-p2 img {
    margin-left: 8px;
}

.index-play-box-right-text {
    font-size: 16px;
    line-height: 150%;
    color: #666666;
    margin-bottom: 24px;
}

.index-scenic-wrap {
    padding-bottom: 140px;
}

.index-scenic-box-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}

.index-scenic-box {
    width: 1200px;
    margin: 0 auto;
}

.index-scenic-box-item {
    width: 336px;
    float: left;
    margin-right: 32px;
}

.index-scenic-box-item:nth-child(4n) {
    margin-right: 0;
}

.index-scenic-box-item-img {
    width: 336px;
    height: 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 4px;
    margin-bottom: 12px;
}

.index-scenic-box-item-text1 {
    font-size: 12px;
    line-height: 100%;
    color: #666666;
    margin-bottom: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.index-scenic-box-item-text2 {
    font-size: 20px;
    line-height: 120%;
    color: #282828;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-weight: bold;
}

.index-scenic-box-item-text3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.scenic-box-item-text3-left {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 100%;
    color: #666666;
}

.scenic-box-item-text3-right {
    display: flex;
    align-items: center;
}

.text3-right-p1 {
    font-size: 14px;
    line-height: 100%;
    color: #A61B29;
    font-weight: bold;
    margin: 0 3px;
}

.text3-right-p2 {
    font-size: 14px;
    line-height: 100%;
    color: #666666;
}

.index-scenic-box-item-text4 {
    width: 52px;
    height: 26px;
    border: 1px solid #A61B29;
    box-sizing: border-box;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 100%;
    color: #A61B29;
    cursor: pointer;
}

.index-activity-box {
    width: 1198px;
    margin: 0 auto;
}

.index-news-box {
    width: 1440px;
    margin: 0 auto;
}

.index-news-tab-list {
    width: 100%;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    margin-bottom: 32px;
}

.index-news-tab-item {
    font-size: 16px;
    line-height: 100%;
    color: #666666;
    padding-bottom: 14px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 27px;
    position: relative;
}

.index-news-tab-item.tab-item-active:after {
    position: absolute;
    content: "";
    display: block;
    background: #09A79D;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
}

.index-news-tab-item.tab-item-active {
    /*font-weight: bold;*/
    color: #09A79D;
}

.index-news-tab-item:hover {
    /*font-weight: bold;*/
    color: #09A79D;
}

.index-news-tab-item:hover:after {
    position: absolute;
    content: "";
    display: block;
    background: #09A79D;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
}

.index-news-content-item {
    width: 291px;
    float: left;
    margin-right: 12px;
    cursor: pointer;
}

.index-news-content-item:nth-child(4n) {
    margin-right: 0;
}

.index-news-content-item:hover .index-news-content-item-image {
    transform: scale(1.25)
}

.index-news-content-item:hover .index-news-content-item-text4 {
    /**/
    color: #09A79D;
}

.index-news-content-item:hover .index-news-content-item-text2 {
    text-decoration: underline;
}

.img-2-s {
    display: none;
}

.index-news-content-item:hover .index-news-content-item-text4 .img-2-s {
    display: inline-block;
}

.index-news-content-item:hover .index-news-content-item-text4 .img-2 {
    display: none;
}

.index-news-content-item-image-box {
    width: 291px;
    height: 188px;
    border-radius: 20px;
    margin-bottom: 12px;
    overflow: hidden;
}

.index-news-content-item-image {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .6s;
}

.index-news-content-item-text1 {
    font-size: 12px;
    line-height: 100%;
    color: #666666;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

.index-news-content-item-text1 span {
    font-size: 12px;
    line-height: 100%;
    color: #09A79D;
    font-weight: 400;
    padding: 4px 6px;
    background: rgba(9, 167, 157, 0.1);
    border-radius: 4px;
    margin-right: 5px;
}

.index-news-content-item-text2 {
    font-size: 18px;
    line-height: 140%;
    color: #282828;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 500;
    margin-bottom: 12px;
    transition: .6s;
    /*height: 20px;*/
}

.index-news-content-item-text3 {
    font-size: 14px;
    line-height: 120%;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 12px;
}

.index-news-content-item-text4 {
    font-size: 14px;
    line-height: 100%;
    color: #666666;
}

.index-news-wrap {
    padding-bottom: 59px;
    padding-top: 140px;
}

.index-swiper-wrap {
    width: 100%;
    height: 326px;
    position: relative;
}

.index-swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.index-swiper-slide:hover .index-swiper-slide-img {
    transform: scale(1.2);
}

.index-swiper-slide-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: .6s;

}

.swiper-slide-content-p1 {
    font-size: 12px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.index-swiper-slide-content {
    width: 350px;
}

.swiper-slide-content-p1 span {
    color: #FF4515;
    font-weight: bold;
}

.swiper-slide-content-p2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: #FFFFFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
}

.index-swiper-btn-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.index-swiper-btn-box {
    width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.index-swiper-prev {
    position: absolute;
    z-index: 1;
    width: 38px;
    left: 21px;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    top: 50%;
    margin-top: -23px;
}

.index-swiper-prev img {
    margin-bottom: 6px;
}

.index-swiper-slide.swiper-slide-active .index-swiper-slide-content {
    position: relative;
    left: 50px;
}

.index-swiper-slide.swiper-slide-next .index-swiper-slide-content {
    position: relative;
    right: 50px;
}

.index-swiper-next {
    position: absolute;
    z-index: 1;
    width: 38px;
    right: 21px;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    top: 50%;
    margin-top: -23px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index-swiper-next-img {
    width: 28px;
    height: 28px;
    margin-bottom: 6px;
    position: relative;
}

.index-swiper-next-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.index-swiper-next-img-progress {
    /*display: none;*/
}

.index-video-wrap {
    padding:0 0 152px 0;
}

.index-video-box {
    width: 1200px;
    margin: 0 auto;
}

.index-video-box {
    display: flex;
    align-items: center;
}

.index-video-box-left-img {
    width: 848px;
    height: 429px;
    border-radius: 20px;
    /*background-image: url('../img/bg4.png');*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 8px;
    position: relative;
}

.banner-prev1 {
    /*position: absolute;*/
    width: 60px;
    height: 80px;
    /*bottom: 0;*/
    /*right: 50px;*/
    background: #09A79D;
    border-radius: 10px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
}

.banner-next1 {
    /*position: absolute;*/
    width: 60px;
    height: 80px;
    /*bottom: 0;*/
    /*right: 0;*/
    background: #09A79D;
    border-radius: 10px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
}

.index-video-box-right {
    margin-left: 120px;
}

.index-culture-box-left-text1 {
    font-size: 16px;
    line-height: 150%;
    color: #282828;
    margin-bottom: 24px;
}

.index-culture-box-left-text2 {
    font-size: 16px;
    line-height: 100%;
    color: #282828;
    display: flex;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
}

.index-culture-box-left-text2 img {
    margin-right: 10px;
}

.index-activity-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-activity-wrap {
    width: 100%;
    height: 527px;
}

.index-activity-content {
    width: 1220px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.index-activity-box-left {
    width: 588px;
    height: 224px;
}

.index-activity-box-left-container {
    width: 100%;
    height: 100%;
}

.index-activity-box-left-text1 {
    font-size: 80px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 18px;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-activity-box-left-text2 {
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.index-activity-box-left-text3 {
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.index-activity-box-left-text3 img {
    margin-right: 10px;
}

.index-activity-more-wrap {
    position: absolute;
    bottom: -120px;
    right: 0;
    z-index: 1;
}

.index-activity-more-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 6px;
}

.index-activity-more-box {
    width: 190px;
    height: 80px;
    display: flex;
}

.index-activity-more-box-left {
    width: 160px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.index-activity-more-box-right {
    width: 30px;
    height: 80px;
    background: #A61B29;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.new-index-video-wrap {
    padding: 124px 0 140px 0;
    width: 1200px;
    margin: 0 auto;
}

.new-index-text-wrap {
    padding: 42px 22px 22px 22px;
    background: #037A7A;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.new-index-text-title {
    font-size: 32px;
    line-height: 100%;
    color: #FFFFFF;
    position: relative;
    margin-bottom: 24px;
    align-items: center;
    display: flex;
    font-weight: 900;
}

.new-index-text-title span {
    font-size: 16px;
    line-height: 16px;
    margin-left: 8px;
    font-weight: 400;
    margin-top: 2px;
}

.new-index-text-title:after {
    position: absolute;
    content: "";
    display: block;
    width: 48px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('../img/t_1_1.png');
    top: -18px;
}

.new-index-text-title.new-index-text-title1:after {
    background-image: url('../img/t_1_2.png');
}

.new-index-text-list {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.new-index-text-list-left {
    font-size: 14px;
    /*line-height: 150%;*/
    color: #FFFFFF;
    margin-right: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.new-index-text-list-left:hover img {
    transform: rotate(80deg);
}

.new-index-text-list-left img {
    margin-right: 5px;
    transition: .6s;
}

.new-index-text-list-right {
    font-size: 16px;
    line-height: 150%;
    color: #FFFFFF;
    width: calc(100% - 90px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-index-scenic-box {
    width: 1200px;
    margin: 0 auto;
}

.new-index-scenic-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.new-index-scenic-title-right {
    width: 418px;
    height: 82px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    background-image: url('../img/s-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
    padding: 0 24px;
    cursor: pointer;
    position: relative;
}

.index-s-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    /*z-index: 1;*/
    top: 0;
    left: 0;
    border-radius: 20px;
    transition: .6s;
}

.new-index-scenic-title-right:hover .index-s-bg {
    /*border: 1px solid #efefef;*/
    background-color: rgba(9, 167, 157, 0.5);
}

.new-index-scenic-title-right-left-text1 {
    font-style: normal;
    font-weight: 900;
    font-size: 26px;
    line-height: 31px;
    color: #FFFFFF;
    margin-bottom: 4px;
}

.new-index-scenic-title-right-left-text2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
}

.new-index-scenic-title-right-right {
    font-size: 18px;
    line-height: 100%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}

.new-index-scenic-title-right-right img {
    margin-left: 8px;
}

.new-index-scenic-title-right-left,
.new-index-scenic-title-right-right {
    position: relative;
    z-index: 1;
}

.new-index-scenic-list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.new-index-scenic-item {
    width: 356px;
    height: 356px;
    margin-right: 18px;
    margin-bottom: 18px;

    padding: 16px;
    cursor: pointer;
    position: relative;
    border-radius: 20px;
    overflow: hidden;

}

.new-index-scenic-item-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: .6s;
}

.new-index-scenic-item:hover .new-index-scenic-item-img{
    transform: scale(1.25);
}

.new-index-scenic-item:nth-child(3n) {
    margin-right: 0;
}

.new-index-scenic-item.scenic-1:nth-child(4n) {
    margin-right: 0 !important;
}

.new-index-scenic-item.scenic-1:nth-child(2n) {
    margin-right: 12px;
}

.new-index-scenic-item-title {
    width: 76px;
    height: 22px;
    padding: 4px 10px 4px 16px;
    display: flex;
    background: #09A79D;
    border-radius: 4px;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    position: absolute;
    overflow: hidden;
    right: 0;
}

.new-index-scenic-item-title img {
    margin-right: 4px;
}

.new-index-scenic-item-title-box {
    display: none;
    animate-duration: .2s;
    animate-delay: .2s;
    position: relative;
    z-index: 1;
    padding-top: 5px;
}

.new-index-scenic-item-body {
    position: absolute;
    width: calc(100% - 32px);
    height: calc(100% - 32px);
    border-radius: 20px;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80.19%, rgba(0, 0, 0, 0.5) 100%);
    padding: 16px;
    overflow: hidden;
    transition: 2s;
}

.index-scenic-item-body-text-wrap {
    position: absolute;
    /*bottom: 16px;*/
    padding-right: 16px;
    transition: .6s;
    bottom: -16px;
}

.index-scenic-item-body-text-wrap1 {
    bottom: 16px;
    position: absolute;
    /*bottom: 16px;*/
    padding-right: 16px;
    transition: .6s;
}

.index-scenic-item-body-text1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
}

.index-scenic-item-body-text2 {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
    width: 100%;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 21px;
}

.index-scenic-item-body-text3 {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #FFFFFF;
    width: 100%;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.index-news-tab-list-wrap {
    display: flex;
    margin-bottom: 12px;
}

.index-news-tab-list-left {
    margin-right: 16px;
    white-space: nowrap;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
}

.index-news-tab-list-left:hover img {
    transform: rotate(80deg);
}

.index-news-tab-list-left-text {
    font-size: 14px;
    line-height: 150%;
    color: #09A79D;
}

.index-news-tab-list-left img {
    margin-right: 4px;
    transition: .6s;
}

.index-charact-wrap {
    width: 100%;
    height: 639px;
    position: relative;
}

.index-charact-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.index-banner-slide-bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /*transition: 10s;*/
    position: absolute;
    top: 0;
    left: 0;
    transition: .6s;
    /*transform:scale(1.5)*/
}

.index-charact-text-wrap {
    width: 1198px;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.index-charact-text-title {
    font-size: 20px;
    line-height: 100%;
    color: #FFFFFF;
    padding: 6px 12px;
    background: #09A79D;
    border: 1px solid #09A79D;
    box-sizing: border-box;
    border-radius: 0px 0px 4px 4px;
    position: absolute;
    top: 0;
}

.index-charact-text-box {
    /*width: 560px;*/
    position: absolute;
    top: 375px;
}

.index-charact-text-1 {
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.index-charact-text-2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 9px;
}

.index-charact-text-4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 4px;
    display: none;
    animation-duration: .5s;
    animation-delay: 0.1s;
}

.index-charact-text-4.delay {
    animation-delay: 0s;
}

.index-charact-text-3.delay-on {
    animation-delay: 0.1s;
}

.index-charact-text-3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 4px;
    display: none;
    animation-duration: .6s;
    /*animation-delay: 0.3s;*/
    /*width: 560px;
    height: 66px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
}

.index-charact-text-4-head {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.c_r {
    width: 28px;
    margin-left: 10px;
    /*position: absolute;*/
    z-index: 1;
}

.index-charact-text-4-bottom {
    width: 78px;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    transition: 1s;
    position: relative;
}

.index-charact-text-4-bottom-side {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 1);
}

.new-index-hotel-wrap {
    padding: 140px 0 140px 0;
}

.new-index-hotel-box {
    width: 1200px;
    margin: 0 auto;
}

.new-index-hotel-list {
    display: flex;
    flex-wrap: wrap;
}

.new-index-hotel-item {
    width: 291px;
    height: 197px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-right: 12px;
    margin-bottom: 12px;
    cursor: pointer;
}

.new-index-hotel-item:nth-child(4n) {
    margin-right: 0;
}

.new-index-hotel-item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0;
    border-radius: 4px;
    transition: 0.6s;
}

.new-index-hotel-item-progress {
    padding: 17px 0 0 24px;
    position: absolute;
    z-index: 1;
    top: -80px;
    left: 0;
    transition: 0.6s;
}

.new-index-hotel-item-bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    transition: .6s;
    /*display: none;*/
}

.new-index-hotel-item-progress .el-progress-circle__track {
    stroke: rgba(9, 167, 157, 0.3);
}

.new-index-hotel-item-progress .el-progress-circle__path {
    stroke: #09A79D;
}

.new-index-hotel-item-text-wrap {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -47px;
    padding: 0 0 17px 24px;
    transition: .6s;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    width: calc(100% - 24px);
}

.hotel-item-text-1 {
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 24px;
}

.hotel-item-text-2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 24px;
}

.hotel-item-text-3 {
    width: 56px;
    height: 30px;
    padding: 0 10px 0 16px;
    background: #09A79D;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.hotel-item-text-3 img {
    margin-right: 4px;
}

.item-progress-text {
    position: absolute;
    color: #fff;
    top: 30px;
    left: 40px;
    font-size: 12px;
    line-height: 16px;
}

.new-index-news-wrap {

}

.new-index-news-box {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 59px 0;
}

.index-video-box-left-text {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #6E6E73;
}

.new-index-video-box {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 100%;
    height: 600px;
    position: relative;
}

.index-video {
    width: 100%;
    height: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.new-index-video-top-wrap-1 {
    position: absolute;
    width: 400px;
    height: 160px;
    right: 132px;
    top: -100px;
}

.new-index-video-top-wrap {
    width: 100%;
    height: 100%;
    background-image: url('../img/body-bg.png');
    /*background-size: 100% 100%;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/

    /*z-index: 1;*/
    overflow: hidden;
    display: flex;
    justify-content: center;

}

.video-top-bottom {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    /*background-color: red;*/
    --mask: url(../img/mask-1.png) no-repeat center / 100%,
    linear-gradient(black, black);
    -webkit-mask: var(--mask);
    /*mask-image: url(../img/mask-1.png);*/
    mask: var(--mask);
    background: var(--mask);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    overflow: hidden;
}

.video-top-bottom-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    /*background-color: red;*/
    --mask: url(../img/mask-2.png) no-repeat center / 100%,
    linear-gradient(black, black);
    -webkit-mask: var(--mask);
    /*mask-image: url(../img/mask-1.png);*/
    mask: var(--mask);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    overflow: hidden;
}

.video-top-bottom-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    /*background-color: red;*/
    --mask: url(../img/mask-3.png) no-repeat center / 100%,
    linear-gradient(black, black);
    -webkit-mask: var(--mask);
    /*mask-image: url(../img/mask-1.png);*/
    mask: var(--mask);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    overflow: hidden;
}

.video-top-bottom-3 {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    /*background-color: red;*/
    --mask: url(../img/mask-4.png) no-repeat center / 100%,
    linear-gradient(black, black);
    -webkit-mask: var(--mask);
    /*mask-image: url(../img/mask-1.png);*/
    mask: var(--mask);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    overflow: hidden;
}

.top-img {
    margin-top: 40px;
    width: 200px;
    height: 200px;
    transition: .6s;

}

.video-top-bottom-1:hover .top-img,
.video-top-bottom:hover .top-img,
.video-top-bottom-2:hover .top-img,
.video-top-bottom-3:hover .top-img {
    transform: scale(1.25);
}

.album-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 848px;
    height: 80px;
}

.gallery-thumbs {
    width: 704px;
    height: 80px;
    margin-left: 12px;
    /*margin-right: 12px;*/
    /*border-radius: 10px;*/
}

.gallery-thumbs .swiper-slide {
    width: 120px;
    height: 100%;
    /*opacity: 0.4;*/
}

.gallery-thumbs .swiper-slide-thumb-active .swiper-slide-img {
    border: 2px solid #09A79D;
    border-radius: 10px;
}

.swiper-slide-img {
    width: 116px;
    height: 76px;
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*margin-bottom: 12px;*/
    /*border-radius: 10px;*/
    overflow: hidden;
    border: 2px solid transparent;
}

.swiper-slide-img-1{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.index-video-box-left {
    position: relative;
}

.new-index-bird-wrapper .swiper-slide {
    width: 360px;
    height: 360px;
    position: relative;
    /*background: #FFFFFF;*/
    /*border-radius: 20px;*/
}

.swiper-slide-bird {
    width: calc(100% - 42px);
    height: calc(100% - 42px);
    background: #FFFFFF;
    border-radius: 20px;
    position: relative;
    padding: 21px;
    transition: .6s;
}

.swiper-slide-bird-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 318px;
    position: absolute;
    /*top: 0;*/
    /*left: 0;*/
}

.swiper-slide-bird-head-l {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    transition: .6s;
}

.swiper-slide-bird-foot {
    position: absolute;
    bottom: 21px;
    /*left: 0;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 318px;
}

.swiper-slide-bird-foot-l,
.swiper-slide-bird-foot-r {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    transition: .6s;
}

.bird-head-r-s,
.bird-head-r-ss {
    display: none;
}

.swiper-slide-bird-w:nth-of-type(odd):hover .swiper-slide-bird .swiper-slide-bird-head-l,
.swiper-slide-bird-w:nth-of-type(odd):hover .swiper-slide-bird-foot-l,
.swiper-slide-bird-w:nth-of-type(odd):hover .swiper-slide-bird-foot-r {
    color: #09A79D;
}

.swiper-slide-bird-w:nth-of-type(even):hover .swiper-slide-bird .swiper-slide-bird-head-l,
.swiper-slide-bird-w:nth-of-type(even):hover .swiper-slide-bird-foot-l,
.swiper-slide-bird-w:nth-of-type(even):hover .swiper-slide-bird-foot-r {
    color: #ED5126;
}

.bird-path {
    transition: .6s;
}

.swiper-slide-bird-w:nth-of-type(odd):hover .bird-path {
    fill: #09A79D;
}

.swiper-slide-bird-w:nth-of-type(even):hover .bird-path {
    fill: #ED5126;
}

.swiper-slide-bird-w:hover .swiper-slide-bird-head-r img {
    display: none;
}

.swiper-slide-bird-w:nth-of-type(odd):hover .bird-head-r-s,
.swiper-slide-bird-w:nth-of-type(even):hover .bird-head-r-ss {
    display: block;
}

.swiper-slide-bird-w:hover .swiper-slide-bird {
    transform: scale(.94);
}

.swiper-slide-bird-body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.swiper-slide-bird-menban {
    /* width: 100%;
     height: 100%;
     !*background-color: red;*!
     -mask: url(../img/mask-5.png) repeat center / 100%, linear-gradient(black, black);
     -webkit-mask: var(--mask);
     mask: var(--mask);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
     overflow: hidden;
     position: absolute;*/
    width: 100%;
    height: 100%;
    position: absolute;
    /*bottom: 0;*/
    z-index: 1;
    /*background-color: red;*/
    /*--mask: url(../img/mask-5.png) no-repeat 0 122px / 100%,*/
linear-gradient(black, black);
    -webkit-mask: var(--mask);
    /*mask-image: url(../img/mask-1.png);*/
    mask: var(--mask);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    overflow: hidden;
}

.slide-bird-img-box {
    width: 140px;
    height: 100%;
    /*background-color: black;*/
    -webkit-mask: no-repeat center / contain;
    mask: no-repeat center / contain;

    position: absolute;
    top: 0;
    z-index: 1;
    transition: .6s;
    overflow: hidden;
}

.slide-bird-img-box-bg {
    width: 140px;
    height: 100%;
    background-color: black;
    transition: .3s;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-mask: no-repeat center / contain;
    mask: no-repeat center / contain;
}

.slide-bird-img-box-c {
    /*background: black;*/
    width: 140px;
    height: 100%;
    /*transition: .6s;*/
    display: flex;
    align-items: center;
    /*transition: .6s;*/
}

.swiper-slide-bird-w:hover .slide-bird-img-box-bg {
    /*-webkit-mask-image: url(../img/slide-b-1.png);*/
    /*mask-image: url(../img/slide-b-1.png);*/
    /*background: none;*/
    opacity: 0;
}

.swiper-slide-bird-w:hover .slide-bird-img-box {
    transform: scale(1.78);
    /*opacity: 0;*/
}

.index-banner-swiper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.index-banner-swiper .new-index-banner-slide-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 80%;
    height: 80%;
    transition: .6s;
    opacity: 0;
    /*position: absolute;*/
    /*right: 50%;*/
    /*bottom: 0;*/
}

.index-banner-swiper .new-index-banner-slide-item.add-active {
    width: 100%;
    height: 100%;
    right: 0;
}

.banner-slide-item-text-wrap {
    width: 720px;
    position: absolute;
    top: 274px;
    left: 240px;
    display: none;
    animate-duration: .1s;
    /*animate-delay: .1s;*/
}

.banner-slide-item-text-img {
    margin-bottom: 12px;
}

.banner-slide-item-text-1 {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
}

.banner-slide-item-text-2 {
    font-family: wendaochaohei;
    font-weight: 400;
    font-size: 60px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.banner-slide-item-text-3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.banner-slide-item-text-4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
}

.banner-slide-item-text-4 img {
    margin-left: 4px;
}

.index-cursor-wrap {
    width: 655px;
    position: absolute;
    height: 138px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: nowrap; /* Safari 6.1+ */
    flex-wrap: nowrap;
    display: flex;
    /*overflow-x:auto;*/
    bottom: 20px;
    right: 0;
    z-index: 2;
}

.index-cursor-wrap .new-index-banner-slide-item {
    width: 240px !important;
    height: 138px !important;
    opacity: 1 !important;
    border-radius: 20px;
    /*margin-right: 20px;*/
    /* !*margin-right: 4%;*!
     -webkit-flex-grow: 0;
     -webkit-flex-shrink: 0;
     !*-webkit-flex-basis: 30;*!
     flex-grow: 0;
     flex-shrink: 0;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    right: inherit !important;
    bottom: inherit !important;
    transition: .6s;
    animation-duration: .8s;
}

.index-cursor-wrap .new-index-banner-slide-item:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
}

.index-cursor-wrap .new-index-banner-slide-item:nth-child(2){
    position: absolute;
    top: 0;
    left: 260px;
}

.index-cursor-wrap .new-index-banner-slide-item:nth-child(3){
    position: absolute;
    top: 0;
    left: 520px;
}

.index-cursor-wrap .new-index-banner-slide-item:nth-child(4){
    position: absolute;
    top: 0;
    left: 780px;
}

.animated.pulse{
    background: none;
    margin: 0;
    border-radius: 0;
    display: inline-block;
}

.jdt-wrap{
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 88px;
    left: 0;
    z-index: 9;
    /*transition: .1s;*/
}

.index-banner-bg-click{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.new-index-bird-list::-webkit-scrollbar {
    display: none;
}

.index-data-bottom-box{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    align-items: center;
}

.index-data-bottom-left{
    display: flex;
}

.index-data-bottom-left-item{
    margin-right: 24px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
}

.index-data-bottom-left-item span{
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
}

.index-data-bottom-right{
    display: flex;
}

.index-data-bottom-right-item{
    margin-left: 24px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 24px;
}

.index-data-bottom-right-item img{
    margin-right: 4px;
}

.index-data-notify-wrap{
    width: 630px;
    height: 20px;
    background: #F5F5F5;
    border-radius: 10px;
    margin-right: 24px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #666666;
}

.notify-i{
    margin-right: 4px;
}

.index-data-notify-list{
    width: 810px;
    height: 22px;
    margin-left: 16px;
    overflow: hidden;
}

.mySwiper{
    height: 100%;
}

.index-data-notify-list .swiper-slide,
.index-data-notify-list .swiper-wrapper{
    height: 100%;
}

.index-data-notify-list .swiper-slide{
    display: flex;
    align-items: center;
}

.myswiper-slide-text{
    width: 794px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #09A79D;
}

.new-index-play-wrap{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 25px;
}

.index-play-top-wrap{
    width: 100%;
    height: 500px;
    border-radius: 20px;
    margin-bottom: 52px;
    overflow: hidden;
}

.index-play-bottom-wrap{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 120px;
}

.index-play-bottom-item{
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.index-play-bottom-item-index{
    width: 36px;
    height: 24px;
    background: #A8ACAC;
    border-radius: 39px;
    display: flex;
    align-items: center;
    justify-content:center;
    margin-bottom: 8px;
    font-family: 'yaxindahei';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
}

.index-play-bottom-item-text{
    font-family: 'yaxindahei';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    color: #A8ACAC;
}

.play-swiper,
.play-swiper-slide{
    width: 100%;
    height: 100%;
}


.play-swiper-slide{
    position: relative;
    overflow: hidden;
}

.swiper-pagination-bullet{
    width: auto;
    height: auto;
    background: none;
    opacity: 1;
}

.swiper-pagination-bullet-active{
    background: none;
    opacity: 1;
}

.swiper-pagination-bullet-active .index-play-bottom-item-index{
    background: #09A79D;
}

.swiper-pagination-bullet-active .index-play-bottom-item-text{
    color: #09A79D;
}

.index-play-bottom-item:after{
    content:"";
    position: absolute;
    width: 32px;
    height: 32px;
    background-image: url('../img/play_r.png');
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    right: -80px;
    bottom: -4px;
}

.index-play-bottom-item:last-child:after{
    display: none;
}

.index-play-top-r{
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    top: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .6s;
}

.index-play-top-r-text1{
    font-weight: 400;
    font-size: 78px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 15px;
    font-family: 'yaxindahei';
    position: relative;
    z-index: 1;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.index-play-top-r-text2{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.index-play-top-r-img{
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: .6s;
    /*transform: scale(1.1);*/
}

.index-play-top-l{
    /*width: 100%;*/
    width: 400px;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: .6s;
    left: -400px;
}

.index-play-top-l-item{
    width: calc(100% - 64px);
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url('../img/body-bg2.png');
    background-color: #09A79D;
    padding: 0 32px;
    position: relative;
    cursor: pointer;
    transition: 1s;
    overflow: hidden;
}

.index-play-top-l-item:nth-child(2){
    width: calc(100% - 144px);
}

.index-play-top-l-item:nth-child(3){
    width: calc(100% - 224px);
    /*transition: .8s;*/
}

.index-play-top-l-item:nth-child(4){
    width: calc(100% - 304px);
    /*transition: 1s;*/
}
.index-play-top-l-item:nth-child(5){
    width: calc(100% - 384px);
    /*transition: 1.2s;*/
}
.index-play-top-l-item-l{
    font-family: 'yaxindahei';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    transition: .6s;
    white-space: nowrap;
}

.index-play-top-l-item-r{
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}



.index-play-top-l-item-r img{
    width: 24px;
    height: 24px;
    margin-top: 3px;
}

.index-play-top-l-item-r span{
    transition: .6s;
}

.index-play-top-l-item-bg{
    /*  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
      !*background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));*!
      background-blend-mode: normal, overlay, normal;*/
    background: rgba(0, 0, 0, 0.2);
    mix-blend-mode: overlay;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.index-play-top-l-item:hover .index-play-top-l-item-bg{
    display: block;
}

.index-play-top-l-item:hover .index-play-top-l-item-l{
    transform: translateX(8px);
}

.index-play-top-l-item:hover .index-play-top-l-item-r span{
    transform: translateX(-8px);
}

.play-swiper-slide:hover .index-play-top-r{
    width: calc(100% - 400px);
}

.play-swiper-slide:hover .index-play-top-l{
    left: 0;
}

.play-swiper-slide:hover .index-play-top-l-item:nth-child(2),
.play-swiper-slide:hover .index-play-top-l-item:nth-child(3),
.play-swiper-slide:hover .index-play-top-l-item:nth-child(4),
.play-swiper-slide:hover .index-play-top-l-item:nth-child(5){
    width: calc(100% - 64px);
}

.index-play-top-r-yy-1{
    position: absolute;
    top: 200px;
    right: -140px;
    transition:.6s;
}

.index-play-top-r-yy-2{
    position: absolute;
    bottom: 0;
    right: -140px;
    transition:.6s;
}

.index-play-top-r-yy-3{
    position: absolute;
    top: 0;
    right: -140px;
    transition:.6s;
}

.index-play-top-r-yy-4,
.index-play-top-r-yy-5{
    position: absolute;
    bottom: -140px;
    right: 0;
    transition:.6s;
}

.play-swiper-slide:hover .index-play-top-r-yy-1,
.play-swiper-slide:hover .index-play-top-r-yy-2,
.play-swiper-slide:hover .index-play-top-r-yy-3{
    right: 0;
}

.play-swiper-slide:hover .index-play-top-r-yy-4,
.play-swiper-slide:hover .index-play-top-r-yy-5{
    bottom: 0;
}