:root{--color:#084780;--color1:#175792}
.home-solution{padding-bottom:5%}
.homepro-recommend-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2%}
.homepro-recommend-item{width:49%;margin-bottom:2em;padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative;background:#fff;box-shadow:0 3px 20px 0 #dedede;border-radius:var(--borderradius)}
.homepro-recommend-item:nth-last-child(-n+2){margin-bottom:0}
.homepro-recommend-item:hover img{transform:translateY(-5px)}
.homepro-recommend-item:hover .name{color:var(--color)}
.homepro-recommend-item .img{width:40%;display:flex;align-items:center;justify-content:center}
.homepro-recommend-item .img a{overflow:inherit}
.homepro-recommend-item .img img{width:100%;border-radius:var(--borderradius);transition:all .2s linear}
.homepro-recommend-item .img .icon-videoplay{margin-bottom:10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background:rgba(0,0,0,.5);color:#fff;font-size:var(--fontsize18);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.homepro-recommend-item .info{flex:1;padding-left:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.homepro-recommend-item .info .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4;position:relative;padding-bottom:10px;margin-bottom:10px}
.homepro-recommend-item .info .name::after{content:"";position:absolute;bottom:0;left:0;width:59px;height:3px;background:var(--color)}
.homepro-recommend-item .info .text{margin-bottom:1em;color:var(--introcolor)}
.homepro-recommend-item .info .home-more{min-width:140px;height:45px}
.home-category{padding:5% 0}
.procate-list{display:flex;flex-wrap:wrap;margin-top:45px}
.procate-list .procate-item{z-index:99;width:22%;margin-right:4%;background:#fff;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transition:all .1s linear;overflow:hidden;border-radius:5px}
.procate-list .procate-item:hover{box-shadow:0 3px 18px 0 rgba(0,0,0,.24)}
.procate-list .procate-item:hover .procate-img img{transform:scale(1.02)}
.procate-list .procate-item:hover .procate-title a{color:var(--color)}
.procate-list .procate-item:nth-child(4){margin-right:0}
.procate-list .procate-item .procate-img{max-height:360px;min-height:180px;position:relative;display:flex;align-items:center;justify-content:center}
.procate-list .procate-item .procate-img .tags{position:absolute;top:0;left:0;background:rgba(0,0,0,.24);color:#fff;padding:2px 8px;z-index:1;border-radius:5px 0 0 0;text-transform:lowercase;font-size:var(--fontsize14)}
.procate-list .procate-item .procate-img img{width:100%;height:100%;object-fit:cover}
.procate-list .procate-item .procate-title{height:80px;display:flex;align-items:center;padding:10px 20px}
.procate-list .procate-item .procate-title a{display:inline-block;width:100%;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--fontcolor);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-about{background:url(/Content/uploads/20261272026/202602040929519f77a840b8d34422b12b9fc1d694601c.webp) left no-repeat;background-size:cover}
.home-about .about-img{width:50%}
.home-about .about-img img{width:100%;height:100%;object-fit:cover}
.home-about .about-info{flex:1;position:relative;z-index:1;padding:4% 0}
.home-about .about-info .home-title{color:#fff;line-height:1;font-weight:var(--fontbold5);margin:30px 0;text-align:left}
.home-about .about-info .p1{color:#fff;font-size:var(--fontsize16);text-transform:uppercase}
.home-about .about-info .list{list-style:none;padding-bottom:20px;margin-top:25px}
.home-about .about-info .list li{position:relative;margin-bottom:25px;color:#fff}
.home-about .about-btns{display:flex}
.home-about .about-btns a{width:160px;height:50px;color:#2abdd6;font-weight:600;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:6px;line-height:1}
.home-about .about-info .num{display:flex;flex-wrap:wrap;align-items:flex-start;list-style:none;padding:20px 0 30px}
.home-about .about-info .num li{margin-right:40px}
.home-about .about-info .num li:nth-child(3){margin-right:0}
.home-about .about-info .num li span{color:var(--color);font-size:34px}
.home-about .about-info .num li p{font-size:var(--fontsize14)}
.home-about .about-info .home-more{border-color:#d0d0d0;color:var(--fontcolor)}
.home-about .about-info .home-more:hover{border-color:var(--fontcolor)}
.home-about .about-info{padding-left:170px;padding-right:3%}
@media (max-width:1700px) {.home-about .about-info{padding-left: 70px;}}
@media(max-width:1280px){.home-about .about-info .l-wrap{padding:0 5%}
.home-about .about-info .title{font-size:34px}}
@media(max-width:1024px){.homepro-recommend-item{padding:10px 10px}
.homepro-recommend-item .img{width:35%}
.homepro-recommend-item .info .name{padding-bottom:5px;font-size:var(--fontsize18)}
.home-about .about-info .title{font-size:var(--fontsize24)}
.home-about{flex-direction: column-reverse;}
.home-about .about-info {padding-left: 3%;width: 100%;}
.home-about .about-img{width: 100%;}}
@media(max-width:768px){.homepro-recommend-item{width:100%;margin-bottom:1em!important}
.homepro-recommend-item .info{padding-left:10px}
.homepro-recommend-item .info .text{margin-bottom:0}
.homepro-recommend-item .info .home-more{display:none}
.procate-list{justify-content:space-between}
.procate-list .procate-item{width:49%;margin-bottom:20px;margin-right:0}
.home-about .about-img{width:100%}
.home-about .about-info .l-wrap{padding:0 15px}}
@media(max-width:550px){.procate-list .procate-item .procate-title{height:66px;padding:4px 10px}
.procate-list .procate-item .procate-title a{font-size:var(--fontsize16)}
.procate-list .procate-item .procate-img{max-height:300px}
.home-about .about-info .title{font-size:var(--fontsize20)}
.home-about .about-info .num li span{font-size:var(--fontsize28, 28px)}
.home-about .about-info .num{justify-content:space-between}
.home-about .about-info .num li{width:33%;margin:0!important}
.home-about .about-info .num li:first-child{text-align:left}
.home-about .about-info .num li:nth-child(2){text-align:center}
.home-about .about-info .num li:nth-child(3){text-align:right}}
@media (min-width:769px){.homepro-recommend-item:nth-child(5){margin-bottom:0;}}
.home-solution{background-image: url(/Content/uploads/20261272026/20260212114821952b47eb6a6847ceb6187f0f4bf13dd3.jpg);}