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

.z_index_about{padding: 7vw 10.3vw; box-sizing: border-box;background-image:url(../picture/about_us_bg.png); background-position:top left; background-repeat:no-repeat; background-color:linear-gradient(180deg, #fffdfa, #fffaed);}
.z_index_about .fl_warp{  }
.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: #1240b4; 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: #1240b4;}
.z_index_about .desc{width: 47%;color: #4B4E51;line-height: 26px; }
.z_index_about .conwarp{ position: relative; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between}
/*.z_index_about .z_more{ position: absolute; left: 0; bottom: 0;}*/

.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_about_warp{background: #f6f9ff;padding: 7vw 8.3vw; }
.z_about_num2{margin-bottom: 7vw; }
.z_about_num2 ul{ display: flex; justify-content: center;}
.z_about_num2 li{ display: flex;align-items: flex-start; margin: 0 1.5vw;}
.z_about_num2 li .icon{ flex-shrink: 0; display: block; margin-right: 1.5vw;}
.z_about_num2 li h3{font-size: 2.91666vw;font-family: Exo2;font-weight: bold;color: #1240b4;line-height:2.6vw;}
.z_about_num2 li em{ display: inline-block; margin-right: 10px;}
.z_about_num2 li h4{color: #444444;
line-height: 28px; font-size: 16px; width: 12.5vw; border-top: 1px solid #C3CCDC; padding-top: 1vw; margin-top: 1vw;}

.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; color:#333}
.z_ln_swiper li h4{line-height: 28px; font-size: 16px; margin: 3vw 0; color:#697185}
.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: #e7e7e7; transition: ease .6s; }
.z_ln_swiper .z_swiper_btn .cir:hover{ background: none;}

.z_ln_swiper li .infobox {   /* margin-left: 18vw; */
    background: #fff;
    position: absolute;
    left: 25%;
    height: 29.3vw;
    padding: 5vw 7vw;
    /* width: 69vw; */
    width: 37%;
	bottom: 10%;
    z-index: 9999999999999999999;
	border-radius:20px;
}
.z_ln_swiper li h4 p{ width:100%}
.z_nl_icon {
    width: 12.33333vw;
    position: absolute;
    left: 20%;
    transform: translate(-50%);
    z-index: 2;
    bottom: 10%;
    background: #1240b4;
    border-radius: 20px 20px 20px 20px;
}
.z_nl_icon ul {
    display: flex;
    height: 29.3vw;
    align-items: center;
    flex-wrap: wrap;
}
.z_nl_icon li {
    width: 100%;
    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 #fff); transition: ease .5s;}
.z_nl_icon li.active .icon img{ transform: translateY(-40px);}
.z_nl_icon li h3{ font-size: 16px;color: #a4bdfd;}
.z_nl_icon li.active h3{color: #fff;}	
	


/*发展历程*/
.z_about_process{ padding: 6.25vw 8.3vw; box-sizing: border-box;}
.z_process_warp{ display: flex; align-items: flex-start;}
.z_process_year{font-size:13.54166vw;font-family: Exo2;line-height: 13vw; color: #ccd6f1; margin-top: 8vw; position: relative; }
.z_process_year::before{ content: ""; display: block; width: 20vw; height: 20vw; background: url(../images/cir.png) no-repeat center; background-size: 100% 100%; position: absolute; left: 38%; top: 50%; transform: translateY(-50%); animation: rog 20s linear infinite;}
.z_process_year em{ color: #1240b4;}
.z_process_fr{ width: 50vw; margin-left: auto;box-sizing: border-box;}
.z_process_con{ overflow-y: auto; max-height: 38vw; padding-right: 5vw;}
.z_process_con .item:first-child{border-top: 2px solid  #CFD6E1;}
.z_process_con .item{ padding: 1.5vw 0; border-bottom: 2px solid  #CFD6E1;}
.z_process_con .year{font-size: 24px;
font-family: Exo2; margin-bottom: 1vw;}
.z_process_con li,.z_process_con p{ font-size: 15px;line-height: 1.6; color: #697185; margin-left:20px; }
.z_process_con li,.z_process_con p span{color: #1240b4;}
.z_process_con li span,.z_process_con p strong{font-family: Exo2;color: #000000; display: inline-block; margin-right: 10px;}
.z_process_con li:hover,.z_process_con li:hover span,.z_process_con p:hover strong,.z_process_con p:hover{ color: #1240b4;}
@keyframes rog{
	0%{ transform: translateY(-50%) rotate(0deg);}
	100%{transform: translateY(-50%) rotate(360deg);}
}
.z_process_fr .z_more{ margin-top: 3vw;}
.z_process_con .context{ display:flex}
.z_process_con .context .context_img{ width:30%}
.z_process_con .context p{ width:65%}
.z_more{ display: flex; align-items: center; color: #FEFEFE; z-index: 1;}
.z_more .iconfont{ display: inline-block;width: 46px;height: 46px;border: 2px solid rgba(255,255,255,.3);border-radius: 50%;z-index: 1; text-align: center; line-height: 42px;  position: relative; overflow: hidden; font-weight: bold; transition: ease .5s;}
.z_more .cir{ position: relative; overflow: hidden; border-radius: 50%; font-size: 0; }
.z_more .cir::after{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0%; bottom: 0; background:  #1240b4; position: absolute; left: 0; bottom: 0; transition: ease 1s;} 
.z_more span{font-family: AsapCondensed;font-weight: 600;text-decoration: underline;margin-left: 10px;}
.z_banner_text .z_more{ margin-top: 8vw;}
.z_more:hover .cir::after{ height: 100%; }
.z_more2{ color: #1240b4;}
.z_more2 .iconfont{ border-color:#1240b4;}
.z_more2:hover .iconfont{ color: #FEFEFE;}




/*核心管理团队*/
.about_team{}
.about_team_title{padding: 1.25vw 8.3vw;}
.z_zx_warp{ display: flex;align-items: center;}
.z_zx_warp .infobox,.z_zx_warp .imgbox{ width: 50%;}
.z_zx_warp .imgbox{ height: 37.5vw;}
.z_zx_warp .infobox{ padding-left: 8.3vw;padding-right: 6.25vw;}
.z_yg_tit{ font-size: 2.4vw; font-weight: bold;}
.z_zx_warp .infobox .desc{font-size: 16px;font-weight: 400;color: #888888;line-height: 28px; margin: 2vw 0; min-height: 106px;}
.z_sub_a a{ display: inline-block;height: 50px; 
border: 1px solid #D4DEE8; margin-right: 1vw;
border-radius: 25px; padding: 0 1vw; text-align: center; line-height: 48px; color: #1240b4;}
.z_sub_a a .iconfont{ font-size: 12px; display: inline-block; margin-left: 5px; vertical-align: middle; font-weight: bold;}
.z_sub_a a:hover{ background: #1240b4!important; border-color: #1240b4; color: #fff;}
.z_about_num{ margin-top: 5vw;}
.z_about_num li{position: relative; z-index: 1; max-width: 48%;  width: 24%;}
.z_about_num ul{ display: flex; justify-content: space-between; flex-wrap:wrap}
.z_about_num h3{font-size:2.01666vw;font-family: Exo2;color: #1240b4;}
.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_about_honor{background: #f6f7f9; box-sizing: border-box; padding:5vw 8.3vw}
.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; margin-bottom:30px;}
.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: #1240b4; 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: #1240b4; color: #fff;}
.z_honor_warp .prev{ left: -88px;}
.z_honor_warp .next{ right: -88px;}
.z_honor_swiper .img{ background: #fff;
/*border: 2px solid #feebc4; height: 14.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;}	

/*组织架构*/
.jiagou{ padding:5vw 8.3vw}
.jiatou_img{ width:90%; margin:60px auto 30px}
.jiatou_img img{
	display:block;
    width: 100%;
}


/*全国分校*/
.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: #1240b4;
    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:#1240b4}
.qgfx ul li:hover .qgfx_img01_imgs{ transform:scale(1.1, 1.1)}









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

/*关于我们*/
.z_index_about .desc p { font-size: 14px;}
.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_about_warp {
    padding: 35px 12px;
}
.z_about_num2 ul {
    display: block;
}
.z_about_num2 li h3 {
    font-size: 24px;
    line-height: 24px;
}

.z_about_num2 li h4 {
    padding-top: 10px;
    margin-top: 10px;
    line-height: 24px;
    font-size: 15px;width:80vw;
}
.z_about_num2 ul li {
    margin-bottom: 20px;
}
.z_about_num2 li .icon {
    height: 30px;margin-right: 15px;
}
.z_about_video {
    border-radius: 12px;
    height: 55vw;
}

/*文化理念*/
.z_ln_swiper{height: 115.83333vw;}
.z_nl_icon { width: 25.33333vw; left:17%}
.z_nl_icon ul {
    display: flex;
    height: 80.3vw;
    align-items: center;
    flex-wrap: wrap;
}
.z_nl_icon li .icon{ width:30px; height:30px;}
.z_nl_icon li h3 {font-size: 14px;}
.z_ln_swiper li .infobox{height: 80.3vw; width:69%;padding: 9vw 9vw;}
.z_ln_swiper li h3{font-size: 18px;}
.z_ln_swiper li h4 p{ font-size:14px; margin-top:10px;}
.z_swiper_btn .iconfont{ width:36px; height:36px; line-height:36px;}


/*荣誉资质*/
.z_about_honor{ padding: 35px 12px 60px;}
.z_honor_head{ display: block;}
.z_honor_swiper{ margin-top: 0px;margin-bottom: 20px;}
.z_honor_swiper h3{ font-size: 13px;}
.z_honor_swiper .img{ height: 35vw;}
.z_honor_warp .iconfont{z-index: 2;}
.z_honor_warp .prev{ left: 120px;}
.z_honor_warp .next{ right: 120px;}	
.z_honor_warp .iconfont{ width:36px; height:36px; line-height:36px;}
.z_tsfs_ul li p {
    color: #697185;
    font-size: 12px;}	
.z_honor_warp .iconfont{top: calc(100% - -28px);}	
	
/*发展历程*/	
.z_about_process{ padding: 35px 12px;}
.z_process_year{ display: none;}
.z_process_fr{ width: 100%; padding: 0; overflow: unset; margin-top: 30px;}
.z_process_con li{ font-size: 15px; line-height: 24px; }
.z_process_con .item{padding: 15px 0;}
.z_process_con .year{ margin-bottom: 10px;}
.z_process_con {
    padding-right: 0;
    max-height: none;
    height: 339px;
    overflow: hidden;
}	
.z_process_con.on {
    height: auto;
}	
.z_process_con li, .z_process_con p {
    font-size: 14px;}	
	
/*管理团队*/	
.z_zx_warp {
    display: flex;
    align-items: normal;
	flex-wrap:wrap
}
.z_about_num_gl{ display:flex; }	
.z_about_num_gl li{ width:24%; }
.z_zx_warp .infobox, .z_zx_warp .imgbox{ width:100%}
.z_zx_warp .infobox .desc {
    font-size: 14px;
    font-weight: 400;
    color: #888888;
    line-height: 24px;
    margin: 2vw 0;
    min-height: 106px;
}
.z_zx_warp .imgbox {
    position: absolute;
    opacity: 0.1;
    height: 406px;
    z-index: -1;
    margin-top: -47px;
}
.about_team {
	height: 406px;
}
.z_zx_warp .infobox .desc{color: #444;}
/*组织架构*/
.jiatou_img {
    width: 100%;
    margin: 20px auto 20px;
}
.jiagou {
    padding: 5vw 4.3vw;
}

.z_about_video .z_play span{font-size: 13px;}
}