.build-about{position:relative;z-index:100;padding-bottom:90px;}
.build-about ul{display:flex;flex-wrap:wrap;}
.build-about ul li{width:33.333333%;position:relative;top:0px;}
.build-about ul li:nth-child(2){transform: translateY(-50px);}
.build-about ul li .box{aspect-ratio: 1.13 / 1;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0 25px;text-align:center;position:relative;overflow:hidden;}
.build-about ul li img{max-height:60px;margin-bottom:20px;}
.build-about ul li h5{font-size:24px;color:#fff;font-weight:700;line-height:1;}
.build-about ul li p{margin:15px 0 0;font-size:16px;color:#fff;line-height:23px;}


.build-about ul li .box::before{background:rgba(255, 255, 255, 0.2);content:"";height:100%;left:0;position:absolute;top:0;transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-ms-transition: transform 0.7s ease 0.1s;-webkit-transition: transform 0.7s ease 0.1s;transition: transform 0.7s ease 0.1s;width:100%;z-index:101;}
.build-about ul li:hover .box::before{transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);}

.build-about .outer{display:flex;margin-top:51px;}                              
.build-about .outer .txt{flex:1;margin-right:30px;overflow:hidden;color:#0f0f0f;}
.build-about .outer .txt h3{border-bottom:1px solid #dadada;display:inline-block;margin-bottom:25px;font-size:32px;font-weight:700;line-height:1.1;}
.build-about .outer .txt h3::after{content:"";margin:10px 0 -2px;width:70px;height:4px;background:var(--active-color);display:block;}
.build-about .outer .txt .t{font-size:16px;line-height:23px;}
.build-about .outer .txt .t p+p{margin-top:15px;}
.build-about .outer .txt dl{display:flex;justify-content:space-between;flex-wrap:wrap;margin:15px -10px 0;}
.build-about .outer .txt dl dd{width:50%;padding:8px 10px;display:flex;align-items:center;}
.build-about .outer .txt dl dd .ico{background:#eaeaea;height:64px;width:64px;border-radius:5px;text-align:center;display:inline-flex;justify-content:center;align-items:center;}
.build-about .outer .txt dl dd .ico img{max-width:50%;max-height:50%;}
.build-about .outer .txt dl dd .tt{flex:1;margin-left:16px;}
.build-about .outer .txt dl dd .tt h5{font-size:18px;font-weight:700;line-height:1;}
.build-about .outer .txt dl dd .tt p{font-size:16px;margin:5px 0 0;}

.build-about .outer .pic{width:41.66666667%;}
.build-about .outer .pic img{width:100%;}



@media screen and (max-width:1441px) {
.build-about ul li h5{font-size:23px;}
}

@media screen and (max-width:1367px) {
.build-about ul li h5{font-size:22px;}

}

@media screen and (max-width:1281px){
.build-about{padding-bottom:60px;padding-top:60px;}
.build-about ul li{width:33.333333%;position:relative;top:auto;}
.build-about ul li:nth-child(2){transform:none;}
.build-about ul li h5{font-size:21px;}
.build-about ul li p{font-size:15px;line-height:22px;}

.build-about .outer{margin-top:50px;}
.build-about .outer .txt h3{font-size:30px;}

}


@media screen and (max-width:1171px){
.build-about ul li img{max-height:55px;margin-bottom:15px;}
.build-about ul li h5{font-size:20px;}
.build-about ul li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

.build-about .outer .txt h3{font-size:28px;}

}

@media screen and (max-width:992px){
.build-about ul li .box{padding:0 15px;}
.build-about ul li h5{font-size:19px;}
.build-about .outer{display:block;}
.build-about .outer .txt{margin-right:0;text-align:center;}
.build-about .outer .txt h3::after{margin:10px auto -2px;}
.build-about .outer .txt .t{text-align:left;}
.build-about .outer .txt dl{text-align:left;}
.build-about .outer .pic{display:none;}
}

@media screen and (max-width:768px){
.build-about{padding-bottom:30px;padding-top:30px;}
.build-about ul li{width:100%;}
.build-about ul li+li{margin-top:2px;}
.build-about ul li .box{aspect-ratio: auto;padding:30px 15px;}
.build-about .outer{margin-top:30px;}
.build-about .outer .txt h3{font-size:26px;}
}

@media screen and (max-width:576px) {
.build-about ul li img{max-height:45px;margin-bottom:10px;}
.build-about ul li h5{font-size:18px;}
.build-about ul li p{margin:10px 0 0;}
.build-about .outer .txt h3{font-size:24px;margin-bottom:20px;}
.build-about .outer .txt dl dd .ico{height:50px;width:50px;}
.build-about .outer .txt dl dd .tt h5{font-size:17px;}
.build-about .outer .txt dl dd .tt p{font-size:15px;}
}

@media screen and (max-width:480px) {
.build-about ul li .box{padding:25px 15px;}
.build-about ul li h5{font-size:17px;}
.build-about ul li img{max-height:40px;}
.build-about .outer .txt h3{font-size:22px;}
.build-about .outer .txt .t{font-size:15px;line-height:22px;}
.build-about .outer .txt dl dd{display:block;text-align:center;}
.build-about .outer .txt dl dd .tt{margin:10px 0 0;}
.build-about .outer .txt dl dd .tt h5{font-size:16px;}
.build-about .outer .txt dl dd .tt p{font-size:14px;}
}	


@media screen and (max-width:420px) {
.build-about .outer .txt h3{font-size:20px;}
}