



.plrs-vdieo-bg{

    width: 100%;

    /* background-attachment: fixed; */

    height: 100vh;

    position: relative;

}

.iphone-banner{

    display: none;

}

.phone-video-wrapper{

    width: 70%;

    position: fixed;

    top: 20%;

    left: 50%;

    transform: translate(-50%,0);

    z-index: 99;

    display: none;

}

.phone-video{

    width: 100%;

}

.close-video{

    display: block;

    width: 20px;

    height: 20px;

    position:absolute;

    right: -20px;

    top: 0;

    color: #fff;

    font-size: 28px;

    text-align: center;

    line-height: 0;



}

.plrs-vdieo-bg img{

    width: 100%;



}



.plrs-vdieo-bg .video-banner{

    object-fit: cover;

    width: 100%;

    height: 100vh;

}

.mask{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,.8);

    z-index: 8;



}

.play{

    display: none;

    width: 60px;

    height: 60px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    background-image: url('../images/home/play.png');

    background-size: 100%;

    background-repeat: no-repeat;

}



.x10-wrapper{

    margin-top: 70px;

    align-items:center ;

    display: flex;

    justify-content: space-between;

    padding-bottom: 61px;

}



.x10-img-wrapper{

    display: flex;

    margin-left: 185px;

   

}

.x10-img-wrapper img{

    width: 100%;

}

.x101{

    /* margin-top: 104px; */

    margin-right: 101px;    

    width: 113px;

}

.x102{

    width: 134px;

  

}



.x10-content{

    width: 662px;

    background: #F0F0F0;

    padding: 40px 60px 60px 35px;

}

.x10-text{

     font-size: 28px;

     font-weight: 600;

     color: #333333;

}

.x10-subtext{

    width: 88%;

    margin-top: 38px;

    font-size: 16px;

    font-family: PingFang SC;

    font-weight: 400;

    color: #333333;

    line-height: 30px;

    opacity: 0.8;

    box-sizing: border-box;
    text-align: justify;

}



.data-container{

    margin-top: 35px;

    font-size: 14px;

    display: flex;

    justify-content: space-between;

}

.data-container  p{

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.data-container span{

    font-size: 12px;

    display: block;

    margin-left: 8px;

   

}

.plrs-app-container{

    background-image: url('../images/home/home-bg.jpg');

}

.plrs-swiper-container{

    width: 100%;

    background-image: url('../images/home/home-bg.jpg');    

    overflow: hidden;

    /*background-repeat: no-repeat;*/

    padding-bottom: 100px;



}



.app-scene-container{

    width: 100%;

    height: 394px;

    overflow: hidden;

    background-blend-mode:saturation;



}



.app-content-wrapper{

    display: flex;

    justify-content: space-around;

    transform: translate(0,-135px);

    padding: 0 70px;

}



.app-content-wrapper li{

    color: #fff;

	font-size: 23px;

}

.app-content-wrapper li:nth-child(1) div{

    width: 294px;

    height: 432px;

    margin-top: 105px;

    overflow: hidden;

} 





.app-content-wrapper img{

    width: 100%;

    

}

.app-content-wrapper li:nth-child(1) img:hover{

    transform: scale(1.08);

}





.app-content-wrapper li:nth-child(2){

    width: 493px;

}

.app-content-wrapper li:nth-child(2) div{

    width: 493px;

    height: 512px;

    overflow: hidden;

}

.app-content-wrapper li:nth-child(2) img{

    width: 100%;

}

.app-content-wrapper li:nth-child(2) img:hover{

    transform: scale(1.08);

}



.app-content-wrapper li:nth-child(2) p{



	color: #fff

}



.app-content-wrapper li:nth-child(3) div:first-child{

	width: 294px;

	height: 383px;

    overflow: hidden;

}

.app-content-wrapper li:nth-child(3) div:first-child img:hover{

    transform: scale(1.08);

}

.safe-wrapper{



    width: 1200px;

    margin: 65px auto 0 auto;

    display: flex;

    justify-content: space-between;

  

}





.safl-video{

    display: none;

}

.safe-l,.safe-r{

    width: 50%;

    display: flex;

    justify-content: center;

    height: 480px;

    background-color: #f4f5f7;

}

.safe-r h4,.safe-l h4{

    font-size: 34px;

    color: #333333;

}



.safe-l:hover .safe-content,.safe-r:hover .safe-content{

    display: none;

}



.safe-l:hover .safl-video,.safe-r:hover .safl-video{

    display: block;

  

}



.safe-content{

    margin: 70px  0 20px 0;

    width: 65%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    text-align: center;

	font-size: 18px;

    color: #333333;

    line-height: 28px;

 

}

.safe-img-wrapper{

    width: 100%;

    height: 240px;

    margin: 20px 0;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;



}



.safle-v-wrapper{

    width: 100%;

}



.plrs-effect-wrapper{

    width: 80%;

    display: flex;

    justify-content: space-around;

    margin: 80px auto;

}





.effect1{

	width: 141px;

	/*height: 268px;*/

}

.effect2{

	width: 144px;

	height: 341px;

    margin-top: 43px;

}



.effect3{

    width: 264px;

	height: 340px;

}



.effect-container{

    padding-bottom: 100px;

}

.effect-container .x10-subtext{

    width: 100%;

    text-align: center;

}

.message-img-wrapper{

    display: flex;

    justify-content: center;

    align-items: center ;

}



.leave-message-container{

    width: 100%;

    background-color: #F0F2F2;

    padding-bottom: 100px;

}



.message-content{

    width: 1000px;

    margin: 80px auto 0 auto;

    display: flex;

    justify-content: space-between;

}



.message-content label{

    margin-top: 35px;

    display: block;

}



.message-content label input{

    width: 20px;

    height: 20px;

    margin-left: 20px;

    margin-right: 10px;

    cursor: pointer;

}



.message-input{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 35px;

}

.message-input input{

    width: 40%;

    margin-bottom: 15px;

    height: 55px;

    border-radius: 28px;

    border: none;

    outline: none;

    padding-left: 30px;

}



.message-input input:last-child{

    width: 100%;

}



.submit-wrapper{

    display: flex;

    justify-content: flex-end;

    margin-top: 15px;

}



.submit-wrapper input:first-child{

    width: 135px;

	height: 45px;

	border-radius: 23px;

	border: solid 1px #4da8e5;

    outline: none;

}



.submit-wrapper input:last-child{

	width: 135px;

	height: 45px;

	background-color: #4da8e5;

	border-radius: 23px;

    color: #ffffff;

    margin-left: 20px;

}

form{

    width: 50%;

}





.plrs-swiper-container .swiper-slide{

    width: 100%;

    position: relative;

}



.plrs-swiper-container .swiper-slide h1{

    position: absolute;

    top: 80px;

    left: 50%;

    transform: translate(-50%,-50%);

}



.plrs-swiper-container .swiper-slide h2{

    position: absolute;

    top: 80px;

    left: 50%;

    transform: translate(-50%,-50%);

}

.app-wrapper{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    margin-top:55px;

}

.app-video-wrapper{

    width: 60%;

    display: flex;

    justify-content: space-between;

}



.app-dowload-phone{

    width: 100%;

    display: none;

    justify-content: center;

    align-items: center;

    background-repeat: no-repeat;

    padding-bottom: 25px !important;



}

.app-dowload-phone

.app-swiper{

    width: 290px;

    height: 302px;

    background: linear-gradient(90deg, #6597C4 0%, #92C8E8 100%);

}



.app-img{

    width: 320px;

    height: 670px;

    border-radius: 45px;

    background-image: url('../images/home/phone.png');

    display: flex;

    justify-content: center;

    align-items: center;

    background-repeat: no-repeat;

}



.app-img video{

    border-radius: 20px;

    box-shadow: 0px 0px 14px 10px rgb(22 11 6 / 1%);



}



.qr-code-wrapper{

    width: 250px;

}



.qr-code{

    width: 133px;

	height: 133px;

	background-color: #565656;

    margin-top: 50px;

    margin: 50px auto 0 auto;

}

.qr-code img{

    width: 100%;

}

.app-phone-wrapper{

    width: 80%;

    margin: 25px  0;

    display: none;

    overflow: hidden;

   

}



.app-phone-wrapper .swiper-slide{

    position: relative;

    width: 80%;

    border-radius: 20px;

    max-height: 370px;

    min-height: 370px;

}

.app-phone-wrapper img{

    width: 100%;



}



.app-phone-wrapper .swiper-slide p{

    position: absolute;

    width: 80%;

    top: 40%;

    left: 50%;

    transform: translate(-50%,-50%);

    color: #fff;

    font-size: 24px;

    text-align: center;

}

.plrs-phone-effect{

    width: 100%;

    margin: 25px auto;

    display: none;

    overflow: hidden;

}

.plrs-phone-effect .swiper-slide{

    border-radius: 20px;

    min-height: 255px;

 

}



.plrs-phone-effect .swiper-slide img{

    width: 100%;

    border-radius: 20px;

}

.safe-phone-warpper{

    padding-bottom: 25px !important;

    display: none;

}

.safe-phone-warpper .x10-subtext{

    color: #fff;

    text-align: center;

    margin: 25px auto 0 auto;

}

.safe-phone-warpper h4{

    color: #fff;

    text-align: center;

    font-size: 18px;

    margin-top: 25px;

    letter-spacing: 2px;

}

/* swiper */

.app-phone-wrapper{

    --swiper-pagination-color: #fff;

  }

.app-phone-wrapper .swiper-pagination{

    bottom: -30px !important;

  }

.app-phone-wrapper .swiper-pagination-bullet{

   background:#F4F5F7 !important;

  }

.safe-phone-warpper .swiper-pagination{

    bottom: -20px !important;

}



@media (max-width:1400px) {

    .con1400{

        width: 1200px;

    }

    .x10-img-wrapper, .x10-content{

        margin: unset;

    }

    .x10-wrapper{

        justify-content: space-around;

    }

    .app-content-wrapper{

        padding: unset;

    }

    .m-t65{

        margin-top: 40px;

    }

    .p-t85{

        padding-top: 50px;

    }

    .plrs-text{

        font-size:38px

    }

}



@media (max-width:1200px) {



    .plrs-vdieo-bg{

        height: unset;

       

    }

    .iphone-banner{

        display: block;

    }

    .navbar-container .con1400{

        width: 98%;

    }

    .video-banner{

        display: none;

    }

    .play{

        display: block;

    }

    .search-wrapper {

        width: 170px;

    }



    .app-video-wrapper{

        width: 70%;

    }

    .con1400,.safe-wrapper,.message-content{

        width: 100%;

    }

    .x10-content{

        width: 55%;

        padding: 40px 20px 60px 20px

    }

    .x10-img-wrapper{

        width: 35%;

        display: flex;

        justify-content: space-around;

    }

    .leave-message-container,.plrs-swiper-container,.app-scene-container{

        height: unset;

    }

    .plrs-swiper-container,.leave-message-container,.plrs-app-container{

        padding-bottom: 40px;

    }

    .x101{

        margin-right: unset;

    }

 

    .plrs-effect-wrapper{

        width: 100%;

    }



    .app-content-wrapper{

        transform: unset;

        margin-top: 40px;

    }



    .app-content-wrapper li:nth-child(1) div{

        width: 100%;

        height: unset;

        margin-top: 65px;

    }

    .app-content-wrapper li:nth-child(2) div{

        width: 100%;

        height: unset;

    }

    .app-content-wrapper li:nth-child(3) div:first-child{

        width: 100%;

        height: unset;

    }

    .app-content-wrapper li:nth-child(2) {

        width: 36%;

    }

    .effect-container {

        padding-bottom: 40px;

    }



    .message-img-wrapper{

        width: 35%;

    }

    .message-img-wrapper img{

        width: 100%;

    }

  

}



@media (max-width:1024px) {

.message-input ,.submit-wrapper{

    box-sizing: border-box;

    padding: 0 12px;

}

.submit-wrapper{

    justify-content: space-between;

}

.submit-wrapper input{

    margin-left: unset !important;

}

    .x10-img-wrapper {

        width: 40%;

    }

    .app-content-wrapper{

        display: flex;

        flex-wrap: wrap;

    }

    .app-content-wrapper li{

        width: 30%;

        font-size: 18px;

    }

    .app-content-wrapper li:nth-child(1) div {

        margin-top: 35px;

    }

    .app-wrapper{

        flex-wrap: wrap;

    }

  

}



@media (max-width:996px) {

 

    .x10-text{

        font-size: 16px;

        text-align: center;

    }



    .x10-wrapper{

        flex-wrap: wrap;

    }

    .x10-img-wrapper{

        width: 100%;

    }

    .x10-content{

        width: 100%;

    }

    .message-content{

        margin-top: 25px;

   

    }

    .message-img-wrapper{

        width: 50%;

        margin: 0 auto;

    }

    .message-img-wrapper img {

        width: 100%;

    }

    .plrs-x10-container,.effect-container{  

      background: #F0F0F0;

    }

    .message-input input {

        height: 45px;

    }

    .safe-l, .safe-r{

        background-color: unset;

    }

    .safe-img-wrapper{

        width: 50%;

        margin: 0 auto;

        margin-top: 25px;

    }

    .safe-img-wrapper img{

        width: 100%;

    }

    .safe-phone-warpper{

        display: block;

    }

    .d-none{

        display: none;

    }

    .plrs-phone-effect{

        display: block;

    }

    .app-content-wrapper{

        display: none;

    }

    .app-video-wrapper{

        display: none;

    }

    .app-dowload-phone{

        display: block;

    }

    .app-phone-wrapper{

        display: block;

    }

    .app-dowload-phone-title{

     

        color: #fff;

        padding-top: 35px;

    }   

    .app-dowload-container{

        background: linear-gradient(94deg, #444E55 0%, #646F77 47%, #444E55 99%);

    }

    .app-dowload-container .p-t85{

        padding-top: unset;

       

    }

    .app-content-wrapper li{

        width: 98%;

    }

    .app-content-wrapper li:nth-child(2){

        width: 98%;

        margin-top: 25px;

    }

    .m-t65{

        margin-top: 25px;

    }

    .app-content-wrapper li:nth-child(1) div {

        margin-top: 25px;

    }

    .plrs-effect-wrapper{

        display: none;

    }

    .foot{

        margin-top: unset;

    }

    .qr-code-wrapper{

        padding-bottom: 60px;

    }

    .safe-wrapper{

        flex-wrap: wrap;

    }

    .safe-l,.safe-r{

        width: 100%;

    }

    .message-content{

        flex-wrap: wrap;

    }

    form{

        width: 100%;

    }

 

    .submit-wrapper input:first-child{

        width: 48%;

    }

    .submit-wrapper input:last-child{

        width: 48%;

    }

 

    .plrs-swiper-container{

        background: linear-gradient(94deg, #444E55 0%, #646F77 47%, #444E55 99%);

        

    }

    .app-img{

        width: 100%;

        background-position: center;

        margin-top: 20px;

    }

    .app-wrapper{

        margin-top: unset;

      

    }

    .qr-code-wrapper{

        width: 100%;

        margin-top: 25px;

        background-color: #fff;

    }

    .qr-code-wrapper .plrs-text{

        margin-top: 25px;

    }

    .qr-code {

        margin-top: 25px;

    }

    .x101{

        width: 18%;

    }

    .x102{

        width: 20%;

    }

    .data-container{

        display: none;

    }

    .x10-wrapper{

        padding-bottom: unset;

    }

    .plrs-swiper-container, .leave-message-container, .plrs-app-container{

        padding-bottom: 25px;

    }

    .x10-subtext{

        width: 100%;

        margin: 10px auto;

        padding: 0 12px;

        font-size: 14px;

        line-height: 24px;

    }

}





@media (max-width:767px) {



    .p-t85 {

        padding-top: 25px;

    }

    .x10-wrapper{

        margin-top: 35px;

    }

    .plrs-text {

        font-size: 24px;

    }

    .plrs-subtext {

        margin-top: 10px;

        font-size: 16px;

    }





    .x10-content {

        padding: 20px 0;

    }



    .font30 {

        font-size: 18px;

    }



}