html{font-size: calc(100vw / 1920 * 100);}


body{font-size: calc(16 * 100vw / 1920);}

.s12{font-size: calc(12 * 100vw / 1920);}

.s13{font-size: calc(13 * 100vw / 1920);}

.s14{font-size: calc(14 * 100vw / 1920);}

.s15{font-size: calc(15 * 100vw / 1920);}

.s16{font-size: calc(16 * 100vw / 1920);}

.s17{font-size: calc(17 * 100vw / 1920);}

.s18{font-size: calc(18 * 100vw / 1920);}

.s19{font-size: calc(19 * 100vw / 1920);}

.s20{font-size: calc(20 * 100vw / 1920);}

.s21{font-size: calc(21 * 100vw / 1920);}

.s22{font-size: calc(22 * 100vw / 1920);}

.s23{font-size: calc(23 * 100vw / 1920);}

footer{width: 100%;background-color: #101b09;}
.f-top{padding: 40px 0;border-bottom: 1px solid #222c1b;width: 100%;}
.f-cont{width: 1200px;margin: 0 auto;}
.f-tabs{font-size: 0;width: 100%;height: 0;opacity: 0}
.f-tab{margin-left: 2px;color: #ccc;line-height: 0.44rem;text-align: center;display: inline-block;vertical-align: top;cursor: pointer;min-width: 1.4rem;padding: 0 1em;background-color: #283222;transition: all .3s;}
.f-tab.active{background-color: #f67d12;color: #fff;}

.f-box{font-size: 0;width: 100%;display: none;}
.f-box.show{display: block;}

.f-boxes{width: 100%;display: flex;}
.f-boxes .text{
    width: 30px;
    color: #fff;
    writing-mode: vertical-lr;
    letter-spacing: 4px !important;
    font-size: 14px;text-align: center
}
.f-boxes .s-bn{
    flex: 1;

}
.f-boxes .s-bn{
    width: 570px;

}

.f-boxes .s-bn img{
    width: 205px;
    height: 130px;
}
.foot{
    display: flex;
    justify-content: space-between;
}
.foot .foot_left{
    flex: 1;
    padding-right: 40px;
}
.foot .foot_right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 280px;
}
.foot .foot_right .item{
    margin: 0 15px;
}
.foot .foot_right img{
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}
.foot .foot_right .text{
    text-align: center;
    color: #ddd;
    font-size: 14px;
}


.f-link{padding-left: 1em;color: #fff;line-height: .36rem;
display: inline-block;vertical-align: top;overflow: hidden;opacity: 0.5;width: 170px;margin-right: 5.333%;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.f-link:nth-child(4n){margin-right: 0;}
.f-link:before{content: "";display: block;width: .1875em;height: .1875em;background-color: #fff;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.f-bot{padding-top: 0.2rem;padding-bottom: 0.2rem;width: 100%;}
.f-list{margin-bottom: 0.19rem;text-align: center;width: 100%;}
.f-item{display: inline-block;vertical-align: top;padding: 0 0.25rem;color: #fff;opacity: 0.5;}
.f-copy{text-align: center;width: 100%;color: #fff;}
.f-copy span{opacity: 0.5;}
.f-copy a{color: #fff;display: inline-block;}