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

.battery{
    padding: 150px 0 0;
}
.battery .vscreen{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.battery .vscreen .left,.battery .vscreen .right{
    width: 30%;
    display: flex;align-items: center;
}
.battery .vscreen .right{
    width: 70%;
}
.battery .vscreen .right img{
    width: 100%;
    display: block;
}
.battery .vscreen .left h2{
    font-size: 36px;color: #00a0e8;
}
.battery .vscreen .left p{font-size: 18px;color: #fff;margin-top: 20px;}
.battery .vscreen .lp{width: 40%;}
.battery .vscreen .rp{width: 60%;}
.battery .vscreen .lp{justify-content: right;}

.stable{padding: 120px 0;}
.stable .vscreen{
    width: 1200px;
    margin: 0 auto;
}
.stable .vscreen img{
    display: block;
    width: 80%;
    margin: 60px auto 0;
}
.stable .vscreen .title{
    text-align: center;
}
.stable .vscreen .title h2{
    font-size: 36px;
    color: #00B7EE;
}
.stable .vscreen .title p{
    font-size: 18px;
    color: #fff;
    margin-top: 15px;
}

.stable .t-items{
    margin-top: 40px;
    position: relative;
}
.stable .t-items .items-content{
    display: flex;justify-content: space-between;
}
.stable .t-items .items-content img{
    width: calc(100%/3 - 20px);
    display: block;border-radius: 15px;margin-top: 0;
}
.stable .t-items img.arrow{
    position: absolute;
    left: 29%;
    bottom: 40px;
    width: 100px;
}




.customization{
    padding: 60px 0;
}
.customization .vscreen{
    width: 1200px;
    margin: 0 auto;
}
.customization .vscreen .title{
    text-align: center;
}
.customization .vscreen .title h2{
    font-size: 40px;
    color: #00B7EE;
}
.customization .vscreen .title p{
    font-size: 20px;
    color: rgba(255,255,255,.6);
    margin-top: 35px;
}
.customization ul{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.customization ul li{
    width: calc(25% - 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;}

.customization .second{
    margin-top: 40px;
}
.customization .second h3{
    font-size: 30px;color: #fff;
}
.customization .second p{
    font-size: 18px;color: #fff;margin-top: 25px;
}
.customization .lr-items{
    margin-top: 50px;display: flex;justify-content: space-between;
}
.customization .lr-items .left{
    display: flex;align-items: center;
    width: 40%;
}
.customization .lr-items .left .text{width: 80%;display: flex;flex-direction: column;justify-content: center;}
.customization .lr-items .left h3{
    font-size: 30px;color: #fff;
}
.customization .lr-items .left p{
    font-size: 18px;color: #fff;margin-top: 25px;
}
.customization .lr-items .right{
    width: 60%;
}
.customization .lr-items .right img{
    display: block;
    width: 100%;
    border-radius: 15px;
}

.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%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}


.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: 30px;color: #00a0e8;margin-top: 50px;
    text-indent: 30px;
}
.params .vscreen .lists{
    margin-top: 20px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.params .vscreen .lists li{
    width: 50%;padding: 15px 0;font-size: 16px;color: #fff;list-style: none;
    text-indent: 30px;
}
.params .vscreen .lists li:nth-child(4n+1),.params .vscreen .lists li:nth-child(4n+2){
    background: rgba(255,255,255,.05);
}
@media (max-width: 1440px) {
    .xp50 .text{top: 90px;}
    .xp50 .text h1{font-size: 44px;}
    .battery .vscreen,.stable .vscreen,.customization .vscreen,.scenes .vscreen{width: 1000px;}
    .battery .vscreen .left{width: 35%;}
    .battery .vscreen .right{width: 65%;}
}

@media (max-width: 1280px){
    .unit .vscreen .title h2{font-size: 36px;}
    .params .vscreen{width: 800px;}
    .xp50 .text{top: 80px;}
    .xp50 .text h1{font-size: 40px;}
    .xp50 .text p,.all-body .vscreen .two-area .item .item-text p,.scenes .vscreen ul li p{font-size: 16px;}
    .xp50 .text h2.blue,.all-body .vscreen .header h3,.customization .vscreen .title h2,.scenes .vscreen .title h2,.params .vscreen .title h2{font-size: 36px;}
    .xp50 .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;}
    .xp50 ul.items strong{font-size: 32px;}
    .xp50 ul.items{bottom: 30px;}
}