.about_ftlc {
    overflow: hidden;
    height: 80vh;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
    background-size: 100% auto;
}

.about_ftlc ul {
    position: absolute;
    overflow: hidden;
}

.about_ftlc ul.t,
.about_ftlc ul.t li {
    height: 80vh;
}

@media only screen and (max-width: 1920px) {

    .about_ftlc ul.t,
    .about_ftlc ul.t li {
        max-height: 740px;
    }
}

.about_ftlc ul.t {
    top: 8vh;
    width: 100%;
    left: 0px;
}

.about_ftlc ul.t li {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    border-top: 1px;
}

.about_ftlc ul.f {
    bottom: 4vh;
    width: 96%;
    left: 50%;
    margin-left: -48%;
    padding-top: 0.5rem;
}

.about_ftlc ul.f li {
    float: left;
    color: #ffffff;
    width: 8.33333333%;
    text-align: center;
    padding: 1.375rem 0px 0.875rem;
    position: relative;
    font-size: 0.75rem;
    cursor: pointer;
    border-top: 1px dashed #ffffff;
}

.about_ftlc ul.f li i {
    position: absolute;
    transition: all 0.5s ease;
}

.about_ftlc ul.f li i.jt {
    left: 0px;
    right: 0px;
    height: 0.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    opacity: 0;
}

.about_ftlc ul.f li.on i.jt,
.about_ftlc ul.f li:hover i.jt {
    opacity: 1;
    transition: all 0.5s ease;
}

.about_ftlc ul.f li i.t {
    top: 0.5rem;
    background-image: url(https://stc-cms.beisen.com/cmsportal/10204200/10204200_themes_wangzhan_pcimg_jt.png);
    transform: rotate(180deg);
}

.about_ftlc ul.f li i.f {
    bottom: 0px;
    background-image: url(https://stc-cms.beisen.com/cmsportal/10204200/10204200_themes_wangzhan_pcimg_jt.png);
}

.about_ftlc ul.f li i.x {
    height: 0.5rem;
    background-color: #ffffff;
    width: 1px;
    top: 0px;
    margin-top: -0.5rem;
}

.about_ftlc ul.f li i.x.l {
    left: 25%;
}

.about_ftlc ul.f li i.x.r {
    right: 25%;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}