@font-face {
  font-family: "alibabapuhuibold";
  src: url("https://jcdn.xhby.net/jiangsunow/static/font/alibabapuhuibold.ttf")
    format("truetype");
}
@font-face {
  font-family: "alibabapuhuiregular";
  src: url("https://jcdn.xhby.net/jiangsunow/static/font/alibabapuhuiregular.ttf")
    format("truetype");
}
.home {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.head{
    border-bottom: .01rem solid #DBDCDC;
    position: relative;
    height: 2.95rem;
}
.head_logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .8rem .37rem 0 .45rem;
}
.logo{
    width: 3.79rem;
    height: .86rem;
}
.search{
    width: .32rem;
    height: .32rem;
}
.head_tabs{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem .32rem 0;
    margin-top: .43rem;
    border-top: 0.03rem solid #000;    
}
.tab_icon{
    width: .34rem;
    height: .18rem;    
}

/* Tabs组件样式 - 支持横向滚动 */
.van-tabs {
    position: relative;
    width: 90%;
}

.van-tabs__wrap {
    position: relative;
    overflow: hidden;
}

.van-tabs__nav-wrap {
    overflow: hidden;
    position: relative;
}

.van-tabs__nav-wrap--scrollable {
    overflow-x: auto;
    overflow-y: hidden;
}

.van-tabs__nav-wrap--scrollable::-webkit-scrollbar {
    display: none;
}

.van-tabs__nav {
    position: relative;
    display: flex;
    user-select: none;
    width: max-content;
    min-width: 100%;
}
.van-tab {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #646566;
    font-size: 0.28rem;
    line-height: 0.88rem;
    cursor: pointer;
    box-sizing: border-box;
    white-space: nowrap;
    min-width: 1.6rem;
}

.van-tab--active {
    /* font-weight: 500; */
}

.van-tab--disabled {
    color: #c8c9cc;
    cursor: not-allowed;
}

.van-tabs__line {
    position: absolute;
    bottom: 0;
    height: 0.04rem;
    background-color: #005489;
    border-radius: 0.06rem;
    z-index: 1;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.van-tab__pane {
    display: none;
}

.van-tab__pane--active {
    display: block;
}

/* 适配移动端 */
@media (max-width: 768px) {
    .van-tab {
        font-size: 0.26rem;
        line-height: 0.8rem;
        padding: 0 0.2rem;
        min-width: 1.2rem;
    }
    
    .van-tabs__line {
        height: 0.04rem;
    }
    
    .van-tab__pane {
    }
}
.content{
    flex: 1;
    overflow-y: auto;
}
.content_swiper{
    padding: .42rem .42rem 0;
}
.swiper-slide-img{
    height: 4.16rem!important;
}
.content_swiper_title{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .48rem;
    color: #000000;
    line-height: .66rem;
    text-align: left;
      height:1.4rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;    
}
.content_swiper_content{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .23rem;
    color: #000000;
    line-height: .29rem;
       height:.62rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;    
}
.content_swiper_time{
    font-family: alibabapuhuiregular;
    font-size: .19rem;
    color: #000000;
    line-height: .19rem;
    margin-top: .1rem;
}
.line{
    height: 0px;
    border-bottom: .01rem solid #000;
    margin: .3rem 0;
}
.line_xi{
    height: 0px;
    border-bottom: .01rem solid #C9CACA;
    margin: .2rem 0;  
}
.line_bs{
    height: 0px;
    border-bottom: .01rem solid #fff;
    margin: .2rem 0 .5rem;  
}
.content_img{
    padding: 0 .42rem;
}
.content_img>div{
    display: flex;
    justify-content: space-between;
}
.content_img_title{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .32rem;
    color: #000000;
    line-height: .45rem;
    height: 1.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content_img_img{
    width: 2.25rem;
    height: 1.27rem;
    border-radius: 0px;
    margin-left: .2rem;
}
.content_text{
    padding: 0 .42rem;

}
.Jiangsu_Story{
    padding: 0 .42rem;
    margin-top: .5rem;

}
.Jiangsu_Story_item{
    width: 100%;
    border-radius: 0px 0px 0px 0px;
    border: .03rem solid #231815; 
    padding:  .2rem .37rem .37rem;
    margin-bottom: .3rem;
}
.Jiangsu_Story_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Jiangsu_Story_title{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .4rem;
    color: #000000;
}
.Jiangsu_Story_more{
    width: 1.11rem;
    height: .35rem;
    background: #000000;
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .21rem;
    color: #FFFFFF;
    line-height: .35rem;
    text-align: center;
    border-radius: .25rem;
}
.Jiangsu_Story_img{
    width: 100%;
    height: 3.38rem;
}
.Jiangsu_Story_chat{
    display: flex;
    align-items: center;
}
.Jiangsu_Story_chat>img{
    width: 1.94rem;
    height: 3.27rem;
}
.Jiangsu_Story_chat_R{
    width: 3.57rem;
    height: 3.02rem; 
    background: url('https://jcdn.xhby.net/jiangsunow/static/img/hone_qp.png') no-repeat;
    background-size: 100%;
    padding: .3rem .3rem .3rem .6rem;
    display: flex;
    flex-direction: column;    
    align-items: flex-end;
}
.Jiangsu_Story_chat_R>div:nth-child(1){ 
    font-family: alibabapuhuiregular;
    /* font-weight: 400; */
    font-size: .21rem;
    color: #231815;
    line-height: .24rem;
    flex: 1;
}
.Jiangsu_Story_chat_R>div:nth-child(2){ 
        width: .91rem;
        height: .32rem;
        background: #FFFFFF;
        border-radius: .25rem;
        font-family: alibabapuhuibold;
        font-weight: 400;
        font-size: .16rem;
        color: #231815;
        line-height: .32rem;
        text-align: center;
}
.Jiangsu_button{
    width: 100%;
    /* flex-wrap: wrap; */
    overflow-x: auto;
}
.Jiangsu_button_item{
    width: 13rem;
    height: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}
.Jiangsu_button_item div{
    /* width: 1.73rem; */
    padding: 0 .3rem;
    height: .41rem;
    background: #B1DCD6;
    border-radius: .2rem;
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .21rem;
    color: #FFFFFF;
    line-height: .41rem;
    text-align: center;
    margin-right: .3rem;
    margin-bottom: .37rem;
}
.Jiangsu_button {
    /* 隐藏滚动条 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    overflow: auto; /* 保持滚动功能 */
}

.Jiangsu_button::-webkit-scrollbar {
    /* Webkit浏览器隐藏滚动条 */
    display: none;
}
.Video{
    width: 100%;
    height: 9.74rem;
    background: #000000;
    padding: .42rem;
}
.Video_title{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .4rem;
    color: #FFFFFF;
}
.Video_item{
    display: flex;
    justify-content: space-between;
    overflow-x: auto;

}
.Video_item>div{
    width: 3.04rem;
    height: 100%;
    position: relative;
    
}
.Video_item {
    /* 隐藏滚动条 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    overflow: auto; /* 保持滚动功能 */
}

.Video_item::-webkit-scrollbar {
    /* Webkit浏览器隐藏滚动条 */
    display: none;
}
.Video_item_img{
    width: 3.04rem;
    height: 5.41rem;
    object-fit: cover;
}
.Video_item_title{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .29rem;
    color: #FFFFFF;
    line-height: .40rem;
    margin-top: .2rem;
    /* height: 1.6rem; */
}
.bf{
    width: .67rem;
    height: .67rem;
    position: absolute;
    top: 4.74rem;
    left: 2.37rem;
   
}
.China,.Lifestyle{
    width: 100%;
    padding: .42rem;
}
.China_title,.Lifestyle_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.China_title span{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .4rem;
    color: #000000;
}
.China_title img{
    width: .32rem;
    height: .32rem;
}

.Lifestyle_item{
    width: 100%;
    /* height: 5.72rem; */
    border: .01rem solid #000000;
    margin-top: .3rem;
    padding: .34rem .37rem;
}
.Lifestyle_title span{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .4rem;
    color: #000000;
}
.Lifestyle_item img{
    width: 100%;
    height: 3.38rem;
    margin-bottom: .2rem;
}

.Feature{
    width: 100%;
    background: #000000;
}
.Feature_head{
    padding: .42rem .42rem 0;

}
.Feature_title{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .48rem;
    color: #FFFFFF;
}

    .Feature-Swiper {
      width: 100%;
      height: 100%;
      margin-top: 0!important;
    }

    .Feature-Swiper .swiper-slide {
    width: 3rem!important;
      text-align: center;
      font-size: 18px;
      background: transparent!important;
      /* display: flex;
      justify-content: center;
      align-items: center; */
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .Feature_img{
    width: 100%;
        height: 3.80rem;
    }










.foot{
    width: 100%;
    height: 1.5rem;
    display: flex;
    justify-content: space-around;
    padding-top: .2rem;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px, rgba(0, 0, 0, 0.04) 0px 0px 6px 0px;
    position: relative;
}
.foot>a>div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.foot>a>div>img{ 
    width: .45rem;
    height: .45rem;
}
.foot>a>div>span{ 
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .19rem;
    /* color: #005489; */
    margin-top: .16rem;
}
#CITY{
    width: 1.44rem!important;
    height: 1.44rem!important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
       animation: rotate 5s linear infinite;
    transform-origin: center center;    
    background: #fff;
    margin-top: -.2rem;
}
.city{
    width: 1.01rem!important;
    height: 1.01rem!important;

}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

    html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      font-family: alibabapuhuibold;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 100%;
      height: 4.16rem;
      margin-top: .3rem;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .China-Swiper{
        width: 100%;
        height: 1.88rem;
        margin-top: 0rem;
    }

    .City_wrap{
        width: 100%;
        height: 9rem;
        /* height: 100%; */
        background: url('https://jcdn.xhby.net/jiangsunow/static/img/city_bg_new.png') no-repeat;
        background-size: 100% 100%;
        padding: .1rem 0;
        position: relative;
    }
    .City_list{
        display: flex;
        justify-content: space-around;
        padding: .1rem 1rem;
    }
    .City_item{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .City_item img{
        width: .73rem;
        height:.73rem;      
    }
    .City_item span{
        font-family: alibabapuhuibold;
        font-weight: 400;
        font-size: .24rem;
        color: #221714;
        margin-top: .1rem;
    }
    .City_cont{
        width: 3.39rem;
        font-family: alibabapuhuibold;
        font-weight: 400;
        font-size: .19rem;
        color: #000000;
        margin-top: .5rem;
        margin-left: 1.5rem;
    }
    .City_cont div{
        text-align: center;
    }

    .nav_list{
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 9999;

    }
    .nav_list_ul{
        position: absolute;
        right: 0;
        width: 3rem;
        max-height:  calc(100vh - 1.5rem);
        overflow-y: auto;
        background: #000;
        color: #fff;
        font-family: alibabapuhuibold;
        font-weight: 400;
        font-size: .27rem;
    }
    
    .nav_list_li{
        height: .8rem;
        border-bottom: .01rem solid #404040;
        padding-left: .6rem;
        line-height: .8rem;      
        color:#fff;
    }
    .nav_list_li>a{
        width: 100%;
        height: 100%;
        color: #fff;
    }
    .nav_list_child{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: .5rem;
    }
    .nav_list_child img{
        width: .32rem;
        height: .32rem;
    }




/* 首页 */

    
    .nav_list_City, .nav_list_News, .nav_list_Service, .nav_list_Special{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: .5rem;
    }
	 .nav_list_News img{
        width: .32rem;
        height: .32rem;
    }
    .nav_list_City img{
        width: .32rem;
        height: .32rem;
    }
    .nav_list_Service img{
        width: .32rem;
        height: .32rem;
    }
    .nav_list_Special img{
        width: .32rem;
        height: .32rem;
    }
    .Lifestyle_title span{
    font-family: alibabapuhuibold;
    font-weight: 400;
    font-size: .48rem;
    color: #000000;
}
    .Video_item>div{
      margin-bottom: .3rem;
    }
    .Video_item_title a{
      color:#fff;
    }
    .swiper-slide-img{
        height: 4.16rem!important;
    }
    .Jiangsu_Story_li{
      display:none;
    }
    .China-Swiper{
      height:2.5rem!important;
    }
    .China-Swiper .swiper-pagination-bullet-active{
      background:#231815;
    }
    .mySwiper .swiper-pagination-bullet-active{
      background:#fff;
    }
    .City_item span{
      display: inline-block;
    	width: 1.6rem;
      text-align: center;
    }    
    .Lifestyle_title img {
        width: .32rem;
        height: .32rem;
    }    
    .nav_list_icon{
      transform: rotate(180deg);
    }
        /* about */
        .about {
            width: 100%;
            height: 100vh;
            display: flex;
            flex-direction: column;
        }

        .about_list {
            flex: 1;
            padding: .37rem;
            overflow-y: auto;
            background: #000;

            font-family: alibabapuhuibold;
            font-weight: 400;
            font-size: .48rem;
            color: #FFFFFF;
        }

        .goBack {
            display: flex;
            justify-content: space-between;
            padding: .37rem .57rem;

        }

        .goBack img {
            width: .18rem;
            height: .36rem;
        }

        .goBack span {
            font-family: alibabapuhuibold;
            font-weight: 400;
            font-size: .37rem;
            color: #000000;
        }

        .goBack div {
            width: .18rem;
            height: .36rem;
        }

        .about_title {
            margin: .3rem 0;
        }

        .about_img {
            width: 100%;
            height: 4.29rem;
            margin-top: .2rem;
        }