@font-face {
    font-family: "OPPOSans-M";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/join/OPPOSans-M.ttf?v=0.1) format("truetype") , url(../fonts/join/OPPOSans-M.woff?v=0.1) format("woff") , url(../fonts/join/OPPOSans-M.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "OPPOSans-R";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/join/OPPOSans-R.ttf) format("truetype") , url(../fonts/join/OPPOSans-R.woff) format("woff") , url(../fonts/join/OPPOSans-R.svg) format("svg");
    font-display: swap
}

@font-face {
    font-family: "OPPOSans-H";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/join/OPPOSans-H.ttf) format("truetype") , url(../fonts/join/OPPOSans-H.woff) format("woff") , url(../fonts/join/OPPOSans-H.svg) format("svg");
    font-display: swap
}
@font-face {
    font-family: "OPPOSans-R";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/join/jos/OPPOSans-R.ttf?v=0.2) format("truetype") , url(../fonts/join/jos/OPPOSans-R.woff?v=0.2) format("woff") , url(../fonts/join/jos/OPPOSans-R.svg?v=0.2) format("svg");
    font-display: swap
}
* {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    overflow-x: hidden
}

.banner {
    display: block;
    width: 100%
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    overflow-x: hidden
}

._1280 {
    width: 16.623376623376622rem;
    margin: auto;
    position: relative
}

._1221 {
    width: 16.623376623376622rem;
    margin: auto;
    position: relative
}

._1290 {
    width: 16.753246753246753rem;
    margin: auto;
    position: relative
}

.part2 {
    margin-top: 2.038961038961039rem;
    height: 4.571428571428571rem
}

.banner {
}

.join1 {
    display: block;
    width: 7.922077922077922rem;
    position: absolute;
    left: 0;
    overflow: hidden
}

.personnel {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    margin-left: 9.077922077922079rem;
    margin-top: 1.3636363636363635rem;
    display: block
}

.personnel>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32
}

.personnelUl {
    list-style: none;
    margin-left: 9.051948051948052rem;
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 1.0 .06493506493506493rem;
    color: #414141;
    margin-top: .3116883116883117rem
}

.bannerCon {
    width: 100%;
    height: 9.194805194805195rem
}

.part1 {
    margin-top: 1.6623376623376624rem;
    height: 5.038961038961039rem
}

.num1 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    position: absolute;
    right: 0;
    top: 1.103896103896104rem
}

.num2 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    margin-left: -.15584415584415584rem
}

.sch {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5194805194805194rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    position: absolute;
    left: 1.103896103896104rem;
    top: .3246753246753247rem
}

.sch span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32
}

.schlUl {
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #414141;
    list-style: none;
    margin: .4155844155844156rem 0 0 1.12987012987013rem;
    letter-spacing: 1.0 .06493506493506493rem
}

.join2 {
    position: absolute;
    width: 8.7012987012987rem;
    display: block;
    top: -.922077922077922rem;
    left: 7.961038961038961rem
}

.part3 {
    width: 100%;
    margin-top: 1.1168831168831168rem;
    position: relative
}

.num3 {
    font-family: OPPOSans-H;
    font-size: 1.0389610389610389rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.0389610389610389rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11
}

.activity {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5194805194805194rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    margin-left: -.2857142857142857rem
}

.activity>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32
}

.activitylUl {
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .3116883116883117rem;
    letter-spacing: 1.0 .06493506493506493rem;
    color: #414141;
    margin-left: 1.2207792207792207rem;
    margin-top: .11688311688311688rem;
    margin-bottom: .7402597402597403rem
}

.sw1 {
    display: block;
    float: left
}

.sw1ul {
    float: left;
    list-style: none;
    margin-left: .22077922077922077rem
}

.sw2ul {
    float: left;
    list-style: none;
    margin-left: .23376623376623376rem
}

.part3 .swiper-button-next {
    width: .5194805194805194rem;
    height: .5064935064935064rem;
    background-color: #b71a30;
    border-radius: 50%;
    background: url(/public/static/mobile/images/join/right.png) no-repeat #d4d4d4;
    background-size: .14285714285714285rem .24675324675324675rem;
    transition: all .5s ease;
    background-position: .2077922077922078rem .12987012987012986rem;
    right: -.012987012987012988rem;
    top: 1.1818181818181819rem
}

.part3 .swiper-button-next:after,.part3 .swiper-button-prev:after {
    display: none
}

.part3 .swiper-button-prev {
    width: .5194805194805194rem;
    height: .5064935064935064rem;
    background-color: #b71a30;
    border-radius: 50%;
    background: url(/public/static/mobile/images/join/right.png) no-repeat #d4d4d4;
    background-size: .14285714285714285rem .24675324675324675rem;
    top: 1.1818181818181819rem;
    transition: all .5s ease;
    background-position: .2077922077922078rem .12987012987012986rem;
    transform: rotate(180deg);
    left: 15.324675324675324rem
}

.part3_join .swiper-button-prev:hover {
    background-color: #b71a30
}

.part3_join .swiper-button-next:hover {
    background-color: #b71a30
}

.staff {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5194805194805194rem;
    letter-spacing: 0;
    color: #000;
    margin: 2.25974025974026rem auto 0;
    display: block;
    text-align: center;
    margin-bottom: .3246753246753247rem
}

.staff>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #cf0f32
}

._945 {
    width: 12.2987012987013rem;
    margin: auto;
    position: relative
}

.num4 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.2987012987012987rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    position: absolute;
    top: -.7792207792207793rem;
    left: 5.311688311688312rem
}

.part4 .info {
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .38961038961038963rem;
    letter-spacing: 0;
    color: #414141;
    text-align: center
}

.part4_min {
    position: relative
}

.part4_min ul {
    list-style: none;
    overflow: hidden;
    margin-top: 1.7922077922077921rem;
    height: 11.896103896103897rem
}

.part4_min ul>li {
    float: left;
    margin-right: .24675324675324675rem;
    margin-bottom: .19480519480519481rem;
    height: 3.4935064935064934rem
}

.part4_min ul>li:nth-of-type(3n) {
    margin-right: 0!important
}

.part4_min ul>li>img {
    display: block;
    width: 100%;
    height: 100%
}

.part4_bg {
    position: absolute;
    width: 24.935064935064936rem;
    height: 12.844155844155845rem;
    background-color: #ebebeb;
    left: -4.1558441558441555rem;
    top: -.935064935064935rem;
    z-index: -1
}

.num5 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.2987012987012987rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    margin-top: 1.2467532467532467rem;
    display: block
}

.part5 {
    position: relative
}

.part5_join {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.025974025974025976rem;
    color: #000;
    position: absolute;
    top: .8181818181818182rem;
    left: 1.1948051948051948rem
}

.part5_join>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.025974025974025976rem;
    color: #b71a30
}

.part5 .line {
    width: .5714285714285714rem;
    height: .03896103896103896rem;
    background-color: #b71a30;
    margin-top: .42857142857142855rem;
    margin-left: .18181818181818182rem
}

.part5 .line>span {
    width: .07792207792207792rem;
    height: .03896103896103896rem;
    background-color: #d4d4d4;
    float: right
}

.part5 .zx {
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .23376623376623376rem;
    letter-spacing: 0;
    color: #646464;
    margin: .5584415584415584rem 0 0 .15584415584415584rem;
    text-decoration: none;
}

.part5 .ms {
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal
}

._1280 {
    width: 16.623376623376622rem;
    margin: auto;
    position: relative
}

._1221 {
    width: 14.506493506493506rem;
    margin: auto;
    position: relative
}

._1290 {
    margin: auto;
    position: relative;
    width: 14.506493506493506rem
}

.part2 {
    margin-top: 2.038961038961039rem;
    height: 5.597402597402597rem
}

.banner {
}

.join1 {
    display: block;
    position: absolute;
    left: 0;
    width: 6.857142857142857rem;
    height: 5.8311688311688314rem
}

.join1 img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.personnel {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    margin-left: 7.7272727272727275rem;
    margin-top: .24675324675324675rem;
    display: block;
    font-family: OPPOSans-M;
    font-size: .7272727272727273rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    margin-bottom: 0.5rem;
}

.personnel>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32;
    font-family: OPPOSans-M;
    font-size: .7272727272727273rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32
}

.personnelUl {
    list-style: none;
    margin-left: 7.753246753246753rem;
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 1.0 .06493506493506493rem;
    color: #414141;
    margin-top: .3116883116883117rem;
    font-family: OPPOSans-R;
    font-size: .42857142857142855rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7792207792207793rem;
    letter-spacing: 0;
    color: #414141;
    width: 7rem;
}

.bannerCon {
    width: 100%;
    height: 9.194805194805195rem
}

.part1 {
    margin-top: 1.6623376623376624rem;
    height: 6.48051948051948rem
}

.num1 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    position: absolute;
    right: 0;
    top: 0;
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.06493506493506493rem;
    color: #343434;
    opacity: .11
}

.num2 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    margin-left: 5.116883116883117rem
}

.sch {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5194805194805194rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    position: absolute;
    left: .07792207792207792rem;
    top: .3246753246753247rem;
    font-family: OPPOSans-M;
    font-size: .7272727272727273rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.012987012987012988rem;
    color: #000
}

.sch span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32;
    font-family: OPPOSans-M;
    font-size: .7272727272727273rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32
}

.schlUl {
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #414141;
    list-style: none;
    margin: 0.2rem 0 0 .09090909090909091rem;
    letter-spacing: 1.06493506493506493rem;
    width: 7.2rem;
    height: 3.5454545454545454rem;
    font-family: OPPOSans-R;
    font-size: .42857142857142855rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7792207792207793rem;
    letter-spacing: 0;
    color: #414141;
}

.join2 {
    display: block;
    width: 8.7012987012987rem;
    height: 5.4935064935064934rem;
    top: -.3116883116883117rem;
    left: 7.961038961038961rem;
    overflow: hidden;
    width: 6.857142857142857rem;
    height: 5.4935064935064934rem
}

.part3 {
    margin-top: 1.1168831168831168rem;
    position: relative;
    width: 14.506493506493506rem;
    margin: 1.5584415584415585rem auto 0;
    height: 19.675324675324674rem
}

.num3 {
    font-family: OPPOSans-H;
    font-size: 1.0389610389610389rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.0389610389610389rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    font-family: OPPOSans-H;
    font-size: 1.0389610389610389rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11
}

.activity {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5194805194805194rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    margin-left: -.2857142857142857rem;
    font-family: OPPOSans-M;
    font-size: .7792207792207793rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7792207792207793rem;
    letter-spacing: -.012987012987012988rem;
    color: #000;
    top: .6rem;
    position: absolute
}

.activity>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32;
    font-family: OPPOSans-M;
    font-size: .7792207792207793rem;
    font-weight: normal;
    letter-spacing: -.012987012987012988rem;
    color: #cf0f32
}

.activitylUl {
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .3116883116883117rem;
    letter-spacing: 1.0 .06493506493506493rem;
    color: #414141;
    margin-left: 1.2207792207792207rem;
    margin-top: .7246753246753247rem;
    margin-bottom: .7402597402597403rem;
    font-family: OPPOSans-R;
    font-size: .44155844155844154rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7012987012987013rem;
    letter-spacing: 0;
    color: #414141;
    width: 8.402597402597403rem;
}

.sw1 {
    display: block;
    float: left;
    transition: all .88s ease;
    width: 5.3896103896103895rem;
    height: 7.7272727272727275rem;
    overflow: hidden
}

.sw1ul {
    float: left;
    list-style: none;
    margin-left: .22077922077922077rem
}

.sw1ul>li:nth-of-type(1) {
    margin-bottom: .14285714285714285rem;
    width: 5.3896103896103895rem;
    height: 3.4155844155844157rem;
    overflow: hidden
}

.sw1ul>li:nth-of-type(2) {
    display: block;
    width: 5.3896103896103895rem;
    height: 4.1688311688311686rem;
    overflow: hidden
}

.sw1ul>li>img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .88s ease
}

.sw2ul {
    float: left;
    list-style: none;
    margin-left: .23376623376623376rem
}

.sw2ul>li:nth-of-type(1) {
    margin-bottom: .16883116883116883rem;
    width: 5.3896103896103895rem;
    height: 4.1688311688311686rem;
    overflow: hidden
}

.part3 .swiper-button-next {
    width: .5194805194805194rem;
    height: .5064935064935064rem;
    background-color: #b71a30;
    border-radius: 50%;
    background: url(/public/static/mobile/images/join/right.png) no-repeat #d4d4d4;
    background-size: .14285714285714285rem .24675324675324675rem;
    transition: all .5s ease;
    background-position: .2077922077922078rem .12987012987012986rem;
    right: -.012987012987012988rem;
    top: 1.1818181818181819rem;
    outline: medium
}

.part3 .swiper-button-next:after,.part3 .swiper-button-prev:after {
    display: none
}

.part3 .swiper-button-prev {
    width: .5194805194805194rem;
    height: .5064935064935064rem;
    background-color: #b71a30;
    border-radius: 50%;
    background: url(/public/static/mobile/images/join/right.png) no-repeat #d4d4d4;
    background-size: .14285714285714285rem .24675324675324675rem;
    top: 1.1818181818181819rem;
    transition: all .5s ease;
    background-position: .2077922077922078rem .12987012987012986rem;
    transform: rotate(180deg);
    left: 15.324675324675324rem;
    outline: medium
}

.part3_join .swiper-button-prev:hover {
    background-color: #b71a30
}

.part3_join .swiper-button-next:hover {
    background-color: #b71a30;
    outline: medium
}

.staff {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .5194805194805194rem;
    letter-spacing: 0;
    color: #000;
    margin: 2.25974025974026rem auto 0;
    display: block;
    text-align: center;
    margin-bottom: .9246753246753247rem;
    font-family: OPPOSans-M;
    font-size: .7792207792207793rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7792207792207793rem;
    letter-spacing: 0;
    color: #000;
}

.staff>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #cf0f32;
    font-family: OPPOSans-M;
    font-size: .7792207792207793rem;
    font-weight: normal;
    letter-spacing: 0;
    color: #cf0f32
}

._945 {
    position: relative;
    width: 13.454545454545455rem
}

.num4 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.2987012987012987rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    position: absolute;
    top: -.5194805194805194rem;
    left: 5.9rem;
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11
}

.part4 .info {
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .38961038961038963rem;
    letter-spacing: 0;
    color: #414141;
    text-align: center;
    width: 13.454545454545455rem;
    font-family: OPPOSans-R;
    font-size: .44155844155844154rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7792207792207793rem;
    letter-spacing: 0;
    color: #414141;
    text-align: justify
}

.part4_min {
    position: relative;
    width: 14.675324675324676rem;
    margin: auto
}

.part4_min ul {
    list-style: none;
    overflow: hidden;
    margin-top: 1.7922077922077921rem;
    height: 9.675324675324676rem
}

.part4_min ul>li {
    float: left;
    margin-right: .2077922077922078rem;
    margin-bottom: .19480519480519481rem;
    height: 3.4935064935064934rem;
    overflow: hidden;
    width: 4.753246753246753rem;
    height: 3.090909090909091rem
}

.part4_min ul>li:nth-of-type(3n) {
    margin-right: 0!important
}

.part4_min ul>li>img {
    display: block;
    width: 100%;
    height: 100%;
    height: 100%;
    transition: all .88s ease
}

.part4_min ul>li>img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.part4_bg {
    position: absolute;
    width: 24.935064935064936rem;
    height: 12.844155844155845rem;
    background-color: #ebebeb;
    left: -4.1558441558441555rem;
    top: -.935064935064935rem;
    z-index: -1
}

.num5 {
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.2987012987012987rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11;
    margin-top: 2.220779220779221rem;
    display: block;
    font-family: OPPOSans-H;
    font-size: 1.2987012987012987rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #343434;
    opacity: .11
}

.part5 {
    position: relative;
    margin-bottom: 1.1688311688311688rem;
    width: 14.623376623376624rem;
    margin: auto;
    padding-bottom: 1.1688311688311688rem
}

.part5_join {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.025974025974025976rem;
    color: #000;
    position: absolute;
    top: .2987012987012987rem;
    left: 1.1168831168831168rem;
    font-family: OPPOSans-M;
    font-size: .7142857142857143rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: -.03896103896103896rem;
    color: #000
}

.part5_join>span {
    font-family: OPPOSans-M;
    font-size: .5194805194805194rem;
    font-weight: normal;
    letter-spacing: -.025974025974025976rem;
    color: #b71a30;
    font-family: OPPOSans-M;
    font-size: .7142857142857143rem;
    font-weight: normal;
    letter-spacing: -.03896103896103896rem;
    color: #b71a30
}

.part5 .line {
    width: .5714285714285714rem;
    height: .03896103896103896rem;
    background-color: #b71a30;
    margin-top: .7142857142857143rem;
    margin-left: .18181818181818182rem;
    width: .6103896103896104rem;
    height: .06493506493506493rem;
    background-color: #b71a30
}

.part5 .line>span {
    width: .07792207792207792rem;
    height: .03896103896103896rem;
    background-color: #d4d4d4;
    float: right
}

.part5 .zx {
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .23376623376623376rem;
    letter-spacing: 0;
    color: #646464;
    margin: .5584415584415584rem 0 0 .15584415584415584rem;
    font-family: OPPOSans-R;
    font-size: .4675324675324675rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .6233766233766234rem;
    letter-spacing: -.012987012987012988rem;
    color: #4d4d4d
}

.part5 .ms {
    font-family: OPPOSans-R;
    font-size: .23376623376623376rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .23376623376623376rem;
    letter-spacing: 0;
    color: #646464;
    margin: .09090909090909091rem 0 0 .15584415584415584rem;
    font-family: OPPOSans-R;
    font-size: .4675324675324675rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .7792207792207793rem;
    letter-spacing: -.012987012987012988rem;
    color: #4d4d4d;
    width: 9.103896103896103rem
}

.codeP {
    text-align: center;
    position: absolute;
    right: 0;
    top: .7402597402597403rem
}

.codeP img {
    display: block;
    margin-bottom: .11688311688311688rem;
    width: 2.6493506493506493rem;
    height: 2.7662337662337664rem;
    margin: auto
}

.codeP span {
    display: block;
    font-family: OPPOSans-R;
    font-size: .2077922077922078rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #727272;
    font-family: OPPOSans-R;
    font-size: .38961038961038963rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: .4675324675324675rem;
    letter-spacing: 0;
    color: #5f5f5f;
    margin-top: .1rem
}

.swiper2 {
    float: left;
    display: block;
    height: 7.7272727272727275rem;
    overflow: hidden
}

.join {
    height: 14.948051948051948rem
}

.swiper2ul,.swiper2uls {
    list-style: none;
    height: 7.7272727272727275rem;
    float: left
}

.swiper2ul {
    margin-left: .12987012987012986rem;
    margin-right: .12987012987012986rem
}

.swiper2uls {
}

.swiper2ul>li:nth-of-type(1) {
    margin-bottom: .12987012987012986rem;
    width: 5.3896103896103895rem;
    height: 3.4415584415584415rem;
    overflow: hidden
}

.swiper2ul>li:nth-of-type(2) {
    width: 5.3896103896103895rem;
    height: 4.1688311688311686rem;
    overflow: hidden
}

.swiper2ul>li:nth-of-type(2) img {
    transition: all .88s ease
}

.swiper2ul>li:nth-of-type(2) img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.swiper2ul>li:nth-of-type(1) img {
    transition: all .88s ease
}

.swiper2ul>li>img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.swiper2uls>li:nth-of-type(1) {
    margin-bottom: .12987012987012986rem;
    width: 5.3896103896103895rem;
    height: 4.1688311688311686rem;
    overflow: hidden
}

.swiper2uls>li:nth-of-type(2) {
    width: 5.3896103896103895rem;
    height: 3.4545454545454546rem;
    overflow: hidden
}

.swiper2uls>li>img {
    transition: all .88s ease
}

.swiper2uls>li>img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.zx img {
    display: inline-block;
    width: .23376623376623376rem;
    align-items: center;
    float: left;
    margin-right: .16883116883116883rem
}

.ms img {
    display: inline-block;
    float: left;
    margin-right: .16883116883116883rem
}

.join1>img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .88s ease
}

.join2>img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .88s ease
}

.join2 img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.sw1ul>li>img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.sw1 img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .88s ease
}

.sw1 img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.sw2ul>li>img {
    transition: all .88s ease;
    display: block;
    width: 100%;
    height: 100%
}

.sw2ul>li>img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.sw2ul>li:nth-of-type(2) {
    width: 5.3896103896103895rem;
    height: 3.3896103896103895rem;
    overflow: hidden
}

.swiper2 img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .88s ease
}

.swiper2 img:hover {
    transform: scale(1.08) translate3d(0,0,0)
}

.join .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%
}

.part3 .swiper-pagination {
    bottom: -.4rem!important
}

.part3 .swiper-pagination .swiper-pagination-bullet {
    width: .2987012987012987rem;
    height: .2987012987012987rem;
    background-color: #ccc;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,.15584415584415584rem)!important
}

.part3 .swiper-pagination .swiper-pagination-bullet-active {
    width: .2987012987012987rem;
    height: .2987012987012987rem;
    background-color: #b71a30
}