.metaverse-5 .list li:nth-child(1) .name{transform: scale(.6)}
.metaverse-5 .list li:nth-child(2) .name{transform: scale(.7)}

.medical-3 .list li:hover .bd{padding-top: 1.15rem}

.education-1 .title{line-height: 1.3em}

.metaverse-3 .list2{padding-bottom: 1.2rem}
.metaverse-3 .list2 li .bd{height: 2.5rem; margin-bottom: 0 !important;}

.about-1 .col .content,
.metaverse-4 .col .content,
.metaverse-5 .content,
.education-1 .content,
.metaverse-1 .wal .content{text-align: left}

.about-1 .col{padding-top: .3rem; background: none}
.about-1 .col .content{line-height: 1.7em}

.about-3 .list li dd{line-height: .3rem; padding-top: .1rem; padding-bottom: .1rem}
.about-3 .list li dd:before{top: .12rem}

.about-5 .list li a .col h5{max-height: 2.6em; line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.about-5 .list li a .col p{margin-top: .2rem; margin-bottom: .3rem; padding: 0; height: .68rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (min-width: 800px){
    .vision-health-2.medical-2 .list li .bd{display: flex; align-items: center}
    .vision-health-2.medical-2 .list li .bd h5{line-height: .28rem}
    .vision-health-2.medical-2 .list li.on .bd{height: .8rem}

    .vision-health-2:not(.medical-2) .list li:nth-child(1).on .bd{height: 2rem}
    .vision-health-2:not(.medical-2) .list li:nth-child(2).on .bd{height: 2.3rem}
    .vision-health-2:not(.medical-2) .list li:nth-child(3).on .bd{height: 1.8rem}
    .vision-health-2:not(.medical-2) .list li:nth-child(4).on .bd{height: 1.8rem}


    /*.digital-1 li{background: #fff; padding-top: 1.2rem}
    .digital-1 li .bd{left: .35rem; right: .35rem}
    .digital-1 li .bd h5{
        font-size: 0.26rem;
        line-height: 1.3em;
    }*/
    .digital-1 li .bd p{line-height: .3rem !important;}

    .case2 .hd .content{max-width: 13.8rem}

    .metaverse-2 .list a .name{line-height: .3rem; min-height: .9rem; display: flex; align-items: center; justify-content: center}
    .metaverse-3 .list a .name{line-height: .24rem; padding: .15rem .2rem}
}


@media screen and (max-width: 800px){
    .vision-health-2:not(.medical-2) .list li.on .bd{height: 2.4rem}

    .medical-3 .list li .bd{height: 4.6rem}
    .medical-3 .list li:hover .bd .num{bottom: 3.8rem}

    .case2 .list li a .name{line-height: .3rem; padding: .2rem .1rem}

    .metaverse-3 .list2 .title{line-height: 1.3em}
    .metaverse-3 .list2 ul{grid-template-columns: repeat(1, 1fr)}

    .about-3 .list li{flex-wrap: wrap}
    .about-3 .list li dl{width: 100%; padding-top: .2rem}
    .about-3 .list li dd{line-height: .38rem; text-align: left}
    .about-3 .list li dd p{width: 100%}
    .about-3 .list li dd:before{top: .16rem; flex-shrink: 0}

    .about-5 .list li a .col p{height: 3em}
}

/*.title,
h2.title,
div,
h3, h4, h5,
em,
b,
span,
body{font-family: 'Arial' !important;}*/