@charset "utf-8";
.index-banner .banner-top{position: relative; width:1200px;margin: 0 auto}
.index-banner .banner-top img{position: absolute}
.index-list01 {width: 1007px;margin: 0 auto;padding-top: 40px;}
.index-list01 li{width: 212px;height: 258px;background: #fff;border-radius: 10px;margin:0 53px 46px 0;padding-top: 30px;
	text-align: center;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);position: relative;}
.index-list01 li:nth-child(4n){margin-right: 0}
.index-list01 li p{font-size: 17px; color: #222;margin:15px auto;}
.index-list01 li:hover{transform: scale(1.08);}
.index-list01 li:hover img{transform: scale(.95);}
.index-list01 li span{font-size: 12px; color: #666}
.index-title p{font-size: 14px;text-align: center;margin: 10px auto}
.index-list02{background: #f9f9f9;padding: 88px 0}
.circle{width:1070px; height: 420px;position: relative;margin: 30px auto;}
.circle img{position: absolute;top: 50px;left:320px;}
.txtbox{position: absolute;width:170px;height: 42px;line-height: 42px;color: #333333;font-size: 16px;padding-left: 50px;border-bottom: 1px solid #bcf7f9}
.txtbox .circle01{width:10px;height: 10px;border-radius: 10px;background: #3584fc;position: absolute;left:8px;top: 16px}
.txtbox .circle02{width:10px;height: 10px;border-radius: 10px;background: rgba(23,228,236,.79);position: absolute;left:13px;top: 16px}
.txtbox01{left:106px;top: 98px}
.txtbox02{right:106px;top: 98px}
.txtbox03{left:0;top: 182px}
.txtbox04{right:0;top: 182px}
.txtbox05{left:106px;top: 246px}
.txtbox06{right:106px;top: 246px}
.circlebox1{position: absolute;width:378px;height: 378px;border:1px solid #ccf9fb;top: 20px;left:320px;border-radius: 50%;z-index: -1}
.circlebox2{position: absolute;width:328px;height: 328px;border:1px solid #ccf9fb;top: 25px;left:25px;border-radius: 50%}
.index-list07{background: #f9f9f9;padding:30px 0;}
.schoolJoin{position: absolute; top:0; right: 185px;  width: 160px; height:55px;  line-height: 55px; text-align: center; border-radius: 25px;background: #ff4f57;}
.schoolJoin:hover{opacity: .95;}
.imgshow .showsmall{width:293px;margin: 10px 9px 0 0}
.imgshow .showsmall:last-child{margin-right: 0}
.imgshow img{position: relative;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.imgshow img.showsmall:hover{transform: scale(1.05);}
.school-tit{position: relative;}
.schoolshow{padding-bottom:20px;}
.schoolshow li{border-right: 1px solid #e8e8e8;border-top: 1px solid #e8e8e8;text-align: center;position: relative;
	-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out}
.schoolshow ul{border-left: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.schoolshow li:hover{transform: scale(.9);}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 330px}
.swiper-pagination-bullet{width:30px;border-radius: 5px}