.intro-wrap {display: flex;gap: 30px;}
.intro-wrap .left {flex: 1;}
.intro-wrap .left .title {margin-bottom:20px;line-height:1.21em;font-size:28px;font-weight:700;color:#143770;letter-spacing:-0.5px;}
.intro-wrap .right {max-width: 585px;width: 100%;}

.swiper-button-next, .swiper-button-prev {font-size: 0;width: 40px;height: 40px;background-size: 10px 15px;border: 1px solid #fff;border-radius: 100%;background-color: #fff;}
.synchrotron-intro {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;align-items: stretch;}
.synchrotron-item .box-img img{width: 100%;height: 100%;object-fit: cover;}
.synchrotron-item p {font-size: 15px;font-weight: 700;line-height: 130%;margin-top: 10px;}



@media (max-width: 1024px) {
	.intro-wrap {flex-direction: column;}
	.intro-wrap .right {max-width: unset;}
	.intro-wrap .right img {width: 100%;height: 100%;object-fit: cover;}
	.swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
	.synchrotron-intro {grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 768px) {
	.intro-wrap .left .title {font-size: 25px;}
	.synchrotron-intro {grid-template-columns: repeat(1, 1fr);}
}

@media (max-width: 400px) {
	.status-wrap .item .box-img img {width: 100%;height: 100%;object-fit: cover;}
}