@charset "utf-8";
ul li{
    list-style:none;
}
.content-wrap{
    padding-bottom:0;
}
.box{
    width:100%;
}
.m0,.mt0,.mb0,.ml0,.mr0{
    margin:0;
}
.p0{
    padding:0;
}
.mt50{
    margin-top:50px;
}
.mt20{
    margin-top:20px;
}
.mt80{
    margin-top:80px;
}
.pt20{
    padding-top:20px;
}
.pl80{
    padding-left:80px;
}
.mt160{
    margin-top:160px;
}
.mb20{
    margin-bottom:20px;
}
.layout-container{
    width:100%;
}
.lzb-back-color{
    background-color:#f5f6f6;
}
.promo.promo-light{
    background-color:#04afea;
    color:#fff;
}
.container-box{
    position:absolute;
    top: 15%;
    left: 20%;
    border-left:3px solid #fff;
    padding-left:15px;
}
.hardware-box{
    background-color:#f9f9f9;
}
.ul-icon li{
    width:33.33%;
    text-align:center;
    list-style: none;
    float:left;
}
.soft-box{
    background-color:#fff;
}
.layout-third{
    width:32.3%;
    margin-right:1%;
    border-right:1px dotted #9c9c9c;
}
.layout-third:last-child{
    border:none;
}
.layout-third li:first-child{
    font-weight:bold;
    font-size:20px;
    margin-bottom:15px;
}
.layout-third li p{
    width:70%;
    margin-bottom:0;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.layout-third li span{
    display:block;
    width:30%;
}
.state-box{
    background-color:#f9f9f9;
}
.adv-box{
    position:relative;
}
.adv-box img{
    height:200px;
}
.adv-contanier{
    width:100%;
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    color:#fff;
}
.lzb-btn-primary{
    display:inline-block;
    width:240px;
    height:60px;
    line-height:60px;
    text-align:center;
    border:1px solid #fff;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    margin-top:20px;
}
#page-title1{
    background-color:#fff;
    position:relative;
}
#page-title2{
    background-color:#fff;
    position:relative;
}
.banner-box{
    position:relative;
}
.lzb-font-color{
    color:#fff;
}
.zbj-mask{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    text-align:center;
    background-color:rgba(0,0,0,0.6);
}
.lzb-text-center{
    text-align:center;
}
@media (min-width: 1200px) {
    #page-title1 .zbj-mask h3{
        margin-top:80px;
    }
    .lzb-btn-primary1{
        width:220px;
        height:45px;
        line-height:45px;
    }
    .layout-third{
        width:32.3%;
        margin:0 1%  20px 0;
        border-right:1px dotted #9c9c9c;
    }
}
@media (max-width: 992px) {
   #page-title1 .zbj-mask h3{
        margin-top:20px;
    }
    #page-title1 .zbj-mask p{
        margin-bottom:0 !important;
    }
    #page-title2 .zbj-mask h3{
        margin-top:10px;
    }
    .lzb-btn-primary1{
        width:150px;
        height:30px;
        line-height:30px;
        font-size:14px;
        margin-top:5px;
    }
    .layout-third{
        width:98%;
        margin:0 auto 20px;
        border:none;
    }
}
@media (max-width: 768px) {
    #page-title1 .zbj-mask h3{
        margin-top:20px;
    }
    #page-title1 .zbj-mask p{
        margin-bottom:0 !important;
    }
    #page-title2 .zbj-mask h3{
        margin-top:10px;
    }
    .lzb-btn-primary1{
        width:150px;
        height:30px;
        line-height:30px;
        font-size:14px;
        margin-top:5px;
    }
    .layout-third{
        width:98%;
        margin:0 auto 20px;
        border:none;
    }
    .container{
        text-align:center;
    }

}
@media (max-width:640px) {
    .container{
        text-align:center;
        margin:10px auto;
    }
    #page-title1 .zbj-mask h3{
        margin-top:20px;
    }
    #page-title1 .zbj-mask p{
        margin-bottom:0 !important;
    }
    #page-title2 .zbj-mask h3{
        margin-top:10px;
    }
    .layout-third{
        width:98%;
        margin:0 auto 20px;
        border:none;
    }
    .lzb-btn-primary{
        display:inline-block;
        width:150px;
        height:30px;
        line-height:30px;
        text-align:center;
        border:1px solid #fff;
        border-radius:5px;
        color:#fff;
        font-size:14px;
        margin-top:10px;
    }
   .banner-box img{
       height:100px;
   }
   .banner-box2 img{
       height:135px;
   }
    .lzb-btn-primary1{
        width:150px;
        height:30px;
        line-height:30px;
        font-size:14px;
        margin-top:12px;
    }
}