.intro {background: url(https://css02.v15cdn.com/m413/purple/ab-bg2.webp) #177a38;}
.about .swiper-pagination-bullet-active{background: var(--color);}
.about .l-wrap-f{align-items: center;}
.l-main-home .latestpro .sec-title{display:none}
.l-main-home .latestpro .sec-con{color:#fff;font-size:var(--fontsize34);text-align:center;text-transform:uppercase}
.latestpro ul{padding-top:30px}
.latestpro ul>li:last-child{display:flex;align-items:center}
.latestpro ul>li:last-child a{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:277/223;background:var(--color);color:#fff;text-transform:uppercase}
.latestpro ul>li:last-child a:hover{text-decoration:underline;opacity:.9}
.latestpro-item:after{padding-top:81%}
@media (max-width:960px){.latestpro ul>li:last-child{width:100%}
.latestpro ul>li:last-child a{aspect-ratio:5/1}
.l-main-home .sec-title,.l-main-home .latestpro .sec-con{font-size:24px}}
.l-main-home .latestpro .sec-con{margin-bottom:5%;}
@media (min-width:769px){.latestpro ul>li:last-child a{font-size:28px;}}
.latestpro-item .l-outter{padding:5px}
.intro { background: url(https://css02.v15cdn.com/m413/purple/ab-bg2.webp) var(--color);}