.main-content-inner04{background: url(../img/common/u1-university.png) repeat-x center top;overflow: hidden; animation: bgScroll 20s linear infinite;}
.main-content-inner04 .main-tit{font-weight: 700;font-size: 48px;line-height: 120%;color: #222222;margin: 41px 0;text-align: center;}
.main-content-inner04 .shorts{text-align: center;padding: 56px 0;}

.main-content-list04{width: 100%;overflow:hidden;position: relative;padding: 18px 0 0;}
.main-content-list04:before{content: '';background: url(../img/common/iphone-right.png) no-repeat;width: 129px;height: 538px;position: absolute;top: 0;left: 50%;}
.main-content-list04:after{content: '';background: url(../img/common/iphone-left_01.png) no-repeat;width: 129px;height: 32px;position: absolute;top: 0;right: 50%;z-index: 100;}
.main-content-list04 .iphone-left-wrap{font-size: 0;width: 129px;height: 538px;position: absolute;top: 0;right: 50%;}
.main-content-list04 .iphone-left-wrap:before{content: '';background: url(../img/common/iphone-left_02.png) no-repeat;width: 13px;height: 477px;position: absolute;bottom: 29px;left: 0;z-index: 100;}
.main-content-list04 .iphone-left-wrap:after{content: '';background: url(../img/common/iphone-left_03.png) no-repeat;width: 129px;height: 29px;position: absolute;bottom: 0;right: 0;z-index: 100;}
.main-content-list04 .swiper-container{width:100%;margin:0 auto;overflow:visible;}
.main-content-list04 .swiper-container{margin-left: 0;}
.main-content-list04 .swiper-container-left{margin-left: -30px;}
.main-content-list04 .swiper-container-right{margin-left: 30px;}

.main-content-list04 .swiper-slide{width: 180px;height: 502px;display:flex;justify-content:center;align-items: center;/*margin: 0 24px;*/}

.main-content-list04 .swiper-slide.swiper-slide-active{width: 220px;}
.main-content-list04 .swiper-slide.swiper-slide-prev{width: 200px;}
.main-content-list04 .swiper-slide.swiper-slide-next{width: 200px;}

.main-content-list04 .swiper-slide .cont{width: 180px;height: 411px;transition: width 0.4s ease, height 0.4s ease;border-radius: 24px;overflow: hidden;box-shadow: 0px 8px 24px rgba(13, 0, 132, 0.16);}
.main-content-list04 .swiper-slide.swiper-slide-active .cont{width: 220px;height: 100%;}
.main-content-list04 .swiper-slide.swiper-slide-prev .cont{width: 200px;height: 456px;}
.main-content-list04 .swiper-slide.swiper-slide-next .cont{width: 200px;height: 456px;}
.main-content-list04 .swiper-slide img{max-width: 100%;height: 100%;object-fit: cover;object-position: center;}

.main-content-list04 .swiper-slide a{position: relative;}
.main-content-list04 .swiper-slide a:before{content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: url(../img/common/youtube-gray.png) no-repeat center;width: 72px;height: 72px;transition: all 0.3s ease;}
.main-content-list04 .swiper-slide a:hover:before{background: url(../img/common/youtube.png) no-repeat center;}
.main-content-list04 .swiper-slide.swiper-slide-active a:before{background: url(../img/common/youtube.png) no-repeat center;}

.main-content-list04 .swiper-controls{display: flex;align-items: center;justify-content: center;margin-top: 49px;}
.main-content-list04 .swiper-controls > div{display: inline-flex;align-items: center;justify-content: center;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 10px;overflow: hidden;}
.main-content-list04 .swiper-controls .swiper-button-prev,
.main-content-list04 .swiper-controls .swiper-button-next{position: unset;width: 64px;height: 64px;border: 0;margin: 0;font-size: 0;}
.main-content-list04 .swiper-controls .swiper-button-prev{background: url(../img/common/swiper-prev.png) no-repeat center;}
.main-content-list04 .swiper-controls .swiper-button-next{background: url(../img/common/swiper-next.png) no-repeat center;}
.main-content-list04 .swiper-controls .swiper-button-prev:after,
.main-content-list04 .swiper-controls .swiper-button-next:after{display: none;}
.main-content-list04 .swiper-controls .swiper-pagination{position: unset;width: 99px;height: 64px;border: 0;border-left: 1px solid rgba(0, 0, 0, 0.2);border-right: 1px solid rgba(0, 0, 0, 0.2);display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 20px;line-height: 23px;letter-spacing: 0.2em;color: #666666;font-family: "Roboto", sans-serif;}
.main-content-list04 .swiper-controls .swiper-pagination span{color: #000;}


@media(max-width: 1024px){
	.main-content-inner04 {animation: bgScroll 20s linear infinite;}
	.main-content-inner04 .main-tit{font-size: 28px;}
}

@media(max-width: 768px){
	.main-content-inner04 .main-tit {margin: 16px 0;}
	.main-content-inner04 .shorts{padding: 0 0 32px;}
	
	.main-content-list04 {padding: 18px 0;}
	.main-content-list04 .swiper-controls {margin-top: 0;position: absolute;z-index: 99;top: 50%;transform: translateY(-50%);width: 100%;}
	.main-content-list04 .swiper-controls .swiper-pagination {display: none;}
	.main-content-list04 .swiper-controls .swiper-button-prev, .main-content-list04 .swiper-controls .swiper-button-next {width: 45px;height: 45px;cursor: pointer;position: absolute;overflow: hidden;background: #22222266;border: 0;border-radius: 50%;font-size: 0;transition: all 0.3s ease-in-out;z-index: 2;}
	.main-content-list04 .swiper-controls .swiper-button-prev {left: 0;}
	.main-content-list04 .swiper-controls .swiper-button-next {right: 0;}
	.main-content-list04 .swiper-controls .swiper-button-prev:before{content: '';background: url(../img/common/ico-left-news.png) no-repeat center;background-size: 12px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
	.main-content-list04 .swiper-controls .swiper-button-next:before{content: '';background: url(../img/common/ico-right-news.png) no-repeat center;background-size: 12px;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
}

@keyframes bgScroll {
	from {
		background-position: 0% 198px;
	}
	to {
		background-position: -2084px 198px;
	}
}