@charset "utf-8";
*{margin: 0;padding: 0; font-family: '微软雅黑';color: #303030; font-size: 14px;}
body{width: 100%;overflow-x: hidden;background: #fff;}
li{list-style: none;}
a{text-decoration: none;display: block;}
a:hover{color:#f5c51e}
img{max-width: 100%;display: inline-block;}
.fillimg{width: 100%;height: 100%;;}
.autoimg{max-height: 100%;display: block;margin: 0 auto;width: auto;}
input{outline: none;;}
.clearfix{clear: both;}
.c00{color:#000;}
.c01{color: #777;}
.c02{color: #f5c51e;}
.size16{font-size: 16px;;}
.size18{font-size: 18px;}
.size12{font-size: 12px;line-height: 20px;;}
.fontw4{font-weight: 400;}
.b{font-weight: bolder;}
.white-bg{background: #fff;}
.no-wrap{display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.three-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;word-break: break-all;overflow: hidden;width: 100%;}
.w-inner{width: 1200px;margin: 0 auto;overflow: hidden;}
.h60{height: 60px;;}
.center{text-align: center;}
.overf-h{overflow: hidden;}
.overf-v{overflow: visible;}
.f-left{float:left;}
.f-right{float:right;}
.relative{position: relative;}
.none{display: none;;}
.pt90{padding-top: 90px;;}
.pt50{padding-top: 50px;;}
.pb50{padding-bottom: 50px;;}
.mt10{margin-top: 10px;;}
.mt20{margin-top: 20px;;}
.mb10{margin-bottom: 10px;;}
.mb15{margin-bottom: 15px;;}
.pt20{padding-top: 20px;;}
.flex{display: flex;flex-wrap: wrap;}
.flex-c{justify-content: center;}
.flex-bt{justify-content: space-between;}
.flex01{flex: 1;}
.mlr15{margin-left: 15px;margin-right: 15px;;}
.inl-blo{display: inline-block;}

.big-title{padding-top: 50px;padding-bottom: 40px;;}
.big-title .tit{font-size: 50px;;}
.big-title .line{width: 567px;height: 8px;background: url(../img/line00.png) center no-repeat;display: block;margin: 10px auto;;}

#banner .pagination{bottom: 30px;z-index: 99;}

/* .banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../img/right.png);
	right: 10px;
	width: 48px;
	height:48px;
	background-size: cover;
}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(../img/left.png);
	right: 10px;
	width: 48px;
	height:48px;
	background-size: cover;
} */


/* header */
.header{background: rgba(255,255,255,0.85);height: 64px;box-shadow: 0 1px 1px #eee;position: fixed;left: 0;z-index: 1000;width: 100%;top: -90px;transition: top .5s;}
.header .logo img{height: 54px;max-width: 200px;margin-top: 5px;;}
.header .nav li{line-height: 64px;height: 65px;;}
.header .nav li a{line-height: 64px;width: 95px;text-align: center;cursor: pointer;font-size: 16px;color: #323232;}
.header .nav .active{background: rgba(0,0,0,0.1);border-top: solid 3px #f5c51e;box-sizing: border-box;}
.header .nav .active a{line-height: 60px;}
.header-show {top:0;}
.wap-nav{display: none;}





/* 课程体系 */
.cs-content .f-left{width: 32%;margin-right: 3%;}
.cs-content .f-right{width: 65%;}
.cs-content .f-right ul li{width: 47%;margin-right: 3%;margin-bottom: 15px;margin-top: 20px;background: #fff;padding: 15px 20px;box-sizing: border-box;}
.cs-content .f-right ul li .intro{width: 73%;height: 100px;margin-left: 2%;;}
.cs-content .f-right ul li .img-icon{width: 76px;height: 76px;top: 5px;margin-right: 5px;}
.cs-content .f-right ul li .tit{font-size: 20px;margin-bottom: 5px;}
.cs-content .f-right ul li:hover{background: #f2f2f2;transition: 0.3s;}
.cs-content .f-right ul li:hover .tit{color: #f5c51e;transition: 0.3s;}
.cs-content .wap-left-img{display: none;}

/* 教育理念 */
.edu-idea{background: url(../img/idea-bg.jpg) center repeat;position: relative;top: -6px;}
.ei-content .f-left{width: 65%;margin-right: 3%;margin-bottom: 30px;}
.ei-content .f-right{width: 32%;position: relative;top: 20px;}
.ei-content .f-left ul li{width: 47%;margin-right: 3%;margin-bottom: 15px;margin-top: 20px;background: rgba(255,255,255,0);padding: 15px 20px;padding-top:25px;box-sizing: border-box;}
.ei-content .f-left ul li .intro{width: 73%;height: 100px;margin-left: 2%;;}
.ei-content .f-left ul li .img-icon{width: 76px;height: 76px;top: 5px;margin-right: 5px;}
.ei-content .f-left ul li .tit{font-size: 16px;margin-bottom: 5px;}
.ei-content .f-left ul li:hover{background: #ffdd67;transition: 0.2s;}

/* 教研团队 */
.team{background: #f3f3f3;}
/* .t-content ul{width: 90%;margin: 20px auto;;}
.t-content ul li{width: 24%;margin: 5px 0.5%;height: 380px;overflow: hidden;} */
.t-content ul li .img{width: 100%;height: 380px;;}
.t-content ul li .img img{position: relative;top: 0;}

.team .swiper-container-team{width: 1080px;margin: 20px auto;position: relative;overflow: hidden;height: 380px;;}

.team  .swiper-button-next,.team .swiper-button-prev{background-color: rgba(0,0,0,0.2);width: 35px;height: 60px;    background-size: 70%;outline: none;}
.team .swiper-button-prev{background-image: url(../img/left.png);left: 0;}
.team .swiper-button-next{background-image: url(../img/right.png);right: 0;}

.team .t-content-wap{display: none;}

.t-content ul li .name{position: absolute;bottom: 0;width: 100%;background: #f5c51e;margin: 0;padding: 0 5%; height: 60px;line-height: 60px;
  top: auto;
  bottom: 0;
  opacity: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
  }
.t-content ul li:hover .name {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
  }
  .t-content ul li:hover .img img{top: -40px;transition: 0.4s;}
  
  /* 为什么 */
  .why{background: url(../img/idea-bg.jpg) center repeat;}
  .why-content .f-left{width: 30%;}
  .why-content .center-img{width: 36%;margin: 0 2%;margin-top: 50px;;}
  .why-content .f-right{width: 30%;}
  .why-content  ul .f-left{width: 100%;background: rgba(255,255,255,0);padding: 15px 20px;padding-top:25px;box-sizing: border-box;margin-top: 20px;margin-bottom: 15px;}
  .why-content  ul .f-left .img-icon{width: 76px;height: 76px;top: 5px;margin-right: 5px;}
  .why-content  ul .f-left .tit{font-size: 16px;margin-bottom: 10px;}
  .why-content  ul .f-left:hover{background: #ffdd67;transition: 0.2s;}

  .why-content ul li .intro{width: 70%;height: 100px;margin-left: 2%;;}
  
/* 视频播放 */
/* .video{width: 1600px;margin: 0 auto;margin-bottom: 60px;position: relative;;}
.video .bg-img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.video .m-video{width: 50px;height: 50px;margin: 0 auto;cursor: pointer;position: absolute;top: 50%;margin-top: -25px;left: 50%;margin-left: -25px;;}
.video .m-video i{color: #fff;transform: scale(1);}
.video:hover .bg-img{-webkit-filter: grayscale(0);filter: grayscale(0);transition: 0.3s;}
.video:hover .m-video i{color: #000;transform: scale(1.6);transition: 0.3s;;} */


#video{
	text-align: center;
	height: auto;
	width: 100%;
	max-height: 1500px;
	overflow: hidden;
	margin-bottom: 60px;
	position: relative;
	}
#video .bg-img{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
#video:hover .bg-img{-webkit-filter: grayscale(0);filter: grayscale(0);transition: 0.3s;}
#video .video-bg{position: absolute;top: 50%;margin-top: -25px;left: 0;background: none;cursor: pointer;height: initial;}
#video .video-bg i{cursor: pointer;}
  .play-icon{
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 40px;
	color: #ffffff;
	font-style: normal;
	text-align: center;
	padding: 20px 10px;
	margin-top: 20px;
	font-weight: normal;
	line-height: 1;
	}
  
  .play-icon:hover{
	color:#146c70;
	margin:5px;
	font-size: 50px;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: 0.4s all ease;
	-moz-transition: 0.4s all ease;
	-o-transition: 0.4s all ease;
	-ms-transition: 0.4s all ease;
	transition: 0.5s all ease;
	}
  





/* 客户评价 */
.evaluate{background: url(../img/yin.png)  center no-repeat #f3f3f3;}
.evaluate .ev-content{width: 90%;margin: 0 auto;;}
.evaluate .avator{width: 78px;height: 78px;overflow: hidden;margin: 0 auto;}
.evaluate .name{color: #888;margin-top: 30px;margin-bottom: 10px;}
.evaluate .desc{font-size: 24px;background: url(../img/line01.png) top  center no-repeat;padding-top: 15px;font-style: italic;width: 96%;margin: 10px auto;}
.bx-controls-direction{opacity: 0;}
.bx-wrapper:hover .bx-controls-direction{opacity: 1;transition: 0.3s;}
.evaluate .flexslider{background: none;}
.evaluate .flex-direction-nav a{font-size: 0;}
/* 作品展示 */
.work-show{background: url(../img/idea-bg.jpg) center repeat;}
/* .work-show .ws-content{width: 80%;margin: 0 auto;;} */
/* .work-show ul li{width: 30.33%;margin: 10px 1.5%;background: rgba(255,255,255,0);border: solid 3px #fa8426;box-sizing: border-box;height: 210px;overflow: hidden;} */
.work-show ul li .img-icon{width: 100%;height: 210px;transform: scale(1);}
.work-show ul li:hover .img-icon{transform: scale(1.1);transition: 0.2s;}

.work-show .swiper-container-works{width: 940px;margin: 0 auto;position: relative;overflow: hidden;height: 210px;margin-bottom: 20px;;}
.work-show .swiper-container-works li{background: rgba(255,255,255,0);border: solid 3px #fa8426;box-sizing: border-box;height: 210px;overflow: hidden;}

.work-show  .swiper-button-next,.work-show .swiper-button-prev{background-color: rgba(0,0,0,0.2);width: 35px;height: 60px;    background-size: 70%;outline: none;}
.work-show .swiper-button-prev{background-image: url(../img/left.png);left: 0;}
.work-show .swiper-button-next{background-image: url(../img/right.png);right: 0;}

.work-show .ws-content-wap{display: none;}


/* 加盟 */
.join{background: #f3f3f3;}
.join ul li{width: 20%;margin: 10px 2.5%;}
.join ul li .img-icon {width: 92px;height: 92px;padding: 4px;margin: 0 auto;}
.join ul li .img-icon::after{content: "";width: 100%;height: 100%;border: solid 2px #f5c51e;position: absolute;top: 0;left: 0;transform: scale(0);border-radius: 50%;box-sizing: border-box;opacity: 0;}
.join ul li .img-icon img{width: 84px;height: 84px;}
.join .jo-content .tit{color: #000;margin-top: 30px;margin-bottom: 20px;}
.join ul li:hover .img-icon::after{content: "";transform: scale(1);opacity: 1;transition: 0.2s;}

/* footer */
.footer{background: #4a4a4a;padding-bottom: 20px;}
.footer .w-inner01{background: url(../img/footer_bg.jpg) center repeat;}
.footer .big-title .tit{color: #fff;}
.footer .big-title .intro{color: #fff;}
.footer .big-title .line{background: url(../img/line03.png) center no-repeat;}

.footer .f-left{width: 30%;margin-left: 6%;margin-right: 5%;;}
.footer .f-right{width: 55%;;}
.footer .f-left .code li{width: 35%;margin-right: 5%;float: left;}
.footer .f-left .code li img{width: 120px;height: 120px;border: solid 2px #fff;;}
.footer .f-left .code li p{display: block;text-align: center;color: #fff;padding: 10px 0;}
.footer .contact p{color: #fff;}

.footer .copyr{color: #999;}

.message .form input{height: 40px;line-height: 40px;padding: 10px 3%;width: 94%;border: solid 1px #ffffff;background: none;color: #ccc;}
.message .form .l{width: 48%;float: left;}
.message .form .items{margin-bottom: 40px;;}
.message .form .items-t{margin-bottom: 20px;;}
.message .form .r{width: 48%;float: right;;}
.message .form textarea{height: 135px;line-height: 32px;padding: 5px;width: 94%;padding:0 3%;outline: none;border: solid 1px #ffffff;background: none;color: #ccc;}
.message .form input[type="button"]{display:block;width: 94%;padding:0 3%;height: 42px;line-height: 42px;text-align: center;background: #f5c51e;font-size: 16px;border: none;cursor: pointer;color: #303030;}


@media(max-width:750px){
	.w-inner{width: 94%;margin: 0 auto;overflow: hidden;}
	.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		background-image: url(../img/right.png);
		right: 10px;
		width: 20px;
		height:20px;
		background-size: cover;
	}
	.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		background-image: url(../img/left.png);
		right: 10px;
		width: 20px;
		height:20px;
		background-size: cover;
	}
	/* header */
	.header .wap-nav{display: block;width: 40px;height: 40px;float: right;padding: 20px 20px;margin-right: 10px;}
	.header .wap-nav span{display: block;width: 22px;height: 3px;border-radius: 1px;background: #f4c41e;margin: 3px auto;}
	.header .nav{position: absolute;top: 64px;width: 100%;left: 0;float: none;background: #fff;box-shadow: 0 1px 1px #eee;display: none;}
	.header .nav ul li{float: none;background: #fff;line-height: 34px;padding: 5px 0;    height: auto;}
	.header .nav ul li a{width: 100%;line-height: 34px;font-weight: bold;}
	.header .nav ul li.active{border:none}
	.header .nav ul li.active a{line-height: 34px;}
	
	.big-title .tit{font-size: 34px}
	.big-title .intro{font-size: 16px}
	.big-title .line{width: 95%;height: 8px;background: url(../img/line00.png) center no-repeat;display: block;margin: 0 auto;;}
	
	/* 课程体系 */
	.cs-content .left-img{display: none;}
	.cs-content .f-right{width: 100%;float: none;margin-top: 0;}
	.cs-content .f-right ul li{width: 100%;margin-right: 0;padding: 10px 10px;margin-top: 0;}
	.cs-content .wap-left-img{display: block;width: 75%;margin-right: 0;float: none;}
	
	/* 教育理念 */
	.edu-idea{position: relative;top: -10px;}
	.ei-content .f-left{width: 100%;margin-right: 0;margin-top: 0;margin-bottom: 0;}
	.ei-content .f-right{width: 80%;float: none;margin: 0 auto;}
	.ei-content .f-left ul li{width: 100%;margin-right: 0;margin-top: 0;padding: 15px 10px;margin-bottom: 0;}
	/* 教研团队 */
	.team .t-content-pc{display: none;}
	.team .t-content-wap{display: block;position: relative;}
	.team .swiper-button-next,.team  .swiper-button-prev{width: 25px;height: 45px}
	.t-content ul{width: 100%;margin: 0 auto;;}
	.t-content ul li{width: 48%;height: 250px;overflow: hidden;}
	.t-content ul li .img{width: 100%;height: 250px;;}
	.t-content ul li .name{opacity: 1;transform: none;height: 42px;line-height: 42px;font-size: 16px;}

	

	
	 /* 为什么 */
	.why-content .f-left{width: 100%;margin-top: 0;}
	.why-content .center-img{width: 80%;margin: 10px 10%;}
	.why-content .f-right{width: 100%;margin-top: 0;}
	.why-content  ul .f-left{width: 100%;padding: 15px 10px;margin-top: 5px;margin-bottom: 5px;}
	
	/* 客户评价 */
	.evaluate{padding-bottom: 0;}
	.evaluate .desc{font-size: 16px;}
	.bx-controls-direction{opacity: 1;}
	.bx-wrapper .bx-controls-direction a{top: 10%;}
	.bx-wrapper{margin-bottom: 30px;;}
	.bx-wrapper .bx-pager{bottom: -30px;;}
	
	/* 作品展示 */
	.work-show .ws-content-pc{display: none;}
	.work-show .ws-content-wap{display: block;}
	.work-show .swiper-button-next,.work-show .swiper-button-prev{width: 25px;height: 45px}

	.work-show .ws-content{width: 85%;margin: 0 auto;position: relative;;}
	.work-show ul li{background: rgba(255,255,255,0);border: solid 3px #fa8426;box-sizing: border-box;}
	.work-show ul li .img-icon{height: auto;font-size: 0;}
	.work-show ul li .img-icon img{height: auto;}
	
	/* 加盟 */
	.join ul li{width: 45%;margin: 10px 2.5%;height: 170px;}
	.join .jo-content .tit{margin-top: 15px;}
	
	/* footer */
	.footer .f-left{width: 90%;margin-left: 5%;margin-right: 5%;;}
	.footer .f-right{width: 90%;margin-left: 5%;margin-right: 5%;;}
	.footer .f-left .code li{width: 46%;margin:0 auto;float: none;}
	.footer .contact{text-align: center;}
	.message .form input{padding: 10px 3%;width: 100%;}
	.message .form .l{width: 100%;float: left;}
	.message .form .items{margin-bottom: 20px;;}
	.message .form .r{width: 100%;float: right;;}
	.message .form textarea{width: 100%;padding:0 3%;}
	.message .form input[type="button"]{width: 100%;padding:0 3%;}
	
	.video{width: 100%;height:250px;margin-bottom: 30px;;}
	#video .bg-img{max-height: 150px;max-width: initial;}
	
}

@media(max-width:400px){
	.cs-content .f-right ul li .tit{font-size: 16px;}
	.cs-content .f-right ul li .intro{width: 70%;}
	.ei-content .f-left ul li .intro{width: 70%;}
	.flex-direction-nav a:before{font-size: 30px;}
	.evaluate .ev-content{width: 82%;}
	.flex-direction-nav .flex-next{right: 0;}
	.flex-direction-nav .flex-prev{left: 0;}
}