@charset "utf-8";
/* CSS Document */

/*banner*/
.z_banner{ position: relative;}
.z_banner,.z_banner .bd,.z_banner .bd li{width:100%!important;height: 70vh; overflow: hidden;position:relative;z-index: 0;}
.z_banner .img{width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;  background-size:cover; transform:scale(1.04); transition: ease 2.5s; opacity:.5;}
.z_banner .bd li.swiper-slide-active .img,.z_banner .bd li.swiper-slide-duplicate-active .img{transform:scale(1); opacity:1;}
.z_banner .banner_text{ position: absolute; text-align: left;  left: 50%; top: 38%; /*transform: translate(-50%,-50%);*/ width: 1200px;  margin-left: -600px}
.z_banner .banner_text .z_row,.z_banner .text_list_con{transition: all 2s; transform: translateY(100px);}
.z_banner .banner_text .z_row{ width:70%; margin:0 auto}
.z_banner .banner_text .z_row img{ width:100%; }
.z_banner .bd li.swiper-slide-active .banner_text .z_row,.z_banner .bd li.swiper-slide-duplicate-active .banner_text .z_row,.z_banner .bd li.swiper-slide-active .text_list_con,.z_banner .bd li.swiper-slide-duplicate-active .text_list_con{ transform: translateY(0);}
.z_banner .banner_text{ }
.z_banner .banner_text h3{  font-size: 2.4vw;font-weight: bold; margin-bottom: 20px; letter-spacing:2px; color:#fff; text-align:center}
.z_banner .banner_text h3:after{ content:""; display:block; width:40px; height:3px; background:#fff;  margin:30px auto 0} 
.z_banner .banner_text h4{ letter-spacing:3px;  text-align:center;  margin-top: 3vw;}
.z_banner .banner_text h4 a{ color:#fff; font-size: 1vw; background:#ff6e00; border-radius:50px; padding:8px 20px; margin:20px 20px}
.z_banner:before{ content: ""; z-index: 2; display: block; width: 0%; height: 6px; background:#ff6e00; position: absolute; left: 0; bottom: 0; transition: ease 2s;}
.z_banner.animated::before{ width: 100%;}

/*班型列表*/
.part01{ margin:13% 0; width:83.333%; margin:0 auto}
.part01 ul{ margin-top:4%;}
.part01 ul li{ width:31%; margin-right:2%; cursor:pointer; margin-bottom:30px; float:left; background:#fff;  border-radius:4px;transition:ease 1s}
.part01 ul li:nth-child(3),.part01 ul li:nth-child(6){ margin-right:0}
.part01 ul li img{ width:100%}
.class_text{ padding:10px 10px 40px 10px;}
.class_text h2{color:#35383d; font-weight:bold; font-size:16px; text-align:left; margin:10px 0;}
.class_text h4{color:#878c98; text-align:left} 
.class_text p{ color:#ff6e00; font-size:18px; text-align:right; font-weight:bold}
.part01 ul li:hover{ transform:scale(1.05,1.05); }


/*弹窗*/
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}
.theme-popover {
	z-index:9999;
	position:fixed;
	top:50%;
	left:50%;
	width:800px;
	height:540px;
	margin:-280px 0 0 -400px;
	border-radius:5px;
	border:solid 2px #666;
	background-color:#fff;
	display:none;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {
	border-bottom:1px solid #f1f1f1;
	padding:20px;
	position: relative;
	font-size:20px;
	text-align:center
}
.theme-popbod {
	padding:20px 15px;
	color:#444;
}
.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#000;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}




@media screen and (max-width:750px){
/*banner*/
.z_banner .banner_text h3{font-size: 6vw;}
.z_banner .banner_text h3:after{margin: 15px auto 0;}
.z_banner .banner_text h4{font-size: 7vw;}
.z_banner, .z_banner .bd, .z_banner .bd li{ height: 52vh;}
.z_banner .banner_text h4 a{margin: 20px 4px;}

/*课程*/
.part01 ul li{width: 47%; margin-right:4%;}
.part01 ul li:nth-child(even){ margin-right:0}
.part06 .part06_con{ flex-wrap:wrap}
.part06_con_img{width: 100%;margin:0 auto;}
.part06 .part06_con_text{ width:100%}
.part06 .part06_con h2{font-size: 16px;}
.part06 .part06_con p{ font-size:12px; margin-bottom:10px;}
.part06 .part06_con .zixun01{ padding:16px 26px}
.class_text h2{ font-size: 15px;}
.part01 ul li:nth-child(3) {
    margin-right: 4%;
}.class_text {
    padding: 0px 6px 20px 6px;
}

.part01 {
    margin: 17% 0;
}
.part01 ul li{margin-bottom: 15px;}



/*弹窗*/
.theme-popover {
    z-index: 9999;
    position: fixed;
    top: 50%;
    left: 0%;
    width: 95%;
    height: 317px;
    margin: -182px 0 0 10px;
    border-radius: 5px;
    border: solid 2px #666;
    background-color: #fff;
    display: none;
    box-shadow: 0 0 10px #666;
}


}