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

.z_index_about{padding: 7vw 10.3vw; box-sizing: border-box;background-image:url(../images/about_xingju_bg.png); background-position:top left; background-repeat:no-repeat; background-color:linear-gradient(180deg, #fffdfa, #fffaed);}
.z_index_about .fl_warp{width: 65%;  padding-right: 12.76041vw;}
.z_index_tit{font-size:2.39583vw;line-height: 2.39583vw; text-transform: uppercase; position: relative; z-index: 1;}
.z_index_tit .en{font-family: AsapCondensed;font-weight: 600;color: #e7a300; margin-bottom: 5px;}
.z_index_tit .cn{color: #000000; font-weight: bold;	font-family: "NotoSansHansbold";} 
.z_index_tit .cn2{color: #fff; font-weight: bold;	font-family: "NotoSansHansbold";} 
.z_index_tit::before{ content: ""; display: block; width: 5.57291vw; height: 6.25vw; background: url(../images/fz.png) no-repeat center; background-size: 100% auto;position: absolute; left: -3vw; top: -2vw; animation: fzyd 20s infinite ease-in-out;}
@keyframes fzyd{
	0%{ transform: scale(1,1) rotate(0deg);}
	50%{transform: scale(.6,.6) rotate(360deg);}
	100%{transform: scale(1,1) rotate(0deg);}
}
.z_index_tit2::before{background: url(../images/fz2.png) no-repeat center;background-size: 100% auto;}
.z_index_about .bz{font-size: 18px;width: 76%;font-weight: bold;color: #000000;line-height: 30px; margin: 2.6vw 0; margin-bottom: 4.5vw;}
.z_index_about .bz em{ color: #e7a300;}
.z_index_about .desc{color: #4B4E51;
line-height: 26px; }
.z_index_about .conwarp{ position: relative; margin-top:30px;}
/*.z_index_about .z_more{ position: absolute; left: 0; bottom: 0;}*/
.z_about_num{ margin-top: 5vw;}
.z_about_num li{position: relative; z-index: 1; max-width: 48%;    width: 48%; margin-bottom:50px;}
.z_about_num ul{ display: flex; justify-content: space-between; flex-wrap:wrap}
.z_about_num h3{font-size:2.91666vw;font-family: Exo2;color: #e7a300;}
.z_about_num h4{ font-weight: bold;}
.z_about_num .icon{ position: absolute; left: -0.5vw; top: -1.6vw; height: 3.22916vw; z-index: -1; margin-bottom: 10px;} 
.z_index_about{ display: flex;}
.z_index_about .fr_warp{width:35%;position: relative;overflow: hidden;}
.z_index_about .desc p{ font-size:16px; padding-bottom:10px; color:#333}

.z_tsfs_ul{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5vw}
.z_tsfs_ul li{ width:17%; margin-right:3%;  padding:42px 0; position:relative;  margin-bottom:30px;transition: ease 1s;overflow: hidden; 
    border-radius: 20px; }
.z_tsfs_ul li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#f6f7f9;
  transition: ease 1s; transform: translateY(100%); opacity: 0;}
.z_tsfs_ul li.active::before{ transform: translateY(0); opacity: 1; }
.z_tsfs_ul li p{ color:#333333; font-size: 16px; line-height: 1.5; text-align: center; margin-bottom:20px; }
.z_tsfs_ul li h3{  font-size:20px; text-align:center; width: 100%; margin:0 auto; font-weight:bold;  color:#333; }
.z_tsfs_ul li h3:after{ content:""; width:30px; height:2px; background:#fdb200; display:block; margin:10px auto 20px; }
.z_tsfs_ul li .zyimg{ text-align:center; 
    width: 4vw;
    height: 4vw;
    margin: auto;
    background: none!important;
    transition: ease .45s;
    position: relative;
    overflow: hidden;
	margin-bottom: 10px;
}
.z_tsfs_ul li .zyimg>div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: ease .45s;
    width: 100%;
    height: 100%;
}
.z_tsfs_ul li .zyimg>div img {
    width: auto;
    margin: auto;
}
.z_tsfs_ul li .zyimg .img2 {
    transform: translate(-50%, 140%);
}
.z_tsfs_ul li:hover .zyimg .img1 {
	transform: translate(-50%, -140%);
	z-index:999;
}
.z_tsfs_ul li:hover .zyimg .img2 {
	transform: translate(-50%, -55%);
	z-index:999;
}
.z_tsfs_ul li.active  .zyimg .img2 {
	transform: translate(-50%, -55%);
	z-index:999;}
.z_about_video{ width: 100%; border-radius: 24px; height: 37.5vw; overflow: hidden; position: relative; z-index: 1;}
/* .z_about_video::before{ content: ""; display: block; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;} */
.z_about_video .z_play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; cursor: pointer; text-align: center;}
.z_about_video .z_play img{ display: block; height: 5.2vw; margin: 0 auto;}
.z_about_video .z_play span{ font-size: 18px;font-family: AsapCondensed;font-weight: 600;text-decoration: underline;color: #FFFFFF; text-transform: uppercase;display: block; margin-top: 10px;}	
	
	
.z_about_nl{ position: relative;}
.z_ln_swiper{ width: 100%;height: 45.83333vw; overflow: hidden;}
.z_ln_swiper li{ position: relative;display: flex; align-items: center; color: #fff; padding: 0 8.3vw; box-sizing: border-box; }
.z_ln_swiper li .imgbg{ position: absolute; left: 0; top: 0; z-index: -1;}
.z_ln_swiper li h3{ font-size: 2.6vw;line-height: 2.6vw; font-weight: bold;}
.z_ln_swiper li h4{line-height: 28px; font-size: 16px; margin: 3vw 0; width: 60vw;}
.z_ln_swiper .z_swiper_btn .iconfont{  border: none; z-index: 1;}
.z_ln_swiper .z_swiper_btn .cir{ margin-left: 0; margin-right: 1vw;background: #fff; transition: ease .6s;}
.z_ln_swiper .z_swiper_btn .cir:hover{ background: none;}
.z_nl_icon{width: 83.33333vw; position: absolute; left: 50%; transform: translate(-50%); z-index: 2; bottom: 0;background: rgba(255,255,255,.9);border-radius: 20px 20px 0px 0px;}
.z_nl_icon ul{ display: flex; height: 8.3vw; align-items: center;}
.z_nl_icon li{ flex: 1; text-align: center; cursor: pointer; }
.z_nl_icon li .icon{ height: 40px; width: 40px;overflow: hidden; margin: 0 auto; margin-bottom: 10px;}
.z_nl_icon li .icon img{ display: block; margin: 0 auto;filter: drop-shadow( 0px 40px 0 #000); transition: ease .5s;}
.z_nl_icon li.active .icon img{ transform: translateY(-40px);}
.z_nl_icon li h3{ font-size: 16px;color: #95A0AD;}
.z_nl_icon li.active h3{color: #000000;}	
	
	
.z_about_honor{background: #f6f7f9; box-sizing: border-box; padding:5vw 0}
.z_about_honor .z_pro_nav{ position: relative; top: auto; transform: translate(0); left: auto; margin-left: auto; flex-shrink: 0;}
.z_about_honor .z_pro_nav a{min-width: 7vw; text-align: center;}
.z_honor_head{ margin-bottom: 4vw;}
.z_honor_head .z_other_tit{ width: 60%;}
.z_honor_swiper{ overflow: hidden;}
.z_tab_warp{ margin-top:4vw}
.z_honor_warp{ position: relative;}
.z_honor_warp .iconfont{width: 46px;
height: 46px;
background: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(133,162,192,0.4);
border-radius: 50%;line-height: 46px; color: #eca925; text-align: center; cursor: pointer;outline: none; transition: ease 1s; position: absolute; top: calc(50% - 30px); transform: translateY(-50%);}
.z_honor_warp .iconfont:hover{ background: #eca925; color: #fff;}
.z_honor_warp .prev{ left: -88px;}
.z_honor_warp .next{ right: -88px;}
.z_honor_swiper .img{ background: #fffcf7;
border: 2px solid #feebc4; height: 17.70833vw; display:flex;align-items: center; justify-content: center; padding: 1.2vw;box-sizing: border-box;
border-radius: 8px;}
.z_honor_swiper .img img{ display: block; max-height: 100%;}
.z_honor_swiper h3{ text-align: center;font-size: 16px; margin-top: 15px;}
.z_honor_swiper li .img{ position: relative;}
.z_honor_swiper li .img::before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/mask2.png) no-repeat bottom center; background-size: 100% auto; position: absolute; left: 0; bottom: 0; z-index: 1; transition: ease 1s; opacity: 0; pointer-events: none;}
.z_honor_swiper li:hover .img::before{ opacity: 1;}	



/*全国分校*/
.qgfx{ padding:8vw 0 2vw}
.qgfx ul{ display:flex; flex-wrap:wrap ; justify-content:space-between; margin-top:50px; }
.qgfx ul li{ width:48%; margin-bottom:40px;}
.qgfx ul li .qgfx_img01{ width:100%; height:20vw;flex-shrink: 0; overflow:hidden;   }
.qgfx ul li  .qgfx_img01_imgs{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: ease 1s;}
.qgfx ul li:nth-child(1) .qgfx_img01_imgs{background-image:url(../images/about_qgfx_img01.jpg); }	
.qgfx ul li:nth-child(2) .qgfx_img01_imgs{background-image:url(../images/about_qgfx_img02.jpg); }
.qgfx ul li:nth-child(3) .qgfx_img01_imgs{background-image:url(../images/about_qgfx_img03.jpg); }
.qgfx ul li:nth-child(4) .qgfx_img01_imgs{background-image:url(../images/about_qgfx_img04.jpg); }
.qgfx ul li .qgfx_text h3{ font-size:18px; font-weight:bold; color:#333; margin-top:20px;}
.qgfx ul li .qgfx_text h3 em{ width:20px; height:20px;}
.qgfx ul li .qgfx_text p{ margin:15px 0; font-size:15px; color:#999; }
.qgfx ul li .qgfx_text .line02{ width:100%; height:1px; background:#e1e1e1; display:block; margin-top:20px; position:relative}
.qgfx ul li .qgfx_text .line02::before
   {content: '';
    display: block;
    transition: all 1s;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #e7a300;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 1;}
.qgfx ul li:hover .qgfx_text .line02::before{ width: 100%;cursor:pointer; }
.qgfx ul li:hover h3{ color:#e7a300}
.qgfx ul li:hover .qgfx_img01_imgs{ transform:scale(1.1, 1.1)}







.z_about_youshi	{ margin-top:5vw}
.z_sm_icon{ margin-top:4vw}
.z_sm_icon ul{ display:flex; flex-wrap:wrap}
.z_sm_icon li  {
	width: 47%;
	float: left;
	position: relative;
	transition: all 1s;
	color: #fff;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	justify-content: center;
	background: #f6f7f9;
	border-radius: 10px;
	z-index: 0; 
	margin-right:3%;
	margin-bottom:30px;
}
.z_sm_icon li .warp {
	display: flex;
	width:100%;
}
.z_sm_icon li h3 {
	font-size: 24px;
	margin: 1vw 0;
	    text-align: left;
    color: #333;
	transition: ease 1s;
	/*transform: translateY(2.0vw);*/
	font-weight:bold;
}
.z_sm_icon li .icon img {
	display: block;
	margin: 0 auto;
	width:100%;
	
}
.z_sm_icon li .line {
	display: block;
	width: 30px;
	height: 1px;
	background: #F6F6F6;
	margin: 0 auto;
}
.z_sm_icon li .desc {
	width: 90%;
	font-size: 16px;
	font-weight: normal;
	/*transform: translateY(96px);*/
	line-height: 24px;
	margin-top: 1vw;
	margin-bottom:20px;
	transition: ease 1s;
	/*opacity: 0;*/
	text-align:left;
	color:#666;
	
}
.z_sm_icon li .con {
	transition: ease 1s;
	transform: translateY(2.5vw);
	margin:0 24px;
}
.z_sm_icon li .con .icon{ width:48px; height:48px;}
.z_sm_icon li:hover h3{ color: #e2a42d; transition: ease 1s;
	transform: translateY(0vw);}
.z_sm_icon li:hover .con, .z_sm_icon li:hover .desc {
	transform: translateY(2vw);
	opacity: 1;
	display: block;
}

.z_sm_icon li:last-child {
	border-right: none;
}
.z_sm_icon li:hover .desc{
	color:#e2a42d;
}
.z_sm_icon li::before {
	content: '';
	display: block;
	transition: all 1s;
	width: 100%;
	height: 0%;
	position: absolute;
	left: 0;
	top: 0;
	background:#ffefcf;
	border-radius: 10px;

	background-size: cover;
}
.z_sm_icon li:nth-child(2)::before, .z_sm_icon li:nth-child(4)::before {
	top: auto;
	bottom: 0;
}
.z_sm_icon li:hover::before {
	height: 100%;
}




@media screen and (max-width:980px){	

/*关于我们*/
.z_index_about .fl_warp{ width:100%; padding-right:0}
.z_index_about{flex-wrap: wrap;padding: 7vw 0vw;}
.z_index_about .bz{ width: 100%; font-size: 14px;line-height: 24px; margin: 25px 0;}
.z_index_about .desc{ width: 100%;}
.z_index_about .z_more{ position: relative; margin-top: 30px;}
.z_more .iconfont{ width: 36px; height: 36px; line-height: 32px;}
.z_about_num ul{ display: block;}
.z_about_num li{ display: inline-block; width: 49%; max-width: 49%; margin-bottom: 15px;}
.z_about_num h3{ font-size: 24px; line-height: normal;}
.z_about_num .icon{ height: 30px;}
.z_about_num{ margin-top: 40px;}
.z_index_about .fr_warp{ width: 100%; }
.z_tsfs_ul li{ width:29%; padding: 24px 0;margin-right:0}
.z_tsfs_ul li:nth-child(4),.z_tsfs_ul li:nth-child(5){width:47%;}

.z_tsfs_ul li .zyimg {
    text-align: center;
    width: 10vw;
    height: 10vw;
    margin: auto;
    background: none!important;
    transition: ease .45s;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.z_tsfs_ul li h3 {
    font-size: 16px;}


.z_about_video{ border-radius: 12px; height: 55vw;}
.z_about_video .z_play img{ height: 50px;}
.z_about_video .z_play  span{ font-size: 14px;}
.z_nl_icon{ position: relative; width: 100%;}
.z_ln_swiper{height: 84vh;}
.z_ln_swiper li{ padding: 50px 12px;}
.z_ln_swiper li h4{ width: 100%; font-size: 14px;line-height: 24px;margin: 30px 0;}
.z_ln_swiper li h3{ font-size: 20px;line-height: 20px;}
.z_nl_icon{ display: none;}
.z_nl_icon li .icon{ height: 30px;}
.z_nl_icon li .icon img{filter: drop-shadow( 0px 30px 0 #000); height: 30px;}
.z_nl_icon li.active .icon img {transform: translateY(-30px);}
.z_nl_icon li h3{ font-size: 12px;}
	
.z_honor_head{ display: block;}
.z_about_honor{ padding: 35px 12px;}
.z_honor_swiper{ margin-top: 40px;}
.z_honor_swiper h3{ font-size: 14px;}
.z_honor_swiper .img{ height: 52vw;}
.z_honor_warp .iconfont{z-index: 2;}
.z_honor_warp .prev{ left: 0;}
.z_honor_warp .next{ right: 0;}	

.z_sm_icon li{ width:100%; padding:4vw 0}
.z_sm_icon li h3 {
    font-size: 16px;}
.z_sm_icon li .desc {
    width: 90%;
    font-size: 12px;line-height: 1.5;}	
.z_about_youshi {
    margin-top: 12vw;
}	

.z_index_about .desc p {
    font-size: 14px;}
.z_tsfs_ul li p {
    color: #666;
    font-size: 12px;}	
	
	
	
	
	
	
	
	
	
	
}