body{background: #f5f5f5;}
/* banner左侧导航 */
.sub_info_nav{height: 0px;position: relative;z-index: 999;}
.sub_info_nav .list{width: 340px;height: 460px;background: rgba(255, 255, 255, 0.9);border-radius: 0 0 10px 10px;box-shadow: 0 0 13px rgba(109, 109, 116, 0.3);border: 2px solid #ffffff;padding: 0px 0px 0 0px;}
.sub_info_nav .li{padding: 22px 20px 0px 49px;position: relative;}
.sub_info_nav .li .sub_right{display: none;}
.sub_info_nav .item_tit{display: flex;justify-content: flex-start;align-items: center;}
.sub_info_nav .item_tit a{font-size: 16px;color: #333;font-weight: bold;/*cursor: pointer;*/}
.sub_info_nav .item_tit a:hover{color: #0fa784;}
.sub_info_nav .item_tit.icon_1::before{content: '';display: block;width: 18px;height: 15px;background: url('../images/nav_icon1.png') no-repeat;margin: -1px 8px 0 -26px;}
.sub_info_nav .item_tit.icon_2::before{content: '';display: block;width: 16px;height: 15px;background: url('../images/nav_icon2.png') no-repeat;margin: -1px 8px 0 -24px;}
.sub_info_nav .item_tit.icon_3::before{content: '';display: block;width: 15px;height: 14px;background: url('../images/nav_icon3.png') no-repeat;margin: 0 9px 0 -24px;}
.sub_info_nav .table {display: table;width: 100%;}
.sub_info_nav .row {display: table-row;height: 30px;cursor: pointer;}
.sub_info_nav .cell {display: table-cell;font-size: 14px;color: #444444;position: relative;}
.sub_info_nav .cell.nav-hot::before{content: ''; width: 14px;height: 16px;background: url('../images/nav-hot-1.png') no-repeat;position: absolute;left: -18px;top: -3px;}
.sub_info_nav .cell.nav-vip::before{content: ''; width: 14px;height: 12px;background: url('../images/nav-vip-1.png') no-repeat;position: absolute;left: -18px;top: 0px;}
.sub_info_nav .cell.new{}
.sub_info_nav .cell.new::before{content: 'NEW';position: absolute;left: 3em;top: -12px;color: red;transform: scale(0.75);font-size: 12px;font-weight: bold;}
.sub_info_nav .cell .new{position: relative;}
.sub_info_nav .cell .new::before{content: 'NEW';position: absolute;right:-0.5em;top: -9px;color: red;transform: scale(0.75);font-size: 12px;font-weight: bold;}

.sub_info_nav .table1{padding: 20px 0 0px;}
.sub_info_nav .table2{padding: 20px 0 0px;}
.sub_info_nav .table4{padding: 20px 0 0px;}
.sub_info_nav .table3{padding: 20px 0 0px;}
 
.sub_info_nav .table1{width: auto;}
.sub_info_nav .table1 .cell{padding-right: 32px;}
.sub_info_nav .table1 .cell:last-child{padding-right: 0;}

.sub_info_nav .table2{width: auto;}
.sub_info_nav .table2 .cell{padding-right: 18px;white-space: nowrap;}
.sub_info_nav .table2 .cell:last-child{padding-right: 0;}

.sub_info_nav .table3{width: auto;}
.sub_info_nav .table3 .cell{padding-right: 30px;white-space: nowrap;}
.sub_info_nav .table3 .cell:last-child{padding-right: 0;}



/* .sub_info_nav .item_tit a:hover, */
.sub_info_nav .cell:hover{color: #0fa784;}

.sub_info_nav .list .li.active{background: #ffffff;box-shadow: 0 0 8px 8px rgba(227, 227, 227, 0.3);width: 340px;}
.sub_info_nav .list .li.active::before{content: '';width: 4px;height:100%;background: #3fba98;position: absolute;left: -2px;top: 0;}
.sub_info_nav .list .li.active::after{content: '';width: 2px;height:100%;background: #f7f7f7;position: absolute;right: -2px;top: 0;}
.sub_info_nav .list .li.active .sub_right{display: block; position: absolute;left: 338px;top: 0;height: 100%; border-radius: 0 22px 22px 0;background: #ffffff;box-shadow: 4px 0 4px rgba(148, 148, 148, 0.08);padding: 29px 28px 0 33px;}
.sub_info_nav .list .li.active .sub_right::before{content: '';width: 136px;height:100%;background: url('../images/nav-right-1.png') no-repeat left top;background-size: 136px 440px; position: absolute;left: 0px;top: 0;pointer-events: none;z-index: 2;}

.sub_info_nav .sub_right .sub_rTit{font-size: 14px;font-weight: bold;color: #333333;margin-bottom: 23px;}
.sub_info_nav .sub_right .markTable{width: auto;table-layout: auto;}
.sub_info_nav .sub_right .markTable td{font-size: 14px;color: #333;padding-right: 45px;padding-bottom: 24px;}
/* .sub_info_nav .sub_right .markTable td:last-child{padding-right: 25px;} */
.sub_info_nav .sub_right .markTable a{font-size: 14px;color: #333;cursor: pointer;position: relative;white-space: nowrap;}
.sub_info_nav .sub_right .markTable a:hover{color: #0fa784;}

.sub_info_nav .sub_right .nav-hot,.sub_info_nav .sub_right .nav-vip{padding-left: 20px;}
.sub_info_nav .sub_right .nav-hot::before{content: ''; width: 14px;height: 16px;background: url('../images/nav-hot-1.png') no-repeat;position: absolute;left: 0;top: 1px;}
.sub_info_nav .sub_right .nav-vip::before{content: ''; width: 14px;height: 12px;background: url('../images/nav-vip-1.png') no-repeat;position: absolute;left: 0;top: 3px;}

/* .sub_info_nav .sub_right .markTable2 td{padding-right: 18px;} */

.sub_info_nav .nav-items{cursor: pointer;}
/* banner-swiper */
.swiperBannerList{height: 460px;position: relative;}
.swiperBannerList .maxImg{display: block;width: 100%;height: 100%;cursor: pointer;}
.swiperBannerList .swiper-pagination{padding-left: 340px;position: absolute;left: 0;bottom: 30px;width: 100%;}
.swiperBannerList .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 6px;background: rgba(255, 255, 255, 0.5);margin: 0 5px;border-radius: 0;opacity: 1;}
.swiperBannerList .swiper-pagination .swiper-pagination-bullet-active{background: #3fba98;}

/* 新东方留学机构 */
.navXdf{padding: 30px 0 68px;}
.navXdf .m1200{background: #ffffff;height: 80px;box-shadow: 0 0 12px rgba(228, 232, 234, 0.6);display: flex;justify-content: space-between;align-items: center;padding: 0 50px 0 50px;}
.navXdf .m1200 .li{display: flex;justify-content: flex-start;align-items: center;}
.navXdf .m1200 .li p{font-size: 16px;color: #333;}
.navXdf .m1200 .li .mr10{margin-right: 10px;}
.navXdf .m1200 .li .mr11{margin-right: 11px;}
.navXdf .m1200 .li .mr12{margin-right: 12px;}
.navXdf .m1200 .li:hover p{color: #0fa784;}
/* 板块标题 */
.masterTit{font-size: 24px;color: #333333;font-weight: bold;display: flex;justify-content: flex-start;align-items: center;}
.masterTit::before{content: '';display: block;width: 4px;height: 28px;border-radius: 2px;background: #0fa784;margin-right: 14px;}

/* 语言培训 */
.languageTraining .content{padding: 41px 0 66px;}
.languageTraining .flex_{position: relative;display: flex;justify-content: flex-end;}
.languageTraining .item{filter: drop-shadow(0 0 12px rgba(228, 232, 234, 0.6));transition: 0.3s;}
.languageTraining .item:hover{transform: translateY(-10px);}
.languageTraining .item_left{width: 594px;height:276px;background: url('../images/page2_left.png') no-repeat;position: absolute;left: 0;top: 11px;}
.languageTraining .item_right{width: 638px;height:296px;background: url('../images/page2_right.png') no-repeat;}
.languageTraining .speaTit{font-size: 32px;color: #333;font-weight: bold;}
.languageTraining .introduce{font-size: 22px;color: #333;}
.languageTraining .dream{font-size: 14px;color: #333;line-height: 24px;}

.languageTraining .item_left .speaTit{padding: 65px 0 0 142px;}
.languageTraining .item_left .introduce{padding: 17px 0 0 142px;}
.languageTraining .item_left .dream{padding: 55px 0 0 0;width: 436px;margin-left: 55px;}

.languageTraining .item_right .speaTit{padding: 70px 142px 0 0;text-align: right;}
.languageTraining .item_right .introduce{padding: 17px 142px 0 0;text-align: right;}
.languageTraining .item_right .dream{padding: 60px 0 0 0;width: 492px;margin-left: 92px;}

/* 安心留学 */

.feelEase .content{padding: 50px 0 97px;}
.feelEase .flex_{height: 284px;background: url('../images/an-bk.png') no-repeat;border-radius: 14px;box-shadow: 0 0 22px 22px rgba(235, 239, 241, 0.4);display: flex;justify-content: space-between;}
.feelEase .flex_ .item{width: 20%;padding-top: 43px;background: url('../images/ax-icon6.png') no-repeat right top 50px;position: relative;}
.feelEase .flex_ .item:last-child{background: none;}
.feelEase .greenFont{font-size: 32px;color: #0fa784;display: flex;justify-content: center;align-items: flex-end;height: 32px;position: relative;}
.feelEase .greenFont .min{font-size: 16px;line-height: 20px;color: #0fa784;margin-left: 1px;}
.feelEase .greenFont .min.tarmY{transform: translateY(6px);}
.feelEase .spIntro{font-size: 14px;color: #333333;text-align: center;padding-top: 14px;}
.feelEase .stop{width: 82px;height: 32px;background: url('../images/ax-stop200.png') no-repeat;padding: 0 6px 12px 0;font-size: 12px;color: #fff;display: flex;justify-content: center;align-items: center;position: absolute;right:14px;top:-18px;}
.feelEase .data{font-size: 12px;color: #999999;text-align: right;margin: -160px 0 36px;padding-right: 40px;}
.feelEase .flex_bot{display: flex;justify-content: space-between;}
.feelEase .li{width: 280px;height: 220px;border-radius: 14px;position: relative;overflow: hidden;}
.feelEase .li.bk1{background: url('../images/ax-bk1.png') no-repeat;}
.feelEase .li.bk2{background: url('../images/ax-bk2.png') no-repeat;}
.feelEase .li.bk3{background: url('../images/ax-bk3.png') no-repeat;}
.feelEase .li.bk4{background: url('../images/ax-bk4.png') no-repeat;}
.feelEase .position{position: absolute;left: 0;bottom: 0;width: 100%;height: 80px;padding: 0 0 0 30px;box-sizing: border-box;transition: 0.3s;}
.feelEase .position .icon{margin-bottom: 15px;}
.feelEase .position .tit{font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 10px;padding: 0 0 3px 0;background: url('../images/ax-icon5.png') no-repeat left bottom;}
.feelEase .position .font{font-size: 14px;color: #fff;line-height: 22px;display: none;}

.feelEase .li.active .position{height: 142px;}
.feelEase .li.active .position .tit{padding: 0;background: none;}
.feelEase .li.active .position .font{display: block;}
.feelEase .li.active .position .font::before{content: '';display: block;margin-bottom: 6px; width: 14px;height: 4px;background: #0fa784;border-radius: 2px;}