*{
    margin: 0;
    padding: 0;
}

:root{
    /* 参照浏览器1920像素 */
    --px2: 0.11vw;
    --px10: 0.52vw;
    --px18: 0.94vw;
    --px20: 1.04vw;
    --px27: 1.4vw;
    --px35: 1.82vw;
    --px41: 2.13vw;
}

a{
    text-decoration:none;
}

.font-h1{
    font-size: var(--px35);
    line-height: var(--px41);
    color: #333333;
}

.font-h2{
    font-size: var(--px27);
    font-weight: bold;
    color: #F35A0B;
}

.font-h6{
    font-size: var(--px18);
}

#app-content {
    color: #333;
    height: 100%;
    padding: var(--px10) 0;
}

#app-content .header{
    width: calc(100% - 39.06vw);
    height: 5.63vw;
    margin: 0 auto;
    padding-bottom: var(--px10);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#app-content .header .header-left{
    border-left: var(--px2) solid #F35A0B;
    padding-left: var(--px20);
}

#app-content .header .header-right{
    display: flex;
}

#app-content>img{
    width: 100%;
}

#app-content .footer{
    width: calc(100% - 39.06vw);
    margin: 0 auto;
    margin-top: var(--px10);
}

ul{
    list-style: none;
    display: flex;
    justify-content: space-between;
}

ul li{
    width: 14.58vw;
    background-color: #F87633;
    border-radius: var(--px10);
    padding: var(--px20) 0;
    font-size: var(--px18);
    color: #FFFFFF;
    text-align: center;
}

#app-content .header .header-right img{
    margin-right: var(--px20);
    width: 5.625vw;
    height: 5.625vw;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: var(--px18);
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}