/*.banner*/
.banner .swiper-pagination-{bottom: 10px !important;}
.banner .swiper-pagination-bullet{opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #f58635;}
.banner h4{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 60px;
	color: #fff;
}

/*专注国际艺术教育*/
.con1{padding: 1.5% 0;background: url(../images/bg.png) no-repeat center;background-size: cover;}
.con1 ul li{font-size: 13px;color: #fff;text-align: center;}
.con1 ul li h5{font-family: helvetica;font-size: 32px;letter-spacing: -3px;}
.con1 ul li h5 em{font-size: 40px;	}
.con1 ul li span{display: inline-block;width: 10%;height: 2px;margin-bottom: 4%;background: #f8ab72;}
/*ACG 分校区*/
.con2 .swiper-container,.con2 .info{display: inline-block;width: 50%;padding-bottom: 8%;vertical-align: middle;}
.con2 .swiper-container-horizontal>.swiper-pagination-bullets{position: absolute;bottom: 15%;text-align: center;}
.swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;background: #fff;border: 1px solid #f58635;}
.swiper-pagination-bullet-active{background: #f58635;}
.con2 .info section{color: #979797;padding: 3% 0;}
.con2 .info h4,.con2 .info .text{display: inline-block;vertical-align: middle;}
.con2 .info h4{font-size: 18px;font-weight: normal;width: 30%;padding-right: 4%;text-align: right;}
.con2 .info .text{width: calc(61% - 1px);font-size: 14px;padding-left: 5%;border-left: 1px solid #979797;}
/*校区最新活动*/
.con3,.con4 {background: #f6f6f6;}
.con3 a{display: block;color: #282828;}
.con3 .info{padding: 10%;background: #fff;}
.con3 .info h5{font-size: 14px;font-weight: normal;padding-bottom: 3%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.con3 .info p{font-size: 12px;opacity: 0.7;}
.con3 p.line{width: 0;height: 2px;background: #f58635;}
.con3 .swiper-slide:hover p.line{width: 100%;}
/*校区艺术导师*/
.con3 .swiper-container,.con4 .swiper-container,.con5 .swiper-container{padding-bottom: 5%;}
.con4 .swiper-slide{position: relative;padding: 1.5% 0;}
.con4 .tu{left: 5%;width: 45%;}
.con4 .shade{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;background: rgba(245,134,53,0.9);}
.con4 .shade .text{position: relative;line-height: 20px;font-size: 12px;color: #fff;padding: 10% 6%;overflow: hidden;}
.con4 a{display: block;color: #282828;}
.con4 .swiper-slide:hover .shade,.con4 li:hover .shade{opacity: 1;}
.con4 .info{font-size: 13px;width: 43%;padding: 10% 2% 10% 55%;background: #e9e9e9;}
.con4 .swiper-slide:hover .info,.con4 li:hover .info{color: #fff;background-color: #2a2a2a;}
.con4 .info h4,.con4 .info p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.con4  .info h4{font-size: 18px;height: 22px;padding-bottom: 8%;}
.con4 .info p{height: 17px;margin-bottom: 2%;}

.con4 ul li{position: relative;color: #0a0a0a;background: #e9e9e9;margin: 2% 2% 5% 0;vertical-align: top;cursor: pointer;}
.con4 ul li:nth-child(3n){margin-right: 0;}
.con4 li .shade img{width: 30%;border-radius: 50%;margin-left: 35%;margin-top: 35%;}


/*校区成功案例*/
.con5{text-align: center;}
.con5 .swiper-slide {position: relative;text-align: left;}
.con5 .swiper-slide>a{display: block;color: #282828;}
.con5 .swiper-slide .info {width: 80%;color: #666;margin-left: 10%;margin-top: -25%;position: relative;z-index: 2;}
.con5 .swiper-slide .info .text {padding: 5% 8%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.con5 .swiper-slide .info p.xy {opacity: 0;font-size: 14px;color: #fff;padding: 2% 0;background: rgba(0, 0, 0, 0.3);text-align: center;}
.con5 .swiper-slide .info h5 {font-size: 16px;padding-bottom: 10px;}
.con5 .swiper-slide .info h5 span {display: inline-block;width: 1px;height: 14px;background: #282828;vertical-align: middle;margin-right: 10px;}
.con5 .swiper-slide .info p {font-size: 12px;padding-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.con5 .swiper-slide:hover .info p.xy {opacity: 1;}
.con5 .swiper-slide:hover .text {color: #fff;background: #f58635;}
.con5 .swiper-slide:hover .info h5 span {background: #fff;}
/*推荐课程*/
.con6 {padding-bottom: 4%;}
.con6 li .tu {position: relative;}
.con6 li .tu img{width: 100%;}
.con6 li h4 {font-size: 18px;color: #fff;padding: 10% 0;background: #333;text-align: center;}
.con6 li h4 p {height: 27px;}
.con6 li h4 a {display: none;font-size: 14px;color: #f58635;padding: 0 10%;height: 27px;line-height: 27px;background: #fff;border-radius: 10px;}
.con6 li:hover h4 {background: #f58635;}
.con6 li:hover h4 p {display: none;}
.con6 li:hover h4 a {display: inline-block;}
.con6 .info {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.con6 li:hover .info {opacity: 1;}
.con6 .info .text {position: absolute;top: 50%;left: 20%;width: 60%;color: #fff;}
.con6 .info .text h5 {font-size: 16px;padding-bottom: 5%;text-align: center;}
.con6 .info .text p {font-size: 12px;}

.container{position: relative;}
.prev,.next{
	position: absolute;
	top: 50%;
	width: 3%;
	height: 65px;
	cursor: pointer;
}
.prev{
	left: -50px;
	background: url(../images/prev.png) no-repeat center;
	background-size: 90%;
}
.next{
	right: -50px;
	background: url(../images/next.png) no-repeat center;
	background-size: 90%;
}
.con4 .prev,.con4 .next{top: 70%;}