@media (max-width:530px) {

	/* 轮播图 */
	.swiper-container {
		width: 100%;
		height: 160px;
	}
	
	.swiper-slide1 {
		width: 100%;
		height: 100%;
		background-image: url(../img/swiper.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.swiper-slide1 .pet-box {
		width: 100%;
		height: 100%;
		position: relative;
	}
	
	.swiper-slide1 .pet-box .colour {
		--top-value: 28;
		top: 28px;
		position: absolute;
		left: 109px;
		width: 45px;
		width: 41px;
	}
	
	.swiper-slide1 .pet-box .ani {
		-webkit-animation: img1Move 1.8s cubic-bezier(.445, .05, .55, .95) infinite;
		animation: img1Move 1.8s cubic-bezier(.445, .05, .55, .95) infinite;
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}
	
	.swiper-slide1 .pet-box .forestall {
		top: 27px;
		left: 59px;
		position: absolute;
		width: 80px;
		height: 100px;
	}
	
	.swiper-slide1 .pet-box .warrior {
		bottom: -40px;
		left: 133px;
		position: absolute;
		width: 171px;
		height: 147.5px;
	}
	
	.swiper-slide1 .pet-box .bewildering {
		--top-value: 64;
		top: 64px;
		left: 248px;
		position: absolute;
		width: 103px;
		width: 38px;
	}
	
	.swiper-slide1 .pet-box .pamper {
		/* --top-value: 481; */
		bottom: -11px;
		left: 165px;
		position: absolute;
		width: 55px;
		width: 59px;
	}
	
	.swiper-slide2 {
		width: 100%;
		height: 100%;
		background-image: url(../img/swiper2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.swiper-slide2 img:first-child {
		margin-top: 80px;
	}
	
	.swiper-slide2 img:last-child {
		margin-top: 22px;
	}
	
	/* 孩子选择 */
	.aversion{
		width: 100%;
		height: 180px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.aversion .aversion-box{
	/* 	width: 1200px; */
		display: flex;
		justify-content: center;
		padding: 0 20px;
	}
	
	.aversion .aversion-box img{
		width: 25%;
		object-fit: cover;
	}
	
	.aversion .aversion-box img.big{ 
		margin-left: -5px;
	}
	
	/* 9大品牌优势 */
	.intrude {
		width: 100%;
		display: flex;
		justify-content: center;
		/* height: 986px; */
		background-color:  #F8F8F8;;
	}
	
	.intrude .intrude-box {
		width: 100%;
		padding: 0 20px;
	}
	
	.intrude .intrude-box .intrude-left {
		margin-top: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.intrude .intrude-box .intrude-left .cn-title {
		font-size: 26px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #3B3B3B;
	}
	
	.intrude .intrude-box .intrude-left .en-title {
		font-size: 12px;
		font-family: Ubuntu;
		font-weight: 300;
		color: #CECECE;
		margin: 15px 0 22px 0;
	}
	
	.intrude .intrude-box .intrude-left .device {
		width: 30px;
		height: 3px;
		background: linear-gradient(90deg, #FF4E50, #F9D423);
		border-radius: 2px;
	
	}
	
	.intrude .intrude-box .intrude-right {
		width: 100%;
		/* height: 420px; */
		display: flex;
		flex-direction: column;
	}
	
	.intrude .intrude-box .intrude-right .right-tips img {
		width: 1200px;
		height: 695px;
	}
	
	.intrude .intrude-box .intrude-right .right-box {
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.intrude .intrude-box .intrude-right .tendency{
		display: flex;
		justify-content: center;
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #898989;
		line-height: 40px;
	}
	
	.intrude .intrude-box .intrude-right .right-box .box {
		width: 100%;
		height: 180px;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		transform-origin: center center;
		margin-bottom: 30px;
	}
	
	.intrude .intrude-box .intrude-right .right-box .box .box-content {
		margin: 102px 0 0 24px;
		display: flex;
		flex-direction: column;
		font-size: 18px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		line-height: 30px;
	}
	
	.intrude .intrude-box .intrude-right .right-box .box1 {
		background-image: url(../img/cartoon.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box2 {
		background-image: url(../img/solve.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box3 {
		background-image: url(../img/efficient.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box4 {
		background-image: url(../img/product.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box5 {
		background-image: url(../img/unusual.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box6 {
		background-image: url(../img/106.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box7 {
		background-image: url(../img/delight.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box8 {
		background-image: url(../img/108.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box9 {
		background-image: url(../img/109.png);
	}
	
	/* 为什么选择闯词星球英语 */
	.why{
		background-color: #FFFFFF;
	}
	
	.why  .mode{
		/* margin-top: 45px; */
		display: flex;
		flex-direction: column;
	}
	
	.why .mode1{
		/* margin-right: 34px; */
		/* width: 316px; */
		margin-bottom: 20px;
	}
	
	.why .mode2{
		/* margin-right: 17px; */
		
		margin-bottom: 10px;
	}
	
	.why .mode3{
		/* width: 316px; */
	}
	
	.why .mode2 .mode-title{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 9px;
	}
	
	.why .mode1 .mode-title,
	.why .mode3 .mode-title{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 24px;
	}
	
	.why .mode-box .mode-title span:first-child{
		margin-bottom: 14px;
		font-size: 24px;
		font-family: PingFang;
		font-weight: 500;
		color: #898989;
	}
	
	.why .mode-box .mode-content img{
		margin-bottom: 44px;
	}
	
	/* 左边 */
	.why .mode1 .mode-content,
	.why .mode3 .mode-content{
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.why .mode1 .img,
	.why .mode3 .img{
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		width: 100%;
		height: 166px;
		position: relative;
	}
	
	.why .mode1 .img1{
		background-image: url(../img/famous.png);
	}
	
	.why .mode1 .img2{
		background-image: url(../img/study.png);
	}
	
	.why .mode1 .img3{
		background-image: url(../img/efficiency.png);
	}
	
	.why .mode3 .img1{
		background-image: url(../img/ice-cold.png);
	}
	
	.why .mode3 .img2{
		background-image: url(../img/interaction.png);
	}
	
	.why .mode3 .img3{
		background-image: url(../img/pledge.png);
	}
	
	.why .mode1 .img div,
	.why .mode3 .img div{
		height: 100%;
		width: 100%;
		font-size: 20px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		line-height: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	/* 中间 */
	.why .mode2 .mode-content{
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.why .mode2 .img{
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		width: 100%;
		height: 156px;
		position: relative;
	}
	
	.why .mode2 .img1{
		background-image: url(../img/immortal.png);
	}
	
	.why .mode2 .img2{
		background-image: url(../img/accurate.png);
	}
	
	.why .mode2 .img3{
		background-image: url(../img/condition.png);
	}
	
	.why .mode2 .img div{
		width: 140px;
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		right: 4px;
		top: 50px;
	}
	
	/* 完整课程输出 */
	.full{
		/* height: 885px; */
	}
	
	.full .content{
		width: 396px;
		height: 286px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		position: relative;
		object-fit: cover;
	}
	
	.full .content1{
		background-image: url(../img/PPT.png);
	}
	
	.full .content2{
		background-image: url(../img/materials.png);
	}
	
	.full .content3{
		background-image: url(../img/detailed.png);
	}
	
	.full .content4{
		background-image: url(../img/live.png);
	}
	
	.full .content5{
		background-image: url(../img/presentation.png);
	}
	
	.full .content6{
		background-image: url(../img/question.png);
	}
	
	.full .content span{
		position: absolute;
		width: 100%;
		height: 54px;
		display: flex;
		justify-content: center;
		align-items: center;
		bottom: 10px;
	}
	
	/* 完整的运营指导方案 */
	.guide{
		background-color: #FFFFFF;
		/* height: 620px; */
	}
	
	.guide .stick{
		width: 100%;
		height: 40px;
		background: linear-gradient(90deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 10px;
		position: relative;
	}
	
	
	.guide .receptacle{
	/* 	margin-top: 18px; */
		width: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		bottom: -40px;
		z-index: 0;
	}
	
	.book-list{
		width: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: -60px;
		z-index: 2;
	}
	
	
	.book-list .stick-box,
	.guide .receptacle .stick-box{
		width: 20%;
		height: 80px;
		position: relative;
	}
	
	.guide .receptacle .stick-box img{
		
	}
	
	.book-list .stick-box img,
	.guide .receptacle .stick-box img:first-child{
		width: 100%;
		
	}
	
	.guide .receptacle .stick-box .case{
		position: absolute;
		left: 0px;
		bottom: 11px;
		width: 66px;
		height: 95px;
		z-index: 0;
	}
	
	.guide .vessel{
	/* 	margin-top: 27px; */
		width: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: -50px;
	}
	
	.guide .vessel-title{
		width: 358px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #898989;
		line-height: 40px;
	}
	
	/* 大数据赋能，帮助校区运营流程标准化落地实施 */
	.patriarch{
		height: 560px;
	}
	
	.patriarch .intrude-box {
		margin-top: 20px;
	}
	
	.patriarch .intrude-box .intrude-left {
		margin-top: 0px;
	}
	
	.patriarch .intrude-box .intrude-bottom {
		margin-top: 62px;
		display: flex;
		justify-content: center;
		position: relative;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box {
		background-repeat: repeat;
		transform-origin: center center;
		/* text-align: center; */
		background-size: 100% 100%;
		background-image: url(../img/coverage4.png);
		width: 160px;
		height: 161px; 
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box img.iPadAir2 {
		position: absolute;
		bottom: -7px;
		z-index: 2;
		width: 182px;
		height: 106px;
	}
	
	.patriarch .intrude-box .intrude-bottom .add{
		position: absolute;
		top: 79px;
		right: -3px;
	}
	
	.patriarch .intrude-box .intrude-bottom .small{
		position: absolute;
		bottom: -7px;
		right: -6px;
		width: 55px;
		height: 55px;
		z-index: 2;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system {
		width: 86px;
		position: absolute;
		display: flex;
		flex-direction: column;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system .system-title {
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #3B3B3B;
		margin-bottom: 4px;
		z-index: 1;

	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system .system-content {
		font-size: 12px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #898989;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system-left .system-content {
		text-align: right;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system-right .system-content {
		text-align: left;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system img {
		position: absolute;
		width: 20px;
		height: 20px;
	}
	
	/*  小闯助校 */
	.patriarch .intrude-box .intrude-bottom .right-box .system6 {
		left: -88px;
		top: -49px;
		display: flex;
		flex-direction: column;
		width: 265px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system6 .explain{
		display: flex;
		flex-direction: column;
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #3B3B3B;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system6 .btn{
		margin-top: 6px;
		width: 72px;
		height: 23px;
		background: linear-gradient(-10deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 10px;
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system6 .btn a{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	
	/*  招生引流 */
	.patriarch .intrude-box .intrude-bottom .right-box .system1 {
		left: -88px;
		top: 42px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system1 img {
		top: -10px;
		left: 0;
	}
	
	/*  机构管理 */
	.patriarch .intrude-box .intrude-bottom .right-box .system2 {
		left: -88px;
		top: 200px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system2 img {
		top: -10px;
		left: 0;
	}
	
	/*  教务管理 */
	.patriarch .intrude-box .intrude-bottom .right-box .system3 {
		right: -95px;
		top: 42px;
		align-items: flex-start;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system3 img {
		top: -10px;
		left: 0;
	}
	
	/*  经营分析 */
	.patriarch .intrude-box .intrude-bottom .right-box .system4 {
		right: -95px;
		top: 200px;
		align-items: flex-start;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system4 img {
		top: -10px;
		left: 0;
	}
	
	/*  财务中心 */
	.patriarch .intrude-box .intrude-bottom .right-box .system5 {
		right: 25px;
		top: 200px;
		align-items: flex-start;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system5 img {
		top: -10px;
		left: 0;
		
	}
	
	/* 三大阶段&五大服务支持 */
	.service{
		/* height: 805px; */
		background-color: #FFFFFF;
	}
	
	.service .phase-title{
		margin-top: 20px;
		height: 23px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.service .phase-title .title{
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #898989;
		line-height: 40px;
	}
	
	.service .phase-title .line{
		width: 120px;
		height: 2px;
		background: linear-gradient(90deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 1px;
	}
	
	.moment{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 24px 0;
		margin-bottom: 0;
	}
	
	.moment .moment-box{
		/* width: 350px; */
		height: 130px;
		background: #FFC846;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
		/* justify-content: space-around; */
		align-items: center;
		width: 30%;
	}
	
	.moment >img{
		width: 13px;
		height: 21px;
	}
	
	.moment .moment-box>span{
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
		/* -webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl; */
	}
	
	.moment .moment-box>img{
		width: 23px;
		height: 23px;
		margin-bottom: 10px;
	}
	
	.moment .moment-box div{
		display: flex;
		flex-direction: column;
		font-size: 12px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		line-height: 15px;
	}
	
	.sustain .moment-box{
		/* width: 200px; */
		height: 90px;
		background: #FFAC46;
	}
	
	.service .serve{
		margin: 20px 0;
		width: 100%;
		height: 30px;
		background: linear-gradient(90deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
	}
	
	/* 闯词小贴士Tips */
	.tip{
		background-image: url(../img/tips.png);
		height: 700px;
	}
	
	.tip .intrude-box .intrude-left{
		margin-top: 10px;
	}
	
	.tip .intrude-box .intrude-left .cn-title{
		color: #FFFFFF;
		font-size: 12px;
	}
	
	.tip .intrude-box .intrude-left .en-title{
		color: #FFFFFF;
		font-size: 12px;
		text-align: center;
		margin: 10px 0;
	}
	
	.tip .adherence{
		margin-top: 6px;
		/* display: flex;
		flex-direction: column;
		align-items: center; */
		font-size: 12px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		/* line-height: 40px */
	}
	
	.tip .right-box{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.tip .right-box img{
		position: relative;
		width: 136px;
	}
}

@media (min-width:1120px) {

	/* 轮播图 */
	.swiper-container {
		width: 100%;
		height: 580px;
	}

	.swiper-slide1 {
		width: 100%;
		height: 100%;
		background-image: url(../img/swiper.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.swiper-slide1 .pet-box {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.swiper-slide1 .pet-box .colour {
		--top-value: 84;
		top: 84px;
		position: absolute;
		left: 658px;
	}

	.swiper-slide1 .pet-box .ani {
		-webkit-animation: img1Move 1.8s cubic-bezier(.445, .05, .55, .95) infinite;
		animation: img1Move 1.8s cubic-bezier(.445, .05, .55, .95) infinite;
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}

	.swiper-slide1 .pet-box .forestall {
		top: 250px;
		left: 357px;
		position: absolute;
	}

	.biglogo{
		top: 60px;
		left:380px;
		width: 295px;
		height: 150px;
		position:absolute;
	}

	.swiper-slide1 .pet-box .warrior {
		top: -45px;
		left: 734px;
		position: absolute;
	}

	.swiper-slide1 .pet-box .bewildering {
		--top-value: 192;
		top: 192px;
		left: 1418px;
		position: absolute;
	}

	.swiper-slide1 .pet-box .pamper {
		/* --top-value: 481; */
		bottom: -33px;
		left: 965px;
		position: absolute;
	}

	.swiper-slide2 {
		width: 100%;
		height: 100%;
		background-image: url(../img/swiper2.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.swiper-slide2 img:first-child {
		margin-top: 80px;
	}

	.swiper-slide2 img:last-child {
		margin-top: 22px;
	}
	
	/*  */
	.aversion{
		width: 100%;
		height: 620px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.aversion ..aversion-box{
		width: 1200px;
	}
	
	.aversion .aversion-box img.big{ 
		margin-left: -57px;
		cursor: pointer;
	}
	
	.aversion .aversion-box .scale:hover{
		transform: scale(1.05);
	}

	/* 9大品牌优势 */
	.intrude {
		width: 100%;
		display: flex;
		justify-content: center;
		height: 986px;
		background-color:  #F8F8F8;;
	}
	
	.intrude .intrude-box {
		width: 1200px;
	}
	
	.intrude .intrude-box .intrude-left {
		margin-top: 80px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.intrude .intrude-box .intrude-left .cn-title {
		font-size: 26px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #3B3B3B;
	}
	
	.intrude .intrude-box .intrude-left .en-title {
		font-size: 12px;
		font-family: Ubuntu;
		font-weight: 300;
		color: #CECECE;
		margin: 15px 0 22px 0;
	}
	
	.intrude .intrude-box .intrude-left .device {
		width: 30px;
		height: 3px;
		background: linear-gradient(90deg, #FF4E50, #F9D423);
		border-radius: 2px;
	
	}
	
	.intrude .intrude-box .intrude-right {
		width: 100%;
		/* height: 420px; */
		display: flex;
		flex-direction: column;
	}
	
	.intrude .intrude-box .intrude-right .right-tips img {
		width: 1200px;
		height: 695px;
	}
	
	.intrude .intrude-box .intrude-right .right-box {
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.intrude .intrude-box .intrude-right .tendency{
		display: flex;
		justify-content: center;
		font-size: 24px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #898989;
		line-height: 40px;
	}
	
	.intrude .intrude-box .intrude-right .right-box .box {
		width: 380px;
		height: 200px;
		background-repeat: no-repeat;
		transform-origin: center center;
		margin-bottom: 30px;
		cursor: pointer;
	}
	
	.intrude .intrude-box .intrude-right .right-box .box:hover{
		transform: scale(1.05);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box .box-content {
		margin: 122px 0 0 24px;
		display: flex;
		flex-direction: column;
		font-size: 18px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		line-height: 30px;
	}
	
	.intrude .intrude-box .intrude-right .right-box .box1 {
		background-image: url(../img/cartoon.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box2 {
		background-image: url(../img/solve.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box3 {
		background-image: url(../img/efficient.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box4 {
		background-image: url(../img/product.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box5 {
		background-image: url(../img/unusual.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box6 {
		background-image: url(../img/106.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box7 {
		background-image: url(../img/delight.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box8 {
		background-image: url(../img/108.png);
	}
	
	.intrude .intrude-box .intrude-right .right-box .box9 {
		background-image: url(../img/109.png);
	}
	
	/* 为什么选择闯词星球英语 */
	.why{
		background-color: #FFFFFF;
	}
	
	.why  .mode{
		margin-top: 45px;
		display: flex;
	}
	
	.why .mode1{
		margin-right: 34px;
		width: 316px;
	}
	
	.why .mode2{
		margin-right: 17px;
		width: 533px;
	}
	
	.why .mode3{
		width: 316px;
	}
	
	.why .mode2 .mode-title{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 9px;
	}
	
	.why .mode1 .mode-title,
	.why .mode3 .mode-title{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 24px;
	}
	
	.why .mode-box .mode-title span:first-child{
		margin-bottom: 14px;
		font-size: 24px;
		font-family: PingFang;
		font-weight: 500;
		color: #898989;
	}
	
	.why .mode-box .mode-content img{
		margin-bottom: 44px;
	}
	
	/* 左边 */
	.why .mode1 .mode-content,
	.why .mode3 .mode-content{
		position: relative;
	}
	
	.why .mode1 .img,
	.why .mode3 .img{
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		width: 316px;
		height: 166px;
		position: relative;
	}
	
	.why .mode1 .img1{
		background-image: url(../img/famous.png);
	}
	
	.why .mode1 .img2{
		background-image: url(../img/study.png);
	}
	
	.why .mode1 .img3{
		background-image: url(../img/efficiency.png);
	}
	
	.why .mode3 .img1{
		background-image: url(../img/ice-cold.png);
	}
	
	.why .mode3 .img2{
		background-image: url(../img/interaction.png);
	}
	
	.why .mode3 .img3{
		background-image: url(../img/pledge.png);
	}
	
	.why .mode1 .img div,
	.why .mode3 .img div{
		height: 100%;
		width: 100%;
		font-size: 20px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		line-height: 30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	/* 中间 */
	.why .mode2 .mode-content{
		position: relative;
	}
	
	.why .mode2 .img{
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		width: 533px;
		height: 196px;
		position: relative;
	}
	
	.why .mode2 .img1{
		background-image: url(../img/immortal.png);
	}
	
	.why .mode2 .img2{
		background-image: url(../img/accurate.png);
	}
	
	.why .mode2 .img3{
		background-image: url(../img/condition.png);
	}
	
	.why .mode2 .img div{
		width: 240px;
		font-size: 20px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		right: 0;
		top: 70px;
	}
	
	/* 完整课程输出 */
	.full{
		height: 885px;
	}
	
	.full .content{
		width: 396px;
		height: 286px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform-origin: center center;
		position: relative;
	}
	
	.full .content1{
		background-image: url(../img/PPT.png);
	}
	
	.full .content2{
		background-image: url(../img/studygame.png);
	}
	
	.full .content3{
		background-image: url(../img/detailed.png);
	}
	
	.full .content4{
		background-image: url(../img/live.png);
	}
	
	.full .content5{
		background-image: url(../img/presentation.png);
	}
	
	.full .content6{
		background-image: url(../img/question.png);
	}
	
	.full .content span{
		position: absolute;
		width: 100%;
		height: 54px;
		display: flex;
		justify-content: center;
		align-items: center;
		bottom: 10px;
		font-size: 20px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #898989;
		line-height: 40px;
	}
	
	.guide{
		background-color: #FFFFFF;
		height: 620px;
	}
	
	.guide .stick{
		width: 100%;
		height: 40px;
		background: linear-gradient(90deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 10px;
		z-index: 1;
	}
	
	
	.guide .receptacle{
		margin-top: 18px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		bottom: -40px;
	}
	
	.book-list{
		width: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: -243px;
		z-index: 2;
	}
	
	.guide .receptacle .stick-box{
		width: 358px;
		height: 243px;
		position: relative;
	}
	
	.guide .receptacle .stick-box img:first-child{
		/* z-index: 2; */
	}
	
	.guide .receptacle .stick-box .case{
		position: absolute;
		left: 79px;
		bottom: 11px;
		z-index: 0;
	}
	
	.guide .vessel{
	/* 	margin-top: 27px; */
		width: 100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		top: -200px;
	}
	
	.guide .vessel-title{
		width: 358px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #898989;
		line-height: 40px;
	}
	
	/* 大数据赋能，帮助校区运营流程标准化落地实施 */
	.patriarch .intrude-box {
		margin-top: 80px;
	}
	
	.patriarch .intrude-box .intrude-left {
		margin-top: 0px;
	}
	
	.patriarch .intrude-box .intrude-bottom {
		margin-top: 156px;
		display: flex;
		justify-content: center;
		position: relative;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box {
		background-repeat: no-repeat;
		transform-origin: center center;
		/* text-align: center; */
		background-image: url(../img/coverage4.png);
		width: 482px;
		height: 483px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box img.iPadAir2 {
		position: absolute;
		bottom: -22px;
		left: 20px;
		width: 548px;
		height: 320px;
	}
	
	.patriarch .intrude-box .intrude-bottom .add{
		position: absolute;
		top: 79px;
		right: -3px;
	}
	
	.patriarch .intrude-box .intrude-bottom .small{
		position: absolute;
		bottom: -22px;
		right: -53px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system {
		width: 260px;
		position: absolute;
		display: flex;
		flex-direction: column;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system .system-title {
		font-size: 20px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #3B3B3B;
		margin-bottom: 13px;
		z-index: 1;
		line-height: 40px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system .system-content {
		font-size: 18px;
		font-family: PingFang-SC-Reg;
		font-weight: 300;
		color: #898989;
		line-height: 30px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system-left .system-content {
		text-align: right;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system-right .system-content {
		text-align: left;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system img {
		position: absolute;
	}
	
	/*  小闯助校 */
	.patriarch .intrude-box .intrude-bottom .right-box .system6 {
		left: -326px;
		top: -49px;
		display: flex;
		flex-direction: column;
		width: 265px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system6 .explain{
		display: flex;
		flex-direction: column;
		font-size: 24px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #3B3B3B;
		line-height: 40px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system6 .btn{
		margin-top: 18px;
		padding: 0;
		width: 144px;
		height: 46px;
		background: linear-gradient(-10deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 10px;
		font-size: 24px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system6 .btn a{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	
	/*  招生引流 */
	.patriarch .intrude-box .intrude-bottom .right-box .system1 {
		left: -326px;
		top: 247px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system1 img {
		top: -50px;
		left: 0;
	}
	
	/*  机构管理 */
	.patriarch .intrude-box .intrude-bottom .right-box .system2 {
		left: -326px;
		top: 466px;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system2 img {
		top: -50px;
		left: 0;
	}
	
	/*  教务管理 */
	.patriarch .intrude-box .intrude-bottom .right-box .system3 {
		right: -391px;
		top: -6px;
		align-items: flex-start;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system3 img {
		top: -50px;
		left: 0;
	}
	
	/*  经营分析 */
	.patriarch .intrude-box .intrude-bottom .right-box .system4 {
		right: -391px;
		top: 247px;
		align-items: flex-start;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system4 img {
		top: -50px;
		left: 0;
	}
	
	/*  财务中心 */
	.patriarch .intrude-box .intrude-bottom .right-box .system5 {
		right: -391px;
		top: 466px;
		align-items: flex-start;
	}
	
	.patriarch .intrude-box .intrude-bottom .right-box .system5 img {
		top: -50px;
		left: 0;
		
	}
	
	/* 三大阶段&五大服务支持 */
	.service{
		height: 805px;
		background-color: #FFFFFF;
	}
	
	.service .phase-title{
		margin-top: 45px;
		height: 23px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.service .phase-title .title{
		font-size: 24px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #898989;
		line-height: 40px;
	}
	
	.service .phase-title .line{
		width: 500px;
		height: 2px;
		background: linear-gradient(90deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 1px;
	}
	
	.moment{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		margin: 24px 0;
	}
	
	.moment .moment-box{
		width: 350px;
		height: 320px;
		/* background: #FFC846; */
		position: relative;
		border-radius: 10px;
		/* display: flex; */
		/* justify-content: space-around; */
		/* align-items: center; */
	}
	.moment-box >img{
		position: absolute;
	}
	.moment-box .downarrow{
		position: absolute;
		-moz-transform:rotate(180deg);
		-webkit-transform:rotate(180deg);
		top: 280px;
		left: 150px;  
	}
	.moment-box .rightarrow{
		position: absolute;
		-moz-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		top: 120px;
		left: 370px;  
	}
	.moment-box .uparrow{
		position: absolute;
		top: -45px;
		left: 150px;  
	}
	.moment >img{
		width: 13px;
		height: 21px;
	}
	
	.moment .moment-box>span{
		font-size: 30px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		position: relative;
		top:65px;
		left: 60px;
	}

	.moment .moment-box p{
		font-size: 20px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #7b7b7b;
		position:relative;
	}
	
	.moment .moment-box div{
		display: flex;
		flex-direction: column;
		font-size: 20px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		line-height: 30px;
	}
	
	.service .sustain .moment-box{
		width: 200px;
		height: 150px;
		background: #FFAC46;
	}
	
	.service .serve{
		width: 100%;
		height: 55px;
		background: linear-gradient(90deg, #FF4E50 0%, #F9D423 100%);
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
		font-family: PingFang;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 40px;
	}
	
	/* 闯词小贴士Tips */
	.tip{
		background-image: url(../img/tips.png);
		background-repeat: no-repeat;
		transform-origin: center center;
		width: 100%;
		height: 700px;
	}
	
	.tip .intrude-box .intrude-left .cn-title{
		color: #FFFFFF;
	}
	
	.tip .intrude-box .intrude-left .en-title{
		color: #FFFFFF;
	}
	
	.tip .adherence{
		margin-top: 36px;
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 22px;
		font-family: PingFang-SC-Light;
		font-weight: 300;
		color: #FFFFFF;
		line-height: 40px
	}
	
	.tip .right-box{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.tip .right-box img{
		position: relative;
	}
}

.swiper-pagination-bullet-active {
	background: #ffffff;
}

@keyframes mymove {
	0% {
		transform: scale(1);
		/*开始为原始大小*/
	}

	25% {
		transform: scale(1.3);
		/*放大1.1倍*/
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1.3);
	}

}

@-webkit-keyframes mymove

/*Safari and Chrome*/
	{
	0% {
		transform: scale(1);
		/*开始为原始大小*/
	}

	25% {
		transform: scale(1.1);
		/*放大1.1倍*/
	}

	50% {
		transform: scale(1);
	}

	75% {
		transform: scale(1.1);
	}
}

@keyframes img1Move {
	0% {
		top: calc(var(--top-value)*1px);
	}

	50% {
		top: calc((var(--top-value) - 20)*1px);
	}

	100% {
		top: calc(var(--top-value)*1px);
	}

}


@-webkit-keyframes img1Move

/*Safari and Chrome*/
0% {
	top: calc(var(--top-value)*1px);
}

50% {
	top: calc((var(--top-value) - 20)*1px);
}

100% {
	top: calc(var(--top-value)*1px);
}
}