/*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;}
input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;}
/*banner*/
#swiper1{height: 12.45rem;}
.banner{width: 100%;}
.banner img{width: 100%;height: 12.45rem;}
/*part1*/
.part1{text-align: center;}
.part1 h2{font-size: 1rem;color: #000;font-weight: bold;padding: 1.2rem 0 0.5rem;}
.part1 h2 span{color: #4c97ce;}
.part1 .txt{font-size: 0.7rem;color: #666;padding-bottom: 1rem;}
.part1 .conBox{width: 17.15rem; height: 16.5rem; margin: 0 auto; position: relative;}
.part1 .bg{width: 15.85rem;height: 16rem;background: #f0f0f0;position: absolute;right: 0;top: 0.5rem;}
.part1 .posUl{position: absolute;top: 0;left: 0;width: 100%;}
.part1 .posUl .big1{width: 8.75rem;height: 12.125rem;}
.part1 .posUl .min1{width: 3.075rem;height: 1.025rem;}
.part1 .posUl .min2{width: 2.15rem;height: 0.95rem;}
.part1 .posUl .big2{width: 7.75rem;height: 10.675rem;}
.part1 .posUl li p{font-size: 0.5rem;color: #0c0c0c;padding: 0.75rem 0 0.25rem;}
/*part2*/
.part2 .conBox2{width: 100%;}
.part2 .conBox2 li img{width: 6.1rem;height: 4.25rem;margin-bottom: 0.25rem;}
.part2 .conBox2 li:nth-child(2) img{height: 8.75rem;margin-left: 0.25rem;} 
.part2 .xz{width: 17.75rem; margin: 1rem auto 0;}
.part2 .head{background: #4c97ce;position: relative;height: 1.375rem;line-height: 1.375rem;font-size:0.45rem;}
.part2 .head:before{content: '';display: block;clear: both;width: .5rem;height: 0.5rem;position: absolute;top:-0.25rem;left: 50%;margin-left: -0.25rem;transform: rotate(45deg);background: #4c97ce;}
.part2 .head li{width:25%;color: #fff;font-size: 0.7rem}
.con{height: 14.55rem;overflow: hidden;}
.con li{width:100%;color: #333;height: 1.4rem;line-height:1.4rem;font-size: 0.5rem;display:block; content:''; clear:both;}
.con li span{float: left;width: 25%;font-size: 0.55rem}
.button{width: 7.15rem;height:1.25rem;border: 1px solid #999;border-radius: 1rem;color: #000;font-size: 0.6rem;display: block;line-height: 1.25rem;margin: 1rem auto;}
/*part3*/
.part3,.part5{background: #f0f0f0;}
.part3 .box{width: 12.9rem;height: 16.9rem;margin: 0 auto;position: relative;}
.part3 .box b{position: absolute;width: 1.48rem;height: 1.425rem;top: 11.5rem;z-index: 9999;}
#pre2{background: url(../img/pre2.png) no-repeat;background-size: 100% 100%;left: 4.75rem;}
#next2{background: url(../img/next2.png) no-repeat;background-size: 100% 100%;}
.part3 .box .change{width: 12.9rem;height: 13.9rem;background: url(../img/bg.png) no-repeat;box-shadow: 0px 0px 0.25rem 0.05rem #d9d9d9;position: relative;}
.part3 .box .change .icon{width: 5.725rem;height: 6.4rem;position: absolute;left: 50%;margin-left: -2.8625rem;top: -1rem;}
.part3 .box .change .icon1{box-shadow: 0px 0px 0.3rem 0.02rem #42b236;}
.part3 .box .change .icon2{box-shadow: 0px 0px 0.3rem 0.02rem #da251c;}
.part3 .box .change .icon3{box-shadow: 0px 0px 0.3rem 0.02rem #fe0000;}
.part3 .box .change .icon4{box-shadow: 0px 0px 0.3rem 0.02rem #0fa9f1;}
.part3 .box .change .icon5{box-shadow: 0px 0px 0.3rem 0.02rem #f26f21;}
.part3 .box .change .icon6{box-shadow: 0px 0px 0.3rem 0.02rem #129aee;}
.part3 .box .change .icon7{box-shadow: 0px 0px 0.3rem 0.02rem #febe04;}
#swiper4{overflow: visible;margin-top: 1rem;height: 16rem;left: 0rem}
#swiper4  .swiper-slide{width: 12.9rem;transform: scale(0.9);}
#swiper4 h3{font-size: 0.7rem; color: #333;padding-top: 6.6rem;font-weight: bold;margin-bottom: 0.5rem;}
#swiper4 .star img{width: 0.45rem;height: 0.45rem;margin-right: 0.25rem;}
#swiper4 p{font-size: 0.55rem;color: #333;width: 8.9rem;margin: 0 auto;line-height: 0.85rem;}
#swiper4 .swiper-slide-active{transform: scale(1);transition: 0.3s;}
#swiper4 a{width: 7.6rem;height: 1.9rem;position: absolute;bottom: -1.9rem;left: 50%;margin-left: -3.8rem;background: #4c97ce;color: #fff;line-height: 1.9rem;font-size: 0.6rem;}
/*part4*/
.part4 .conBox3{width: 100%;padding: 0 0.45rem;text-align: left;}
.part4 .conBox3 img{border: 1px solid #d9d9d9;box-shadow: 0px 0px 0.25rem 0.05rem #d9d9d9;margin-bottom: 0.25rem;}
.part4 .conBox3 .one{width: 10.2rem;height: 8.125rem;}
.part4 .conBox3 .two{width: 3.45rem;height: 5.025rem;}
.part4 .conBox3 .thr{width: 5.525rem;height: 8.15rem;}
.part4 .conBox3 .four{width:7.275rem;height: 8.125rem;}
.part4 .conBox3 .fiv{width: 5.725rem;height: 3.725rem;}
.part4 h3{font-size: 0.6rem;color: #000;}
.part4 .conBox3 p{font-size: 0.45rem;color: #666;margin-top: 0.5rem;}
.part4 .conBox3 div div{margin: 0.85rem 0 0 0.7rem;}
.part4 .conBox3 .mar1{margin-left: 0.83rem;}
.part4 .conBox3 .mar2{margin-left: 0.25rem;}
.part4 .conBox3 .mar3{margin-top: 0.6rem;}
.part4 .conBox3 .mart{margin-top: -4rem;margin-left: 0.25rem;}
/*part5*/
.part5 .box{width: 17.575rem;height: 15.35rem; margin: 0 auto;overflow: hidden;position: relative;}
#swiper3 img{width: 17.575rem;height: 10.45rem;}
.part5 .box i:nth-child(1){background:url(../img/pre.png) no-repeat;left: 0;background-size: 100% 100%;}
.part5 .box i:nth-child(2){background:url(../img/next.png) no-repeat;right: 0;background-size: 100% 100%;}
.part5 .box i{position: absolute;top: 4.75rem;width: 0.575rem;height: 1.05rem;z-index: 99999;}
#swiper3{height: 100%;}
#swiper3 h3{font-size: 0.75rem;font-weight: bold;color: #333;margin: 0.6rem 0 0.5rem;}
#swiper3 p{font-size: 0.5rem;color: #666;}
#btn2{width: 2.66rem;bottom: 0.6rem;left:50%;margin-left: -1.5rem;}
#btn2 .swiper-pagination-bullet-active{background: #4c97ce;}
#btn2 span{margin-right: 0.3rem;background: #fff;border: 1px solid #4c97ce;width: 0.45rem;height: 0.45rem;}
/*part6*/
.part6 .box{width: 15.95rem;height: 8.9rem; margin: 0 auto;overflow: hidden;color: #fff;position: relative;}
.part6 .teacher{width: 100%;height: 100%;position: relative;}
.part6 .teacher b{position: absolute;right: 0;top: 0;width: 13rem;height: 9rem;background: #4c97ce;border-radius: 0.6rem;}
.part6 .teacher img{width: 5.325rem;height: 7.825rem;position: absolute;left: 0;top: 0.55rem;}
.part6 .teacher div{position: absolute;left: 6.75rem;top: 1.2rem;text-align: left;}
.part6 .teacher h3{font-size: 0.9rem;font-weight: bold;margin-bottom: 0.75rem;}
.part6 .teacher p{font-size: 0.7rem;width: 8.25rem;text-align: justify;line-height: 0.9rem;}
.part6 .teacher h3 span{font-size: 0.5rem;}
#btn{width: 3rem;bottom: 0rem;right: 0.5rem;}
#btn .swiper-pagination-bullet-active{background: #fff;}
#btn span{margin-right: 0.3rem;background: #195d8e;border: none;width: 0.45rem;height: 0.45rem;}
/*part7*/
.part7{padding-bottom: 1rem;}
.part7 .box{width: 16.46rem;margin: 0 auto;background: url(../img/line.png) no-repeat;background-size: 5.225rem 9.925rem;}
.part7 .box img{border: 1px solid #d9d9d9;box-shadow: 0px 0px 0.25rem 0.05rem #c2c2c2;}
.part7 .box .one{margin:0.3rem 0 0 0.3rem;width: 7.2rem;height: 10.675rem;}
.part7 .box .two{width: 8.725rem;height: 4.825rem;}
.part7 .box .thr{width: 4.275rem;height: 7.025rem;}
.part7 .box .fou{width: 4.25rem;height: 4.425rem;}
.part7 .box .pos{position: relative;color: #fff;}
.part7 .box .pos h3{font-size: 1rem;position: absolute;left: 0.55rem;top: 3.4rem;font-family: arial;font-weight: bold;}
.part7 .box .pos p{font-size: 0.6rem;font-weight: bold;position: absolute;left: 0.55rem;top: 4.5rem;}
.part7 .box .pos2 p{left: 3.95rem;top: 2.3rem;}
.part7 .box .pos2 p i{width: 3.3rem;height: 0.05rem;background: #fff; position: absolute;right: 0;top: 1.05rem;}
.part7 .box .pos3{margin-top: 0.15rem;}
.part7 .box .pos3 p{left: 0.4rem;top: 4.9rem;}
.part7 .box .pos3 p i{right: 0.5rem;width: 2.55rem;}
.part7 .box .pos4 p{left: 0.45rem;top: 1.75rem;}
.part7 .box .pos4 p i{right: 0.45rem;}
/*form*/
.mesg{width: 18.75rem;height: 13.175rem;background: url(../img/bg.jpg) no-repeat;background-size: 100% 100%;}
.mesg h2,.mesg .txt,form p{color: #fff;}
.mesg .msgBox{width: 11.35rem;margin: 0 auto;}
form p{font-size: 0.6rem;line-height: 1.6rem;}
.mesg .msgBox .write{width: 9.75rem;height: 1.6rem;border: none;background: #fff;border-radius: 0.2rem;font-size: 0.5rem;padding-left: 0.2rem;margin-bottom: 0.65rem;}
.submit{background: url(../img/btn.png) no-repeat;background-size: 100% 100%;width: 9.7rem;height: 1.6rem;border: none;}
/*foot*/
.foot{background: #f0f0f0;text-align: center;}
.foot p{font-size: 0.6rem;color: #333;line-height: 0.95rem;padding: 0.75rem 0 2.75rem;}




/*nav*/
.w-container{
    box-sizing: border-box;
}
.w-container *{
    box-sizing: border-box;
}
.logo-head{
	padding: 0.5rem 0.25rem;
	position: relative;
    width: 100%;
    overflow: hidden;
}
.logo_l{
	float: left;
}
.logo_l span{
	display: inline-block;
	float: left;
	width: 4rem;
}
.logo_l span > img{
	width: 100%;
}
.logo_l p{
	display: inline-block;
	font-size: 0.5rem;
	color: #666;
	border-left: 1px solid #999;
	margin-left: 0.25rem;
	padding-left: 0.25rem;
}
.logo_r{
	position: absolute;
	top: 0.75rem;
	right: 0.25rem;
	font-size: 0.6rem;
	color: #222;
}
.logo_r:before{
	display: inline-block;
	content: '';
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	background: url(../img/tel.png) no-repeat;
	background-size: 100%;
	top: 0.2rem;
	left: -0.8em;
}

.m-ul{
	background:#201f1a;
    width: 100%;
    overflow: hidden;
}
.m-ul li{
	width: 16.66%;
	float: left;
	border-left: 1px solid #11110e;
	height: 1.8rem;
	line-height: 1.8rem;
}
.m-ul li:hover{
	background:#13120f;
}
.m-ul li:nth-child(1){
	border-left: none;
}
.m-ul li a{
	display: block;
	color: #fff;
	font-size: 0.6rem;
	text-align: center;
}







#banner_btn{
  text-align: center;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  z-index: 10;
}
#banner_btn span{
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #fff;
  display: inline-block;
  margin: 0 0.25rem;
}
#banner_btn .swiper-pagination-bullet-active{
  background: #fff;  
}