.pagesbanner .pagesbanner-animate{top:50%}
.pagesbanner .pagesbanner-animate .p1{font-size:38px;font-weight:var(--fontbold6)}
.smart-title{text-align:center;font-size:var(--fontsize36);font-weight:var(--fontbold6);color:#000003;position:relative;padding-bottom:10px}
.smart-title::before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:70px;height:2px;background-color:var(--color)}
article{padding-bottom:0}
.smart1{background-color:#e9f3ff;border-radius:3px 150px 3px 150px;overflow:hidden}
.smart1 .box{display:flex;align-items:center;flex-wrap:wrap}
.smart1 .info{flex:1;padding:4%}
.smart1 .info .smart-title{text-align:left}
.smart1 .info .smart-title::before{left:0;transform:translateX(0)}
.smart1 .info .txt{color:#666;font-size:var(--fontsize18);margin-top:4%}
.smart1 .info .item{margin-top:3%}
.smart1 .info .item em{color:var(--color);margin-right:10px;font-weight:var(--fontbold5);font-size:var(--fontsize20)}
.smart1 .info .item .tit{color:#000002;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.smart1 .info .item .des{color:#666;font-size:var(--fontsize18)}
.smart2{padding:5% 0}
.smart2 .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.smart2 .list li{width:23%;background-color:#fff;box-shadow:0 2px 39px 4px rgba(146,146,146,.16);border-radius:3px;padding:40px 30px;transition:all .2s linear}
.smart2 .list li .icon{width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color);border-radius:5px}
.smart2 .list li .icon em{color:var(--color);font-size:42px;font-weight:var(--fontbold5)}
.smart2 .list li .tit{font-size:var(--fontsize22);font-weight:var(--fontbold6);border-bottom:1px solid #e1e1e1;padding:10px 0;margin-top:20%;line-height:1.4}
.smart2 .list li .txt{color:#666;margin-top:14px}
.smart2 .list li:hover{transform:translateY(-5px)}
.smart3{padding-bottom:5%}
.smart3 .des{color:#666;max-width:970px;margin:20px auto 0;text-align:center}
.smart3 .item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:40px}
.smart3 .item .img{width:48%}
.smart3 .item .img .smart3swiper-pagination{width:100%;display:flex;justify-content:center;margin-top:20px}
.smart3 .item .img .smart3swiper-pagination .swiper-pagination-bullet{width:6px;height:6px}
.smart3 .item .info{width:48%;color:#666}
.smart3 .item .info .tit{color:#000003;font-size:var(--fontsize18);margin-bottom:14px;line-height:1.4}
.smart3 .item .info strong{color:#000003}
.smart4{position:relative;z-index:2;padding:5% 0}
.smart4::before{content:"";position:absolute;background-color:#f5f5f5;width:1920px;height:100%;left:-230px;top:0;z-index:-1}
.smart4 .item{display:flex;align-items:center;justify-content:space-between;margin-top:60px}
.smart4 .item .img{width:48%}
.smart4 .item .info{width:48%;color:#666}
.smart4 .item .info .img-list{display:flex;justify-content:space-between;margin-top:20px;max-width:60%}
.smart4 .item .info .img-list li{width:31%;background-color:#fff;padding:23px 20px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.smart4 .item .info .img-list li:hover{transform:translateY(-5px)}
.smart4 .item .info .tit{color:#000003;font-size:var(--fontsize18);margin-bottom:20px}
.smart4 .item .info strong{color:#000002}
.smart5{padding:5% 0}
.smart5 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.smart5 .img{width:48%}
.smart5 .info{width:48%}
.smart5 .info .txt{color:#000003;font-size:var(--fontsize18)}
.smart6{position:relative;z-index:2;color:#fff;padding:5% 0;text-align:center}
.smart6::before{content:"";position:absolute;left:-230px;top:0;width:1920px;height:100%;background-image:url(/uploads/43538/page/p202506181327096a42c.webp);background-repeat:no-repeat;background-size:cover;z-index:-1}
.smart6 .smart-title{color:#fff}
.smart6 .des{margin-top:10px}
.smart6 .btn{display:flex;justify-content:center;margin-top:40px}
.smart6 .btn a{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 20px;color:#fff;background-color:var(--color);border-radius:10px}
@media screen and (max-width:1280px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize26)}
.pagesbanner .pagesbanner-animate .p2 br{display:none}
}
@media screen and (max-width:1024px){.smart-title{font-size:var(--fontsize26)}
.smart2{padding:40px 0}
.smart3{padding-bottom:40px}
.smart4{padding:40px 0}
.smart4::before{width:calc(100% + 30px);left:-15px}
.smart5{padding:40px 0}
.smart6{padding:40px 0}
.smart6::before{width:calc(100% + 30px);left:-15px}
}
@media screen and (max-width:768px){.smart-title{font-size:var(--fontsize24)}
.pagesbanner img{min-height:240px}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize18)}
.pagesbanner .pagesbanner-animate .p2{line-height:1.4}
.smart1 .box .info{width:100%}
.smart1 .box .img{width:100%}
.smart2 .list li{width:48%;margin:10px 0}
.smart3 .item{margin-top:25px}
.smart3 .item .img{width:100%}
.smart3 .item .info{width:100%;margin-top:25px}
.smart3 .item:nth-child(even){flex-direction:column-reverse}
.smart4 .item{margin-top:25px;flex-wrap:wrap}
.smart4 .item .img{width:100%}
.smart4 .item .info{width:100%;margin-top:25px}
.smart4 .item:last-child{flex-direction:column-reverse}
.smart5 .box{margin-top:25px}
.smart5 .img{width:100%}
.smart5 .info{width:100%;margin-top:25px}
}
@media screen and (max-width:500px){.smart1{border-radius:3px}
.smart1 .info .txt{font-size:var(--fontsize16)}
.smart1 .info .item .des{font-size:var(--fontsize16)}
.smart2 .list li{width:100%;padding:20px}
.smart2 .list li .tit{margin-top:25px}
.smart4 .item .info .img-list{width:100%;max-width:100%}
.smart4 .item .info .tit{font-size:var(--fontsize16)}
.smart5 .info .txt{font-size:var(--fontsize16)}
}