/*base*/
*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.absl{position: absolute;left: 0;top: 0;}
.absr{position: absolute;right: 0;top: 0;}
.abslt{position: absolute;left: 0;bottom: 0;}
input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;text-align: center;}
.mid,.btn,.p3 .list2{margin: 0 auto;}

.head{width: 100%;background: url(../img/bg1.jpg) no-repeat;height: 2.5rem;background-size: 100% 100%;}
.head .clearfix{width:17.25rem;}
.head h1{background: url(../img/logo.png) no-repeat;width: 3.25rem;height: 1rem;background-size: 100% 100%;margin: 0.9rem 0.7rem 0 0;}
.head h1 a{width: 100%;height: 100%;display: block;text-indent: -99em;}
.head p{font-size: 0.55rem;color: #fff;margin-top: 1.1rem;}
.head a.fr{background: url(../img/tel.png) no-repeat;height: 0.6rem;background-size:0.6rem 0.6rem;padding-left: 0.85rem;line-height: 0.6rem;color: #fff;font-size: 0.6rem;margin-top: 1.15rem;}
.banner,.banner img{width: 100%;height: 17.5rem;}
.nav,.nav i{width: 100%;height: 1.75rem;}
.nav i{background: #fff;opacity: 0.1;z-index:2;}
.nav ul{z-index: 3; border-left: 1px solid #fff;font-size: 0.6rem;height: 0.9rem;line-height: 0.9rem;margin-top: 0.4rem;left: 0.65rem;}
.nav ul a{color: #fff;display: block;padding: 0 0.75rem;}
.nav ul li{border-right: 1px solid #fff;}
.p1h{background: url(../img/bg2.jpg) no-repeat;height: 18.7rem;background-size:100% 12.05rem;}
.p1 h2{font-size: 1.2rem;color: #3e53d5;padding: 1.25rem 0 0.6rem;}
.p1 img.line{width: 100%;height: 0.35rem;}
.p1 .txt{font-size: 0.9rem;color: #293041;margin-top: -0.6rem;}
.p1 .tab,.p1 .tab .bg{width: 11.75rem;height: 9.5rem;border-radius: 0.2rem;}
.p1 .tab{margin-top: 1.25rem;box-shadow: 0px 0px 0.25rem 0px #ebeff6;}
.p1 .tab .bg{background: #fff;}
.p1 .tab img{width: 10.7rem;height: 6rem;margin: 0.5rem 0 0.6rem 0;}
.p1 .tab p{font-size: 0.7rem;color: #293041;}
.p1 .tab span{color: #ed1a1b;}
#swiper2{overflow: visible;}
.btn{width: 7.05rem;height: 1.45rem;background:url(../img/arrow.png) no-repeat #3e53d5 6.5rem center;border-radius: 0.2rem;display: block;font-size: 0.9rem;color: #fff;line-height: 1.4rem;text-align: left;background-size: 0.65rem 0.65rem;padding-left: 0.7rem;margin-top: 1.15rem;}
.p2 .mid{width: 17.75rem;height:2.6rem;margin-top: 1.25rem ;margin-bottom: 0.5rem;color: #fff;}
.p2 .year{background: url(../img/bg3.png) no-repeat;width: 15.25rem;height:2.6rem;background-size:100% 100%;font-size: 0.9rem;color: #d0d1d4;line-height: 2.6rem;text-align: left;padding-left: 1.15rem;left: 0.4rem;}
.p2 .cir{width: 0.75rem;height: 0.75rem;background: #3f51d9;border-radius: 100%;line-height: 0.75rem;font-size: 0.45rem;top: 0.95rem;}
.p2 .mid .absr{background: url(../img/bg6.png) no-repeat;width: 12.45rem;height: 1.9rem;background-size:100% 100%;top: 0.4rem;font-size: 0.6rem;line-height: 0.75rem;}
.p2 .absr p{margin-top: 0.2rem;}
.p2 .mid2 .year{background: url(../img/bg4.png) no-repeat;background-size:100% 100%;}
.p2 .mid3 .year{background: url(../img/bg5.png) no-repeat;background-size:100% 100%;}
.p2 .mid2 .absr{background: url(../img/bg7.png) no-repeat;background-size:100% 100%;}
.p2 .mid3 .absr{background: url(../img/bg8.png) no-repeat;background-size:100% 100%;}
.p2 .mid2 .cir{background: #ed1a1b;}
.p2 .mid3 .cir{background: #68c8b5;}
.p3{background: url(../img/bg9.jpg) no-repeat;height: 22.5rem;background-size:100% 100%;margin-top: 1.25rem;}
.p3 .mid{width: 17.75rem;margin-top:0.5rem;height: 14.25rem;background: #fcfcfc;border-radius: 0.2rem;box-shadow: 0px 0px 20px 0px rgba(62,83,213,0.1);padding-top: 0.5rem;}


.p3 .top{width: 16.5rem;margin: 0rem auto;height: 1.5rem;line-height: 1.5rem;background: #293041;border-radius: 0.8rem;}
.p3 .top li{width: 33.3333%;font-size: 0.7rem;color: #fff;overflow: hidden;}
.p3 .top b{width: 100%;height: 100%;background: #3e53d5;border-radius: 0.9rem;left: -100%;transition: 0.3s;}
.p3 .top li.on b{left: 0;transition: 0.3s;}
.p3 .bot{margin: 0.75rem auto 0;}
.p3 .bot,.p3 .list,.p3 .list2,.p3 .list3{width:16.1rem;height: 9.8rem;}
.p3 .list{background: url(../img/list1.png) no-repeat;background-size:100% 100%;}
.p3 .list img{width: 1.65rem;bottom: 0.85rem;transition: 1s;}
.p3 .list .one{height:0rem;left: 3.25rem;}
.p3 .list .two{height:0rem;left: 6rem;}
.p3 .list .thr{height:0rem;left: 8.75rem;}
.p3 .list .fou{height:0rem;left: 11.29rem;}
.p3 .swiper-slide-active .one{height: 3.95rem;transition: 1s;}
.p3 .swiper-slide-active .two{height:4.45rem;transition: 1s;}
.p3 .swiper-slide-active .thr{height: 5.2rem;transition: 1s;}
.p3 .swiper-slide-active .fou{height:6.25rem;transition: 1s;}
#swiper3 p{font-size: 0.6rem;color: #293041;}
#swiper3 p i{color: #ed1a1b;}
.p3 .list2{height: 10.1rem;}
.p3 .list2 .percent{width: 5.9rem;height: 7.25rem;top: 2.35rem;}
.p3 .list2 .roll{left: 6.65rem;top: 1.25rem;}
.p3 .list2 .roll,.p3 .roll img{width: 8.875rem;height: 8.8rem;}
.p3 .roll img{transition: 1s;}
.p3 .list2 .roll2{transform: rotate(-30deg);}
.p3 .list2 .roll3{transform: rotate(-160deg);}
.p3 .list2 .roll4{transform: rotate(-240deg);}
.p3 .list2 .roll5{transform: rotate(-277deg);}
.p3 .list2 .roll6{transform: rotate(-366deg);}
.p3 .swiper-slide-active .roll img{transform: rotate(0deg);transition: 1s;}

.p3 .list3{background: url(../img/list2.png) no-repeat center 2rem;background-size: 14.5rem 7.6rem;overflow: hidden;}
#swiper3 .swiper-pagination{bottom: 0rem;}
#swiper3  .swiper-pagination span,.p7  .swiper-pagination span{width: 0.25rem;height: 0.25rem;background: #e6e7ea;border-radius: 100%;display: inline-block;transition: 0.3s;}
#swiper3  .swiper-pagination .swiper-pagination-bullet-active{background: #b8bbc0;transition: 0.3s;}
#swiper3 {height: 11rem;}
.p3 .btn{margin-top:1.5rem;}
.adv{width: 100%;background: url(../img/adv.jpg) no-repeat;height: 4rem;background-size: 100% 100%;display: block;}
.p4{width: 100%;background: url(../img/bg01.jpg) no-repeat;height: 21.4rem;background-size: 100% 100%;display: block;}
.title{width:10.5rem;padding-top: 1.25rem;line-height: 1.5rem;margin-bottom: 1.25rem;}
.title.t2{width:11rem;}
.title.t3{width:13rem;}
.title h2{font-size: 1.2rem;color: #3e53d5;margin-right: 0.4rem;}
.title .fr{height: 1.5rem;border-left:0.05rem solid #d0d8ef;}
.title p{font-size: 0.75rem;color: #293041;text-align: left;padding-left: 0.4rem;line-height: 1rem;margin-top: -0.25rem;}
.title  span{font-size: 0.65rem;}
.p4 ul{width: 16.55rem;margin: 0 auto;}
.p4 li{width: 7.75rem;height:7.125rem;border-radius: 0.3rem;box-shadow: 0px 0px 20px 0px rgba(62,83,213,0.1);background: url(../img/bg02.png) no-repeat;background-size: 100% 100%;margin-bottom: 1.25rem;}
.p4 li img{width: 100%;height: 1.75rem;}
.p4 li h3{font-size: 0.75rem;color: #fff;padding: 0.4rem 0 0.65rem;}
.p4 li p{font-size: 0.7rem;color: #3e53d5;line-height: 0.9rem;}
.p4 li .txt2{font-size: 0.65rem;color: #293041;}
.p4 li h4{width: 6.25rem;height:0.075rem;background:  #313b59;margin: 0.3rem auto;}
.p4 li b{width: 0.18rem;height: 0.18rem;background:#313b59;border-radius:0.9rem;top: -0.05rem;}
.p4 li b.absl{animation: toT 2s linear infinite;}
.p4 li b.absr{animation: toT2 2s linear infinite;}
.p4 li a{width: 5rem;height: 1rem;background: #68c8b5;border-radius: 0.1rem;display: block;font-size: 0.6rem;color: #fff;line-height: 1rem;margin: 0.3rem auto 0;}
@keyframes toT{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(120px);
	}
	100%{
		transform: translateX(0);
	}
}
@keyframes toT2{
	0%{
		transform: translateX(0);
	}
	50%{
		transform: translateX(-120px);
	}
	100%{
		transform: translateX(0);
	}
}
.p5 .title{width:11.2rem;}
.p5 .rel{width: 17.75rem;margin: 0 auto 0.9rem;height:6.2rem;}
.p5 .left{background: url(../img/bg03.png) no-repeat;width: 4rem;height: 5.25rem;background-size: 100% 100%;top: 0.5rem;font-size: 0.7rem;color: #fff;line-height: 5.25rem;}
.p5 .right{width: 16.7rem;height: 6.2rem;box-shadow: 0px 0px 20px 0px rgba(62,83,213,0.1);border-radius: 0.2rem;}
.p5 .right p{font-size: 0.6rem;color: #293041;text-align: left;padding-left: 3.5rem;line-height: 1rem;padding-top: 0.7rem;}
.rel2 .left{background: url(../img/bg04.png) no-repeat;background-size: 100% 100%;}
.rel2 .right p{text-align: right;padding-right: 3.5rem;padding-left: 0;padding-top: 0.2rem;}
.rel3 .left{background: url(../img/bg05.png) no-repeat;background-size: 100% 100%;}
.rel3 .right p{padding-top: 0.1rem;}
.p6{background: url(../img/bg06.jpg) no-repeat;width: 100%;height: 22.4rem;background-size: 100% 100%;margin-top: 1.25rem;}
.p6 h2{color: #68c8b5;}
.p6 .title{width: 9.8rem;}
.p6 .title .fr{border-left: 0.05rem solid #38525c;}
.p6 .title p{color: #fff;}
.p6 ul{width: 18rem;margin: 0 auto;color: #fff;}
.p6 ul li{width: 5.75rem;margin-bottom: 0.9rem;}
.p6 ul h3{width: 2.5rem;height: 2rem;margin: 0 auto;font-size: 0.5rem;padding-top: 0.5rem;}
.p6 .even h3{background: url(../img/cir1.png) no-repeat;background-size: 100% 100%;}
.p6 li img{width: 5.5rem;height: 6rem;margin-top: -1.2rem;}
.p6 li p{font-size: 0.55rem;width: 100%;height: 1.65rem;background: #3e53d5;margin-top: -2rem;padding-top: 0.1rem;}
.p6 .odd h3{background: url(../img/cir2.png) no-repeat;background-size: 100% 100%;}
.p6 .odd p{background: #68c8b5;}
.p6 .odd {margin: 0 0.35rem 0rem 0.35rem;}
.p6 a{background: url(../img/bor.png) no-repeat;width: 8.65rem;height: 1.45rem;background-size: 100% 100%;display: block;margin: 0.2rem auto 0;color: #fff;font-size: 0.9rem;text-align: left;line-height: 1.45rem;padding-left: 0.35rem;}
.p7{width: 100%;background: url(../img/bg07.jpg) no-repeat;height: 26.6rem;background-size: 100% 100%;}
.p7 .title{width: 12rem;}
.p7 .teacher,.p7 .tbox{width: 17.75rem;height: 20.05rem;}
.p7 .tbox{background: url(../img/tbox.png) no-repeat;background-size: 100% 100%;}
#swiper4 .clearfix{height: 6.65rem;}
#swiper4 img{width: 4.9rem;height: 5.7rem;margin:0.3rem 0.5rem 0 0.3rem;}
#swiper4 .clearfix div{margin-top: 0.75rem;}
#swiper4 h3{width: 2.95rem; font-size: 0.95rem;color: #3e53d5;border-bottom: 1px solid #b8bcc8;padding-bottom: 0.55rem;}
#swiper4 h3 p{font-size: 0.7rem;color: #fff;padding: 0.15rem 0.45rem;background: #0e825e;border-radius: 0.2rem;left: 3.35rem;width: 6.4rem;top: 0.2rem;}
#swiper4 .tcon{font-size: 0.6rem;color: #293041;text-align: left;margin-top: 0.5rem;line-height: 0.95rem;}
#swiper4 .tcon2{margin-top: 0.2rem;}
#swiper4 .fontS{font-size: 0.55rem;}
.p7  .swiper-pagination span{width: 0.4rem;height: 0.4rem;background: #293041;margin-right: 0.35rem;}
.p7 .swiper-pagination .swiper-pagination-bullet-active{background: #3e53d5;transition: 0.3s;}
.p7  .swiper-pagination{bottom: -1.8rem;left: 7.95rem;}
.p8 .title{width: 13.5rem;}
.p8 .cert{width: 17.75rem;height: 8rem;}
.p8 .left{width: 11.5rem;height: 7.25rem;background: #293041;top: 0.9rem;}
.p8 .box{width: 9.8rem;height: 6.9rem;margin-top: -0.9rem;margin-left: 0.75rem;}
.p8 .box img{width: 9.8rem;height: 6.9rem;}
.p8 .num{left: 3.85rem;}
.p8 .num p{display: inline-block;width: 0.75rem;height: 0.75rem;margin-right: 0.5rem;background: #545967;color: #293041;font-size: 0.6rem;transition: 0.3s;}
.p8 .num p.on{background: #fff;transition: 0.3s;}
.p8 ul{width: 6.75rem;top: 1.3rem;z-index: 2;}
.p8 ul li{width: 100%;height: 1.8rem;background: #293041;font-size: 0.6rem;color: #fff;padding-top: 0.2rem;margin-bottom: 0.25rem;transition: 0.3s;}
.p8 ul li.act{background: #3e53d5;transition: 0.3s;}
.p8 .btn,.p9 .btn{width: 9rem;background: url(../img/arrow.png) no-repeat #3e53d5 8.2rem center;    background-size: 0.65rem 0.65rem;}
.p9 ul{width: 17.7rem;}
.p9 ul li{width: 5.5rem;height: 5.25rem;background: #fff;border-radius: 0.2rem;box-shadow: 0px 0px 20px 0px rgba(62,83,213,0.1);margin-bottom: 0.65rem;}
.p9 ul li img{width: 100%;height: 3.95rem;}
.p9 ul li p{font-size: 0.6rem;color: #293041;margin-top: 0.3rem;}
.p9 ul li.odd{margin: 0 0.4rem;}
.p10{width: 100%;background: url(../img/bg08.jpg) no-repeat;height: 16.1rem;background-size: 100% 100%;margin-top: 1.25rem;}
.p10 h2{color: #68c8b5;}
.p10 .txt{color: #fff;}
#inform{width: 10.5rem;margin: 1.25rem auto 0;}
#inform .clearfix{width: 10.45rem;height: 1.7rem;border: 1px solid #334089;border-radius: 0.1rem;margin-bottom: 0.5rem;}
#inform .clearfix  img{width: 2.25rem;height: 1.7rem;}
#inform .clearfix input{width: 8.15rem;height: 100%;background: none;border: none;font-size: 0.6rem;}
#getcode{width: 3rem;height: 0.85rem;background: #3e53d5;font-size: 0.5rem;color: #fff;line-height: 0.85rem;top: 0.4rem;right: 0.4rem;}
#submsg{background: url(../img/btn.png) no-repeat;width: 10.5rem;height: 1.5rem;background-size: 100% 100%;border: none;margin: 0.5rem auto;}
.foot{padding: 0.9rem 0 2.4rem;font-size: 0.5rem;color: #000;text-align: center;line-height: 0.75rem;}




.p4-1{padding-bottom:1rem;width: 100%;background: url(../img/bg01.jpg) no-repeat;background-size: 100% 100%;display: block;}
.p4-1 ul li{
	margin-left:1.25rem;
	margin-bottom:0.75rem;
	float:left;
	width:7.75rem;
	height:6.25rem;
	position:relative;
	background:#3e53d5;
}
.p4-1 ul li img{
	top:0.5rem;
	left:-0.5rem;
	width:7.75rem;
	height:4.25rem;
	position:absolute;
}
.p4-1 ul li h2{
	margin-top:5.125rem;
	font-size:0.75rem;
	line-height:0.75rem;
	color:#ffffff;
	text-align:center;
	background:url("../img/p4-1-tag.png") no-repeat center;
	background-size:5.25rem 0.05rem;
}
.p6-1{
	padding-bottom:1rem;
}
.p6-1 .img{
	width:100%;
	height:auto;
}
.p6-1 .btn{width: 9rem;background: url(../img/arrow.png) no-repeat #3e53d5 8.2rem center;    background-size: 0.65rem 0.65rem;}