.nf-box {
    width: 1400px;
    margin: 0 auto;
}
.fb2 .fb2-list {
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 100px auto 110px;
}
.facebook * {
    box-sizing: border-box;
}
.fb2 .fb2-list .fb2-item {
    width: calc(25% - 15px);
    max-width: 280px;
    text-align: center;
    padding: 20px;
}
.fb2{margin: 90px 0 134px;}
.fb2 .fb2-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 100px auto 110px;}
.fb2 .fb2-list .fb2-item{width: calc(25% - 15px);max-width: 280px;text-align: center;padding:20px;}
.fb2 .fb2-list .fb2-item:hover{box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 10%);}
.fb2 .fb2-list .fb2-item .fb2-tit{color: #396DF9;font-size: 20px;margin: 30px 0 40px;}
.fb2 .fb2-list .fb2-item .fb2-txt{color: #000000;font-size: 16px;line-height: 28px;}
.fb2 .common-bottom .common-w1{background-image: url(../fb-wavetop.png);}
.fb2 .common-bottom .common-w2{background-image: url(../fb-wavebg.png);}
@media screen and (max-width: 1219px) {
    .fb2{margin: 60px auto 90px;}
}
@media screen and (max-width: 991px) {
    .fb2{margin: 20px auto 30px;}
    .fb2 .fb2-list{margin: 20px auto 0;}
    .fb2 .fb2-list .fb2-item{width: calc(50% - 10px);max-width: 100%;padding: 5px;}
}
@media screen and (max-width: 767px) {
    .fb2 .fb2-list .fb2-item .fb2-tit{margin: 10px 0;}

    .fb-btn{width: 90%;height: auto;padding: 10px 20px;line-height:normal}
}
@media screen and (max-width: 480px) {
    .fb2 .fb2-list .fb2-item{width: 100%;margin-bottom: 0px;}
}
.fb3 .fb3-box{display: flex;margin: 120px 0 120px 64px;}
.fb3 .fb3-box>img{width: 45%;}
.fb3 .fb3-box .fb3-list{transition: all .4s;display: flex;flex-wrap: wrap;max-width: 800px;justify-content: space-between;margin-left: -45px;width: 55%;}
.fb3 .fb3-box .fb3-list>div{width: 50%;max-width: 300px;display: flex;align-items: flex-start;transition: all .4s;position: relative;top: 0}
.fb3 .fb3-box .fb3-list>div:hover{position: relative;top: -8px;transition: all .4s}
.fb3 .fb3-box .fb3-list>div>img{margin-right: 10px;}
.fb3 .fb3-box .fb3-list>div .fb3-tit{color: #396DF9;font-size: 22px;font-weight: bold;margin-bottom: 20px;}
.fb3 .fb3-box .fb3-list>div .fb3-txt{color: #000;font-size: 16px;line-height: 28px;letter-spacing: -1.2px;}
@media screen and (max-width: 1219px) {
}
@media screen and (max-width: 991px) {
    .fb3 .fb3-box{margin: 20px auto;width: calc(100% - 30px);flex-wrap: wrap;justify-content: center;}
    .fb3 .fb3-box .fb3-list{width: 100%;margin-left: 0;}
}
@media screen and (max-width: 767px) {
    .fb3 .fb3-box .fb3-list>div{width: 100%;max-width: 100%;}
    .fb3 .fb3-box .fb3-list>div:hover{position: relative;top: 0px;transition: all .4s}
}
.fb4{position: relative;}
.fb4 .nf-box{margin: 90px auto 120px;}
.fb4 .fb4-left{max-width: 810px;width: 40vw;}
.fb4 .fb4-left li{padding: 0 95px 22px 22px;border-radius: 10px;}
.fb4 .fb4-left li .fb4-tit{font-size: 22px;color: #396DF9;line-height: 58px;}
.fb4 .fb4-left li .fb4-txt{font-size: 18px;line-height: 30px;color: #010101;}
.fb4 .fb4-left li.on{background-color: #396DF9;}
.fb4 .fb4-left li.on p{color: #fff;}
.fb4 .fb4-right{position: absolute;max-width: 700px;padding: 78px 13px 30px 41px; top: 300px;width: 42vw;right: 30px;
background: url("../fb-item4-rightbg.png") no-repeat;
}
.fb4 .fb4-right img{display: none;}
.fb4 .fb4-right img.on{display: block;max-width: 100%;max-height: 557px;}
.fb4 .fb4-btn{text-align: center;margin-top: 100px;width: 100%;}

@media screen and (max-width: 1219px) {
}
@media screen and (max-width: 991px) {
    .fb4 .nf-box{display: flex;flex-wrap: wrap;margin: 20px auto;}
    .fb4 .fb4-right{position: static;order: 1;width: 100%;}
    .fb4 .fb4-left{order: 2;width: 100%;}
    .fb4 .fb4-btn{order: 3;margin-top: 10px;}
}