/*HOMEPAGE*/
.main-background { position: relative;}
.main-background-img img { height: 100%; width: 100%; }
.main-background .icon-cdt { position: absolute; bottom: 90px; width: 40%; right: 20px; object-fit: contain; object-position: center; }

.introduce-home__list { display: flex; flex-wrap: wrap; list-style: none; padding-left: unset; background-color: #F5F1E6; padding: 30px 40px;}
.introduce-home__list-item { width: 20%; padding: 20px 25px; text-align: center; }
.introduce-home__list-item .icon img { height: 120px; }
.introduce-home__list-item .number { font-size: 48px; margin-bottom: 5px; margin-top: 15px; font-weight: 500; display: flex; justify-content: center; line-height: 1; color: var(--cl-hp-xl)}
.introduce-home__list-item .number span { display: inline-block; padding: 0; margin: 0; }
.introduce-home__img { display: flex; flex-wrap: wrap; list-style: none; padding-left: unset; margin: -5px; justify-content: center;}
.introduce-home__img .item { padding: 5px;}

.certificate-home__list { display: flex; flex-wrap: wrap; list-style: none; padding-left: unset; margin-bottom: unset; text-align: center; margin: -20px;}
.certificate-home__list .item { width: 25%; padding: 20px; }
.certificate-home__list .item .time { font-size: 35px; font-weight: 500; color: var(--cl-hp-v);}
.certificate-home__list .item .des { color: var(--cl-hp-w); }

.introduce-cdt .icon-cdt img { max-width: 500px; }
.introduce-cdt__bot .sub-title { margin-bottom: 130px; }
.introduce-cdt__bot .list { padding-left: unset; list-style: none; display: flex; flex-wrap: wrap; margin: -50px -15px; justify-content: center;}
.introduce-cdt__bot .list .item { width: 50%; padding: 50px 15px; }
.introduce-cdt__bot .list .item-inner { padding: 75px 25px 50px 25px; position: relative; border-radius: 10px; background-color: var(--bg-hp-s); height: 100%;}
.introduce-cdt__bot .list .item-inner .text { font-size: 20px; font-weight: 600; color: var(--cl-hp-m); }
.introduce-cdt__bot .list .item-inner .icon { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); }
.introduce-cdt__bot .list .item-inner .icon-inner { width: 98px; height: 98px; border-radius: 50%; line-height: 78px; padding: 10px; background-color: var(--bg-hp-m);}
.introduce-cdt__bot .list .item-inner:before{ content: ''; top: 0; left: 50%; width: 108px; height: 108px; background-color: #D89927; position: absolute; z-index: -1; border-radius: 50%; transform: translate(-50%, -50%);}

.project__list { display: flex; flex-wrap: wrap; margin: -18px; list-style: none; padding-left: unset; justify-content: center;}
.project__list-item { width: 33.33%; padding: 18px; }
.project__list-item a, .project__list-item .inner { height: 100%; display: block }
.project__list-item .wrap-img { position: relative; height: 0; padding-top: 65%; overflow: hidden; }
.project__list-item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: all ease 0.4s; }
.project__list-item .wrap-info .title { font-size: 20px; -webkit-line-clamp: 2; } 
.project__list-item .wrap-info { padding: 20px 18px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.project__list-item .wrap-info .expert  { -webkit-line-clamp: 4; line-height: 24px; }
.project__list-item .inner { display: flex; flex-direction: column;}

.office__list { display: flex; flex-wrap: wrap; margin: 15px -50px; list-style: none; padding-left: unset;}
.office__list-item { width: 50%; padding: 15px 50px; }