html {
    width: 100%;
    overflow-x: hidden; /* 防止水平滚动 */
}
body {
    font-size:100%;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
}
a {text-decoration: none;}
#mask001{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 9000;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;
}
#mask001img{
    position: fixed;
    width: 10%;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    from {transform: rotate(0deg); /* 开始旋转角度为0度 */}
    to {transform: rotate(360deg); /* 结束旋转角度为360度 */}
}


#box000{
    position: fixed;
    z-index: 10;
}

#top_back1{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 6;
    background-color: rgba(255,255,255,1);

    display: none;
}
#logo_img1{
    position: fixed;
    left: 4.84%;
    width: 8.72%;
    z-index: 1000;
}
.font1{
    position: fixed;
    z-index: 1000;
    font-family: HKYT_W7;
    font-size: 0.9375vw;
    color: white;
    top: 3.24%;
}
#toptext1{left: 25.26%;}
.font1down{
        position: fixed;
        top: 5.463%;
        height: 0.5px;
        z-index: 1000;
        background-color: white;
        opacity: 0;
        width: 3.75%;
}
#toptext1_1 {left: 25.26%;}
#toptext2_1 {left: 35.375%;}
#toptext3_1 {left: 45.49%;}
#toptext4_1 {left: 55.6%;}
#toptext5_1 {left: 65.72%;}
#toptext6_1 {
    background-color: transparent;
    left: 74.322916667%;
    opacity: 1;
    width: 7.1875%;
}
#toptext6_1_0{
    position: fixed;
    top: 4%;
    left: 75.83%;
    width: 6%;
    z-index: 0;
    /*display: none;*/
}
#toptext6_1_1{
    opacity: 0;
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border-radius: 7px; /* 设置圆角大小 */
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3); /* 设置阴影 */
    display: flex;       /* 使用Flex布局使内容居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.toptext6_1_0{

    position: absolute;
    font-family: HKYT_W7;
    font-size: 0.9375vw;
    text-align: center;
    color: #303030;
}
#toptext6_1_2{
    top: 0;
}
#toptext6_1_3{
    bottom: 0;
}

#toptext2{left: 35.375%;}
#toptext3{left: 45.49%;}
#toptext4{left: 55.6%;}
#toptext5{left: 65.72%;}
#toptext6{left: 75.83%;}
#logoCN{
    position: fixed;
    left: 91.615%;
    width: 1.302%;
    z-index: 10;
}
#logoEN{
    position: fixed;
    left: 93.9583%;
    width: 1.302%;
    z-index: 10;
}
#logo_X3{
    position: fixed;
    right: 5.73333%;
    width: 5.06666%;
    display: none;
    z-index: 10;
    cursor: pointer;
}
#logo_X4{
    position: fixed;
    right: 5.73333%;
    width: 5.06666%;
    display: none;
    z-index: 10;
    color: black;
    cursor: pointer;
}
#logo_X5{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ECECECFF;
    z-index: 9;
    display: none;
}
.font2{
    position: fixed;
    z-index: 1000;
    font-family: HKYT_W7;
    font-size: 4vw;
    color: #303030;
    left: 5.0666%;
}









#num5box{
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #F7F7F7;
    opacity: 0;
}
#text4_1{
    position: absolute;
    font-family: HKYT_W7;
    font-size: 0.833vw;
    letter-spacing: 0.03855vw;
    color: #303030;
    left: 4.739%;
}
#text4_1_1,#text4_3_1{
    position: absolute;
    left: 4.739%;
    height: 0.5px;
    width: 13.9583%;
    background-color: #D8D8D8;
}
#text4_2,#text4_4{
    position: absolute;
    left: 4.739%;
    font-family: HKYT_W5;
    font-size: 0.73vw;
    letter-spacing: 0.03385vw;
    color: #303030;
}
#text4_3{
    position: absolute;
    left: 4.739%;
    font-family: HKYT_W5;
    font-size: 1.042vw;
    letter-spacing: 0.04792vw;
    color: #303030;
}
#down001{
    position: absolute;
    bottom:0;
    width: 100%;
    background-color: #74391F;
}
#logo_img2{
    position: absolute;
    width: 9.48%;
    left: 4.323%;
}
#logo_img3{
    position: absolute;
    width: 49.4%;
    left: 47.2135%;
}
#text4_5{
    position: absolute;
    font-family: HKYT_W7;
    font-size: 0.833vw;
    letter-spacing: 0.03855vw;
    color: #303030;
    left: 36.5625%;
}
#text4_5_1{
    position: absolute;
    left: 36.5625%;
    height: 0.5px;
    width: 13.9583%;
    background-color: #D8D8D8;
}
#img5_1{
    position: absolute;
    width: 1.5625%;
    left: 36.5625%;
}
#img5_2{
    position: absolute;
    width: 1.5%;
    left: 36.5625%;
    opacity: 0
}
.text5_0{
    position: absolute;
    left: 39.427%;
    font-family: HKYT_W5;
    font-size: 0.73vw;
    letter-spacing: 0.03385vw;
    color: #303030;
}
#img5_3{
    position: absolute;
    width: 1.5625%;
    left: 36.5625%;
}
#img5_4{
    position: absolute;
    width: 1.5%;
    left: 36.5625%;
    opacity: 0
}
#img5_5{
    position: absolute;
    width: 1.5625%;
    left: 36.5625%;
}
#img5_6{
    position: absolute;
    width: 1.5%;
    left: 36.5625%;
    opacity: 0
}
#text4_9{
    position: absolute;
    font-family: HKYT_W7;
    font-size: 0.833vw;
    letter-spacing: 0.03855vw;
    color: #303030;
    left: 59.53125%;
}
#text4_9_1{
    position: absolute;
    left: 59.53125%;
    height: 0.5px;
    width: 13.9583%;
    background-color: #D8D8D8;
}
#img5_7,#img5_9{
    position: absolute;
    width: 1.5625%;
    left: 59.53125%;
    cursor: pointer
}
#img5_8,#img5_10{
    position: absolute;
    width: 1.5625%;
    left: 59.53125%;
    opacity: 0
}
#img5_10_1{
    position: absolute;
    left: 61.667%;
    width: 4.3229%;
    opacity: 0;
}
#img5_10_2{
    position: absolute;
    left: 62.3958%;
    width: 3.22917%;
    opacity: 0;
}
#img5_11,#img5_13{
    position: absolute;
    width: 1.5625%;
    left: 71.9792%;
    cursor: pointer
}
#img5_12,#img5_14{
    position: absolute;
    width: 1.5625%;
    left: 71.9792%;
    opacity: 0
}
#img5_12_1{
    position: absolute;
    left: 74.1667%;
    width: 4.3229%;
    opacity: 0;
}
#img5_12_2{
    position: absolute;
    left: 74.8958%;
    width: 3.22917%;
    opacity: 0;
}



/* 微信抖音点击打开图片 */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    z-index: 1000;
    animation: fadeIn 0.3s; /* 淡入效果 */
}

/* 图片容器 */
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90%;
    max-height: 90%;
}

/* 关闭按钮 */
.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: black;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}
.close-btn:hover {
    color: #ccc;
}

/* 淡入动画 */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}