body{background: #f2f2f2;}

.about-Banner{height: 460px;background: url('../images/about_banner.png') no-repeat center top;}

.about-content{padding: 80px 0 100px;background: url('../images/about_bk.jpg') no-repeat center top;}
.about-content .m1200{display: flex;justify-content: space-between;}
/* 左边 */
.about-content .about-left{width: 200px;}
.about-content .about-left .about-title{font-size: 28px;color: #333;font-weight: bold;margin-bottom: 25px;}
.about-content .about-left .about-images{margin-bottom: 30px;}
.about-content .about-left .raw{width: 40px;height: 2px;background: #dadada;margin-bottom: 36px;}
.about-content .about-left .about-tabs .li{font-size: 16px;color: #333;padding-left: 14px;margin-bottom: 30px;position: relative;cursor: pointer;}
.about-content .about-left .about-tabs .li.active{font-weight: bold;color: #0fa784;}
.about-content .about-left .about-tabs .li.active::before{content: '';width: 4px;height: 16px;background: #0fa784;border-radius: 2px;display: block;position: absolute;left: 0;top: 0;}
.about-content .about-left .about-tabs .li:hover{color: #0fa784;}
 /* 右边 */
.about-content .about-right{flex: 1;}
.about-content .about-right .about-item{display: none;background: #fff;border-radius: 14px;box-shadow: 0 0 6px rgba(237,243,246,0.3);}
.about-content .about-right .about-item.active{display: block;}
/* 欧亚教育简介 */
.about-content .content_first{padding: 40px 50px 28px 50px;}
.about-content .content_first p{color: #333333; font-size: 14px;line-height: 30px;margin-bottom: 30px;}
.about-content .content_first p.textIndent{text-indent: 2em;}
/* 发展大事记 */
.about-content .content_second{padding: 40px 0 60px;}
.about-content .content_second .about-time{margin: auto;position: relative;overflow: hidden;}
.about-content .content_second .about-time::before{content: '';display: block;width: 750px;height: 100px;background:url('../images/time_icon3_top.png') no-repeat;position: absolute;left: calc((100% - 750px)/2);top: -60px;z-index: 9;}
.about-content .content_second .about-time::after{content: '';display: block;width: 750px;height: 100px;background:url('../images/time_icon3.png') no-repeat;position: absolute;left: calc((100% - 750px)/2);bottom: 0;}
.about-content .content_second .about-time .about_xian{width: 1px;height: 100%;background: url('../images/time_xian-repeaty.png') repeat-y;position: absolute;left: calc((100% - 1px)/2);top: 0;}
.about-content .content_second .about-time .time-left{width: 50%;transform: translateX(13px);padding-right: 43px;padding-top: 15px;display: flex;justify-content: flex-end;flex-wrap: wrap;position: absolute;left: 0;top: 0;}
.about-content .content_second .about-time .time-right{width: 50%;transform: translateX(-13px);padding-left: 43px;padding-top: 76px;position: absolute;right: 0;top: 0;}
@font-face {
    font-family: 'MyCustomFont';
    src: url('../HYLiLiangHeiJ.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyCustomFont2';
    src: url('../FZDHTJW.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.about-content .content_second .about-time .time_item{width: 100%; display: flex;justify-content: flex-end;flex-wrap: wrap;margin-bottom: 82px;transition: 0.3s;}
.about-content .content_second .about-time .time_item:hover{transform: translateY(-10px);}
.about-content .content_second .about-time .time_item .time_{font-size: 30px;color: #0fa784;font-family: 'MyCustomFont';font-weight: bold;width: 100%;display: flex;justify-content: flex-end;flex-wrap: wrap;letter-spacing: 1px;}
.about-content .content_second .about-time .time_item .time_::after{content: '';display: block;width: 100%;height: 26px;background: url('../images/time_icon1.png') no-repeat;margin: 3px 0 2px 0;background-position-x: right;transform: translateX(43px);}
.about-content .content_second .about-time .time_item .time_font{font-size: 14px;color: #333333;text-align: right;}
.about-content .content_second .about-time .time_item .time_font span{display: block;margin-bottom: 16px;}
.about-content .content_second .about-time .time_item .time_font span:last-child{margin-bottom: 0;}
.about-content .content_second .about-time .time-right .time_item{justify-content: flex-start;}
.about-content .content_second .about-time .time-right .time_item .time_{justify-content: flex-start;}
.about-content .content_second .about-time .time-right .time_item .time_::after{justify-content: flex-start;background: url('../images/time_icon2.png') no-repeat;background-position-x: left;transform: translateX(-43px);}
.about-content .content_second .about-time .time-right .time_item .time_font{text-align: left;}

.about-content .content_second .about-time-button{cursor: pointer; font-size: 14px;color: #0fa784;width: 100px;height: 30px;border: 1px solid #dcefeb;background: #f2fcfa;border-radius: 15px;display: flex;justify-content: center;align-items: center;margin: auto;}
.about-content .content_second .about-time-button:hover{color: #fff;background: #0fa784;}
.about-content .content_second .about-time .time_item.mb3{margin-bottom:40px;}

/* 写死的时间板块高度 */
.about-content .content_second .about-time{height: 750px;}
.about-content .content_second .about-time.active{transition: 0.3s;height: 1085px;}
.about-content .content_second .about-time.active::after{display: none;}
/* 我们的优势 */
.about-content .content_third{padding: 60px 50px 50px;}
.about-content .content_third .about_coreItem{width: 100%;border-radius: 8px;overflow: hidden;margin-bottom: 20px;transition: 0.3s;height: 50px;background: #f9f9f9;}
.about-content .content_third .about_coreHead{cursor: pointer; height: 50px;border-radius: 8px;display: flex;justify-content: space-between;align-items: center;padding: 0 30px 0 31px;border: 1px solid #d4eee8;background: #f1fffc;}
.about-content .content_third .coreNum{font-family: 'MyCustomFont2';color: #0fa784;font-size: 20px;}
.about-content .content_third .coreTitle{font-size: 16px;color: #0fa784;margin-left: 30px;}
.about-content .content_third .coreImages{transition: 0.3s;width: 14px;height: 8px;background: url('../images/raw_icon1.png') no-repeat;}
.about-content .content_third .about_coreBody{display: flex;justify-content: space-between;align-items: center;padding: 10px 10px 10px 0;}
.about-content .content_third .coreCont{font-size: 14px;color: #333333;line-height: 32px;padding: 0 50px;flex: 1;}
.about-content .content_third .coreBackground{width: 510px;height: 230px;border-radius: 8px;overflow: hidden;position: relative;}
.about-content .content_third .coreBackground img{width: 100%;}
.about-content .content_third .coreBackground .coreInduce{font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 0;height: 37px;padding-left: 20px;display: flex;justify-content: flex-start;align-items: center;}
.about-content .content_third .about_coreItem.active{height: 300px;}
.about-content .content_third .about_coreItem.active .about_coreHead{background: #0fa784;}
.about-content .content_third .about_coreItem.active .coreNum{color: #fff;}
.about-content .content_third .about_coreItem.active .coreTitle{color: #fff;}
.about-content .content_third .about_coreItem.active .coreImages{transition: 0.3s;width: 14px;height: 8px;background: url('../images/raw_icon2.png') no-repeat;transform: rotate(180deg);}

/* 各地分公司 */
.about-content .content_fourth{padding: 50px 0px 50px 40px;position: relative;height: 720px;}
.about-content .content_fourth .welcome-xdf{font-size: 16px;font-weight: bold;color: #333;display: flex;justify-content: flex-start;align-items: center;}
.about-content .content_fourth .welcome-xdf span{color: #0fa784;}
.about-content .content_fourth .welcome-xdf::before{content: '';display: block;width: 4px;height: 16px;border-radius: 2px;background: #0fa784;margin-right: 10px;}

.about-content .content_fourth .padding{padding: 48px 0 0 14px;}
.about-content .content_fourth .areaNav{font-size: 16px;color: #6f6f6f;border-bottom: 1px solid #e2e2e2;display: inline-flex;justify-content: flex-start;margin-bottom: 35px;position: relative;z-index: 99;}
.about-content .content_fourth .areaNav div{margin-right: 15px;padding: 0 6px 13px;position: relative;cursor: pointer;}
.about-content .content_fourth .areaNav div.active{color: #0fa784;font-weight: bold;}
.about-content .content_fourth .areaNav div.active::after{content: '';position: absolute;left: 0;bottom: -1px;width: 100%;height: 3px;background: #0fa784;}
.about-content .content_fourth .areaNav div:last-child{margin-right: 0px;}
.about-content .content_fourth .areaNav div:hover{color: #0fa784;}

.about-content .content_fourth .mapSpecial{width: 250px;height: 200px;background: url('../images/map_bk1.png') no-repeat;padding: 20px 0 0 0px;position: relative;z-index: 99;margin-bottom: 14px;}
.about-content .content_fourth .italic{margin-bottom: 18px;font-size: 14px;color: #0fa784;font-weight: bold;display: flex;justify-content: flex-end;align-items: flex-end; width: 160px;}
.about-content .content_fourth .italic span.mr{font-size: 28px;color: #ff822f;transform: skewX(-10deg);margin-right: 10px;}

.about-content .content_fourth .mapCity{width: 950px;height: 577px;background: url('../images/map1.png') no-repeat;position: absolute;right: 5px;top:101px;}
.about-content .content_fourth .mapCity .li {background: url('../images/map_item1.png') no-repeat;background-position: center top !important; padding-top: 14px;position: absolute;right: 0;top: 0;cursor: pointer;}
.about-content .content_fourth .mapCity .li{padding-top: 11px;}
.about-content .content_fourth .mapCity .li p{font-size: 12px;color: #999;white-space:nowrap;}

.about-content .content_fourth .mapCity .li00{right: 294px;top: 187px;background: url('../images/map_xing.png') no-repeat center bottom !important;padding: 0 0 14px;}
.about-content .content_fourth .mapCity .li01{right: 329px;top: 186px;padding: 0 9px 0 0;background-position: right center !important;}
.about-content .content_fourth .mapCity .li02{right: 311px;top: 229px;}
.about-content .content_fourth .mapCity .li03{right: 285px;top: 220px;}
.about-content .content_fourth .mapCity .li04{right: 258px;top: 202px;padding: 7px 0 0 7px;background-position: left top !important;}
.about-content .content_fourth .mapCity .li05{right: 350px;top: 235px;}

.about-content .content_fourth .mapCity .li10{right: 292px;top: 256px;}
.about-content .content_fourth .mapCity .li11{right: 255px;top: 258px;}
.about-content .content_fourth .mapCity .li12{right: 303px;top: 286px;}
.about-content .content_fourth .mapCity .li13{right: 267px;top: 302px;padding: 0px 0 8px 8px;background-position: left bottom !important;}
.about-content .content_fourth .mapCity .li14{right: 321px;top: 329px;padding: 0px 10px 0px 0;background-position: right top !important;}
.about-content .content_fourth .mapCity .li15{right: 239px;top: 339px;padding: 0px 0 0 9px;background-position: left center !important;}
.about-content .content_fourth .mapCity .li16{right: 296px;top: 314px;}
.about-content .content_fourth .mapCity .li17{right: 257px;top: 321px;padding: 0 0 0 9px;background-position: left bottom !important;}
.about-content .content_fourth .mapCity .li18{right: 286px;top: 354px;}
.about-content .content_fourth .mapCity .li19{right: 245px;top: 371px;padding: 0 0 0 9px;background-position: left top !important;}
.about-content .content_fourth .mapCity .li110{right: 269px;top: 339px;}
.about-content .content_fourth .mapCity .li111{right: 274px;top: 415px;padding: 9px 0 0 9px;background-position: left top !important;}
.about-content .content_fourth .mapCity .li112{right: 329px;top: 358px;}
.about-content .content_fourth .mapCity .li113{right: 255px;top: 386px;padding: 8px 0 0 9px;background-position: left top !important;}
.about-content .content_fourth .mapCity .li114{right: 299px;top: 436px;padding: 15px 0 0 2px;background-position: left top !important;}

.about-content .content_fourth .mapCity .li20{right: 366px;top: 281px;padding: 17px 0 0 0px;background-position: right top !important;}
.about-content .content_fourth .mapCity .li21{right: 381px;top: 341px;padding: 0px 13px 0 0px;background-position: right center !important;}
.about-content .content_fourth .mapCity .li22{right: 348px;top: 348px;padding: 11px 0 0 0;}
.about-content .content_fourth .mapCity .li23{right: 334px;top: 282px;padding: 16px 0px 0 0px;background-position: left top !important;}
.about-content .content_fourth .mapCity .li24{right: 376px;top: 379px;padding: 13px 0px 0 0px;}

.about-content .content_fourth .mapCity .li30{right: 371px;top: 438px;padding: 0px 11px 0 0px;background-position: right center !important;}
.about-content .content_fourth .mapCity .li31{right: 350px;top: 417px;padding: 0px 0px 16px 0px;background-position: center bottom !important;}
.about-content .content_fourth .mapCity .li32{right: 328px;top: 437px;padding: 0px 0px 7px 8px;background-position: left bottom !important;}
.about-content .content_fourth .mapCity .li33{right: 418px;top: 441px;}
.about-content .content_fourth .mapCity .li34{right: 368px;top: 459px;background-position: right 3px top !important;}

.about-content .content_fourth .mapCity .li40{right: 157px;top: 123px;}
.about-content .content_fourth .mapCity .li41{right: 210px;top: 178px;}
.about-content .content_fourth .mapCity .li42{right: 234px;top: 219px;}
.about-content .content_fourth .mapCity .li43{right: 192px;top: 148px;}

.about-content .content_fourth .mapCity .li50{right: 449px;top: 343px;}
.about-content .content_fourth .mapCity .li51{right: 475px;top: 338px;}
.about-content .content_fourth .mapCity .li52{right: 488px;top: 391px;}
.about-content .content_fourth .mapCity .li53{right: 417px;top: 383px;}

.about-content .content_fourth .mapCity .li60{right: 402px;top: 293px;}
.about-content .content_fourth .mapCity .li61{right: 569px;top: 134px;}
.about-content .content_fourth .mapCity .li62{right: 459px;top: 274px;}

.about-content .content_fourth .mapCity .li70{right: 339px;top: 459px;padding: 12pxpx 0px 0px 0px;background-position: left top !important;}

.about-content .content_fourth .mapCity .li80{right: 45px;top: 270px;}
/* 换新地图重新改距离 */
.about-content .content_fourth .mapCity .li61{right: 570px;top: 134px;}
.about-content .content_fourth .mapCity .li40{right:183px;top: 129px;}
.about-content .content_fourth .mapCity .li80{right:45px;top: 269px;}
.about-content .content_fourth .mapCity .li43{right: 196px;top: 164px;}
.about-content .content_fourth .mapCity .li41{right: 212px;top: 195px;}
.about-content .content_fourth .mapCity .li01{right: 347px;top: 212px;}
.about-content .content_fourth .mapCity .li00{right: 284px;top: 212px;}
.about-content .content_fourth .mapCity .li04{right: 246px;top: 225px;padding-top: 0;background-position: left center !important;}
.about-content .content_fourth .mapCity .li42{right: 225px;top: 237px;}
.about-content .content_fourth .mapCity .li03{right:273px;top:242px;}
.about-content .content_fourth .mapCity .li05{right: 329px;top: 251px;background-position: center bottom !important;padding: 0 0 11px 0;}
.about-content .content_fourth .mapCity .li02{right: 303px;top: 262px;background-position: right 7px top !important;}
.about-content .content_fourth .mapCity .li10{right: 275px;top: 281px;}
.about-content .content_fourth .mapCity .li11{top: 285px;right: 225px;padding: 0 0 0 11px;background-position: left center !important;}
.about-content .content_fourth .mapCity .li62{top: 289px;right: 421px;}
.about-content .content_fourth .mapCity .li60{top: 308px;right: 368px; padding: 0 0 11px 0;background-position: center bottom !important;}
.about-content .content_fourth .mapCity .li23{top: 311px;right: 298px;padding: 0 0 0 9px;background-position: left center !important;}
.about-content .content_fourth .mapCity .li20{top: 314px;right: 329px; padding: 11px 0 0 0;background-position: center top !important;}
.about-content .content_fourth .mapCity .li12{top: 314px;right: 243px; padding: 0 0 0 11px ;background-position: left center !important;}
.about-content .content_fourth .mapCity .li13{top: 325px;right: 220px; padding: 0 0 3px 8px;}
.about-content .content_fourth .mapCity .li17{top: 338px;right: 215px;}
.about-content .content_fourth .mapCity .li16{top: 340px;right: 263px; padding: 0 11px 0px 0;background-position: right center !important;}
.about-content .content_fourth .mapCity .li15{top: 355px;right: 197px;}
.about-content .content_fourth .mapCity .li110{top: 353px;right: 235px; padding: 0 11px 0 0;background-position: right top !important;}
.about-content .content_fourth .mapCity .li14{top: 352px;right: 267px;padding: 11px 0 0 0;background-position: center top !important;}
.about-content .content_fourth .mapCity .li51{top: 355px;right: 430px;padding: 0 0 11px 0;background-position: center bottom !important;}
.about-content .content_fourth .mapCity .li50{top: 371px;right: 396px;padding: 0 0 11px 0;background-position: center bottom !important;}
.about-content .content_fourth .mapCity .li21{padding: 0 11px 0 0;top: 366px;right: 348px;}
.about-content .content_fourth .mapCity .li22{top: 370px;right: 310px;}
.about-content .content_fourth .mapCity .li18{top: 370px;right: 233px;}
.about-content .content_fourth .mapCity .li19{top: 387px;right: 197px;}
.about-content .content_fourth .mapCity .li113{top: 402px;right: 208px;}
.about-content .content_fourth .mapCity .li52{top: 456px;right: 448px;}
.about-content .content_fourth .mapCity .li112{top: 398px;right: 278px;}
.about-content .content_fourth .mapCity .li53{top: 429px;right: 394px;}
.about-content .content_fourth .mapCity .li24{top: 407px;right: 323px;}
.about-content .content_fourth .mapCity .li111{top: 431px;right: 218px;}
.about-content .content_fourth .mapCity .li33{top: 479px;right: 372px;}
.about-content .content_fourth .mapCity .li31{top: 448px;right: 295px;}
.about-content .content_fourth .mapCity .li114{top: 452px;right: 243px;}
.about-content .content_fourth .mapCity .li30{top: 469px;right: 316px;}
.about-content .content_fourth .mapCity .li32{top: 468px;right: 273px;}
.about-content .content_fourth .mapCity .li34{top: 487px;right: 316px;}
.about-content .content_fourth .mapCity .li70{padding: 12px 0 0 8px;background-position: left top !important;top: 490px;right: 283px;}
 

/* 改距离结束 */
.about-content .content_fourth .mapCity .li:hover{background: url('../images/map_item_ac.png') no-repeat;}
.about-content .content_fourth .mapCity .li:hover p{color: #0fa784;}
.about-content .content_fourth .mapCity .li.active{background: url('../images/map_item_ac.png') no-repeat;}
.about-content .content_fourth .mapCity .li.active p{color: #0fa784;}

.about-content .content_fourth .cityContShow{width: 410px;height: 270px;border-radius: 12px;position: relative;z-index: 9;background: url('../images/map_bks.png') no-repeat;padding: 26px 20px 0 26px;background-size: 100% 100%;}
.about-content .content_fourth .cityContShow .paddTop{padding-top: 20px;}
.about-content .content_fourth .cityContShow .cityBigName{font-size: 18px;font-weight: bold;color: #fff;}
.about-content .content_fourth .cityContShow .cityMinName{font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 8px;}
.about-content .content_fourth .cityContShow .cityMinName.active{margin-left: -0.5em;}
.about-content .content_fourth .cityContShow .font{font-size: 14px;line-height: 24px;color: #fff;display: flex;justify-content: flex-start;}
.about-content .content_fourth .cityContShow .font .flex{flex: 1;}
/* 合作及招聘 */

.about-content .content_fifth{padding: 50px 47px 0px 40px;position: relative;height: 440px;}
.about-content .content_fifth .welcome-xdf{font-size: 16px;font-weight: bold;color: #333;display: flex;justify-content: flex-start;align-items: center;}
.about-content .content_fifth .welcome-xdf span{color: #0fa784;}
.about-content .content_fifth .welcome-xdf::before{content: '';display: block;width: 4px;height: 16px;border-radius: 2px;background: #0fa784;margin-right: 10px;}
.about-content .content_fifth .flex{display: flex;justify-content: space-between;padding: 40px 0 0;}
.about-content .content_fifth .flex .left{width: 430px;padding-top: 20px;display: flex;justify-content: flex-start;align-items: center;}
.about-content .content_fifth .flex .left .widthMax{width: 100%;}
.about-content .content_fifth .flex .left .item{width: 100%;border-radius: 12px;height: 119px;border: 1px solid #dcf9f2;background: linear-gradient(to bottom,#eafffa 10%,#fff 50%);display: flex;justify-content: flex-start;align-items: center;padding-left: 37px;margin-bottom: 20px;transition: 0.3s;}
.about-content .content_fifth .flex .left .item:hover{transform: translateY(-6px);}
.about-content .content_fifth .flex .left .item .title{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 19px;}
.about-content .content_fifth .flex .left .item .font{color: #666666;font-size: 14px;display: flex;justify-content: flex-start;align-items: center;}
.about-content .content_fifth .flex .left .item .font + .font{margin-top: 12px;}

.about-content .content_fifth .flex .left .item .icon1{width: 19px;height: 14px;background: url('../images/zixun_icon1.png') no-repeat;}
.about-content .content_fifth .flex .left .item .icon2{width: 19px;height: 10px;background: url('../images/zixun_icon2.png') no-repeat;}
.about-content .content_fifth .flex .left .item2{height: 99px;}
.about-content .content_fifth .flex .left .zixun{width: 200px;height: 40px;border-radius: 20px;background: #ff7415;font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;margin: auto;transition: 0.3s;}
.about-content .content_fifth .flex .left .zixun:hover{transform: translateY(-5px);background: rgba(255,116,21,0.95);}
.about-content .content_fifth .flex .right{width: 450px;height: 280px;overflow: hidden;border-radius: 12px;}
.about-content .content_fifth .flex .right img{width: 100%;height: 100%;}

/* 修改版权 */
.about-Banner{background: url('https://oy.xdf.cn/include/2026/aboutus/1920-460.png') no-repeat center top;}
