#box0{
    position: fixed;
    right: 4%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 8;
    font-family: HKYT_W7;
    font-size: 0.83333vw;
    letter-spacing: 0.0385416667vw;
}
.box0text0{
    transition: transform 0.2s;
    transform: scale(1);
    opacity: 1;
    position: relative;
    width: 120%;
    color: #303030;
    background-color: transparent;
    display: flex;       /* 使用Flex布局使内容居中 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    cursor: pointer;
}
.box0text0:hover{
    transform: scale(1.25);
    background-color: #74391F;
    color: white;
}







#box1{
    position:relative;
    width:100%;
    height: 100%;
}

.textbox_0{
    position: absolute;
    font-family: HKYT_W7;
    font-size: 2.0833vw;
    letter-spacing: 0.096354vw;
    opacity: 0;
}
.textbox1_1{
    left: 44.63541667%;
    color: #74391F;
}
.textbox1_2{
    left: 48.8028333%;
    color: #303030;
}
.lbox100{
    position: absolute;
    /*left: 0;*/
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 100px;
}
.mbox{
    position: relative;
    display: flex;
    justify-content: center; /* 水平居中 */
    opacity: 1;
    margin-bottom: 50px;
}

.svgbox2{
    transition: opacity 0.4s;
}
.mbox:hover  > .svgbox2{
    opacity: 1;
}



.svgbox0{
    position: absolute;
    opacity: 0;
}
.svgbox1{
    opacity: 1;
}
.imgbox0{
    position: relative;
    top: 0;
    transition: transform 0.2s;
    transform: scale(1);
}
.imgbox0:hover {
    transform: scale(1.1);
}

.textbox1{
    position: absolute;
    font-family: HKYT_W7;
    font-size: 0.73vw;
    letter-spacing: 0.03385vw;
    color: #303030;
    text-align: center;
}