*{padding: 0;margin:0;}
.xlxp{background: #000;}
.xp01{
    position: relative;
}
.xp01 img{
    width: 100%;
    display: block;
}
.xp01 .text{
    width: 1000px;
    position: absolute;
    left: calc(50% - 500px);
    top: 100px;
    text-align: center;
}
.xp01 .whole{
    top: 50px;
}
.xp01 .text h2{
    font-size: 50px;
    color: #00AEFF;
}
.xp01 .text h2.blue{
    color: #00AEFF;font-size: 40px;
}
.xp01 .text h3{
    font-size: 20px;
    color: #666;
    margin-top: 15px;
}
.xp01 .text p{
    font-size: 18px;color: #fff;
    margin-top: 25px;
}
.xp01 .t-text{
    width: 500px;
    height: 100%;
    position: absolute;
    left: calc(50% - 500px);
    top: 0;
    display: flex;
    align-items: center;

}
.xp01 ul.items{

}
.xp01 ul.items li{margin: 40px 0;}
.xp01 ul.items strong,.xp7000 ul.items p{display: block;}
.xp01 ul.items strong{color: #00AEFF;font-size: 32px;}
.xp01 ul.items p{font-size: 20px;color: #fff;line-height: 1.4;margin-top: 20px;}

.xp01 h3{
    font-size: 28px;color: #fff;margin-bottom: 50px;
}
.xp01 .t-content{width: 400px;}
.xp01 .t-content p{font-size: 20px;color: #fff;line-height: 1.4;margin: 5px 0;}
.xp01 .t-content ul{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.xp01 .t-content ul li{
    list-style: none;
    width: calc(50% - 5px);
    background: rgba(255,255,255,.1);
    padding: 20px 0;margin-bottom: 10px;border-radius: 10px;font-size: 16px;
    color: #fff;text-align: center;
}


.open-body{
    margin-top: 120px;
}
.open-body .vscreen{
    width: 1200px;
    margin: 0 auto;
}
.open-body .vscreen img{
    display: block;
    width: 100%;
}
.open-body .vscreen .header{
    text-align: center;
}
.open-body .vscreen .header h3{
    font-size: 50px;
    color: #00B7EE;
}
.open-body .vscreen .header h4.top-h4{
    font-size: 30px;
    color: #f1f1f1;
    margin-top: 15px;
}
.open-body .vscreen .header p{
    margin-top: 15px;
    color: #8B8B97;
    font-size: 18px;
}
.open-body .imgs{
    width: 86%;
    margin: 0 auto;
}
.open-body .imgs img{
    width: 100%;
    display: block;
}
.open-body .items-img{
    margin-top: 50px;
    position: relative;
}
.open-body .items-img img{
    width: 100%;
    display: block;
    border-radius: 15px;
}
.open-body .items-img .items-text{
    width: 70%;
    position: absolute;
    left: 15%;
    bottom: 50px;
}
.open-body .items-img .items-text ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
}
.open-body .items-img .items-text ul li{
    width: 30%;
    text-align: center;
    color: #fff;
}
.open-body .items-img .items-text ul li:nth-child(2){
    position: relative;top: -12px;
}
.open-body .items-img .items-text ul li h5{font-size: 22px;font-weight: normal;width: 100%;}
.open-body .items-img .items-text ul li h5 strong{
    color: #00B7EE;font-size: 40px;
}
.open-body .items-img .items-text ul li p{
    font-size: 22px;
    width: 100%;
}

.all-body{
    margin-top: 120px;
}
.all-body .vscreen{
    width: 1200px;
    margin: 0 auto;
}
.all-body .vscreen .header{
    text-align: center;
}
.all-body .vscreen .header h3{
    font-size: 40px;
    color: #00B7EE;
}
.all-body .vscreen .header p{
    margin-top: 25px;
    color: #8B8B97;
    font-size: 20px;
}

.all-body .vscreen .two-area{
    display: flex;
    justify-content: space-between;
    margin: 25px auto;

}
.all-body .vscreen .two-area.first{margin-top: 60px;}
.all-body .vscreen .two-area .item{
    width: calc(50% - 20px);
    position: relative;
}
.all-body .vscreen .two-area .item .line{width: 140%;border-bottom: 1px dashed #fff;position: absolute;top: 70%;left: 50px;z-index: 10;}
.all-body .vscreen .two-area .item .line.second{top: 26%;width: 130%;}
.all-body .vscreen .two-area .item img{
    width: 100%;
    display: block;
    border-radius: 15px;
}
.all-body .vscreen .two-area .item.align-text{
    display: flex;
    align-items: center;
}
.all-body .vscreen .two-area .item .item-text{
    width: calc(100% - 40px);
    padding: 20px 50px;
}
.all-body .vscreen .two-area .item .item-text h4{
    font-size: 24px;
    color: #fff;
}
.all-body .vscreen .two-area .item .item-text p{
    font-size: 20px;
    color: #8B8B97;
    margin-top: 10px;
}



.customization{
    padding: 60px 0;
}
.customization .vscreen{
    width: 1200px;
    margin: 0 auto;
}
.customization .vscreen .title{

}
.customization .vscreen .title h3{
    font-size: 28px;
    color: #fff;
}
.customization .vscreen .title p{
    font-size: 20px;
    color: rgba(255,255,255);
    margin-top: 35px;
}
.customization ul{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.customization ul li{
    width: calc(33.33% - 10px);
    text-align: center;
    margin-bottom: 40px;
}
.customization ul li img{display: block;border-radius: 10px;width: 100%;}
.customization ul li p{font-size: 20px;margin-top: 30px;color: #999;}
.more .title{text-align: center }
.more .title h2{color: #00a0e8;font-size: 40px;}


.scenes{
    padding: 60px 0;
}
.scenes .vscreen{
    width: 1200px;
    margin: 0 auto;
}
.scenes .vscreen .title{
    text-align: center;
}
.scenes .vscreen .title h2{
    font-size: 40px;
    color: #00B7EE;
}
.scenes .vscreen ul{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.scenes .vscreen ul li{
    width: calc(50% - 20px);
    position: relative;
    list-style: none;
}
.scenes .vscreen ul li img{
    width: 100%;
    display: block;
    border-radius: 15px;
}
.scenes .vscreen ul li p{
    width: 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;margin-top: 25px;
}


.params{
    margin-top: 80px;
}
.params .vscreen{
    width: 1000px;
    margin: 0 auto;
}
.params .vscreen .title{
    text-align: center;
}
.params .vscreen .title h2{
    font-size: 40px;
    color: #00B7EE;
}
.params .vscreen h3{
    font-size: 24px;color: #00a0e8;
    margin: 40px 0 10px;text-indent: 30px;
}
.params .vscreen .lists{
    margin-top: 30px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.params .vscreen .lists dl{
    font-size: 18px;
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 0;
}
.params .vscreen .lists dl:nth-child(4n+1),.params .vscreen .lists dl:nth-child(4n+2){
    background: rgba(255,255,255,.05);
}

.params .vscreen .lists dl dt{
    color: rgba(255,255,255,.6);
    width: 30%;
    text-indent: 30px;

}
.params .vscreen .lists dl dd{
    color: #fff;
    width: 70%;
}
.params table{color: #fff;width: 100%;font-size: 18px;border-collapse: collapse;}
.params table td{width: 25%;padding: 15px 0;}
.params table td:first-child{text-indent: 30px;}
.params table tr:nth-child(odd){
    background: rgba(255,255,255,.05);
}
@media (max-width: 1440px) {
    .xp01 .text{
        top: 70px;
    }
    .xp01 .text h2{font-size: 44px;}
    .all-body .vscreen,.customization .vscreen,.scenes .vscreen{width: 1000px;}
}

@media (max-width: 1280px){
    .xp01 .text{
        top: 50px;
    }
    .all-body .vscreen,.customization .vscreen,.scenes .vscreen{width: 1000px;}
    .unit .vscreen .title h2{font-size: 36px;}
    .params .vscreen{width: 800px;}
}
@media (max-width: 1280px){
    .xp01 .text h2{font-size: 40px;}
    .xp01 .text p,.all-body .vscreen .two-area .item .item-text p,.scenes .vscreen ul li p{font-size: 16px;}
    .xp01 .text h2.blue,.all-body .vscreen .header h3,.customization .vscreen .title h2,.scenes .vscreen .title h2,.params .vscreen .title h2{font-size: 36px;}
    .xp01 .text h3,.xp7000 ul.items span,.all-body .vscreen .header p,.unit .vscreen .title p,.customization .vscreen .title p,.customization ul li p,.params .vscreen .lists dl{font-size: 18px;}
    .xp01 ul.items strong{font-size: 32px;}
    .all-body .vscreen .two-area .item .item-text h4{font-size: 22px;}
    .xp01 ul.items{bottom: 30px;}
}