.pc {
    position:relative;
}
.pc-61{
    display:block;
}
.phone-61{
    display:none;
}
.form-input-0{}
.hypanel-lux-page {
    width: 100%;
    height: 108rem;
    padding: 1px 0px;
    position: relative;
    /* top: 59px; */
}

.hypanel-main-img {
    width: 100%;
    /* height: 100%; */
    margin-top: 6rem;
}

.hypanel-phone-main-img {
    display: none;
}
.float-logo {
    position: absolute;
    top: 7%;
    left: 4%;
    width: 18.2rem;
    height: 9.5rem;
}

/*左侧定位div*/
.float-left-content-box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    /*height: 40rem;*/
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.float-left-img-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 40rem;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.float-left-img {
    width: 27.7rem;
    height: 5rem;
}

.float-left-title {
    font-size: 6rem;
    color: #000000;
    /* font-family: Rany-Bold; */
}

.float-left-line {
    width: 54.4rem;
    height: 1px;
    border-bottom: 1px solid #000000;
    margin: 1rem 0;
}

.float-left-title1 {
    font-size: 4.8rem;
    color: #000000;
    /* font-family: Rany-Regular; */

}

.float-left-des {
    font-size: 3rem;
    color: #000000;
    /* font-family: Rany-Light; */
}

.float-left-title,
.float-left-title1 {
    padding: 1.5rem 0;
}

/*右侧定位div*/
.float-right-content-box {
    position: absolute;
    left: 14%;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.float-right-img-box {
    padding-left: 0rem;
    /* visibility:hidden; */
    animation-duration: 5s;
    animation-name: fadeInLeft;
}
@keyframes fadeInLeft{
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}
.float-right-img {
    width: 27.7rem;
    height: 5rem;
}

.float-right-title {
    font-size: 6rem;
    color: #000000;
    font-family: '';
    margin-left: 30rem;
    margin-top: -7rem;
    font-family: 'Rany-Regular';
}

.float-right-line {
    width: 54.4rem;
    height: 1px;
    border-bottom: 1px solid #000000;
    margin: 1rem 0;
}

.float-right-title1 {
    font-size: 4.8rem;
    color: #000000;
    font-family: 'OPPOSans-R';
    /* font-family: Rany-Regular; */
}

.float-right-des {
    font-size: 2.4rem;
    width: 56%;
    line-height: 3.6rem;
    color: #595959;
    font-family: 'OPPOSans-R';
}

.float-right-title,
.float-right-title1 {
    padding: 1.5rem 0;
}

.hl-lux-panel1,
.hl-lux-panel2,
.hl-lux-panel3,
.hl-lux-panel4,
.hl-lux-panel5,
.hl-lux-panel6{
    width: 100%;
    padding:1px;
    position: relative;
}
.hl-lux-panel1{
    padding:0px;
}
.hl-lux-panel1 img {
    width: 100%;
}

.hl-panel1-text {
    position: absolute;
    width: 40%;
    margin-top: 15%;
    margin-left: 14%;
    visibility:hidden;
}
.hl-lux-panel1 video{
    width:100%
}
.hl-panel1-title {
    color: #FFE4BD;
    font-size: 6rem;
    font-family: 'Rany-Regular';
}
.hl-content{
    font-size: 2.4rem;
    color: #999999;
    line-height: 3.6rem;
    font-family: 'OPPOSans-L';
}
.hl-panel1-content {

    width: 90%;
    margin-top: 2%;
}

.hl-lux-panel2 {
    
    height: 230rem;
    background-image: url(../../img/product/ks61/panel2-background.jpg);
    background-size: 100%;
}

.hl-panel2-title,
.hl-panel3-title,
.hl-panel4-title,
.hl-panel5-title,
.hl-panel6-title{
    font-size: 6rem;
    width: 60%;
    margin-left: 20%;
    margin-top: 4%;
    text-align: center;
    font-family: 'Rany-Regular';
}

.rotate-img {
    width: 97.3rem;
    margin-top: 12%;
    margin-left: 47.5rem;
    animation: myfirst2 30s infinite linear;
}

@keyframes myfirst2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}
.hl-panel2-title{
    visibility:hidden;
}
.hl-panel2-text {
    width: 100%;
    height: 70rem;
    /* margin-top: 8%; */
    display:flex;
}

.hl-panel2-content {
    visibility:hidden;
}
.hl-panel2-content p{
    width: 60%;
    margin-left: 17%;
    margin-top: 27%;
}
.scene01-img {
    width: 114rem;
}

.hl-lux-panel3{
    height:146.8rem;
    background-size: 100%;
    background-image: url(../../img/product/ks61/panel3-background.jpg);
    text-align: center;
}
.hl-panel3-text{
    margin-top:2%;
    visibility:hidden;
}
.hl-panel3-content{
    width: 47%;
    text-align: center;
    margin-left: 29%;
    margin-top: 2%;
}
.panel3-video{
    width:65rem;
    margin-top: 4%;
    min-width:65rem;
    max-width: 157rem;
}
.hl-lux-panel4{
    overflow: hidden;
    height:117rem;
    background-size: 100%;
    background-image: url(../../img/product/ks61/panel4-background.jpg);

}
.hl-panel4-text{
    width: 50%;
    position: absolute;
    margin-top: 5%;
    margin-left: 57%;
    text-align: left;
    visibility:hidden;
}
.hl-panel4-title{
    text-align: left;
    margin-left: 0%;
}
.hl-panel4-content{
    text-align: left;
    width: 56%;
    margin-top: 2%;
}
.panel4-video-1{
    width:72.1rem;
    width: 72.1rem;
    margin-top: 16%;
    margin-left: -18%;
    position: absolute;
    transform: translate3d(61.893%, -34.1307%, 0px) scale(1) rotate(-0deg);
    /* transform: translate3d(82.893%, -110.1307%, 0px) scale(1) rotate(0deg); */
}

.panel4-video-2{
    width:72.1rem;
    position: absolute;
    margin-left: 50%;
    margin-top: 33%;
    transform: translate3d(-78.813%, 4.3713%, 0px) scale(1) rotate(0deg);
    /* transform: translate3d(-97.813%, 86.6287%, 0px) scale(1) rotate(0deg); */
}

.panel4-video-3{
    width: 72.1rem;
    position: absolute;
    margin-left: 19%;
    margin-top: 60%;
    transform:translate3d(66.102%, 7.4748%, 0px) scale(1) rotate(0deg);
    /* transform: translate3d(21.102%, -115.5252%, 0px) scale(1) rotate(0deg) */
}

.hl-panel5-text{
    visibility:hidden;
}
.hl-panel5-content{
    width: 48%;
    margin-left: 26%;
    margin-top: 2%;
    text-align: center;
}
.panel5-img{
   width: 100%;
}
.hl-panel6-text{
    width: 40%;
    position: absolute;
    margin-left: 53%;
    margin-top: 11%;
    visibility:hidden;
}
.hl-panel6-title{
  color:#FFFFFF;
  margin-left: 0%;
  text-align: left;
  width: 100%;
}
.hl-panel6-content{
    color:#FFFFFF;
    text-align: left;
    margin-top: 2%;
}
.panel6-img-1{
    width: 43.5rem;
    margin-top: 18%;
}
.panel6-img{
    width: 100%;
 }
 .hl-lux-panel2 .swiper-container{
    cursor: none;
    width:100%;
    height: 90rem;
    margin-top: 5%;
 }
 .hl-lux-panel2 .swiper-slide{
    width: 100% !important;
 }
 .pagination{
   display: flex;
   margin-left: 20%;
   margin-bottom: 5%;
   cursor: pointer;
 }
.swiper-pagination-bullet,.line-1{
    width: 20rem;
    height: 0.5rem;
    background-color: #999999;
    margin-top: 1%;
    margin-left: 23%;
    border-radius: 11%;
 }
 .line-2{
    
    width: 20rem;
    height: 0.5rem;
    background-color: #D9D9D9;
    margin-top: 1%;
    margin-left: 23%;

 }
 .video-panel-61{
    width:80%;
    height:100rem;
}
.video-panel-61 .video-player{
    width:100%;
}