* {
    margin: 0;
    padding: 0;
    box-sizing: border-img-box;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #f0eeef; */
    background-color: #fff;
}
.body-container {
    width: 100vw;
    height: 100vh;
    position: relative;
}

/* @media (max-aspect-ratio: 16/9) {
    .body-container {
        width: 100vw;
        height: calc(100vw * 9 / 16);
    }
}
@media (min-aspect-ratio: 16/9) {
    .body-container {
        height: 100vh;
        width: calc(100vh * 16 / 9);
    }
} */

.hide {
    display: none !important;
}

/* 整个纵向轮播 start */
.mySwiper {
    height: 100vh;
    width: 100vw;
}
.mySwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;

    /* height: 100%;
    width: 100%; */
    /* aspect-ratio: 16 / 9; */
}
/* 整个纵向轮播 end */

/* 头部 start */
header {
    /* border: 1px solid yellow; */
    /* width: 1080px; */
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 0px 40px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.18);

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.logo {
    width: 192px;
    height: 42px;
    font-weight: bold;
}
.menu-btn-box {
    /* height: 38px; */
    display: flex;
    /* align-items: end; */
}
.menu-btn-box .menu-btn {
    margin: 0 20px;
    /* width: 114px; */
    cursor: pointer;
    color: #818181;
    text-decoration: none;
    font-size: 24px;

    font-family: 'Source Han Sans CN';
}
.menu-btn:hover {
    color: black;
}
.menu-btn-box .menu-btn.active {
    color: black;
}

.relation-box {
    /* border: 1px solid black; */
    width: 162px;
    color: black;
    font-size: 24px;
    position: relative;
    cursor: pointer;
}
.relation-box .relation {
    width: 260px;
    position: absolute;
    top: 40px;
    left: -60px;
    font-size: 18px;
    padding: 5px;
    font-family: 'Source Han Serif SC';

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;

    display: flex;
}
.relation-box .relation.show {
    opacity: 1;
    transition: opacity 0.5s;
    visibility: visible;
}

.lang-box {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 15px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.lang-box .icon {
    /* border: 1px solid black; */
    width: 55px;
    height: 55px;
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.lang-box .icon img{
    width: 28px;
    height: 28px;
}
.lang-box:hover  .lang-list,
.lang-box .lang-list:hover{
    height:70px;
    overflow: hidden;
    transition: height 0.2s;
}

.lang-box .lang-list {
    height: 0px;
    overflow: hidden;
    transition: height 0.2s;

    width: 70px;
    position: absolute;
    top: 55px;
    right: -10px;
}
.lang-box .lang-list .lang-item {
    /* border: 1px solid #cab483; */
    padding: 5px 0;
    text-align: center;
    font-family: 'Source Han Sans CN';
}





/* 头部 end */

.txt-shadow {
    font-weight: bold; /* 让字体加粗 */
    color: white; /* 字体颜色 */
    text-shadow: 2px 2px 10px #000, /* 黑色的外阴影，营造立体效果，水平偏移2px，垂直偏移2px，模糊半径0px */ 4px 4px 0px rgba(0, 0, 0, 0.5),
        /* 半透明黑色外阴影，水平偏移4px，垂直偏移4px，模糊半径0px ，增加层次感 */ 6px 6px 0px rgba(0, 0, 0, 0.3); /* 更淡的黑色外阴影，水平偏移6px，垂直偏移6px，模糊半径0px ，进一步增强立体层次感 */
}

/* 首页 section01 start */
.section01 {
    /* border: 1px solid black; */
    /* width: 1900px; */
    /* height: 1000px; */
    /* background: url(../img/section01/section01_bg.webp) no-repeat center/cover; */
}
.section01 .section01-box {
    /* border: 1px solid black; */
    width: 85vw;
    height: 43vw;
}
.section01 .title1 {
    /* font-size: 56px; */
    font-size: 3vw;
    text-align: center;
}
.section01 .title2 {
    /* font-size: 32px; */
    margin-top: 0.5vw;
    font-size: 1.8vw;    
    font-family: 'Source Han Sans CN';
    color: black;
    text-align: center;
    
}


#kolSwiper,
#onlineSwiper,
#offlineSwiper {
    width: 55vw;
    height: 28vw;
}
#kolSwiper .swiper-wrapper .swiper-slide,
#onlineSwiper .swiper-wrapper .swiper-slide,
#offlineSwiper .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
}
#kolSwiper img,
#onlineSwiper img,
#offlineSwiper img {
    height: 100%;
}

#section01Tabs {
    width: 47vw;
    margin: 0 auto;
    /* margin-top: -1vw; */
    display: flex;
    justify-content: space-between;
}
#section01Tabs .item {
    transition: opacity 0.2s;
    opacity: 0.5;
    cursor: pointer;
    width: 14vw;
    height: 8.5vw;
    position: relative;
}
#section01Tabs .item.active {
    transition: opacity 0.2s;
    opacity: 1;
}
#section01Tabs img {
    /* height: 162px; */
    width: 14vw;
}
#section01Tabs .item span {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.3vw;
    color: #fff;
    font-family: 'Source Han Sans CN';
    text-align: center;
    font-weight: bold;
    line-height: 0.8;
}
#section01Tabs .item .item-kol {
    font-size: 3vw
}
/* 首页 section01 end */

/* 首页 section02 start */
.section02 {
}
.section02 .section02-box {
    /* border: 1px solid black; */
    width: 90vw;
    height: 42vw;
}
.section02 .title1 {
    /* font-size: 56px; */
    font-size: 3vw;
    text-align: center;
}
.section02 .title2 {
    margin-top: 0.5vw;
    /* font-size: 32px; */
    font-size: 1.8vw;
    font-family: 'Source Han Sans CN';
    color: black;
    text-align: center;
    
}
.section02 .pinpai {
    height: 30vw;
    display: block;
    margin: 0 auto;
    margin-top: 3vw;
    border: 1px solid rgb(230, 227, 227);
}
/* 首页 section02 end */

/* 首页 section03 start */
.section03 {
}
.section03 .section03-box {
    /* border: 1px solid black; */
    width: 70vw;
    height: 42vw;
}
.section03 .title1 {
    /* font-size: 56px; */
    font-size: 3vw;
    text-align: center;
}
.section03 .title2 {
    /* font-size: 32px; */
    font-size: 1.8vw;
    font-family: 'Source Han Sans CN';
    color: black;
    text-align: center;
    margin-top: 0.5vw;
}
.feedback-box {
    /* border: 1px solid black; */
    display: flex;
    justify-content: center;
    margin: 0 auto;
    margin-top: 7vw;
}
.feedback-box .feedback-item {
}
.feedback-box .feedback-item img {
    width: 16vw;
    margin: 0 1vw;
}


/* 首页 section03 end */
.section04 {
    height: 140px;
    text-align: center;
    background-color: #f4f4f4;

    flex-wrap: wrap;
}
.section04 .copy {
    /* border: 1px solid black; */
    width: 85vw;
    font-size: 18px;
    font-family: 'Source Han Sans CN';
    /* line-height: 120px; */
}