.sl35z-page {
    position: relative;
    width: 100%;
    padding: 0.1rem 0;
    background-color: #fff;
}

.pg-phone {
    display: none;
}

.pg-pc {
    display: block;
}

.warp {
    top: 15rem;
}

.sl35z-banner,
.sl35z-panel {
    position: relative;
    width: 192rem;
    overflow: hidden;
}

.sl35z-banner {
    height: 93rem;
}

.sl35z-banner > img,
.sl35z-panel > img {
    width: 100%;
    height: 100%;
}

@keyframes sl35zFadeInLeft {
    0% { opacity: 0; transform: translateX(-4rem); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes sl35zFadeInUp {
    0% { opacity: 0; transform: translateY(4rem); }
    100% { opacity: 1; transform: translateY(0); }
}

.sl35z-banner-content {
    position: absolute;
    left: 16rem;
    top: 30rem;
    width: 75rem;
    color: #fff;
    animation: sl35zFadeInLeft 2s ease both;
}

.sl35z-logo {
    width: 21rem;
    height: auto;
    margin-bottom: 3rem;
}

.sl35z-banner-title {
    margin: 0;
    font-family: Rany, sans-serif;
    font-size: 7rem;
    line-height: 8rem;
}

.sl35z-banner-subtitle {
    width: 62rem;
    margin-top: 4rem;
    font-family: OPPOSans-L, sans-serif;
    font-size: 3.5rem;
    line-height: 5rem;
}

.sl35z-panel {
    height: 96rem;
}

.sl35z-panel1 {
    height: 96rem;
}

.sl35z-panel-title {
    position: absolute;
    z-index: 2;
    left: 16rem;
    top: 10rem;
    margin: 0;
    color: #333;
    font-family: Rany, sans-serif;
    font-size: 6rem;
    line-height: 7rem;
    visibility: hidden;
}

.sl35z-message {
    position: absolute;
    z-index: 2;
    width: 50rem;
    color: #fff;
    visibility: hidden;
}

.sl35z-panel2 .sl35z-message {
    left: 98rem;
    top: 27rem;
    width: 60rem;
}

.sl35z-panel3 .sl35z-message {
    left: 16rem;
    top: 27rem;
    width: 66rem;
}

.sl35z-panel4 .sl35z-message {
    left: 98rem;
    top: 28rem;
    width: 49rem;
}

.sl35z-panel5 .sl35z-message {
    left: 16rem;
    top: 27rem;
    width: 48rem;
    color: #333;
}

.sl35z-panel6 .sl35z-message {
    left: 97rem;
    top: 16rem;
    width: 75rem;
}

.sl35z-title {
    margin: 0;
    font-family: Rany, sans-serif;
    font-size: 5.5rem;
    line-height: 7rem;
}

.sl35z-text {
    width: 100%;
    margin: 5rem 0 0;
    font-family: OPPOSans-L, sans-serif;
    font-size: 2.35rem;
    line-height: 3.6rem;
}

.sl35z-panel2 .sl35z-title {
    width: 51rem;
}

.sl35z-panel2 .sl35z-text {
    margin-top: 4.5rem;
}

.sl35z-panel3 .sl35z-title {
    width: 53rem;
}

.sl35z-panel3 .sl35z-text {
    margin-top: 4rem;
}

.sl35z-panel4 .sl35z-title {
    width: 60rem;
}

.sl35z-panel4 .sl35z-text {
    margin-top: 4rem;
}

.sl35z-panel5 .sl35z-title {
    width: 43rem;
}

.sl35z-panel5 .sl35z-text {
    margin-top: 4rem;
}

.sl35z-panel6 .sl35z-title {
    width: 51rem;
}

.sl35z-panel6 .sl35z-text {
    margin-top: 4rem;
}