.intro {font-size: 20px;text-align: center;font-weight: 500;}
.wrap-intro {display: flex;gap: 40px;}
.wrap-intro .left {width: 30%;}
.wrap-intro .left > ul {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.wrap-intro .left > ul > li img {width: 100%;height: 100%;object-fit: cover;}
.wrap-intro .right {flex: 1;}

.list-item {display: flex;flex-wrap: wrap;gap: 20px;}
.list-item li {width: calc(50% - 10px);border-radius: 10px;overflow: hidden;height: 400px;}
.list-item li img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.list-item li:hover img {transform: scale(1.1);}


@media (max-width: 1024px){
	.wrap-intro {flex-direction: column;}
	.wrap-intro .left {width: auto;}
	.intro {font-size: 16px;}
}

@media (max-width: 768px){
	.list-item li {width: 100%;height: calc(450/768*100vw)}
}