.pc {
    position:relative;
}
.pg-phone{
    display: none;
}
.pg-pc{
    display: block;
    max-width: 100%;
}
.hypanel-page{
    width: 100%;
    padding: 1px 0;
    position: relative;
}
.hypanel-main-img {
    width: 100%;
    /* height: 100%; */
}
.banner{
    width: 100%;
    position: relative;
}
/*左侧定位div*/
.float-left-content-box {
    position: absolute;
    left: 98.5rem;
    top: 37.1rem;
    animation-duration: 5s;
    animation-name: fadeInLeft;

}

@keyframes fadeInLeft{
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

.float-left-title {
    font-size: 7.2rem;
    color: #ffffff;
    font-family: 'Rany-Bold';
    margin-bottom: 3.9rem;
}

.float-left-title1 {
    font-size: 3.6rem;
    color: #ffffff;
    font-family: 'Rany-Bold';
    margin-bottom: 3.3rem;

}
.float-left-line{
    display: block;
    width: 57rem;
    height: 0.1rem;
    background-color: #ffffff;

}
.pg-panel1,.pg-panel2,.pg-panel3,.pg-panel4,.pg-panel5,.pg-panel6,.pg-panel7{
    position: relative;
}
.pg1-t1-title,.pg2-t1-title,.pg3-t1-title,.pg4-t1-title,.pg5-t1-title,.pg6-t1-title{
    font-size: 6rem;
    font-family: 'Rany-Bold';
}
.pg1-t1-txt,.pg2-t1-txt,.pg3-t1-txt,.pg4-t1-txt,.pg5-t1-txt,.pg6-t1-txt{
    font-size: 2.4rem;
    font-family: 'OPPOSans';
}
.pg1-txt1{
    position: absolute;
    width: 100%;
    text-align: center;
    top:0;
    visibility: hidden;
}
.pg1-t1-title{
    margin-top: 6.3rem;
    color: #000000;
    margin-bottom: 4.1rem;
}
.pg1-t1-txt{
    color: #535353;
}

.pg2-txt1{
    position: absolute;
    top:25.1rem;
    width: 37%;
    left: 50%;
    text-align: right;
    visibility: hidden;
}
.pg2-t1-title{
    color: #ffffff;
    margin-bottom: 4rem;
}
.pg2-t1-txt{
    color: #ffffff;
}
.pg3-txt1{
    position: absolute;
    top:28.7rem;
    width: 27%;
    left: 24.6rem;
    visibility: hidden;
}
.pg3-t1-title {
    color: #ffffff;
}
.pg3-t1-txt{
    margin-top: 3.9rem;
    color:#ffffff;
}
.pg4-txt1{
    position: absolute;
    top:7.5rem;
    width: 100%;
    text-align: center;
    visibility: hidden;
}
.pg4-t1-title {
    color:#000000;
}
.pg4-t1-txt{
    margin-top: 4rem;
    color: #535353;
}

.pg5-txt1{
    position: absolute;
    top:30.5rem;
    right: 24.9rem;
    width: 100%;
    text-align: right;
    visibility: hidden;
}
.pg5-t1-title {
    color:#000000;
}
.pg5-t1-txt{
    margin-top: 4rem;
    color:#535353;
}
.pg6-txt1{
    position: absolute;
    top:7.7rem;
    width: 100%;
    text-align: center;
    visibility: hidden;
}
.p6-t1-title {
    color:#000000;
}
.pg6-t1-txt{
    margin-top: 4rem;
    color: #535353;
}
.pg-panel7{
    margin-bottom: 2rem;
}
.pg7-txt1{
    position: absolute;
    top:15rem;
    width: 100%;
    text-align: center;
    visibility: hidden;
}
.pg7-t1-title{
    font-family: 'Rany-Bold';
    font-size: 3.6rem;
    color: #ffffff;
}
.pg7-t1-title1{
    font-family: 'Rany-Bold';
    font-size: 6rem;
    color: #ffffff;
}
.pg7-txt2{
    position: absolute;
    top:33.5rem;
    left: 72.5rem;
    width: 100%;
    display: flex;
    visibility: hidden;
}
.pg7-t2-icon1{
    width: 20rem;
    height: 20rem;
    background-color: rgba(255, 255, 255, 0.15);
    margin-right: 7rem;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.pg7-t2-icon2{
    width: 20rem;
    height: 20rem;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.pg-panel7-img {
    text-align: center;
}
.pg7-t1-txt,.pg7-t2-txt{
    text-align: center;
    font-family: 'Rany';
    font-size: 2.4rem;
    color: #ffffff;
    margin-top: 2rem;
}