.pc {
    position:relative;
}
.pc, .menu{
    position:relative;
}
.language{
    position: absolute;
}
.pg-phone{
    display: block;
}
.pg-pc{
    display: none;
}
.smart-lock-page{
    width: 100%;
    height: 100%;
    padding: 1px 0;
    position: relative;
}
.smart-lock-page .warp {
    top: 20rem;
}
.smart-lock-page .crumbs ul li {
    color: #000;
}
.smart-lock-page .crumbs ul li a{
    color: #000;
}
.smart-lock-page .crumbs ul li span{
    color: #000;
}
.smart-lock-phone-main-img {
    width: 100%;
}
.banner{
    width: 100%;
    position: relative;
    margin-top: 21rem;
}
/*左侧定位div*/
.float-left-content-box {
    position: absolute;
    left: 10rem;
    top: 20.5rem;
    bottom: 0;
    height: 39.5rem;
    width: 87.3rem;
    

}

.float-left-img-box {
    height: 40rem;
    width: 50rem;
    animation-duration: 5s;
    animation-name: fadeInLeft;
}
@keyframes fadeInLeft{
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

.float-left-img {
    width: 24.4rem;
    height: 4.5rem;
}

.float-left-title {
    font-size: 4.8rem;
    color: #000000;
    font-family: Rany-Medium;
    margin-top: 0rem;
}

.float-left-des {
    font-size: 3.2rem;
    font-family: Roboto-Light;
    margin-top: 3rem;
}
.float-left-line { 
    height: 0.3rem;
    border-bottom: 0.15rem solid #000000;
    margin: 2.7rem 0 0rem;
    width: 45rem;
}

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

.pg-panel2 {
    position: relative;
    width: 108rem;
    height: 160rem;
}
.pg-panel2 img {
    width: 100%;
    height: 100%;
}