.nav-banner{background:url(../img/bg01.jpg) no-repeat center;background-size:cover}.part-title h1{font-size:38px;color:#3a4f66;padding:20px 0;text-align:center}.part-txt p{font-size:20px;line-height:30px;color:#aaa;text-align:center;padding-bottom:20px}.banner .banner-part .banner-btn{margin-top:30px}.banner .banner-part .banner-btn button{padding:10px 20px;border-radius:8px;background-color:#2872fa;font-size:20px;transition:all .5s}.banner .banner-part .banner-btn button:first-child{margin-right:20px}.banner .banner-part .banner-btn button a{color:white;line-height:24px}.banner .banner-part .banner-btn button a span{font-size:20px}.banner .banner-part .banner-btn button:hover{transform:scale(1.1);background-color:white}.banner .banner-part .banner-btn button:hover a{color:#2872fa}.product-service{margin-top:100px}.product-service .product-service-part .part-box{display:flex;gap:20px;border-radius:8px}.product-service .product-service-part .part-box .box{box-shadow:0 0 10px rgba(0,0,0,0.1);padding:20px;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.product-service .product-service-part .part-box .box .box-img img{height:60px;margin-top:20px}.product-service .product-service-part .part-box .box .box-text h2{font-size:24px;color:#3a4f66;padding:20px 0}.product-service .product-service-part .part-box .box .box-text p{font-size:16px;line-height:24px;color:#aaa}.product-service .product-service-part .part-box .box .box-buy:hover,.product-service .product-service-part .part-box .box .box-count:hover{transform:scale(1.3);transition:all 1s}.product-service .product-service-part .part-box .box .box-buy{margin-top:20px}.product-service .product-service-part .part-box .box .box-buy a{padding:10px 20px;border-radius:3px;background-color:#3a4f66;color:white}.product-service .product-service-part .part-box .box .box-count{margin-top:20px;margin-bottom:20px}.product-service .product-service-part .part-box .box .box-count a{padding:10px 20px;border-radius:3px;color:white}.advantage{margin-top:100px}.advantage .advantage-part .advantage-box{display:flex;gap:20px;margin-top:20px}.advantage .advantage-part .advantage-box .box{width:30%;border:1px solid #ccc;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;text-align:left}.advantage .advantage-part .advantage-box .box:hover{transition:all 1s;background-color:#2872fa}.advantage .advantage-part .advantage-box .box .box-icon{width:100%}.advantage .advantage-part .advantage-box .box .box-icon .iconfont{font-size:30px;text-align:left}.advantage .advantage-part .advantage-box .box .box-title{width:100%}.advantage .advantage-part .advantage-box .box .box-title h3{font-size:20px;color:#3a4f66;padding:20px 0}.advantage .advantage-part .advantage-box .box .box-txt p{font-size:16px;line-height:24px}.technology{margin-top:100px}.technology .technology-part{position:relative;background-color:#2872fa;border-radius:10px;padding:60px 50px;display:flex;justify-content:space-between;align-items:center}.technology .technology-part::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/pattern.svg);opacity:.03;transition:background .3s,border-radius .3s,opacity .3s}.technology .technology-part .part-left{width:70%;color:white;padding:20px}.technology .technology-part .part-left .left-title{font-size:40px;font-weight:bold}.technology .technology-part .part-left .left-txt{margin-top:15px;line-height:1.6}.technology .technology-part .part-right{width:30%;text-align:right}.technology .technology-part .part-right a{padding:15px 25px;border-radius:8px;background-color:white;color:#2872fa;font-size:20px}.guide{margin-top:100px}.guide .guide-part .guide-box{display:flex;justify-content:space-around;margin-top:20px}.guide .guide-part .guide-box .box{width:45%;display:flex;gap:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);align-items:center;padding:20px}.guide .guide-part .guide-box .box .icon a{color:#2872fa;background-color:#f1eefe;border-radius:50%;font-size:35px;padding:10px}.guide .guide-part .guide-box .box .version .version-title{font-size:25px;color:#3a4f66;padding:20px 0}.guide .guide-part .guide-box .box .version .version-txt{font-size:16px;line-height:24px;color:#aaa}.selected{margin-top:100px}.selected .selected-part .selected-box{display:flex;justify-content:space-around;gap:10px;margin-top:20px}.selected .selected-part .selected-box .box{padding:40px;box-shadow:0 0 10px rgba(0,0,0,0.1);text-align:center;width:20%}.selected .selected-part .selected-box .box:hover{transition:all .2s;box-shadow:0 0 20px rgba(0,0,0,0.2)}.selected .selected-part .selected-box .box .img img{width:45px}.selected .selected-part .selected-box .box .version .version-title{font-size:25px;color:#3a4f66;padding:20px 0}.selected .selected-part .selected-box .box .version .version-txt{font-size:16px;line-height:24px;color:#aaa}.selected .selected-part .selected-box .box .version .version-txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.tab-1{margin-top:100px}.tab-1 .tab-1-part{display:flex;align-items:center;justify-content:space-between}.tab-1 .tab-1-part .part-left{width:49%;background-color:#2872fa;height:400px;border-radius:20px;display:flex;justify-content:center;align-items:center}.tab-1 .tab-1-part .part-left img{width:60%;border-radius:20px}.tab-1 .tab-1-part .part-right{width:49%}.tab-1 .tab-1-part .part-right .tab-1-title{font-size:30px;color:#3a4f66;padding:20px 0}.tab-1 .tab-1-part .part-right .tab-1-txt{font-size:16px;line-height:24px;color:#aaa;padding:20px 0}.tab-1 .tab-1-part .part-right .tab-1-desc .tab-1-desc-part .part-box{display:flex;gap:5px;padding:10px 0;align-items:center;color:#3a4f66;font-size:16px;line-height:24px;transition:all .5s}.tab-1 .tab-1-part .part-right .tab-1-desc .tab-1-desc-part .part-box:hover{color:#2872fa}.tab-1 .tab-1-part .part-right .tab-1-desc .tab-1-desc-part .part-box .iconfont{color:#2872fa}.tab-2{margin-top:100px;width:100%;position:relative;background-color:#102136}.tab-2::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/pattern.svg);opacity:.03;transition:background .3s,border-radius .3s,opacity .3s}.tab-2 .tab-2-part .tab-2-part-title{padding-top:60px}.tab-2 .tab-2-part .tab-2-part-title h1{color:white;font-size:35px;padding:20px 0;text-align:center}.tab-2 .tab-2-part .tab-2-part-txt p{color:white;font-size:16px;padding:20px 0;text-align:center;font-weight:100}.tab-2 .tab-2-part .part-box{padding:60px 0;display:flex;justify-content:space-around}.tab-2 .tab-2-part .part-box .box{color:white;display:flex;flex-direction:column;align-items:start}.tab-2 .tab-2-part .part-box .box span{padding:10px 0}.tab-2 .tab-2-part .part-box .box .box-title{font-size:20px}.tab-2 .tab-2-part .part-box .box .box-desc{font-size:40px;font-weight:800}.tab-3{margin-top:100px}.tab-3 .tab-3-part .part-title{margin-bottom:50px}.tab-3 .tab-3-part .tab-3-ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;list-style-type:disc}.tab-3 .tab-3-part .tab-3-ul li{flex:0 0 45%;box-sizing:border-box;margin:30px;padding:10px;border-bottom:1px dashed #ccc;font-size:22px}.tab-3 .tab-3-part .tab-3-ul li a{color:#3a4f66;transition:color .5s}.tab-3 .tab-3-part .tab-3-ul li a:hover{color:#2872fa}.tab-3 .tab-3-part .tab-3-btn{margin-top:50px;text-align:center}.tab-3 .tab-3-part .tab-3-btn a{font-size:20px;padding:10px 15px;background-color:#3a4f66;color:white;transition:all .3s ease;display:inline-block}.tab-3 .tab-3-part .tab-3-btn a:hover{transform:scale(1.2);background-color:#2872fa}