.wrap-about {overflow-x: hidden;padding-top: 125px; background: url(../image/about/bg.jpg) no-repeat; background-size: 100%;background-position-y: -186px}
.a-banner { line-height: 0;}
.a-banner img{ width: 100%;}
.a-banner .a-banner-bottom { margin-top: -140px;}
.a-banner .a-banner-item { width: calc(33.33% - 30px); padding: 40px 15px 27px; text-align: center; border-radius: 16px;}
.a-banner .a-banner-item:nth-of-type(1) { background: url(../image/about/num-bg1.png);}
.a-banner .a-banner-item:nth-of-type(2) { background: url(../image/about/num-bg2.png);}
.a-banner .a-banner-item:nth-of-type(3) { background: url(../image/about/num-bg3.png);}
.a-banner .a-banner-item .a-banner-tit { font-size: 56px;font-weight: bold;color: #3279E7;line-height: 1;position: relative;} 
.a-banner .a-banner-item .a-banner-tit::after { content: '';width: 35px; height: 2px; background: #3279E7;position: absolute;bottom: -28px;left: 50%;margin-left: -17px;} 
.a-banner .a-banner-item .a-banner-tit span:nth-of-type(1) {position: relative;top: 4px;}
.a-banner .a-banner-item .a-banner-tit span:nth-of-type(2) { font-size: 20px;margin-left: 7px;}
.a-banner .a-banner-item .a-banner-con { font-size: 20px;color: #666666;line-height: 1;margin-top: 58px;}
@media screen and (max-width: 1023px)
{
    .a-banner .a-banner-item .a-banner-tit{ font-size: 48px;} 
}
@media screen and (max-width: 991px)
{
    .a-banner .a-banner-item .a-banner-tit{ font-size: 36px;} 
}
.a-xgw { margin-top: 98px;} 
.a-xgw .a-xgw-main .a-video-box { width: 613px; border-radius: 6px;position: relative;padding-bottom: 36px;}
.a-xgw .a-xgw-main .a-video-box div {position: relative;}
.a-xgw-main .a-video-box .icon{transition: all .4s;width: 100%;height: calc(100% - 36px);display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;cursor: pointer;}
.a-xgw-main .a-video-box .poster { height: 100%; object-fit: contain;}
.a-xgw-main .a-video-box img { width: 100%;float: left;}
.a-xgw-main .a-video-box .icon img {width: 56px;}
.a-xgw-main .a-video-box:hover .icon{transform: scale(1.1);}
.a-xgw-main .a-video-txt{ flex: 1;margin: 36px 0 0 -64px; padding: 83px 66px 104px 132px; height: 400px; background: #FFFFFF; box-shadow: 0px 10px 15px 0px rgba(0, 60, 127, 0.1); border-radius: 6px;}
.a-xgw-main .a-video-txt img { width: 200px; height: 62px;}
.a-xgw-main .a-video-txt p { font-size: 16px;color: #666666;line-height: 30px;margin-top: 33px;}
@media screen and (max-width:1228px){
	.a-xgw .a-xgw-main .a-video-box{ width: 480px;} 
    .a-xgw-main .a-video-txt img { width: 180px; height: auto;}
    .a-xgw-main .a-video-txt{ flex: 1; height: auto;margin: 36px 0 0 -64px; padding: 53px 46px 54px 112px;line-height: 0;}
}
@media screen and (max-width: 1023px)
{
    .f-box {  width: 90%; }  
    .a-xgw-main .a-video-box{ width: 100% !important; padding-bottom: 0 !important;} 
    .a-xgw-main .a-video-txt{flex:unset;margin: 10px auto 0;  padding: 80px;} 
}
/* 优势 */
.a2-advantage { margin-top: 286px;}
.a-tit { text-align: center; font-size: 38px; line-height: 42px; font-weight: bold; color: #333333; line-height: 46px; position: relative;}
.a-tit::after { content: '';width: 50px; height: 4px; background: #3279E7;position: absolute;bottom: -26px;left: 50%;margin-left: -25px;}
.a-tit span { color: #3279E7;}
.a-stit { margin-top: 44px; text-align: center; font-size: 18px;  color: #666666; line-height: 26px;}
.a2-advantage .a2-advantage-list { margin-top: 63px;}
.a2-advantage .a2-advantage-list .a2-advantage-item { width: calc(33.33% - 34px); margin-bottom: 22px; padding: 39px 29px 64px; line-height: 0;}
.a2-advantage .a2-advantage-list .a2-advantage-item img { width: 72px;}
.a2-advantage .a2-advantage-list .a2-advantage-item .a2-advantage-top { margin-top: 23px; font-size: 24px; font-weight: bold; color: #3279E7; line-height: 26px;}
.a2-advantage .a2-advantage-list .a2-advantage-item .a2-advantage-con { margin-top: 27px; font-size: 16px; color: #666666; line-height: 30px;}
.a2-advantage .a2-advantage-list .a2-advantage-item:nth-of-type(1) { background: url(../image/about/advantage1-bg.png); background-size: 100% 100%;}
.a2-advantage .a2-advantage-list .a2-advantage-item:nth-of-type(2) { background: url(../image/about/advantage2-bg.png); background-size: 100% 100%;}
.a2-advantage .a2-advantage-list .a2-advantage-item:nth-of-type(3) { background: url(../image/about/advantage3-bg.png); background-size: 100% 100%;}
.a2-advantage .a2-advantage-list .a2-advantage-item:nth-of-type(4) { background: url(../image/about/advantage4-bg.png); background-size: 100% 100%;}
.a2-advantage .a2-advantage-list .a2-advantage-item:nth-of-type(5) { background: url(../image/about/advantage5-bg.png); background-size: 100% 100%;}
.a2-advantage .a2-advantage-list .a2-advantage-item:nth-of-type(6) { background: url(../image/about/advantage6-bg.png); background-size: 100% 100%;}
@media screen and (max-width: 1023px)
{
    .a2-advantage { margin-top: 200px;}
    .a-tit{ font-size: 34px;} 
}
@media screen and (max-width: 991px)
{
    .a2-advantage { margin-top: 140px;}
    .a-tit{ font-size: 30px;} 
    .a2-advantage .a2-advantage-list .a2-advantage-item .a2-advantage-top { font-size: 20px;}
}

.a-teachers { margin-top: 104px;}
.a-teachers .teachers-box { }
.a-teachers .teachers-box .info { flex: 1; background: url(../image/about/teacher-bg.png) no-repeat;background-size: 305px 359px; background-position: left bottom;}
.a-teachers .teachers-box .info img { width: 305px; margin-right: 31px;}
.a-teachers .teachers-box .info div p.name { margin-top: 86px; font-size: 22px;font-weight: bold; color: #3279E7; line-height: 26px; position: relative;}
.a-teachers .teachers-box .info div p.brief { margin-top: 54px; font-size: 16px; color: #666666; line-height: 26px; position: relative;}
.a-teachers .teachers-box .info div p.intro { margin-top: 22px; padding-bottom: 40px; font-size: 16px; color: #666666; line-height: 26px; position: relative;}
.a-teachers .teachers-box .info div p.name::after { content: ''; width: 38px; height: 2px; background: #3279E7; position: absolute;left: 0;bottom: -24px;}
.a-teachers .teachers-box .teacher-list { width: calc(48% - 56px); padding: 33px 28px 55px; overflow: hidden; align-items: top;}
.a-teachers .teachers-box .teacher-list .teacher-item { margin: 0 5px; margin-top: 45px; width: 144px; height: 144px; border-radius: 6px;}
.a-teachers .teachers-box .teacher-list .teacher-item.active { box-shadow: 0px 5px 10px 0px rgba(8, 62, 121, 0.25);}
.a-teachers .teachers-box .teacher-list .teacher-item img{ width: 100%; height: 100%; border-radius: 6px; object-fit: cover;transition: all 0.4s;}
.a-teachers .teachers-box .teacher-list .teacher-item img:hover{transform-origin: 50% 50%;transform: scale(1.1);}
.teachers-swiper { position: relative; margin-top: 30px;background: #FFFFFF; box-shadow: 0px 5px 20px 0px rgba(0, 77, 163, 0.15); border-radius: 16px;}
.mySwiper { overflow: hidden;} 
.swiper-button-next { width: 50px;height: 50px;right: -6px;z-index: 8; background-image: none;}
.swiper-button-prev { width: 50px;height: 50px;left: -6px;z-index: 8; background-image: none;}
.swiper-button-prev:after { content: ''; width: 100%; height: 100%; background: url(../image/vip/arrow-left.png) no-repeat; background-size: 50px auto;}
.swiper-button-next:after { content: ''; width: 100%; height: 100%; background: url(../image/vip/arrow-right.png) no-repeat; background-size: 50px auto;}

@media screen and (max-width: 1023px)
{
    .a-teachers { margin-top: 74px;}
    .a-teachers .teachers-box .info { width: 100%; flex: unset;}
    .a-teachers .teachers-box .teacher-list { width: calc(100% - 56px);}
}


.a-process { margin-top: 150px;}
.a-process .a-process-main { margin-top: 50px;}
.a-process .a-process-main img { width: 100%;}

.a-certificate { margin-top: 200px;}
.a-certificate-main .nav-list { width: 100%;margin-top: 71px;}
.a-certificate-main .nav-list span { cursor: pointer; flex: 1; height: 51px; background: #D3DCF2; border-radius: 26px 25px 0px 0px;font-size: 22px; color: #333333; line-height: 51px;text-align: center;}
.a-certificate-main .nav-list span.active { background: #3279E7;color: #FFFFFF;}
.a-certificate-main .a-certificate-box { width: 100%; padding: 0 30px 38px; background: #FFFFFF; box-shadow: 0px 5px 20px 0px rgba(0, 77, 163, 0.15); border-radius: 0px 0px 16px 16px;}
.a-certificate-main .a-certificate-item { width: 25%;margin-top: 34px;}
.a-certificate-main .a-certificate-item .img-box { margin: 0 17px; padding: 7px;box-shadow: 0px 5px 6px 0px rgba(14, 71, 160, 0.1); border-radius: 6px;}
.a-certificate-main .a-certificate-item .img-box img { width: 100%;transition: all 0.4s;}
.a-certificate-main .a-certificate-item .img-box img:hover{transform-origin: 50% 50%;transform: scale(1.1);}
.a-certificate-main .a-certificate-item .a-certificate-tit { text-align: center; padding: 14px 10px 10px; font-size: 16px;color: #666666;line-height: 26px;}
.no-item { height: 0 !important; margin-top: 0 !important; border: none !important;}
@media screen and (max-width: 1023px)
{
    .a-certificate { margin-top: 150px;}
}
@media screen and (max-width: 991px)
{
    .a-certificate { margin-top: 110px;}
} 

.a-property-box { width: 100%; padding: 0 30px 38px; background: #FFFFFF; box-shadow: 0px 5px 20px 0px rgba(0, 77, 163, 0.15); border-radius: 0px 0px 16px 16px;}
.a-property-box .a-property-item { width: 16.66%;margin-top: 28px;}
.a-property-box .a-property-item .img-box { margin: 0 31px; padding: 7px;box-shadow: 0px 5px 6px 0px rgba(14, 71, 160, 0.1); border-radius: 6px;}
.a-property-box .a-property-item .img-box img { width: 100%;transition: all 0.4s;}
.a-property-box .a-property-item .img-box img:hover{transform-origin: 50% 50%;transform: scale(1.1);}
.a-property-box .a-property-item .a-property-tit { text-align: center; padding: 11px 10px 10px; font-size: 16px;color: #666666;line-height: 26px;}

.a-cooperative { margin-top: 74px;}
.a-cooperative .a-cooperative-box { margin-top: 34px;}
.a-cooperative .a-cooperative-box .a-cooperative-item { margin-top: 32px; padding: 35px 0; width: calc(33.33% - 40px);border: 1px solid #E6EBF6; border-radius: 6px; text-align: center; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.a-cooperative .a-cooperative-box .a-cooperative-item  img {transition: all 0.4s;}
.a-cooperative .a-cooperative-box .a-cooperative-item  img:hover{transform-origin: 50% 50%;transform: scale(1.1);}
@media screen and (max-width: 1023px)
{
    .a-cooperative .a-cooperative-box .a-cooperative-item  img { width: 80%;}
}
.a-dynamic {}
.a-dynamic .a-dynamic-box { margin-top: 76px;}
.a-dynamic .a-dynamic-items { flex: 1; margin-left: 25px;}
.a-dynamic .a-dynamic-items:nth-of-type(1) { flex: unset;width: calc(50% - 10px);}
.a-dynamic .a-dynamic-box-item { position: relative;}
.a-dynamic .a-dynamic-box-item:first-child { margin-bottom: 31px;}
.a-dynamic .a-dynamic-box-item .a-video-box { position: relative;border-radius: 6px; overflow: hidden;}
.a-dynamic .a-dynamic-box-item .a-video-box .poster { height: 100%; object-fit: contain;}
.a-dynamic .a-dynamic-box-item .a-video-box video { width: 100%;float: left;}
.a-dynamic .a-dynamic-box-item .a-video-box img { width: 100%;float: left;}
.a-dynamic .a-dynamic-box-item .icon { width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0;left: 0;z-index: 2;}
.a-dynamic .a-dynamic-box-item .icon img { width: 48px; position: absolute;left: 50%;top: 50%;margin-left: -24px;margin-top: -24px;} 
.a-dynamic .a-dynamic-box-item p { z-index: 3;width: 100%; padding: 0 10px; position: absolute; left: 0; bottom: 0; height: 40px;border-radius: 0 0 6px 6px; background-color: rgba(0, 0, 0, 0.5); font-size: 16px; color: rgba(255, 255, 255, 1); line-height: 40px;display: -webkit-box; overflow: hidden;  white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

@media screen and (max-width: 1023px)
{
    .a-dynamic .a-dynamic-items:nth-of-type(1) { width: 100%; flex: unset;} 
}

.a-contact { height: 600px; background: url(../image/about/contact-bg.jpg) center; background-size: auto 100%;}
.a-contact .a-contact-main{ height: 100%; position: relative;}
.a-contact .a-contact-left { margin-top: 315px; font-size: 30px; color: #FFFFFF; line-height: 55px;}
.a-contact .a-contact-left .tel { margin-top: 38px; font-size: 18px; color: #FFFFFF; line-height: 55px;}
.a-contact .a-contact-left .tel span {font-size: 48px; font-weight: bold; color: #FFFFFF; line-height: 55px;margin-left: 14px;}
.a-contact .a-contact-right { margin-top: 248px; position: absolute;right: 0; bottom: -50px;}
.a-contact .a-contact-right .form-box { width: 471px; padding: 30px 45px; background: #EBF1FF; border-radius: 15px;}
.a-contact .a-contact-right .form-box .tit { text-align: center; font-size: 22px; font-weight: bold; color: #3279E7; line-height: 30px; padding-bottom: 7px;}
.a-contact .a-contact-right .input input { margin-top: 8px;width: 100%; height: 40px; padding: 0 10px; background: rgba(50, 121, 231, 0.1); border-radius: 6px;color: #222;}
.a-contact .a-contact-right .input input::placeholder { color: #666;}
.a-contact .a-contact-right textarea { width: 100%; margin-top: 8px;height: 95px;background: rgba(50, 121, 231, 0.1);padding: 10px; border-radius: 6px;}
.a-contact .a-contact-right textarea::placeholder { color: #666;}
.a-contact .a-contact-right .captcha { margin-top: 8px;}
.a-contact .a-contact-right .captcha input { flex: 1; height: 40px; padding: 0 10px; background: rgba(50, 121, 231, 0.1); border-radius: 6px;color: #222;}
.a-contact .a-contact-right .captcha .capt { width: 88px; height: 40px;}
.a-contact .a-contact-right .captcha .capt img { width: 100%; height: 100%;}
.a-contact .a-contact-right .ajax-form-commit { display: block; margin-top: 8px;width: 100%; height: 40px; background: #3279E7; border-radius: 6px;font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 40px;text-align: center;}
@media screen and (max-width: 1023px)
{
    .a-contact .a-contact-left .tel span{ font-size: 36px;}
    .a-contact .a-contact-right .form-box { width: 400px;}
}
@media screen and (max-width: 991px)
{
    .a-contact .a-contact-left{ font-size: 24px;}
    .a-contact .a-contact-left .tel{ font-size: 16px;}
    .a-contact .a-contact-left .tel span{ font-size: 30px;}
    .a-contact .a-contact-right .form-box { width: 360px;}
}

.layui-layer-content .a-video-box { width: 100%;height: 100%;}
.layer-video-dialog.layui-layer .layui-layer-ico { font-family: "iconfontxgw" !important; font-style: normal; -webkit-font-smoothing: antialiased; background: unset; font-size: 40px; color: #fff; top: -60px; right: -60px;}
.layer-video-dialog.layui-layer .layui-layer-ico:before { content: "\e62e";}
.footer { margin-top: 0;}