.m-nav{display: none}
*{
    color: #3C3C3C;
}
a{
    color: #3C3C3C;
}
body{
    color: #3C3C3C;
}
.header{
    width: 100%;
    height: 100vh;
}
.header .bg{
    width: 100%;
    height: 100%;
}
.header .bg .swiper{
    width: 100%;
    height: 100%;
}
.header .bg .thumbnail{
    width: 100%;
    height: 100%;
}
.header .bg .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header .bg .video{
    width: 100%;
    height: 100%;
}
.header .bg .video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
}
.header .bg .swiper .swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
}
.header .bg .swiper .swiper-slide-active img,.header .bg .swiper .swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
}

.header .content_nav{
    width: 100%;
    height: 1.38rem;
    position: absolute;
    top: 0.24rem;
    z-index: 20;
}
.header .content_nav .box{
    width: 12.8rem;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    margin: auto;
    border-radius: 0.24rem;
    padding: 0.16rem 0.24rem;
    box-sizing: border-box;
}
.header .content_nav .box .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .content_nav .box .top .left{
    font-size: 0.14rem;
    line-height: 1;
}
.header .content_nav .box .top .right{
    display: flex;
    align-items: center;
}
.header .content_nav .box .top .right .item{
    font-size: 0.16rem;
    line-height: 1;
    transition: 0.3s;
}
.header .content_nav .box .top .right .item:hover{
    color: #459C94;
}
.header .content_nav .box .top .right .item.lt{
    margin-right: 0.12rem;
}
.header .content_nav .box .top .right .line{
    width: 1px;
    height: 0.16rem;
    background-color: #E1E3E5;
    margin: auto 0.13rem;
}
.header .content_nav .box .top .right .lg{
    font-size: 0.14rem;
    color: rgba(0, 0, 0, 0.4);
    margin-left: 0.04rem;
    padding: 0.06rem;
    line-height: 1;
}
.header .content_nav .box .top .right .lg.on{
    background-color: #459C94;
    border-radius: 0.24rem;
    color: #fff;
}
.header .content_nav .box .bottom{
    width: 100%;
    height: 0.46rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.24rem;
    align-items: center;
}
.header .content_nav .box .bottom .logo{
    width: 2.25rem;
    height: 100%;
}
.header .content_nav .box .bottom .logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.header .content_nav .box .bottom .nav_list{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    margin-right: 0.24rem;
    margin-left: 0.24rem;
}
.header .content_nav .box .bottom .nav_list .item{
    font-size: 0.16rem;
    font-weight: 400;
    height: 0.32rem;
    display: flex;
    align-items: center;
    margin-left: 0.08rem;
    position: relative;
    transition: 0.3s;
    width: 0.88rem;
    line-height: 1;
    justify-content: center;
}

.header .content_nav .box .bottom .nav_list .item:hover{
    color: #fff;
    background-color: #459C94;
    border-radius: 0.24rem;
    font-weight: 500;
}
.header .content_nav .box .bottom .nav_list .item.on{
    color: #fff;
    background-color: #459C94;
    border-radius: 0.24rem;
    font-weight: 500;
}

.header .content_nav .box .bottom .tel{
    width: 2.6rem;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0.24rem;
    border-left: 1px solid #E1E3E5;
    align-content: space-between;
}
.header .content_nav .box .bottom .tel .t1{
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    color: #459C94;

}
.header .content_nav .box .bottom .tel .t1 span{
    color: #969799;
    font-size: 0.16rem;
    font-weight: normal;
}


.header .content_form{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0.24rem;
    /*height: 1.56rem;*/
    z-index: 20;
}
.header .content_form .box{
    width: 12.8rem;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    margin: auto;
    border-radius: 0.24rem;
    padding: 0.16rem 0.24rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.header .content_form .box .left{
    width: 78%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.12rem;
}
.header .content_form .box .left .item{
    width: 100%;
    height: 0.48rem;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
    border-radius: 0.24rem;

}
.header .content_form .box .left .item .layui-input{
    border-radius: 0.24rem;
    height: 0.48rem;
    border: none!important;
    padding: 0 0.2rem;
    box-sizing: border-box;
}
.header .content_form .box .left .item .layui-input:focus{
    border: none!important;
    outline: none!important;
}
.header .content_form .box .left .item .layui-form-select dl{
    top: 0.5rem;
    min-height: 200px;
}
.header .content_form .box .right{
    width: 21%;
    height: 100%;

}
.header .content_form .box .right .btn{
    width: 100%;
    height: 0.48rem;
    background-color: #FFA091;
    border-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.16rem;
    line-height: 1;
    cursor: pointer;
    transition: 0.3s;
}
.header .content_form .box .right .btn:hover{
    background-color: rgba(255, 160, 145, 0.85);
}

.header .content_form .box .right .links{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.18rem;
}
.header .content_form .box .right .links a{
    color: #459C94;
    font-size: 0.15rem;
    margin: auto 0.08rem;
}
/*其他页 导航*/
.page_nav{
    width: 100%;
    height: 1.3rem;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid #EBEDF0;
}
.page_nav .box{
    width: 12.8rem;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    margin: auto;
    border-radius: 0.24rem;
    padding: 0.16rem 0.24rem;
    box-sizing: border-box;
}
.page_nav .box .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page_nav .box .top .left{
    font-size: 0.14rem;
    line-height: 1;
}
.page_nav .box .top .right{
    display: flex;
    align-items: center;
}
.page_nav .box .top .right .item{
    font-size: 0.16rem;
    line-height: 1;
}
.page_nav .box .top .right .item.lt{
    margin-right: 0.12rem;
}
.page_nav .box .top .right .line{
    width: 1px;
    height: 0.16rem;
    background-color: #E1E3E5;
    margin: auto 0.13rem;
}
.page_nav .box .top .right .lg{
    font-size: 0.14rem;
    color: rgba(0, 0, 0, 0.4);
    margin-left: 0.04rem;
    padding: 0.06rem;
    line-height: 1;
}
.page_nav .box .top .right .lg.on{
    background-color: #459C94;
    border-radius: 0.24rem;
    color: #fff;
}
.page_nav .box .bottom{
    width: 100%;
    height: 0.46rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.24rem;
    align-items: center;
}
.page_nav .box .bottom .logo{
    width: 2.25rem;
    height: 100%;
}
.page_nav .box .bottom .logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.page_nav .box .bottom .nav_list{
    flex: 1;
    display: flex;
    justify-content: flex-end;
    height: 100%;
    margin-right: 0.24rem;
    margin-left: 0.4rem;
    align-items: center;
}
.page_nav .box .bottom .nav_list .item{
    font-size: 0.16rem;
    height: 0.32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.08rem;
    position: relative;
    transition: 0.3s;
    width: 0.88rem;
}


.page_nav .box .bottom .nav_list .item.on{
    color: #fff;
    background-color: #459C94;
    border-radius: 0.24rem;
}
.page_nav .box .bottom .nav_list .item:hover{
    color: #fff;
    background-color: #459C94;
    border-radius: 0.24rem;
}



.page_nav .box .bottom .tel{
    width: 2.6rem;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0.24rem;
    border-left: 1px solid #E1E3E5;
    align-content: space-between;
}
.page_nav .box .bottom .tel .t1{
    font-size: 0.18rem;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    color: #459C94;

}
.page_nav .box .bottom .tel .t1 span{
    color: #969799;
    font-size: 0.16rem;
    font-weight: normal;
}

.main{
    width: 100%;
    padding-top: 1.3rem;

}


.Ih_hot{
    width: 100%;
    background-color: #fff;
    padding: 0.8rem 0;
}
.Ih_hot .content{
    width: 12.8rem;
    margin: auto;
}
.Ih_hot .content .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Ih_hot .content .top .left{
    font-size: 0.32rem;
    font-weight: bold;
}

.Ih_hot .content .top .right{
    display: flex;
    height: 100%;
    align-items: flex-end;
}
.Ih_hot .content .top .right .more{
    width: 0.84rem;
    height: 0.32rem;
    background-color: #FFA091;
    border-radius: 0.24rem;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    transition: 0.3s;
}
.Ih_hot .content .top .right .more i{
    font-size: 0.16rem;
    color: #fff;
    margin-left: 0.02rem;
    line-height: 1;
}
.Ih_hot .content .top .right .more:hover{
    opacity: 0.8;
}
.Ih_hot .content .list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0.24rem;
    margin-top: 0.56rem;
}
.Ih_hot .content .list .item{
    width: 100%;
    height: 3.68rem;
    position: relative;

    overflow: hidden;
}
.Ih_hot .content .list .item .up{
    width: 100%;
    height: 3.02rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.24rem;
}
.Ih_hot .content .list .item .dw{
    width: 100%;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    color: #1A1A1A;
    font-weight: bold;
}
.Ih_hot .content .list .item .img{
    width: 100%;
    height: 100%;
}
.Ih_hot .content .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.Ih_hot .content .list .item .txt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
    padding: 0.2rem;
    box-sizing: border-box;
}
.Ih_hot .content .list .item .txt::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 186, 181, 0.8);
    z-index: 1;
    transition: 0.3s;
    clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);
}
.Ih_hot .content .list .item .txt .t1{
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 11;
}
.Ih_hot .content .list .item .txt .icon{
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 11;
    margin-top: 0.24rem;
}
.Ih_hot .content .list .item .txt .icon img{
    width: 0.68rem;
}
.Ih_hot .content .list .item:hover .txt{
    opacity: 1;
}
.Ih_hot .content .list .item:hover .dw{
    color: #459C94;
}
.Ih_hot .content .list .item:hover .txt::after{
    clip-path: polygon(50% 0, 0 0, 0 50%, 0 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0);
}

.Ih_activity{
    width: 100%;
    padding: 0.8rem 0;
    position: relative;
}
.Ih_activity .bg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.Ih_activity .bg::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #459C94;
    filter: opacity(0.4000000059604645);
}
.Ih_activity .bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Ih_activity .content{
    width: 12.8rem;
    margin: auto;
}
.Ih_activity .content .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Ih_activity .content .top .left{
    font-weight: bold;
    font-size: 0.32rem;
    color: #fff;
}
.Ih_activity .content .top .left .t1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.Ih_activity .content .top .left .t1 .t1_l,.Ih_activity .content .top .left .t1 .t1_r{
    width: 0.32rem;
    height: 0.32rem;
    background-image: url("../images/icon_2.png");
    background-repeat: no-repeat;
    background-position: center 0%;
    animation: bolang 50s linear infinite ;
}

.Ih_activity .content .top .left .t1 .t1_txt{
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 1;
    padding: 0 0.06rem;
    color: #fff;

}
.Ih_activity .content .top .left .t2{
    width: 100%;
    margin-top: 0.16rem;
    line-height: 1;
    color: #fff;
}

.Ih_activity .content .top .right{
    display: flex;
    height: 100%;
    align-items: flex-end;
}
.Ih_activity .content .top .right .more{
    width: 0.84rem;
    height: 0.32rem;
    background-color: #FFA091;
    border-radius: 0.24rem;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    transition: 0.3s;
}
.Ih_activity .content .top .right .more i{
    font-size: 0.16rem;
    color: #fff;
    margin-left: 0.02rem;
    line-height: 1;
}
.Ih_activity .content .top .right .more:hover{
    opacity: 0.8;
}
.Ih_activity .content .list{
    width: 100%;
    margin-top: 0.56rem;
    position: relative;
}
.Ih_activity .content .list .swiper{
    width: 100%;
    padding: 18px 0;
}
.Ih_activity .content .list .pre_arrow{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
}
.Ih_activity .content .list .next_arrow{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    position: absolute;
    right: -1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
}
.Ih_activity .content .list .next_arrow i,.Ih_activity .content .list .pre_arrow i{
    font-size: 0.3rem;
}
.Ih_activity .content .list .next_arrow:hover,.Ih_activity .content .list .pre_arrow:hover{
    background: rgba(1, 186, 181, 0.8);
}
.Ih_activity .content .list .item{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 5.58rem;
    border-radius: 0.24rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
}
.Ih_activity .content .list .item:hover{
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}
.Ih_activity .content .list .item::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.24rem;
    border: 2px solid transparent;
    z-index: 20;
    box-sizing: border-box;
}
.Ih_activity .content .list .item:hover::before{
    border: 2px solid #fff;
}
.Ih_activity .content .list .item .img{
    width: 100%;
    height: 3.08rem;
    overflow: hidden;
    display: block;
}
.Ih_activity .content .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;

}
.Ih_activity .content .list .item .name{
    width: 100%;
    height: 0.48rem;
    background-color: #459C94;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Ih_activity .content .list .item .info{
    width: 100%;
    padding: 0.24rem 0.16rem;
    box-sizing: border-box;
    position: relative;
    z-index: 22;
}
.Ih_activity .content .list .item .info .title{
    width: 100%;
    font-size: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    line-height: 1;
    display: block;
}
.Ih_activity .content .list .item:hover .info .title{
    color: #1A1A1A;
}
.Ih_activity .content .list .item:hover .img img{
    transform: scale(1.1);
}
.Ih_activity .content .list .item .info .desc{
    width: 100%;
    font-size: 0.16rem;
    color: rgba(26, 26, 26, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.24rem;
    line-height: 1;
}
.Ih_activity .content .list .item .info .date{
    width: 100%;
    font-size: 0.16rem;
    color: rgba(26, 26, 26, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.12rem;
    line-height: 1;
}
.Ih_activity .content .list .item .info .bt{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.28rem;
}
.Ih_activity .content .list .item .info .bt .left{
    display: flex;
    align-items: flex-end;
}
.Ih_activity .content .list .item .info .bt .left span:nth-of-type(1){
    font-size: 0.2rem;
    color: #1A1A1A;
    margin-right: 0.04rem;
    font-weight: bold;
}
.Ih_activity .content .list .item .info .bt .left span:nth-of-type(2){
    font-size: 0.32rem;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 1;
    margin-right: 0.08rem;
}
.Ih_activity .content .list .item .info .bt .left span:nth-of-type(3){
    font-size: 0.16rem;
}
.Ih_activity .content .list .item .info .bt .right{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.84rem;
    height: 0.42rem;
    background-color: #FFA091;
    color: #fff;
    line-height: 1;
    font-size: 0.18rem;
    border-radius: 0.24rem;
}

.Ih-team{
    width: 100%;
    background-color: #fff;
    padding: 0.8rem 0;
}
.Ih-team .content{
    width: 12.8rem;
    margin: auto;
}
.Ih-team .content .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Ih-team .content .top .left{
    font-size: 0.32rem;
    font-weight: bold;
    color: #1A1A1A;
}


.Ih-team .content .top .right{
    display: flex;
    height: 100%;
    align-items: flex-end;
}
.Ih-team .content .top .right .more{
    width: 0.84rem;
    height: 0.32rem;
    background-color: #459C94;
    border-radius: 0.24rem;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    transition: 0.3s;
}
.Ih-team .content .top .right .more i{
    font-size: 0.16rem;
    color: #fff;
    margin-left: 0.02rem;
    line-height: 1;
}
.Ih-team .content .top .right .more:hover{
    opacity: 0.8;
}
.Ih-team .content .list{
    width: 100%;
    margin-top: 0.56rem;
    position: relative;
}

.Ih-team .content .list .swiper{
    width: 100%;
    padding: 18px 0;
}
.Ih-team .content .list .pre_arrow2{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
}
.Ih-team .content .list .next_arrow2{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    position: absolute;
    right: -1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
}
.Ih-team .content .list .next_arrow2 i,.Ih-team .content .list .pre_arrow2 i{
    font-size: 0.3rem;
}
.Ih-team .content .list .next_arrow2:hover,.Ih-team .content .list .pre_arrow2:hover{
    background: rgba(1, 186, 181, 0.8);
}
.Ih-team .content .list .item{
    width: 100%;
    position: relative;

}
.Ih-team .content .list .item .img{
    width: 100%;
    height: 4.28rem;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 0.24rem;
}
.Ih-team .content .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.Ih-team .content .list .item .txt{
    width: 100%;
    margin-top: 0.2rem;
    box-sizing: border-box;
    transition: 0.3s;
    font-size: 0.18rem;
    text-align: center;
    font-weight: bold;
}

.Ih-team .content .list .item:hover .txt{
    color: #459C94;
}
.Ih-team .content .list .item:hover .img img{
    transform: scale(1.1);
}

.Ih-cooperate{
    width: 100%;
    background: url("../images/bg2.png")no-repeat;
    background-size: cover;
    padding: 0.8rem 0;
}
.Ih-cooperate .content{
    width: 12.8rem;
    margin: auto;
}
.Ih-cooperate .content .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Ih-cooperate .content .top .left{
    font-size: 0.32rem;
    font-weight: bold;

}


.Ih-cooperate .content .top .right{
    display: flex;
    height: 100%;
    align-items: flex-end;
}
.Ih-cooperate .content .top .right .more{
    width: 0.84rem;
    height: 0.32rem;
    background-color: #459C94;
    border-radius: 0.24rem;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    transition: 0.3s;
}
.Ih-cooperate .content .top .right .more i{
    font-size: 0.16rem;
    color: #fff;
    margin-left: 0.02rem;
    line-height: 1;
}
.Ih-cooperate .content .top .right .more:hover{
    opacity: 0.8;
}
.Ih-cooperate .content .list{
    width: 100%;
    margin-top: 0.56rem;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    gap: 0.12rem;
}
.Ih-cooperate .content .list .item{
    display: block;
    width: 100%;
    height: 0.75rem;
    border-radius: 0.24rem;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.16rem;
    box-sizing: border-box;
}
.Ih-cooperate .content .list .item img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: 0.3s;
}
.Ih-cooperate .content .list .item:hover img{
    transform: scale(1.1);
}

.footer{
    width: 100%;
    height: 3.6rem;
    background-color: #459C94;
}
.footer .content{
    width: 12.8rem;
    height: 100%;
    margin: auto;
    padding: 0.8rem 0 0;
    box-sizing: border-box;
}
.footer .content .up{
    width: 100%;
    display: flex;
    height: 1.26rem;
    justify-content: space-between;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);;
}
.footer .content .up .left{
    display: flex;
    height: 100%;
}
.footer .content .up .left .a1{
    width: 3.92rem;
    height: 100%;
    position: relative;
}
.footer .content .up .left .a1::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 53%, rgba(255, 255, 255, 0) 100%) ;
}
.footer .content .up .left .a1 p{
    display: block;
    width: 100%;
    color: #fff;
    line-height: 1;
}

.footer .content .up .left .a1 p:nth-child(1){
    font-size: 0.2rem;
    font-weight: bold;
    margin-bottom: 0.32rem;
}
.footer .content .up .left .a1 p:nth-child(2){
    width: 0.24rem;
    height: 0.02rem;
    background-color: #459C94;
}
.footer .content .up .left .a1 a{
    display: inline-block;
    font-size: 0.16rem;
    color: #fff;
    margin-top: 0.32rem;
    line-height: 1;
    margin-right: 0.24rem;
}

.footer .content .up .left .a2{
    width: 3.1rem;
    height: 100%;
    position: relative;
    margin-left: 0.88rem;
}
.footer .content .up .left .a2::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 53%, rgba(255, 255, 255, 0) 100%) ;
}
.footer .content .up .left .a2 p{
    display: block;
    width: 100%;
    color: #fff;
    line-height: 1;
}
.footer .content .up .left .a2 p:nth-child(1){
    font-size: 0.2rem;
    font-weight: bold;
    margin-bottom: 0.24rem;
}
.footer .content .up .left .a2 p:nth-child(2){
    width: 0.24rem;
    height: 0.02rem;
    background-color: #fff;
}
.footer .content .up .left .a2 p:nth-child(3){
    font-size: 0.16rem;
    color: #fff;
    margin-top: 0.24rem;
}
.footer .content .up .left .a2 p:nth-child(4){
    font-size: 0.16rem;
    color: #fff;
    margin-top: 0.24rem;
}

.footer .content .up .left .a3{
    width: 3.8rem;
    height: 100%;
    position: relative;
    margin-left: 0.88rem;
}
.footer .content .up .left .a3::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 53%, rgba(255, 255, 255, 0) 100%) ;
}
.footer .content .up .left .a3 p{
    display: block;
    width: 100%;
    color: #fff;
    line-height: 1;
}
.footer .content .up .left .a3 p:nth-child(1){
    font-size: 0.2rem;
    font-weight: bold;
    margin-bottom: 0.32rem;
}
.footer .content .up .left .a3 p:nth-child(2){
    width: 0.24rem;
    height: 0.02rem;
    background-color: #459C94;
}
.footer .content .up .left .a3 a{
    display: inline-block;
    font-size: 0.16rem;
    color: #fff;
    margin-top: 0.32rem;
    line-height: 1;
    margin-right: 0.24rem;
}
.footer .content .up .right{
    display: flex;
    justify-content: flex-end;
}
.footer .content .up .right .wx{
    margin-left: 0.4rem;
}
.footer .content .up .right .wx img{
    width: 0.96rem;
}
.footer .content .up .right .wx p{
    width: 100%;
    text-align: center;
    font-size: 0.14rem;
    color: #fff;
    margin-top: 0.16rem;
}

.footer .content .dw{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0.34rem 0;
}
.footer .content .dw .left{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    color: #fff;
    line-height: 1;
    width: 100%;
}
.footer .content .dw .left span{
    color: #fff;
}
.footer .content .dw .left a{
    margin-left: 0.2rem;
    color: #fff;

}


.sideBox{
    width: 0.8rem;
    background: #EBF6F6;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0.8rem;
    padding: 0 0.04rem 0.04rem;
    box-sizing: border-box;
    z-index: 99;
    transition: 0.3s;
}
.sideBox .item{
    width: 100%;
    height: 0.72rem;
    margin-top: 0.04rem;
    position: relative;
    cursor: pointer;
}
.sideBox .item .box{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 50;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.sideBox .item .img{
    width: 0.28rem;
    height: 0.28rem;
}
.sideBox .item .img img{
    width: 100%;
    height: 100%;
}
.sideBox .item .img img:nth-of-type(2){
    display: none;
}
.sideBox .item .txt{
    width: 100%;
    font-size: 0.12rem;
    margin-top: 0.08rem;
    line-height: 1;
    color: #459C94;
    text-align: center;
}
.sideBox .item .left_wx{
    position: absolute;
    right: 1rem;
    width: 1.2rem;
    height: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    display: none;
}
.sideBox .item .left_wx .left_wx_img{
    padding: 0.16rem;
    border-radius: 0.24rem;
    background: #EBF6F6;

}
.sideBox .item .left_wx .left_wx_img img{
    width: 0.88rem;
    border-radius: 0.08rem;
}
.sideBox .item::before{
    content: '';
    width: 0.8rem;
    height: 0.72rem;
    border-radius: 0.8rem;
    position: absolute;
    right: 0;
    top: 0;
    background: #EBF6F6;
    z-index: -1;
    opacity: 0;
}

.sideBox .item:hover .box{
    background-color: #459C94;
}
.sideBox .item:hover .box .img img:nth-of-type(1){
    display: none;
}
.sideBox .item:hover .box .img img:nth-of-type(2){
    display: block;
}
.sideBox .item:hover .box .txt{
    color: #fff;
}
.sideBox .item:hover::before{
    opacity: 1;
    width: 2.16rem;
}
.sideBox .item:hover .left_wx{
    opacity: 1;
    display: block;
}
.sideBox .item .telBox{
    position: absolute;
    right: 1rem;
    padding: 0 0.2rem;
    height: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.3s;
    display: none;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    font-weight: bold;
    background: #EBF6F6;
    border-radius: 0.24rem;

}
.sideBox .item:hover .telBox{
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.sideBox .item .telBox p{
    white-space: nowrap;
}
.sideBox .item.lt{
    display: none;
    transition: none;
}
.sideBox .item.lt::before{
    content: none;
}
.m-footer{
    display: none;
}

.itinerary_main{
    width: 100%;
    background-size: cover;
    min-height: 8.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.itinerary_main .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.itinerary_main .bg video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.itinerary_main .center_box{
    width: 12.8rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    border-radius: 0.24rem;
    padding: 0.8rem;
    box-sizing: border-box;
    position: relative;
    z-index: 12;
}
.itinerary_main .center_box .title{
    width: 100%;
    font-size: 0.28rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 1;
}
.itinerary_main .center_box .desc{
    width: 100%;
    font-size: 0.16rem;
    text-align: center;
    color: #fff;
    line-height: 1;
    margin-top: 0.16rem;
    margin-bottom: 0.48rem;
}
.itinerary_main .center_box .left{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.12rem;

}
.itinerary_main .center_box .left .item{
    width: 100%;
    position: relative;
}
.itinerary_main .center_box .left .item .layui-input{
    border-radius: 0.24rem;
    height: 0.48rem;
}
.itinerary_main .center_box .left .item .layui-form-select dl{
    top: 0.5rem;
}


.itinerary_main .center_box .right{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.itinerary_main .center_box .right .btn{
    width: 100%;
    height: 0.48rem;
    background-color: #FFA091;
    border-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.16rem;
    line-height: 1;
    cursor: pointer;
    transition: 0.3s;
}
.itinerary_main .center_box .right .btn:hover{
    background-color: #fa8f7e;
}

.itinerary_main .center_box .right .links{
    width: 100%;
    height: 0.48rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.16rem;

}
.itinerary_main .center_box .right .links a{
    color: #fff;
    font-size: 0.15rem;
    margin: auto 0.08rem;
}
.itinerary_main .center_box .right .links a:hover{
    opacity: 0.8;
}

/*热门线路*/
.hotroute_main{
    width: 12.8rem;
    margin: auto;
    padding: 0.4rem 0 0.8rem;
}
.hotroute_main .list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0.24rem;

}
.hotroute_main .list .item{
    width: 100%;
    height: 3.68rem;
    position: relative;

    overflow: hidden;
}
.hotroute_main .list .item .up{
    width: 100%;
    height: 3.02rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.24rem;
}
.hotroute_main .list .item .dw{
    width: 100%;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    color: #1A1A1A;
    font-weight: bold;
}
.hotroute_main .list .item:hover .dw{
    color: #459C94;
}
.hotroute_main .list .item .img{
    width: 100%;
    height: 100%;
}
.hotroute_main .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.hotroute_main .list .item .txt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
}
.hotroute_main .list .item .txt::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 186, 181, 0.8);
    z-index: 1;
    transition: 0.3s;
    clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);
}
.hotroute_main .list .item .txt .t1{
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 11;
    padding: 0.2rem;
    box-sizing: border-box;
}
.hotroute_main .list .item .txt .icon{
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 11;
    margin-top: 0.24rem;
}
.hotroute_main .list .item .txt .icon img{
    width: 0.68rem;
}
.hotroute_main .list .item:hover .txt{
    opacity: 1;
}
.hotroute_main .list .item:hover .txt::after{
    clip-path: polygon(50% 0, 0 0, 0 50%, 0 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0);
}


.hotroute_detail{
    width: 100%;
    background-color: #fff;
    padding: 0.4rem 0;
}
.hotroute_detail .hotroute_detail_content{
    width: 12.8rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}
.hotroute_detail .hotroute_detail_content .left{
    width: 3.62rem;
    padding: 0.24rem;
    box-sizing: border-box;
    border-radius: 0.24rem;
    background-color: #E0F6F6;
}
.hotroute_detail .hotroute_detail_content .right{
    width: 8.778rem;
}
.hotroute_detail .hotroute_detail_content .right .top_img{
    width: 100%;
    height: 2.4rem;
    border-radius: 0.24rem;
    overflow: hidden;
}
.hotroute_detail .hotroute_detail_content .right .top_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotroute_detail .hotroute_detail_content .right .title{
    width: 100%;
    font-size: 0.28rem;
    font-weight: bold;
    margin-top: 0.4rem;
    padding-bottom: 0.24rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EBEDF0;
}
.hotroute_detail .hotroute_detail_content .right .title img{
    display: inline-block;
    max-width: 1.06rem;
    margin-left: 0.12rem;
}
.hotroute_detail .hotroute_detail_content .right .post_content{
    width: 100%;
    font-size: 0.16rem;
    line-height: 1.5;
    margin-top: 0.24rem;
    color: #767676;
}
.hotroute_detail .hotroute_detail_content .right .ship{
    width: 100%;
    margin-top: 0.4rem;
}
.hotroute_detail .hotroute_detail_content .right .ship .text{
    width: 100%;
    font-size: 0.24rem;
    font-weight: bold;
    color: #1A1A1A;
}
.hotroute_detail .hotroute_detail_content .right .ship .list{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
}
.hotroute_detail .hotroute_detail_content .right .ship .list .s_item{
    width: 1.2rem;
    margin-right: 0.16rem;
}
.hotroute_detail .hotroute_detail_content .right .ship .list .s_item .img{
    width: 100%;
    height: 1.2rem;
    border-radius: 0.24rem;
    overflow: hidden;
}
.hotroute_detail .hotroute_detail_content .right .ship .list .s_item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotroute_detail .hotroute_detail_content .right .ship .list .s_item .txt{
    width: 100%;
    font-size: 0.14rem;
    color: #1A1A1A;
    margin-top: 0.1rem;
    text-align: center;
}


.hotroute_detail .hotroute_detail_content .left .up{
    width: 100%;
}
.hotroute_detail .hotroute_detail_content .left .up .item{
    width: 100%;
    position: relative;
    margin-bottom: 0.16rem;
}
.hotroute_detail .hotroute_detail_content .left .up .item .layui-input{
    border-radius: 0.24rem;
    height: 0.48rem;
    background-color: #fff;
}
.hotroute_detail .hotroute_detail_content .left .up .item .layui-form-select dl{
    top: 0.5rem;
}


.hotroute_detail .hotroute_detail_content .left .dw{
    width: 100%;
    margin-top: 0.16rem;
}
.hotroute_detail .hotroute_detail_content .left .dw .btn{
    width: 100%;
    height: 0.48rem;
    background-color: #FFA091;
    border-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.16rem;
    line-height: 1;
    cursor: pointer;
    transition: 0.3s;
}
.hotroute_detail .hotroute_detail_content .left .dw .btn:hover{
    background-color: rgba(165, 45, 47, 0.84);
}

.hotroute_detail .hotroute_detail_content .left .dw .links{
    width: 100%;
    height: 0.48rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.hotroute_detail .hotroute_detail_content .left .dw .links a{
    color: #767676;
    font-size: 0.15rem;
    margin: auto 0.08rem;
}
.hotroute_detail .hotroute_detail_content .left .dw .links a:hover{
    opacity: 0.8;
}
.hotroute_detail_recommend{
    width: 100%;
    background-color: #E0F6F6;
    padding: 0.8rem 0;

}
.hotroute_detail_recommend .content{
    width: 12.8rem;
    margin: auto;
}
.hotroute_detail_recommend .content .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.hotroute_detail_recommend .content .top .left{
    font-size: 0.32rem;
    font-weight: bold;
}
.hotroute_detail_recommend .content .list{
    width: 100%;
    margin-top: 0.56rem;
}
.hotroute_detail_recommend .content .list .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.24rem;
    padding: 0.24rem;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0.24rem;

}
.hotroute_detail_recommend .content .list .item .img{
    width: 2.94rem;
    height: 2.2rem;
    border-radius: 0.17rem;
    overflow: hidden;

}
.hotroute_detail_recommend .content .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotroute_detail_recommend .content .list .item .info{
    max-width: 9.1rem;
    flex: 1;
    margin-left: 0.24rem;
}
.hotroute_detail_recommend .content .list .item .info .t1{
    width: 100%;
    font-size: 0.2rem;
    font-weight: bold;
}
.hotroute_detail_recommend .content .list .item .info .t2{
    width: 100%;
    font-size: 0.16rem;
    color: #459C94;
    margin-top: 0.24rem;
}
.hotroute_detail_recommend .content .list .item .info .t3{
    width: 100%;
    font-size: 0.16rem;
    color: #767676;
    margin-top: 0.12rem;
}
.hotroute_detail_recommend .content .list .item .info .options_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.24rem;
    height: 0.56rem;
}
.hotroute_detail_recommend .content .list .item .info .options_box .l{
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin-right: 2.28rem;
}
.hotroute_detail_recommend .content .list .item .info .options_box .l .it{
    height: 100%;

}
.hotroute_detail_recommend .content .list .item .info .options_box .l .it .pos{
    font-size: 0.16rem;
    color: #1A1A1A;
}
.hotroute_detail_recommend .content .list .item .info .options_box .l .it .price{
    font-size: 0.24rem;
    color: #1A1A1A;
    font-weight: bold;
}
.hotroute_detail_recommend .content .list .item .info .options_box .l .line{
    width: 0.01rem;
    height: 100%;
    background-color: #E1E3E5;
}
.hotroute_detail_recommend .content .list .item .info .options_box .r{
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.hotroute_detail_recommend .content .list .item .info .options_box .r .btn{
    width: 0.84rem;
    height: 0.42rem;
    background-color: #459C94;
    border-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.18rem;
    transition: 0.3s;
}
.hotroute_detail_recommend .content .list .item .info .options_box .r .btn:hover{
    opacity: 0.8;
}

.cruises_main{
    width: 12.8rem;
    margin: auto;
    padding: 0.8rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}
.cruises_main .left{
    width: 2.78rem;
    position: sticky;
    background-color: #fff;
    border-radius: 0.24rem;
    padding: 0.24rem 0;
    box-sizing: border-box;
    top: 1.3rem;
}
.cruises_main .left a{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.16rem;
    color: #767676;
    padding: 0.12rem 0;
    transition: 0.3s;
}
.cruises_main .left a:hover{
    color: #459C94;
    font-weight: bold;
}
.cruises_main .left a.on{
    color: #459C94;
    font-weight: bold;
}
.cruises_main .right{
    width: 9.78rem;
}
.cruises_main .right .item{
    display: block;
    width: 100%;
    margin-bottom: 0.24rem;
    background-color: #fff;
    padding: 0.28rem 0.4rem;
    box-sizing: border-box;
    border-radius: 0.24rem ;
}
.cruises_main .right .item .title{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.24rem;
    font-weight: bold;
    color: #1A1A1A;
}
.cruises_main .right .item .title .icon{
    width: 1.04rem;
    margin-left: 0.16rem;
}
.cruises_main .right .item .description{
    width: 100%;
    font-size: 0.15rem;
    color: #767676;
    margin-top: 0.24rem;
    line-height: 0.24rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.cruises_main .right .item .ship{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 0.24rem;
}
.cruises_main .right .item .ship .l{
    display: flex;
}
.cruises_main .right .item .ship .l .s_item{
    width: 1.2rem;
    margin-right: 0.16rem;
}
.cruises_main .right .item .ship .l .s_item .img{
    width: 100%;
    height: 1.2rem;
    border-radius: 0.24rem;
    overflow: hidden;
}
.cruises_main .right .item .ship .l .s_item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cruises_main .right .item .ship .l .s_item .txt{
    width: 100%;
    font-size: 0.14rem;
    color: #1A1A1A;
    text-align: center;
    margin-top: 0.12rem;
}
.cruises_main .right .item .ship .r{
    display: flex;
    align-items: flex-end;
}
.cruises_main .right .item .ship .r .btn{
    width: 1.12rem;
    height: 0.48rem;
    border: 1px solid #459C94;
    border-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #459C94;
    font-size: 0.16rem;
    transition: 0.3s;
}
.cruises_main .right .item .ship .r .btn:hover{
    background-color: #459C94;
    color: #fff;
}
/*团队*/
.team_main{
    width: 12.8rem;
    margin: auto;
    padding: 0.4rem 0;
}
.team_main .list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 0.25rem;
}
.team_main .list .item{
    width: 100%;
    border-radius: 0.24rem;
    padding: 0.24rem;
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 5.22rem;
    overflow: hidden;
}

.team_main .list .item .img{
    width: 100%;
    height: 4.28rem;
    border-radius: 0.24rem;
    overflow: hidden;
    transition: 0.3s;
}
.team_main .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.team_main .list .item .text{
    width: 100%;
    margin-top: 0.2rem;
    transition: 0.3s;
    font-size: 0.2rem;
    color: #1A1A1A;
    text-align: center;
    font-weight: bold;
}

.team_main .list .item:hover .img img{
    transform: scale(1.1);
}
.team_main .list .item:hover .text{
    color: #459C94;
}
.team_main .list .item:hover .text .t1{
    color: #fff;
}
.team_main .list .item:hover .text .t2{
    color: #fff;
}
.team_main .list .item:hover .text .bottom .btn{
    border: 1px solid #fff;
    color: #fff;
}
.team_detail{
    width: 100%;
    background-color: #F6F6F6;
}
.team_detail .banner{
    width: 100%;
    height: 4.8rem;
    position: relative;
    background-color: #F6F6F6;
}
.team_detail .banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team_detail .banner .info{
    width: 12.8rem;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.team_detail .banner .info .t1{
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.24rem;
}
.team_detail .banner .info .btn{
    width: 2.88rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    color: #459C94;
    background-color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.team_detail .banner .info .btn:hover{
    background-color: #459C94;
    color: #fff;
}
.team_detail .content{
    width: 12.8rem;
    margin: auto;
    padding: 0.4rem 0;

}


/*游轮百科*/
.encyclopedia_main{
    width: 100%;
    background-color: #F5F5F5;
}
.encyclopedia_main .banner{
    width: 100%;
    height: 3.34rem;
    position: relative;
}
.encyclopedia_main .banner .bg{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.encyclopedia_main .banner .bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.encyclopedia_main .banner .info{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}
.encyclopedia_main .banner .info .box{
    width: 12.8rem;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
.encyclopedia_main .banner .info .box .t1{
    width: 100%;
    text-align: center;
    font-size: 0.32rem;
    font-weight: bold;
    color: #1A1A1A;
}
.encyclopedia_main .banner .info .box .form_box{
    width: 8.28rem;
    height: 0.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 0.4rem;
    overflow: hidden;
    padding: 0 0.4rem 0 0.28rem;
    box-sizing: border-box;
    margin-top: 0.4rem;
}
.encyclopedia_main .banner .info .box .form_box .icon{
    width: 0.18rem;
    height: 0.18rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.encyclopedia_main .banner .info .box .form_box .icon img{
    width: 100%;
}
.encyclopedia_main .banner .info .box .form_box .input{
    flex: 1;
    height: 100%;
    margin-left: 0.04rem;
}
.encyclopedia_main .banner .info .box .form_box .input input{
    width: 100%;
    height: 100%;
    border: none;
}
.encyclopedia_main .banner .info .box .form_box .input input:focus{
    outline: none;
}
.encyclopedia_main .banner .info .box .form_box .btn{
    height: 100%;
    width: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    line-height: 1;
    font-size: 0.18rem;
    color: #459C94;
    background: none;
    border: none;
    cursor: pointer;
}
.encyclopedia_main .banner .info .box .form_box .btn:hover{
    opacity: 0.8;
}
.encyclopedia_main .banner .info .box .form_box .btn::before{
    content: '';
    width: 1px;
    height: 0.18rem;
    background-color: #1A1A1A;
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.encyclopedia_main .banner .info .box .tab{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.4rem;
}
.encyclopedia_main .banner .info .box .tab .item{
    padding: 0.12rem 0.24rem;
    border: 1px solid #fff;
    color: #459C94;
    background-color: #fff;
    line-height: 1;
    font-size: 0.18rem;
    margin: auto 0.12rem;
    border-radius: 0.24rem;
    transition: 0.3s;
    cursor: pointer;
}
.encyclopedia_main .banner .info .box .tab .item:hover{
    background-color: #459C94;
    border: 1px solid #459C94;
    color: #fff;
}
.encyclopedia_main .banner .info .box .tab .item.on{
    background-color: #459C94;
    border: 1px solid #459C94;
    color: #fff;
}
.encyclopedia_main .tab_list{
    width: 12.8rem;
    margin: auto;
    padding: 0.4rem 0 0.8rem;
}
.encyclopedia_main .tab_list .list{
    width: 100%;
    padding: 0.24rem;
    background-color: #fff;
    border-radius: 0.24rem;
    margin-bottom: 0.16rem;
}
.encyclopedia_main .tab_list .list .t1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.encyclopedia_main .tab_list .list .t1 .l{
    font-size: 0.2rem;
}
.encyclopedia_main .tab_list .list .t1 .r .icon{
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 50%;
    border: 2px solid #1A1A1A;
    display: flex;
    justify-content: center;
    align-items: center;
}
.encyclopedia_main .tab_list .list .t1 .r .icon i{
    font-size: 0.16rem;
    color: #1A1A1A;
    font-weight: bold;
    line-height: 1;
}
.encyclopedia_main .tab_list .list .t1 .r .icon i:nth-of-type(2){
    display: none;
}
.encyclopedia_main .tab_list .list .question{
    width: 100%;
    margin-top: 0.14rem;
    border-top: 1px solid rgba(26, 26, 26, 0.11);
    transition: 0.3s;
    height: 0;
    overflow: hidden;
    display: none;
}
.encyclopedia_main .tab_list .list .question .item{
    width: 100%;
    padding: 0.2rem 0;
}
.encyclopedia_main .tab_list .list .question .item .q{
    width: 100%;
    font-size: 0.18rem;
    font-weight: bold;
    color: #1A1A1A;
}
.encyclopedia_main .tab_list .list .question .item .a{
    width: 100%;
    font-size: 0.16rem;
    color: #767676;
    line-height: 0.26rem;
    margin-top: 0.1rem;
}
.encyclopedia_main .tab_list .list.active .question{
    height: auto;
    display: block;
}
.encyclopedia_main .tab_list .list.active .t1 .r .icon i:nth-of-type(2){
    display: inline-block;
}
.encyclopedia_main .tab_list .list.active .t1 .r .icon i:nth-of-type(1){
    display: none;
}

/*联系我们*/
.contact_main{
    width: 100%;

}
.contact_main .banner{
    width: 100%;
    height: 4.8rem;
    position: relative;
}
.contact_main .banner .bg{
    width: 100%;
    height: 100%;

}
.contact_main .banner .bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact_main .banner .info{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.contact_main .banner .info .t1{
    width: 100%;
    font-size: 0.48rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.contact_main .banner .info .t2{
    width: 100%;
    font-size: 0.2rem;
    text-align: center;
    color: #fff;
    margin-top: 0.24rem;
}
.contact_main .form_box{
    width: 12.8rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0;
}
.contact_main .form_box .left{
    width: 6.4rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.contact_main .form_box .left .up{
    width: 100%;
}
.contact_main .form_box .left .t1{
    width: 100%;
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 1;
}
.contact_main .form_box .left .t2{
    width: 100%;
    font-size: 0.16rem;
    line-height: 0.24rem;
    margin-top: 0.4rem;
}
.contact_main .form_box .left .tel{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    margin-top: 0.4rem;
    padding-bottom: 0.24rem;
    border-bottom: 1px solid rgba(0, 20, 33, 0.21);
}
.contact_main .form_box .left .tel img{
    width: 0.32rem;
    margin-right: 0.12rem;
}
.contact_main .form_box .left .email{
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 0.16rem;
    margin-top: 0.24rem;
}
.contact_main .form_box .left .email img{
    width: 0.32rem;
    margin-right: 0.12rem;
}
.contact_main .form_box .left .dw{
    width: 100%;
}
.contact_main .form_box .left .dw img{
    width: 100%;
}
.contact_main .form_box .right{
    width: 5.6rem;
}
.contact_main .form_box .right .input{
    width: 100%;
    padding: 0.2rem 0.24rem;
    box-sizing: border-box;
    border-radius: 0.24rem;
    margin-bottom: 0.16rem;
    background-color: #F6F6F6;
}
.contact_main .form_box .right .input input{
    width: 100%;
    border: none;
    background: none;
}
.contact_main .form_box .right .input input:focus{
    outline: none;
    border: none!important;
    box-shadow: none;
}
input:-webkit-autofill {
    background: transparent;
    transition: background-color 50000s ease-in-out 0s;
    -webkit-text-fill-color: unset;
}

.contact_main .form_box .right .input .textarea{
    height: 2rem;
    border: none;
    background: none;
}
.contact_main .form_box .right .btn{
    width: 100%;
    height: 0.64rem;
    border-radius: 0.24rem;
    background-color: #459C94;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 0.16rem;
}

/*关于我们*/
.about_main{
    width: 100%;

}
.about_main .banner{
    width: 100%;
    height: 4.8rem;
    position: relative;
}
.about_main .banner .bg{
    width: 100%;
    height: 100%;

}
.about_main .banner .bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_main .banner .info{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.about_main .banner .info .t1{
    width: 100%;
    font-size: 0.48rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.about_main .banner .info .t2{
    width: 100%;
    font-size: 0.2rem;
    text-align: center;
    color: #fff;
    margin-top: 0.24rem;
}
.about_main .content{
    width: 12.8rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0;
}
.about_main .content .left{
    width: 5.6rem;
}
.about_main .content .left .t1{
    width: 100%;
    font-size: 0.6rem;
    font-weight: bold;
    line-height: 1;
}
.about_main .content .left .t2{
    width: 100%;
    font-size: 0.32rem;
    margin-top: 0.2rem;
    line-height: 1;
}
.about_main .content .left .t3{
    width: 100%;
    margin-top: 0.56rem;
}
.about_main .content .left .t3 .l_img{
    width: 100%;
    margin-bottom: 0.4rem;
}
.about_main .content .left .t3 .l_img img{
    width: 1.26rem;
}
.about_main .content .left .t3 p{
    width: 100%;
    font-size: 0.16rem;
    color: #767676;
    margin-bottom: 0.34rem;
    line-height: 0.25rem;
    text-align: justify;
}
.about_main .content .left .t3 .r_img{
    width: 100%;
    margin-top: 0.4rem;
    text-align: right;
}
.about_main .content .left .t3 .r_img img{
    width: 1.26rem;
}
.about_main .content .right{
    width: 6.4rem;

}
.about_main .content .right .company{
    width: 100%;
}
.about_main .content .right .company img{
    max-width: 100%;
}
.about_main .content .right .l_y{
    width: 100%;
    margin-top: 0.4rem;
}
.about_main .content .right .l_y img{
    width: 0.38rem;
}
.about_main .content .right .description{
    width: 100%;
    margin-top: 0.24rem;
    font-size: 0.16rem;
    line-height: 0.25rem;
}
.about_main .content .right .r_y{
    width: 100%;
    margin-top: 0.24rem;
    text-align: right;
}
.about_main .content .right .r_y img{
    width: 0.38rem;
}
.about_main .content .right .photo{
    width: 100%;
    margin-top: 0.4rem;
}
.about_main .content .right .photo img{
    width: 100%;
}

.about_main .content .form_box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.about_main .content .form_box .form_box_left{
    width: 100%;
    position: relative;
}
.about_main .content .form_box .form_box_left .t1{
    font-size: 0.32rem;
    font-weight: bold;
    margin-bottom: 0.4rem;
    line-height: 1;
}
.about_main .content .form_box .form_box_left .t2{
    font-size: 0.16rem;
    margin-bottom: 0.4rem;
}
.about_main .content .form_box .form_box_left .t3{
    width: 100%;
    display: flex;
    margin-bottom: 0.48rem;
    align-items: center;
    font-size: 0.16rem;
}
.about_main .content .form_box .form_box_left .t3 img{
    width: 0.32rem;
    margin-right: 0.12rem;
}
.about_main .content .form_box .form_box_left .form_bt{
    width: 100%;
    position: absolute;
    bottom: -0.5rem;
    left: 0;
    z-index: 1;
}
.about_main .content .form_box .form_box_left .form_bt img{
    width: 100%;
}
.about_main .content .form_box .form_box_left .wxcode{
    width: 2.8rem;
    padding: 0.4rem;
    background-color: #fff;
    border-radius: 0.24rem;
    box-shadow: 0px 3.5px 12px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    position: relative;
    z-index: 11;
}
.about_main .content .form_box .form_box_left .wxcode img{
    width: 100%;
}
.about_main .content .form_box .form_box_left .wxcode p{
    width: 100%;
    font-size: 0.16rem;
    margin-top: 0.16rem;
    text-align: center;
}
.about_main .content .form_box .form_box_right{
    flex: 1;
    margin-left: 0.8rem;
}
.about_main .content .form_box .form_box_right .img-item{
    width: 100%;
    text-align: center;
}
.about_main .content .form_box .form_box_right .img-item img{
    width: 3rem;
    max-width: 100%;
    border: 0.18rem solid #459C9426;
    border-radius: 0.24rem;
}
.about_main .content .form_box .form_box_right .img-item p{
    width: 100%;
    font-size: 0.16rem;
    margin-top: 0.24rem;
    text-align: center;
}
.about_main .content .form_box .form_box_right .input-item{
    width: 100%;
    height: 0.64rem;
    background-color: #F6F6F6;
    border-radius: 0.24rem;
    padding: 0 0.24rem;
    box-sizing: border-box;
    margin-bottom: 0.16rem;
}
.about_main .content .form_box .form_box_right .input-item input{
    width: 100%;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    font-size: 0.16rem;
    height: 100%;
}
.about_main .content .form_box .form_box_right .area-item{
    width: 100%;
    height: 2.4rem;
    background-color: #F6F6F6;
    border-radius: 0.24rem;
    padding: 0.24rem;
    box-sizing: border-box;
    font-size: 0.16rem;
}
.about_main .content .form_box .form_box_right .area-item textarea{
    width: 100%;
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
    height: 100%;
    font-size: 0.16rem;
}
.about_main .content .form_box .form_box_right .submit{
    width: 100%;
    height: 0.64rem;
    background-color: #459C94;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 0.16rem;
    border-radius: 0.24rem;
    margin-top: 0.16rem;
    border: none;
}


/*推荐*/
.recommend_main{
    width: 100%;
    padding-bottom: 0.8rem;
}
.recommend_main .banner{
    width: 100%;
    height: 4.8rem;
    position: relative;
}
.recommend_main .banner .bg{
    width: 100%;
    height: 100%;

}
.recommend_main .banner .bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recommend_main .banner .info{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.recommend_main .banner .info .t1{
    width: 100%;
    font-size: 0.48rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.recommend_main .banner .info .t2{
    width: 100%;
    font-size: 0.2rem;
    text-align: center;
    color: #fff;
    margin-top: 0.24rem;
}
.recommend_main .list{
    width: 12.8rem;
    margin: auto;
    margin-top: 0.56rem;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 0.24rem;
}
.recommend_main .list .item{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 5.58rem;
    border-radius: 0.24rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    box-sizing: border-box;
}
.recommend_main .list .item:hover{
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}
.recommend_main .list .item::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.24rem;
    border: 2px solid transparent;
    z-index: 20;
    box-sizing: border-box;
}
.recommend_main .list .item:hover::before{
    border: 2px solid #fff;
}
.recommend_main .list .item .img{
    width: 100%;
    height: 3.08rem;
    overflow: hidden;
    display: block;
}
.recommend_main .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;

}
.recommend_main .list .item .name{
    width: 100%;
    height: 0.48rem;
    background-color: #459C94;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recommend_main .list .item .info{
    width: 100%;
    padding: 0.24rem 0.16rem;
    box-sizing: border-box;
    position: relative;
    z-index: 22;
}
.recommend_main .list .item .info .title{
    width: 100%;
    font-size: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    line-height: 1;
    display: block;
}
.recommend_main .list .item:hover .info .title{
    color: #1A1A1A;
}
.recommend_main .list .item:hover .img img{
    transform: scale(1.1);
}
.recommend_main .list .item .info .desc{
    width: 100%;
    font-size: 0.16rem;
    color: rgba(26, 26, 26, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.24rem;
    line-height: 1;
}
.recommend_main .list .item .info .date{
    width: 100%;
    font-size: 0.16rem;
    color: rgba(26, 26, 26, 0.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.12rem;
    line-height: 1;
}
.recommend_main .list .item .info .bt{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.28rem;
}
.recommend_main .list .item .info .bt .left{
    display: flex;
    align-items: flex-end;
}
.recommend_main .list .item .info .bt .left span:nth-of-type(1){
    font-size: 0.2rem;
    color: #1A1A1A;
    margin-right: 0.04rem;
    font-weight: bold;
}
.recommend_main .list .item .info .bt .left span:nth-of-type(2){
    font-size: 0.32rem;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 1;
    margin-right: 0.08rem;
}
.recommend_main .list .item .info .bt .left span:nth-of-type(3){
    font-size: 0.16rem;
}
.recommend_main .list .item .info .bt .right{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.84rem;
    height: 0.42rem;
    background-color: #FFA091;
    color: #fff;
    line-height: 1;
    font-size: 0.18rem;
    border-radius: 0.24rem;
}

/*搜索*/
.search_main{
    width: 100%;
    min-height: 60vh;
}
.search_main .list{
    width: 12.8rem;
    margin: auto;
    padding: 0.8rem 0;
}
.search_main .list .item{
    width: 100%;
    display: block;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 0.2rem;
}
.search_main .list .item .keyword{
    color: #FFA091;
}
.search_main .list .item .title{
    width: 100%;
    font-size: 0.2rem;
    font-weight: bold;
}
.search_main .list .item .description{
    width: 100%;
    font-size: 0.14rem;
    color: #999;
    margin-top: 0.1rem;
}
.search_main .list .item .date{
    width: 100%;
    font-size: 0.12rem;
    color: #999;
    margin-top: 0.1rem;
}
.search_main .list .blank{
    width: 100%;
    min-height: 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding-bottom: 1rem;
}
.search_main .list .blank .img{
    width: 100%;
    text-align: center;
}
.search_main .list .blank .img img{
    width: 7.4rem;
}
.search_main .list .blank .txt{
    width: 100%;
    text-align: center;
    margin-top: 0.2rem;
    font-size: 0.14rem;
    color: #999;
}
.article_main{
    width: 12.8rem;
    margin: auto;
    padding: 0.4rem;
    border-radius: 0.24rem;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.article_main .left{
    flex: 1;
    margin-right: 0.8rem;
}
.article_main .left .title{
    width: 100%;
    font-size: 0.24rem;
    font-weight: bold;
}
.article_main .left .date{
    width: 100%;
    font-size: 0.14rem;
    color: #999;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 0.01rem solid #eee;
    display: flex;
    justify-content: space-between;

}
.article_main .left .date .ding{
    width: 1.2rem;
    height: 0.36rem;
    background-color: #FFA091;
    border-radius: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.16rem;
    transition: 0.3s;
}
.article_main .left .date .ding:hover{
    background-color: #f68b7a;
}
.article_main .left .content{
    width: 100%;
    font-size: 0.16rem;
    line-height: 1.5;
    margin-top: 0.2rem;

}
.article_main .right{
    width: 3rem;
}
.article_main .right .list{
    width: 100%;
    margin-top: 0.2rem;
}
.article_main .right .list li{
    width: 100%;
    display: block;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #eee;
}
.article_main .right .list li .con{
    width: 100%;
}
.article_main .right .list li .con .t1{
    font-size: 0.18rem;
    font-weight: bold;
}
.article_main .right .list li .con .t2{
    width: 100%;
    font-size: 0.14rem;
    margin-top: 0.1rem;
    color: #999;
}
.destination_main{
    width: 100%;
    background-color: #fff;

}
.destination_main .panel{
    width: 12.8rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 0.56rem 0;
}
.destination_main .panel .panel_l{
    width: 6.88rem;
    height: 5.7rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.destination_main .panel .panel_l .big_list{
    width: 100%;
    height: 4.2rem;
    position: relative;
    z-index: 10;
}
.destination_main .panel .panel_l .big_list .swiper-button-prev{
    width: 0.46rem;
    height: 0.46rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;

}
.destination_main .panel .panel_l .big_list .swiper-button-next{
    width: 0.46rem;
    height: 0.46rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;

}
.destination_main .panel .panel_l .big_list .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    width: 50%;
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 0.2rem;
}
.destination_main .panel .panel_l .big_list .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    width: 50%;
    color: #fff;
    position: absolute;
    text-align: center;
    font-size: 0.2rem;
}
.destination_main .panel .panel_l .big_list .swiper-button-prev:hover, .destination_main .panel .panel_l .big_list .swiper-button-next:hover{
    background: rgba(0, 0, 0, 0.4);
}
.destination_main .panel .panel_l .big_list .tag{
    padding: 0.16rem;
    position: absolute;
    top: -0.15rem;
    left: 0;
}
.destination_main .panel .panel_l .big_list .tag span{
    color: #fff;
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    z-index: 23;
}

.destination_main .panel .panel_l .big_list .tag::before{
    content: '';
    position: absolute;
    top: 0.06rem;
    right: -0.13rem;
    width: 0;
    height: 0;
    border-left: 0.1rem solid transparent;
    border-right: 0.10rem solid transparent;
    border-top: 0.1rem solid #459C94;
    z-index: 9;
    transform: rotate(45deg);
}
.destination_main .panel .panel_l .big_list .tag::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #03d3cd;
    z-index: 22;
    border-radius: 0.24rem 0 0.24rem 0;
}
.destination_main .panel .panel_l .big_list .swiper{
    width: 100%;
    height: 100%;
}
.destination_main .panel .panel_l .big_list .item{
    width: 100%;
    height: 100%;
    border-radius: 0.24rem;
    overflow: hidden;
}


.destination_main .panel .panel_l .big_list .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 10;
}
.destination_main .panel .panel_l .small_list{
    width: 100%;
    height: 1.34rem;
}
.destination_main .panel .panel_l .small_list .swiper{
    width: 100%;
    height: 100%;
}
.destination_main .panel .panel_l .small_list .item{
    width: 100%;
    height: 100%;
    border-radius: 0.24rem;
    overflow: hidden;
    position: relative;
}
.destination_main .panel .panel_l .small_list .item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.destination_main .panel .panel_l .small_list .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.destination_main .panel .panel_l .small_list .item.swiper-slide-thumb-active::before{
    background-color: rgba(0,0,0,0);
}

.destination_main .panel .panel_l .big_list .item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.destination_main .panel .panel_l .big_list .item .videoBtn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}
.destination_main .panel .panel_l .big_list .item .videoBtn img{
    width: 0.4rem;
    height: auto;
    cursor: pointer;
}
.destination_main .panel .panel_l .small_list .item video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.destination_main .panel .panel_l .small_list .item .videoBtn{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}
.destination_main .panel .panel_l .small_list .item .videoBtn img{
    width: 0.4rem;
    height: auto;
    cursor: pointer;
}


.destination_main .panel .panel_r{
    flex: 1;
    margin-left: 0.48rem;
}
.destination_main .panel .panel_r .tit{
    width: 100%;
    font-size: 0.32rem;
    font-weight: 700;
}
.destination_main .panel .panel_r .item{
    width: 100%;
    padding: 0.1rem 0;
    border-bottom: 0.01rem solid #EBEDF0;
}
.destination_main .panel .panel_r .item.ls{
    border-bottom: none;
    padding-bottom: 0;
}
.destination_main .panel .panel_r .item .route{
    width: 100%;
    display: flex;
    align-content: center;
}
.destination_main .panel .panel_r .item .route .s,.destination_main .panel .panel_r .item .route .e{
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 0.04rem;
    background-color: #459C94;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.destination_main .panel .panel_r .item .route .f,.destination_main .panel .panel_r .item .route .t{
    font-size: 0.16rem;
    margin: auto 0.12rem;
    max-width: 34%;
}
.destination_main .panel .panel_r .item .route .l{
    width: 0.24rem;
}
.destination_main .panel .panel_r .item .route .l img{
    width: 100%;
}
.destination_main .panel .panel_r .item .info{
    width: 100%;
    display: flex;
    align-items: flex-start;

}
.destination_main .panel .panel_r .item .info .icon{
    width: 0.2rem;
    margin-right: 0.08rem;
    display: inline-block;
}
.destination_main .panel .panel_r .item .info .icon img{
    width: 100%;
}
.destination_main .panel .panel_r .item .info .txt{
    font-size: 0.16rem;
    color: #757575;
    position: relative;
    max-width: 90%;
}
.destination_main .panel .panel_r .start_price{
    width: 100%;
    display: flex;
    align-items: flex-end;
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
}
.destination_main .panel .panel_r .start_price .num{
    font-size: 0.32rem;
    color: #2D2D2D;
    font-weight: 700;
    line-height: 1;
    margin-right: 0.08rem;
}
.destination_main .panel .panel_r .start_price .d{
    font-size: 0.16rem;
    color: #757575;
}
.destination_main .panel .panel_r .start_price .all{
    font-size: 0.16rem;
    color: #757575;
    margin-left: 0.12rem;
    text-decoration: underline;
    position: relative;
    cursor: pointer;
}
.destination_main .panel .panel_r .start_price .more{
    /*width: 3.05rem;*/
    position: relative;
}
.destination_main .panel .panel_r .start_price .more table tr{
    font-size: 0.14rem;
    color: #757575;
    display: flex;
    margin-bottom: 0.1rem;
    align-items: flex-end;
    /*border-bottom: 1px solid #EBEDF0;*/
    line-height: 1.3;
}
.destination_main .panel .panel_r .start_price .more .tp{
    padding-right: 0.1rem;
    white-space: nowrap;
    text-align: right;
}
.destination_main .panel .panel_r .start_price .more .count{
    white-space: nowrap;
}
.destination_main .panel .panel_r .start_price .more .num{
    font-size: 0.32rem;
}


.destination_main .panel .panel_r .sureBtn{
    width: 1.92rem;
    height: 0.58rem;
    border-radius: 0.8rem;
    background-color: #FFA091;
    color: #fff;
    font-size: 0.18rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.destination_main .des_content{
    width: 100%;
    background-color: #F6F6F6;
    padding: 0.88rem 0;
}
.destination_main .des_content .content{
    width: 12.8rem;
    margin: auto;
}
.destination_main .des_content .content .tab{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EBEDF0;
}
.destination_main .des_content .content .tab .item{
    font-size: 0.18rem;
    margin-right: 0.48rem;
    position: relative;
}
.destination_main .des_content .content .tab .item::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0.04rem;
    border-radius: 0.08rem;
    background-color: #2D2D2D;
}
.destination_main .des_content .content .tab .item:hover{
    cursor: pointer;
}
.destination_main .des_content .content .tab .item.active{
    font-size: 0.28rem;
    font-weight: 700;

}
.destination_main .des_content .content .tab .item.active::before{
    width: 0.4rem;
}
.destination_main .des_content .content .tab_content{
    width: 100%;
    padding: 0.56rem 0;
    display: none;
}
.destination_main .des_content .content .tab_content.active{
    display: block;
}

.destination_main .recommend{
    width: 100%;
    padding: 0.88rem 0;
    background-color: #fff;
}

.destination_main .recommend .content{
    width: 12.8rem;
    margin: auto;
}
.destination_main .recommend .content .top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.destination_main .recommend .content .top .left{
    font-size: 0.32rem;
    font-weight: bold;
    color: #1A1A1A;
}
.destination_main .recommend .content .list{
    width: 100%;
    margin-top: 0.56rem;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0.24rem;
}

.destination_main .recommend .content .list .swiper{
    width: 100%;
    padding: 18px 0;
}
.destination_main .recommend .content .list .pre_arrow2{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
}
.destination_main .recommend .content .list .next_arrow2{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    position: absolute;
    right: -1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s;
}
.destination_main .recommend .content .list .next_arrow2 i,.destination_main .recommend .content .list .pre_arrow2 i{
    font-size: 0.3rem;
    color: #fff;
}
.destination_main .recommend .content .list .next_arrow2:hover,.destination_main .recommend .content .list .pre_arrow2:hover{
    background: rgba(1, 186, 181, 0.8);
}



.destination_main .recommend .content .list .item{
    width: 100%;
    height: 3.68rem;
    position: relative;
    display: block;
    overflow: hidden;
}
.destination_main .recommend .content .list .item .up{
    width: 100%;
    height: 3.02rem;
    position: relative;
    overflow: hidden;
    border-radius: 0.24rem;
}
.destination_main .recommend .content .list .item .dw{
    width: 100%;
    height: 0.66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.18rem;
    color: #1A1A1A;
    font-weight: bold;
}
.destination_main .recommend .content .list .item .img{
    width: 100%;
    height: 100%;
}
.destination_main .recommend .content .list .item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.destination_main .recommend .content .list .item .txt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    opacity: 0;
    transition: 0.3s;
    padding: 0.2rem;
    box-sizing: border-box;
}
.destination_main .recommend .content .list .item .txt::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 186, 181, 0.8);
    z-index: 1;
    transition: 0.3s;
    clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%);
}
.destination_main .recommend .content .list .item .txt .t1{
    width: 100%;
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 11;
}
.destination_main .recommend .content .list .item .txt .icon{
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 11;
    margin-top: 0.24rem;
}
.destination_main .recommend .content .list .item .txt .icon img{
    width: 0.68rem;
}
.destination_main .recommend .content .list .item:hover .txt{
    opacity: 1;
}
.destination_main .recommend .content .list .item:hover .dw{
    color: #459C94;
}
.destination_main .recommend .content .list .item:hover .txt::after{
    clip-path: polygon(50% 0, 0 0, 0 50%, 0 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0);
}