.pc {
    position:relative;
}
.pg-phone{
    display: none;
}
.pg-pc{
    display: block;
}
.smart-lock-page{
    width: 100%;
    padding: 1px 0;
    position: relative;
}
.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-main-img {
    width: 100%;
    /* height: 100%; */
}
.banner{
    width: 100%;
    position: relative;
}
/*左侧定位div*/
.float-left-content-box {
    position: absolute;
    left: 0;
    top: 46.8rem;
    bottom: 0;
    height: 39.5rem;
    width: 50%;

}

.float-left-img-box {
    position: absolute;
    left: 36.0rem;
    right: 0;
    top: 0rem;
    bottom: 0;
    height: 40rem;
    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: 2.4rem;
    font-family: Rany-Light;
    margin-top: 3rem;
}
.float-left-line { 
    height: 2px;
    border-bottom: 1px solid #000000;
    margin: 3rem 0 0rem;
    width: 36.7rem;
}

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


.pg-panel1 {
    position: relative;
    width: 192rem;
    height: 93rem;
}
.pg-panel1 img {
    width: 100%;
    height: 100%;
}