@charset "UTF-8";

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';
    /* Project id 4425968 */
    src: url('//at.alicdn.com/t/c/font_4425968_zso4qgdupho.woff2?t=1731293241689') format('woff2'),
        url('//at.alicdn.com/t/c/font_4425968_zso4qgdupho.woff?t=1731293241689') format('woff'),
        url('//at.alicdn.com/t/c/font_4425968_zso4qgdupho.ttf?t=1731293241689') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 24px;
    font-style: normal;
    color: #999999;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.4rpx;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'JDZhengHT, JDZhengHT';
    src: url("../front/JDZhengHT-Regular.ttf") format("truetype");
}

li,
div,
button,
a,
p,
span {
    background: unset;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
    padding-top: 120px;
}

.banner-swiper {
    position: relative;
    width: 100%;
    height: 436px;
    overflow: hidden;
}

.banner-swiper:hover .swiper-button div {
    display: block;
}

.album-container.style1 .swiper-slide {
    transform: scale(0.97);
}

.banner-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    object-position: 50% 50%;
}

.banner-swiper .swiper-pagination {
    bottom: 30px;
}

.banner-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: rgba(255, 255, 255, 0.3);
    transition: 200ms;
}

.banner-swiper .swiper-pagination-bullet-active {
    width: 30px;
    height: 10px;
    background: #FFFFFF;
    border-radius: 5px;
}

.swiper-button {
    width: 100%;
    padding: 0 294px;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    z-index: 10;
}

.swiper-button div {
    width: 36px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
    background-image: none;
    position: unset;
    display: none;
    background: url(../img/banner_icon@2x.png) no-repeat 100%;
    background-size: 100% 100%;
}

.swiper-button div:hover {
    background: url(../img/banner_icon@2x.png) no-repeat 100%;
    background-size: 100% 100%;
}

.swiper-button .swiper-banner-next {
    transform: rotate(180deg);
}

.style-btn {
    width: 80px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid var(--themeBtnBgColor);
    font-size: 13px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: var(--themeBtnBgColor);
    line-height: 30px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style-btn::after {
    content: "";
    background: var(--themeBtnBgColor);
    position: absolute;
    z-index: -1;
    display: block;
    width: 0;
    top: 0;
    bottom: 0;
    left: -10%;
    right: 100%;
    transform: skew(30deg);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 4px;
}

.style-btn:hover {
    color: #FFFFFF;
    transition: all 0.3s ease-in;
}

.style-btn:hover::after {
    width: 130%;
    left: -15%;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.page-container {
    min-height: 100%;
}

.content-box {
    background: #FFFFFF;
}

.common-header {
    width: 100%;
    height: 120px;
    background: #FFFFFF;
    background: var(--themeHeaderBg);
    /*box-shadow: 0px 1px 0px 0px #F5F6F7;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}

.common-header>div {
    width: 1160px;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 24px 0;
}

.common-header>div .header-l {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex: 1;
    min-width: 0;
    height: 72px;
}

.common-header>div .header-l .header-logo {
    width: 72px;
    height: 72px;
    margin-right: 15px;
}

.common-header>div .header-l .header-logo img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    object-position: 50% 50%;
}

.common-header>div .header-l .header-name {
    flex: 1;
    min-width: 0;
}

.common-header>div .header-l .header-name h1 {
    font-size: 27px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: var(--themeHeaderColor);
    line-height: 38px;
}

.common-header>div .header-r {
    margin-left: 40px;
}

.common-header>div .header-r .header-tel-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.common-header>div .header-r .header-tel-box .header-phone {
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-header>div .header-r .header-tel-box .header-phone span {
    font-size: 21px;
    font-family: JDZhengHT, JDZhengHT;
    font-weight: 400;
    color: var(--themeHeaderHoverColor);
    line-height: 25px;
}

.common-header>div .header-r .header-tel-box .header-phone i {
    font-size: 20px;
    color: var(--themeHeaderHoverColor);
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
}

.common-header>div .header-r .header-tel-box .get-complete-tel {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: var(--themePhoneBtnColor);
    line-height: 17px;
    margin-left: 15px;
    cursor: pointer;
}

.common-header>div .header-r .header-tel-box .get-complete-tel:hover {
    color: var(--themeHeaderHoverColor);
}

.common-header>div .header-r .header-tel-box .header-scanning-code {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 15px;
    cursor: pointer;
}

.common-header>div .header-r .header-tel-box .header-scanning-code i {
    font-size: 12px;
    color: var(--themePhoneBtnColor);
    margin-right: 2px;
}

.common-header>div .header-r .header-tel-box .header-scanning-code span {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: var(--themePhoneBtnColor);
    line-height: 17px;
}

.common-header>div .header-r .header-tel-box .header-scanning-code::before {
    content: '';
    width: 1px;
    height: 10px;
    background: var(--themePhoneBtnColor);
    border-radius: 0px 0px 0px 0px;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translateY(-50%);
}

.common-header>div .header-r .header-tel-box .header-scanning-code:hover i,
.common-header>div .header-r .header-tel-box .header-scanning-code:hover span {
    color: var(--themeHeaderHoverColor);
}

.common-header>div .header-r .header-tel-box .header-scanning-code:hover .header-qr-code-box {
    opacity: 1;
    pointer-events: auto;
    display: block;
    transform: scale(1);
}

.common-header>div .header-r .header-tel-box .header-scanning-code .header-qr-code-box {
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
    padding: 4px;
    transform-origin: 0 10%;
    transition: all .3s ease-out;
    transform: scale(0);
    position: absolute;
    top: -5px;
    left: 82px;
    z-index: 99;
}

.common-header>div .header-r .header-tel-box .header-scanning-code .header-qr-code-box img {
    width: 100%;
    height: 100%;
}

.common-header>div .header-r .header-tel-box .header-scanning-code .header-qr-code-box::before {
    content: '';
    width: 22px;
    height: 100%;
    position: absolute;
    left: -22px;
    top: 0;
}

.common-header>div .header-r .header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 11px;
}

.common-header>div .header-r .header-nav li {
    margin-left: 40px;
    position: relative;
}


.common-header>div .header-r .header-nav li a {
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: var(--themeHeaderColor);
    line-height: 22px;
    white-space: nowrap;

}

.common-header>div .header-r .header-nav li a i {
    display: inline-block;
    font-size: 16px;
    color: var(--themeHeaderColor);
    margin-left: 2px;
    transition: .2s;
}

.common-header>div .header-r .header-nav li dl {
    width: 164px;
    padding: 10px 0;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    position: absolute;
    top: 55px;
    left: -25px;
    z-index: 9;
    opacity: 0;
    display: block;
    transform-origin: 30% 0;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(-10px) scale(0.95);
    pointer-events: none;
    backdrop-filter: blur(5px);
}

.common-header>div .header-r .header-nav li dl dd {
    width: 100%;
    height: 48px;
    padding: 0 25px;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.common-header>div .header-r .header-nav li dl dd::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: var(--themeBtnBgColor);
    transform: scaleY(0);
    transition: transform 0.2s ease;
}

.common-header>div .header-r .header-nav li dl dd:hover {
    background: rgba(247, 247, 247, 0.8);
}

.common-header>div .header-r .header-nav li dl dd:hover::before {
    transform: scaleY(1);
}

.common-header>div .header-r .header-nav li dl dd a {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    color: #606266;
    line-height: 48px;
    transition: all 0.2s ease;
    transform: translateX(0);
}

.common-header>div .header-r .header-nav li dl dd:hover a {
    transform: translateX(8px);
    color: var(--themeBtnBgColor);
}

.common-header>div .header-r .header-nav li dl::after {
    content: '';
    width: 100%;
    height: 36px;
    position: absolute;
    top: -36px;
    left: 0;
}

.common-header>div .header-r .header-nav li:hover>a,
.common-header>div .header-r .header-nav li.active>a {
    color: var(--themeHeaderHoverColor);
}

.common-header>div .header-r .header-nav li:hover>a i,
.common-header>div .header-r .header-nav li.active>a i {
    color: var(--themeHeaderHoverColor);
    transform: rotate(180deg);
}

.common-header>div .header-r .header-nav li:hover dl {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.08);
}

.common-header.common-header-LXLA01-PC {
    box-shadow: unset;
}

.common-header.common-header-shadow {
    box-shadow: 0px 1px 0px 0px #F5F6F7;
}

.title-style {
    font-size: 40px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    text-align: center;
    line-height: 56px;
    padding: 100px 0 40px;
}

.title-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 148px;
    height: 44px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #D9D9DA;
    margin: 40px auto 0;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in;
    z-index: 1;
}

.title-more::before,
.title-more::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    width: 0;
    height: 100%;
    transition: 0.3s all ease;
    background: var(--themeBtnBgColor);
    overflow: hidden;
    z-index: -1;
    border-radius: 4px;
}

.title-more span {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #262626;
    line-height: 20px;
    transition: all 0.3s ease-in;
}

.title-more span {
    color: #626262;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
}

.title-more:hover {
    /* animation: rotate624 0.7s ease-in-out both; */
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
    transition: none !important;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.title-more:hover span {
    animation: storm1261 0.7s ease-in-out both;
    animation-delay: 0.06s;
}

@keyframes rotate624 {
    0% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }

    25% {
        transform: rotate(3deg) translate3d(0, 0, 0);
    }

    50% {
        transform: rotate(-3deg) translate3d(0, 0, 0);
    }

    75% {
        transform: rotate(1deg) translate3d(0, 0, 0);
    }

    100% {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

@keyframes storm1261 {
    0% {
        transform: translate3d(0, 0, 0) translateZ(0);
    }

    25% {
        transform: translate3d(4px, 0, 0) translateZ(0);
    }

    50% {
        transform: translate3d(-3px, 0, 0) translateZ(0);
    }

    75% {
        transform: translate3d(2px, 0, 0) translateZ(0);
    }

    100% {
        transform: translate3d(0, 0, 0) translateZ(0);
    }
}

.title-more {
    border: 1px solid #D9D9DA;
    overflow: hidden;
    position: relative;
}

.title-more span {
    z-index: 20;
}

.title-more:after {
    background: var(--themeBtnBgColor);
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.4;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}

.title-more:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.title-more i {
    font-size: 12px;
    color: #262626;
    line-height: 17px;
    transform: scale(0.8);
    margin-left: 5px;
    transition: all 0.3s ease-in;
}


.characteristic-container {
    width: 100%;
    overflow: hidden;
}

.characteristic-container img {
    width: 1920px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.content-container {
    width: 1160px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.content-container .content-nav-out {
    width: 100%;
    /* height: 58px; */
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.content-container .content-nav-out .iconfont {
    width: 26px;
    height: 26px;
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 26px;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}

.content-container .iconfont.open-dl {
    transform: rotate(180deg);
}

.content-container .content-nav {
    width: 100%;
    padding: 0 0px 0 16px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}

.content-container .content-nav dd,
.content-container .expert-more-dl dd {
    height: 33px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #262626;
    line-height: 20px;
    margin-right: 70px;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
}

.content-container .expert-more-dl dd {
    margin-bottom: 0;
}

.content-container .content-nav dd:last-child,
.content-container .expert-more-dl dd:last-child {
    margin-right: 0;
}

.content-container .content-nav dd::after,
.content-container .expert-more-dl dd::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: var(--themeBtnBgColor);
    margin-top: 10px;
    transition: all 0.3s;
    transform: scaleX(0);
}

.content-container .content-nav dd.active,
.content-container .expert-more-dl dd.active {
    font-weight: 600;
    color: var(--themeBtnBgColor);
}

.content-container .content-nav dd.active::after,
.content-container .expert-more-dl dd.active::after {
    transform: scaleX(1);
}

/* .content-nav-out .expert-more-dl{
	width: calc(100% + 16px);
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	left: -16px;
	background: #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	z-index: 100;
	padding: 0;
	height: 0;
	transition: 0.3s;
	opacity: 0;
	padding: 0 16px;
	top: 34px;
}
.content-nav-out .expert-more-dl dd{
	margin-top: 8px;
}
.content-nav-out .expert-more-dl.show-more-dl{
	display: flex;
	box-shadow: 0px 8px 8px 1px rgba(0, 0, 0, 0.1);
	border-width: 1px;
	padding: 16px 16px 16px;
	opacity: 1;
	height: auto;
} */


.content-container .content-ul {
    position: relative;
}

.content-container .content-ul .swiper-prev {
    left: -78px;
}

.content-container .content-ul .swiper-next {
    right: -78px;
}

.content-container .content-ul .swiper-prev::before,
.content-container .content-ul .swiper-next::before {
    content: '';
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 300ms;
    background-color: var(--themeBtnBgColor);
    border-radius: 50%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.content-container .content-ul .swiper-prev:hover::before,
.content-container .content-ul .swiper-next:hover::before {
    width: 100%;
    height: 100%;
}

.content-container .content-ul .content-ul-item {
    display: none;
}

.content-container .content-ul .content-ul-item:first-child {
    display: block;
}

.content-container .content-ul .swiper-box {
    display: none;
}

.content-container .content-ul .swiper-box:first-child {
    display: block;
}





.experience-course-container ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.experience-course-container ul li {
    width: calc((100% - 28px) / 2);
    border-radius: 10px;
}

.experience-course-container ul li:nth-child(n+3) {
    margin-top: 20px;
    display: none;
}

.experience-course-container ul li:nth-child(2n) {
    margin-left: 28px;
}

.experience-course-container ul a {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    height: 156px;
    background: #FFFFFF;
    border: 1px solid #efefef;
    border-radius: 10px;
    padding: 15px;
}

.experience-course-container ul a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.experience-course-container ul a:hover .experience-course-info .experience-course-name {
    color: var(--themeBtnBgColor);
}

.experience-course-container ul a .experience-course-logo {
    width: 210px;
    height: 126px;
    background: #D8D8D8;
    border-radius: 4px;
    margin-right: 20px;
}

.experience-course-container ul a .experience-course-logo img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.experience-course-container ul a .experience-course-info {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
}

.experience-course-container ul a .experience-course-info .experience-course-name {
    margin: 5px 0;
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
}

.experience-course-container ul a .experience-course-info .experience-course-text {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin-bottom: 19px;
}

.experience-course-container ul a .experience-course-info .course-price-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
}

.experience-course-container ul a .experience-course-info .course-price-btn button {
    width: 88px;
    margin-right: 20px;
}

.experience-course-container ul a .experience-course-info .course-price-btn .course-price {
    font-size: 20px;
    font-family: JDZhengHT, JDZhengHT;
    font-weight: 400;
    color: #F26161;
    line-height: 24px;
}

.swiper-prev,
.swiper-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: #F6F6F6;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 200ms;
}

.swiper-prev:hover,
.swiper-next:hover {
    color: #FFFFFF;
}

.swiper-prev:hover::before,
.swiper-next:hover::before {
    width: 100%;
    height: 100%;
}

.swiper-prev:hover i,
.swiper-next:hover i {
    color: #FFFFFF;
}

.swiper-prev i,
.swiper-next i {
    font-size: 12px;
    color: #262626;
}

.album-container .album-container-item {
    overflow: hidden;
}

.album-container .album-container-item ul {
    align-items: center;
}

.album-container.style1 li {
    width: 269px !important;
    height: 180px;
    border-radius: 2px;
    transition: 300ms;
    margin-right: 20px;
}

.album-container li:last-child {
    margin-right: 0;
}

.album-container li img {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    object-fit: cover;
    object-position: 50% 50%;
}

.album-container li .swiper-text {
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    padding: 0 15px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 60px;
    position: absolute;
    left: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s var(--transition-smooth);
}

.album-container.style1 li.swiper-slide-active {
    width: 404px !important;
    height: 270px;
}

/* .album-container.style1 li.swiper-slide-active .swiper-text {
   visibility: hidden;
   opacity: 0;
} */
.album-container.style1 li.swiper-slide-active:hover .swiper-text {
    visibility: visible;
    opacity: 1;
}

.news-container.style-2-1 li+li,
.news-container.style-2-2 li+li {
    margin-top: 30px;
}

.news-container.style-2-1 li a,
.news-container.style-2-2 li a {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
}

.news-container li a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.news-container li a:hover .news-info .news-name {
    color: var(--themeBtnBgColor);
}

.news-container li a:hover .news-info .news-detail {
    color: var(--themeBtnBgColor);
}

.news-container li a:hover .news-info .news-detail i {
    color: var(--themeBtnBgColor);
}

.news-container li a .news-logo {
    width: 269px;
    height: 180px;
    background: #D8D8D8;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.news-container li a .news-logo.news-img .news-logo-mask {
    position: absolute;
    left: -20px;
    top: -20px;
    bottom: -20px;
    right: -20px;
    z-index: 0;
    width: 120%;
    height: 120%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
}

.news-container li a .news-logo.news-img .news-logo-mask img {
    width: 100%;
    height: 100%;
}

.news-container li a .news-logo.news-img img {
    width: auto;
    height: auto;
    max-width: 90%;
    max-height: 90%;
}

.news-container li a .news-logo .news-logo-mask {
    position: absolute;
    left: -20px;
    top: -20px;
    bottom: -20px;
    right: -20px;
    z-index: 0;
    width: 120%;
    height: 120%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
}

.news-container li a .news-logo .news-logo-mask img {
    width: 100%;
    height: 100%;
}

.news-container li a .news-logo img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
    object-position: 50% 50%;
    position: relative;
}

.news-container li a .news-info {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    height: 180px;
    padding: 20px 25px;
}

.news-container li a .news-info .news-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #262626;
    line-height: 25px;
}

.news-container li a .news-info .news-time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}

.news-container li a .news-info .news-time p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 17px;
    margin-right: 20px;
}

.news-container li a .news-info .news-time p i {
    font-size: 16px;
    margin-right: 6px;
    color: var(--themeBtnBgColor);
}

.news-container li a .news-info .news-time p span {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 17px;
}

.news-container li a .news-info .news-text {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin: 20px 0 30px;
}

.news-container li a .news-info .news-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 17px;
    margin-top: auto;
    cursor: pointer;
}

.news-container li a .news-info .news-detail i {
    font-size: 12px;
    color: #595959;
    transform: scale(0.75);
    margin-left: 4px;
}

.video-container .content-video-ul {
    overflow: hidden;
}

.video-container .content-video-ul .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    margin-top: 35px;
}

.video-container .content-video-ul .swiper-pagination .swiper-pagination-bullet {
    background: #EBEBEB;
    opacity: 1;
    transition: 200ms;
}

.video-container .content-video-ul .swiper-pagination .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background: var(--themeBtnBgColor);
}

.video-container .swiper-next,
.video-container .swiper-prev {
    top: 98px;
    transform: translateY(0);
}

.video-container li {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
}

.video-container .swiper-slide {
    width: 25%;
    background: #FFFFFF;
    border-radius: 4px;
}


.video-container li .video-item:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.video-container li .video-item:hover .video-info .video-name {
    color: var(--themeBtnBgColor);
}

.video-container li .video-img {
    width: 100%;
    height: 161px;
    border-radius: 4px 4px 0 0;
    position: relative;
    cursor: pointer;
}

.video-container li .video-img::after {
    content: '';
    display: block;
    width: 45px;
    height: 45px;
    background: url(../img/video_icon@2x.png) no-repeat 100%;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}

.video-container li .video-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    object-position: 50% 50%;
}

.video-container li .video-info {
    padding: 15px;
}

.video-container li .video-info .video-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
    margin-bottom: 10px;
    cursor: pointer;
}

.video-container li .video-info .video-label {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 17px;
}

.teacher-container ul {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
}

.teacher-container li {
    width: calc((100% - 84px) / 4);
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
}

.teacher-container li+li {
    margin-left: 28px;
}

.teacher-container li:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.teacher-container li:hover .teacher-info .teacher-name {
    color: var(--themeBtnBgColor);
}

.teacher-container li:hover .teacher-info .news-detail {
    color: var(--themeBtnBgColor);
}

.teacher-container li:hover .teacher-info .news-detail i {
    color: var(--themeBtnBgColor);
}

.teacher-container li .teacher-logo {
    width: 100%;
    height: 143px;
    border-radius: 4px 4px 0 0;
}

.teacher-container li .teacher-logo img {
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    object-position: 50% 50%;
}

.teacher-container li .teacher-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    padding: 15px 20px 20px;
    height: calc(100% - 143px);
}

.teacher-container li .teacher-info .teacher-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
}

.teacher-container li .teacher-info .teacher-post {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: fit-content;
    height: 20px;
    background: #F6F6F6;
    border-radius: 4px;
    padding: 0 6px;
    margin-top: 10px;
}

.teacher-container li .teacher-info .teacher-post i {
    font-size: 12px;
    line-height: 12px;
    color: #262626;
    margin-right: 3px;
}

.teacher-container li .teacher-info .teacher-post span {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #262626;
    line-height: 17px;
}

.teacher-container li .teacher-info .teacher-advantage {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 17px;
    margin-top: 10px;
}

.teacher-container li .teacher-info .teacher-profile {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin: 20px 0;
}

.teacher-container li .teacher-info .news-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 17px;
    margin-top: auto;
    cursor: pointer;
}

.teacher-container li .teacher-info .news-detail i {
    font-size: 12px;
    color: #595959;
    transform: scale(0.75);
    margin-left: 4px;
}

.about-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*padding-top: 100px;*/
}

.about-container .about-logo {
    padding: 0 0 24px 24px;
    position: relative;
    margin-right: 40px;
    z-index: 2;
}

.about-container .about-logo::before {
    content: '';
    width: 630px;
    height: 378px;
    background: #F6F6F6;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: -1;
}

.about-container .about-logo>div {
    position: relative;
    width: 630px;
    height: 378px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 1px solid #EBEBEB;
}

.about-container .about-swiper img {
    width: 100%;
    height: 378px;
    object-fit: cover;
    object-position: 50% 50%;
}

.about-container .about-info {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: -20px;
}

.about-video {
    overflow: hidden;
    background: transparent;
    position: relative;
}

.about-video video {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: 2;
}

.about-video-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(10px);
    z-index: 1;

}

.about-container .about-info .title-style {
    padding: 0;
    text-align: left;
    font-size: 40px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 56px;
}

.about-container .about-info .about-text {
    margin-top: 28px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 24px;
    position: relative;
}

/* .about-container .about-info .about-text::before {
    content: '';
    width: 3px;
    height: 100%;
    background: var(--themeBtnBgColor);
    position: absolute;
    left: 0;
} */

.about-container .about-info .title-more {
    margin: 32px 0 0 0;
}

.school-container .school-container-ul {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
}

.school-container .school-list {
    height: 100%;
    margin-right: 2px;
}

.school-container .school-list ul {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 6px 0 10px;
    display: none;
}

.school-container .school-list ul:first-child {
    display: block;
}

.school-container .school-list ul::-webkit-scrollbar {
    width: 4px;
}

.school-container .school-list ul::-webkit-scrollbar-thumb {
    background: #DCDFE6;
    border-radius: 100px;
}

.school-container .school-list li {
    width: 330px;
    padding: 20px 20px 20px 40px;
    border-bottom: 1px solid #F6F6F6;
}

.school-container .school-list li.active {
    background: #F6F6F6;
}

.school-container .school-list li.active .school-icon:before {
    color: var(--themeBtnBgColor) !important;
}

.school-container .school-list li.active h4 {
    color: var(--themeBtnBgColor) !important;
}

.school-container .school-list li.active dl {
    display: block;
}

.school-container .school-list li:last-child {
    border-bottom: 0;
}

.school-container .school-list li a {
    width: 100%;
    display: flex;
}

.school-container .school-list li a .school-icon {
    width: 20px;
    height: 24px;
    display: inline-block;
    font-size: 13px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
}

.school-container .school-list li a .school-icon em {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1px;
    margin-left: 1px;
}

.school-container .school-list li a .school-icon:before {
    content: '\e7c6';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #C0C4CC;
    font-size: 22px;
    line-height: 22px;
    font-family: 'iconfont';
}

.school-container .school-list li a .school-item-r {
    flex: 1;
    min-width: 0;
    margin-left: 10px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
}

.school-container .school-list li a .school-item-r h4 {
    font-size: 18px;
    color: #303133;
    font-weight: 600;
    line-height: 19px;
}

.school-container .school-list li a .school-item-r p {
    font-size: 13px;
    color: #8C8C8C;
    line-height: 14px;
    margin-top: 4px;
}

.school-container .school-list li a .school-item-r .school-phone {
    display: flex;
    align-items: center;
    margin-top: 14px;
}

.school-container .school-list li a .school-item-r .school-phone i {
    font-size: 16px;
    color: var(--themeBtnBgColor);
}

.school-container .school-list li a .school-item-r .school-phone span {
    font-size: 14px;
    color: #262626;
    margin-left: 4px;
}

.school-container .school-list li a .school-item-r .school-phone button {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    font-size: 12px;
    color: #262626;
    margin-left: 10px;
    background-color: unset;
    cursor: pointer;
}

.school-container .school-list li a .school-item-r .school-phone button:hover {
    background: var(--themeBtnBgColor);
    color: #FFFFFF;
    border-color: var(--themeBtnBgColor);
}

.school-container .school-list li a .school-item-r dl {
    margin-top: 16px;
    display: none;
}

.school-container .school-list li a .school-item-r dl dt {
    height: 17px;
    font-size: 12px;
    line-height: 17px;
    color: #595959;
}

.school-container .school-list li a .school-item-r dl dd {
    font-size: 12px;
    line-height: 20px;
    color: #595959;
}

.school-container .school-map {
    flex: 1;
    height: 502px;
}

.school-container .school-map-marker {
    width: 20px;
    height: 26px;
    position: absolute;
    font-size: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #fff;
}

.school-container .school-map-num {
    width: 20px;
    height: 26px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: block;
    line-height: 20px;
    text-align: center;
}

.school-container .school-map-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    font-size: 22px;
    line-height: 22px;
    cursor: pointer;
    color: #FF9645;
}

.school-container .school-map-marker.active {
    z-index: 999999999 !important;
}

.school-container .school-map-marker.active .school-map-marker-info {
    display: block;
}

.school-container .school-map-marker.active .school-map-icon {
    color: var(--themeBtnBgColor);
}

.school-container .school-map-marker-info {
    max-width: 280px;
    padding: 9px 20px;
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
}

.school-container .school-map-marker-info::after {
    content: '';
    display: block;
    width: 100%;
    height: 15px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.school-container .school-map-marker-info .school-info {
    display: flex;
    align-items: center;
}

.school-container .school-map-marker-info .school-info .school-name {
    font-size: 16px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 600;
    color: #000000;
}

.school-container .school-map-marker-info .school-info .school-info-navigation {
    margin: 0;
    display: block;
    margin-left: 10px;
    float: left;
    padding: 0 6px;
    height: 23px;
    line-height: 21px;
    font-size: 12px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: var(--themeBtnBgColor);
    background: #FFFFFF;
    border-radius: 13px;
    border: 1px solid var(--themeBtnBgColor);
}

.school-container .school-map-marker-info .school-info .school-info-navigation i {
    font-size: 14px;
    color: var(--themeBtnBgColor);
}

.school-container .school-map-marker-info .school-info .school-info-navigation:hover {
    background: var(--themeBtnBgColor);
    color: #fff;
}

.school-container .school-map-marker-info .school-info .school-info-navigation:hover i {
    color: #fff;
}

.school-container .school-map-marker-info h3 {
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #262626;
}

.school-container .school-map-marker-info p {
    height: 17px;
    margin-top: 3px;
    font-size: 12px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #909399;
}

.school-container .school-map-marker-info span {
    height: 17px;
    margin-top: 4px;
    display: none;
    font-size: 12px;
    line-height: 17px;
    color: #595959;
}

.school-container .school-map-marker-info span a {
    margin-left: 16px;
    color: #1a8cff;
}

.school-container #map-iframe {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.school-container #map-iframe iframe {
    width: 100%;
    height: 100%;
}

.school-container .map-pop-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

.school-container .map-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 1220px;
    height: 580px;
    margin: -290px 0 0 -610px;
}

.zx-alert-box .alert-form .layui-input-block .qrcode-out .get-code,
.con-nav-list dd.active-nav,
.sidebar li:hover .icon i,
.sidebar li:hover .icon span {
    color: var(--themeBtnBgColor);
}

.zx-alert-box .alert-form .layui-input-block .layui-this {
    background: var(--themeBtnBgColor);
}

.zx-alert-box .alert-form .layui-input-block .layui-btn,
.album-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.con-nav-list dd::after {
    background: var(--themeBtnBgColor) !important;
}

.view-all:hover {
    color: var(--themeBtnBgColor);
    border-color: var(--themeBtnBgColor);
}

.qr-code-box,
.detail-card .card-r .card-btn .subscribe-btn {
    background: var(--themeBtnBgColor) !important;
}

.course-list li .course-detail .course-btn .subscribe-btn,
.detail-card .card-r .card-btn .consult-btn {
    color: var(--themeBtnBgColor);
    border-color: var(--themeBtnBgColor);
}

.course-list li .course-detail .course-btn .subscribe-btn:hover,
.detail-card .card-r .card-btn .consult-btn:hover {
    background: var(--themeBtnBgColor);
    color: #FFFFFF;
}

.course-list li .course-detail .course-btn .subscribe-btn:hover i,
.detail-card .card-r .card-btn .consult-btn:hover i {
    background: #FFFFFF;
}

.pagination .zui-page-curr,
.pagination a:hover:not(.iconfont):not(.zui-page-spr),
.chatWindow .chatw-con .chatw-foot .send-out .send,
.school-list li a .school-item-r .school-phone button:hover {
    background: var(--themeBtnBgColor);
    color: #FFFFFF;
}

.school-list li.active .school-icon:before,
.school-map-marker.active .school-map-icon,
.school-list li.active h4 {
    color: var(--themeBtnBgColor) !important;
}

.school-map-marker-info .school-info .school-info-navigation {
    color: var(--themeBtnBgColor);
    border-color: var(--themeBtnBgColor);
}

.school-map-marker-info .school-info .school-info-navigation i {
    font-size: 14px;
    color: var(--themeBtnBgColor);
}

.school-map-marker-info .school-info .school-info-navigation:hover {
    background: var(--themeBtnBgColor);
    color: #FFFFFF;
}

.school-map-marker-info .school-info .school-info-navigation:hover .iconfont {
    color: #FFFFFF;
}

/**20240229*/
.title-style h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
}

.title-style p {
    font-size: 16px;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 22px;
    margin-top: 10px;
}

.student-container ul {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
}

.student-container .student-item {
    width: calc((100% - 84px) / 4);
    margin-right: 28px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
}

.student-container .student-item:last-child {
    margin-right: 0;
}

.student-container .student-item:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.student-container .student-item:hover .student-info .student-name {
    color: var(--themeBtnBgColor);
}

.student-container .student-item:hover .student-info .student-detail {
    color: var(--themeBtnBgColor);
}

.student-container .student-item:hover .student-info .student-detail i {
    color: var(--themeBtnBgColor);
}

.student-container .student-item .student-img {
    width: 100%;
    height: 359px;
    border-radius: 4px 4px 0 0;
}

.student-container .student-item .student-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    object-position: 50% 50%;
}

.student-container .student-item .student-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    height: calc(100% - 359px);
    background: #FFFFFF;
    padding: 15px 16px 20px;
    border-radius: 0 0 4px 4px;
}

.student-container .student-item .student-info .student-name {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
}

.student-container .student-item .student-info .student-advantage {
    font-size: 13px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: var(--themeBtnBgColor);
    line-height: 18px;
    margin-top: 5px;
}

.student-container .student-item .student-info .student-profile {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.student-container .student-item .student-info-1 .student-profile {
    margin-top: 13px;
    -webkit-line-clamp: 3;
}

.detail-next-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 17px;
    margin-top: auto;
}

.detail-next-btn i {
    font-size: 12px;
    color: #595959;
    transform: scale(0.75);
    margin-left: 4px;
}

.album-container li .swiper-text {
    font-size: 18px;
}

.album-container.style2 li .swiper-text {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}

.common-header.common-header-new>div {
    align-items: center;
    justify-content: flex-start;
}

.common-header.common-header-new>div .header-r {
    flex: 1;
    min-width: 0;
    margin-left: 0;
}

.common-header.common-header-new>div .header-r-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.common-header.common-header-new>div .header-r-top .header-name {
    flex: 1;
    min-width: 0;
    margin-right: 15px;
}

.common-header.common-header-new>div .header-r-bottom {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.common-header.common-header-new>div .header-r-bottom .header-nav {
    margin-top: 0;
}

.common-header.common-header-new>div .header-r-bottom .header-nav li {
    margin-left: 28px;
}

.common-header.common-header-new .header-logo {
    width: 72px;
    height: 72px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*background: #FFFFFF;*/
    border-radius: 4px;
}

.common-header.common-header-new .header-logo img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 4px;
}

.common-header.common-header-new .header-name {
    flex: 1;
    min-width: 0;
}

.common-header.common-header-new .header-name h1 {
    font-size: 27px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: var(--themeHeaderColor);
    line-height: 38px;
}

.common-header.common-header-new .header-name span {
    font-size: 27px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: var(--themeHeaderColor);
    line-height: 38px;
}

.container .container-l {
    flex: 1;
}

.inner-title-style {
    background: #FFFFFF;
    padding: 16px 30px 15px;
    border-bottom: 1px solid #E4E7ED;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.inner-title-style h2 {
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #303133;
    line-height: 22px;
    margin-right: 20px;
}

.inner-title-style p {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin-top: 2px;
}

.work-container .work-container-ul.work-container-one ul li {
    max-width: 570px;
}

.work-container .work-container-ul ul {
    display: flex;
    justify-content: center;
}

.work-container .work-container-ul ul li {
    width: 177px;
    height: 428px;
    position: relative;
    cursor: pointer;
    transition: .3s all cubic-bezier(0.4, 0, 0.2, 1);
}

.work-container .work-container-ul ul li.active-work {
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    min-width: 177px !important;
    flex: 1;
}

.work-container .work-container-ul ul li.active-work .work-info span {
    display: block;
}

.work-container .work-container-ul ul li+li {
    margin-left: 20px;
}

.work-container .work-container-ul ul li .work-img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.work-container .work-container-ul ul li .work-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.work-container .work-container-ul ul li .work-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 15px 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.work-container .work-container-ul ul li .work-info p {
    flex: 1;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
}

.work-container .work-container-ul ul li .work-info span {
    margin-left: 8px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    display: none;
}

.popup-layer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.popup-layer .popup-img {
    display: block;
    width: 640px;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-layer .popup-img img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 15px;
}

.popup-layer .close-popup {
    display: block;
    width: 32px;
    height: 32px;
    margin: 20px auto 0;
    cursor: pointer;
}

.common-header.common-header-new>div {
    align-items: normal;
}

.common-header.common-header-new>div .header-r {
    padding: 4px 0;
}

.common-header>div .header-r .header-tel-box,
.common-header.common-header-new>div .header-r-bottom .header-nav {
    margin-left: auto;
}

.teacher-container li .teacher-logo {
    height: 267px;
}

.teacher-container li .teacher-info {
    height: calc(100% - 267px);
}

.title-style {
    padding-top: 50px;
}

.title-style>.title-img {
    max-width: 1160px;
    margin: 0 auto 20px;
}

body {
    padding-top: 0;
}

.common-header.common-header-new {
    transition: 0.3s;
    position: static;
}

.common-header.common-header-new>div .header-r-bottom .header-r-name {
    flex: 1;
    font-size: 22px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: var(--themeHeaderColor);
    line-height: 31px;
    display: none;
}

.common-header.common-header-fixed,
.common-header.common-header-ani {
    height: 60px;
}

.common-header.common-header-fixed .header-logo,
.common-header.common-header-ani .header-logo {
    height: 48px;
    margin-right: 10px;
}

.common-header.common-header-fixed>div,
.common-header.common-header-ani>div {
    padding: 6px 0;
}

.common-header.common-header-fixed>div .header-r,
.common-header.common-header-ani>div .header-r {
    display: flex;
}

.common-header.common-header-fixed>div .header-r-bottom,
.common-header.common-header-ani>div .header-r-bottom {
    flex: 1;
    margin-top: 0;
}

.common-header.common-header-fixed>div .header-r-bottom .header-r-name,
.common-header.common-header-ani>div .header-r-bottom .header-r-name {
    display: block;
}

.common-header.common-header-fixed>div .header-r-bottom>p,
.common-header.common-header-ani>div .header-r-bottom>p {
    display: none;
}

.common-header.common-header-fixed>div .header-r-top,
.common-header.common-header-ani>div .header-r-top {
    display: none;
}

.common-header.common-header-new>div .header-r-bottom>p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 20px;
}

.common-header.common-header-shadow {
    box-shadow: 0px 1px 0px 0px #F1F2F4;
}

.common-header.common-header-new .header-logo {
    max-width: 440px;
    width: auto;
    transition: 0.3s;
}

.common-header.common-header-new .header-logo img {
    max-width: 440px;
}

.footer .footer-con .f-con-l .f-con-l-t2>span,
.footer .footer-con .f-con-l .f-con-l-t2 a,
.footer .footer-con .f-con-l .copyright span,
.footer .footer-con .f-con-l .copyright p,
.footer .footer-con .f-con-l .support span,
.footer .footer-con .f-con-l .f-con-l-t1 .city-xq>span,
.footer .footer-con .f-con-l .f-con-l-t1 .city-xq .xq-a span,
.footer .footer-con .f-con-l .f-con-l-t1 .city-xq .xq-a i {
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

.footer .footer-con .f-con-l>.line {
    width: 100%;
    border-bottom: 1px solid #4f4f4f;
    margin: 15px 0;
}

.footer .footer-con .f-con-l .footer-jg-name {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.footer .footer-con .f-con-l .footer-jg-name a {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
}

.footer .footer-con .f-con-l .footer-jg-name p {
    font-family: PingFang SC, PingFang SC;
    font-size: 14px;
    color: #B7B7B7;
    line-height: 17px;
    margin-left: 10px;
}

.footer .footer-con .f-con-r {
    margin-left: 32px;
}

.footer .footer-con .f-con-l .f-con-l-t1 {
    margin-bottom: 0;
}

.footer-copyright {
    background: #171717;
    width: 100%;
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
}

.copyright-item {
    position: relative;
    margin: 0 12px;
}

.copyright-item:first-child::before {
    display: none;
}

.copyright-item::before {
    content: '';
    position: absolute;
    left: -12px;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: #747474;
}

.copyright-item,
.copyright-item>a {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #B7B7B7;
}

.teacher-container li .teacher-info .teacher-info-name {
    display: flex;
    align-items: center;
}

.teacher-container li .teacher-info .teacher-info-name .teacher-name {
    white-space: nowrap;
}

.teacher-container li .teacher-info .teacher-info-name .teacher-post {
    background: #FFF5E5;
    border-radius: 4px;
    margin-left: 5px;
    height: 20px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    margin-top: 0;
}

.teacher-container li .teacher-info .teacher-info-name .teacher-post img {
    width: 14px;
    height: 14px;
    margin-right: 2px;
}

.teacher-container li .teacher-info .teacher-info-name .teacher-post p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #B16620;
    line-height: 17px;
}

.common-header.common-header-new.common-header-ani {
    transition: 0.2s;
    transform: translateY(-100%);
    position: fixed;
}

.common-header.common-header-new.common-header-ani-show {
    transition: 0.8s;
    transform: translateY(0);
}

.common-header.common-header-new>div .header-r-bottom>p {
    color: rgba(255, 255, 255, 0.9);
}

.common-header.common-header-shadow>div .header-r-bottom>p {
    color: #8C8C8C;
}

.school-container .school-list li a {
    padding: 0;
    border-bottom: 0;
}

.school-container .school-list li a .school-item-r .school-phone button {
    white-space: nowrap;
}

.school-container .school-list li a .school-item-r .school-phone span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.school-container .school-list {
    margin-right: 12px;
}

.school-container .school-list li.active {
    background-color: #F5F5F5;
}

.school-container .school-list ul {
    height: 500px;
    background-color: #FCFCFC;
    padding: 0;
}

.video-container li {
    justify-content: center;
}


.teacher-container ul,
.experience-course-container ul.experience-course-center,
.student-container ul {
    justify-content: center;
}

.inner-student-container ul {
    justify-content: flex-start;
}

.inner-album-container {
    width: 100%;
}

.inner-album-container .album-container-item {
    display: none;
}

.inner-album-container .album-container-item.active-album {
    display: block;
}

.inner-album-container .album-container-item ul {
    padding: 16PX 14px 12px 30px;
    background: #FFFFFF;
    display: flex;
    flex-wrap: wrap;
}

.inner-album-container .album-container-item ul li {
    width: calc((100% - 48px) / 3);
    height: 240px;
    border-radius: 4px;
    position: relative;
    margin: 0 16px 16px 0;
    cursor: pointer;
}

.inner-album-container .album-container-item ul li img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}

.inner-album-container .album-container-item ul li p {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    padding: 24px 12px 10px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 22px;
    border-radius: 0 0 4px 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.album-alert .swiper-father .album-swiper .swiper-slide>p {
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    padding: 24px 16px 16px;
    font-size: 16px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 22px;
    border-radius: 0 0 4px 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.content-container .content-ul .swiper-prev,
.content-container .content-ul .swiper-next {
    top: 111px;
    transform: translateY(0);
}

.inner-album-container .con-nav-list .nav-tab-icon {
    margin-bottom: 0;
}

.inner-album-container .con-nav-list .nav-swiper {
    max-width: 1070px;
}

.inner-album-container .curr-content-box {
    padding: 0;
    background: initial;
}

.inner-album-container .album-container-item .pagination {
    display: flex !important;
}

.style-btn i {
    font-size: 12px;
    color: var(--themeBtnBgColor);
    line-height: 17px;
    transform: scale(0.8);
    margin-left: 5px;
    transition: all 0.3s ease-in;
}

.style-btn:hover span,
.style-btn:hover i {
    color: #FFFFFF;
    transition: 0.3s;
}

.course-container-1 li {
    margin-bottom: 30px;
}

.course-container-1 li:last-child {
    margin-bottom: 0;
    border: 0;
    padding-bottom: 0;
}

.course-container-1 li a {
    display: flex;
    align-items: center;
    background: #FCFCFC;
    padding-right: 20px;
    border-radius: 4px;
}

.course-container-1 li a .course-logo {
    width: 269px;
    height: 162px;
    border-radius: 4px;
}

.course-container-1 li a .course-logo img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.course-container-1 li a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.course-container-1 li a:hover .course-info .course-name {
    color: var(--themeBtnBgColor);
}

.course-container-1 li a .course-info {
    padding: 20px 56px 20px 28px;
    flex: 1;
    height: 162px;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
}

.course-container-1 li a .course-info .course-name {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #262626;
    line-height: 25px;
    margin-bottom: 8px;
}

.course-container-1 li a .course-info .course-timespan {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 20px;
    margin-bottom: 8px;
}

.course-container-1 li a .course-info .course-price {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: auto;
}

.course-container-1 li a .course-info .course-price span {
    font-size: 18px;
    font-family: JDZhengHT, JDZhengHT;
    font-weight: 400;
    color: #F26161;
    line-height: 22px;
}

.course-container-1 li a .course-info .course-price em {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #F26161;
    line-height: 17px;
}

.course-container-1 li a .style-btn {
    width: 176px;
    height: 40px;
}

.content-experience-course-1 li a {
    display: flex;
    align-items: center;
    background: #FCFCFC;
    padding-right: 20px;
    border-radius: 4px;
}

.content-experience-course {
    border-radius: 10px;
}

.content-experience-course-1 li a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.content-experience-course-1 li a:hover .experience-course-info .experience-course-name {
    color: var(--themeBtnBgColor);
}

.content-experience-course-1 li a .experience-course-logo {
    width: 269px;
    height: 162px;
    border-radius: 4px;
}

.content-experience-course-1 li a .experience-course-logo img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.content-experience-course-1 li a .experience-course-info {
    padding: 20px 56px 20px 28px;
    flex: 1;
    height: 162px;
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
}

.content-experience-course-1 li a .experience-course-info .experience-course-name {
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    font-size: 18px;
    color: #262626;
    line-height: 25px;
    margin-bottom: 8px;
}

.content-experience-course-1 li a .experience-course-info .experience-course-text {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 20px;
    margin-bottom: 8px;
}

.content-experience-course-1 li a .experience-course-info .experience-course-price {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin-top: auto;
    font-size: 18px;
    font-family: JDZhengHT, JDZhengHT;
    font-weight: 400;
    color: #F26161;
    line-height: 22px;
}

.content-experience-course-1 li a .style-btn {
    width: 176px;
    height: 40px;
}

.album-container.style1 .album-container-item .swiper-wrapper {
    height: 324px;
}

.album-container.style2 .album-container-item .swiper-wrapper {
    height: 150px;
}

.album-container.style1 .album-container-item li {
    width: 332px !important;
    margin-right: 28px;
    border-radius: 4px;
}

.album-container .album-container-item li img {
    border-radius: 4px;
}

.album-container .album-container-item li:last-child {
    margin-right: 28px;
}

.album-container.style1 .album-container-item li.swiper-slide-active {
    width: 540px !important;
    height: 324px;
}

.content-container .content-ul .swiper-prev,
.content-container .content-ul .swiper-next {
    top: 138px;
}


.swiper-album-style-1.album-container-item ul li {
    width: 540px !important;
    height: 324px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.swiper-album-style-1.album-container-item ul li img {
    border-radius: 4px;
}

.album-container:not(.style1) .swiper-slide:hover .swiper-text {
    opacity: 1;
    visibility: visible;
}

/* .content-album .swiper-text{
    display: block !important;
} */
.video-container-1 li {
    display: flex;
    align-items: normal;
    justify-content: center;
}

.video-container-1 li.swiper-single .video-item {
    width: 540px;
}

.video-container-1 li.swiper-single .video-item .video-img {
    height: 324px;
}

.content-video-ul li .video-item {
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    margin-right: 30px;
}

.content-video-ul li .video-item:last-child {
    margin-right: 0;
}

.video-container-1 li .video-item:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.video-container-1 li .video-item:hover .video-info .video-name {
    color: var(--themeBtnBgColor);
}

.video-container-1 li .video-img {
    width: 100%;
    height: 221px;
    border-radius: 4px 4px 0 0;
    position: relative;
    cursor: pointer;
}

.video-container-1 li .video-img::after {
    transition: all 0.4s var(--transition-smooth);
    content: '';
    display: block;
    width: 48px;
    height: 48px;
    background: url(../img/video_icon@2x.png) no-repeat 100%;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.video-container-1 li .video-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
    object-fit: cover;
    object-position: 50% 50%;
}

.video-container-1 li .video-info {
    padding: 15px;
}

.video-container-1 li .video-info .video-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
    margin-bottom: 10px;
    cursor: pointer;
}

.video-container-1 li .video-info .video-label {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 17px;
}

.teacher-container-1 li {
    margin-bottom: 40px;
}

.teacher-container-1 li:last-child {
    margin-bottom: 0;
}

.teacher-container-1 li a {
    display: flex;
    align-items: normal;
    justify-content: normal;
    height: 269px;
    background: #FCFCFC;
    border-radius: 4px;
}

.teacher-container-1 li a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.teacher-container-1 li a:hover .teacher-info .teacher-name {
    color: var(--themeBtnBgColor);
}

.teacher-container-1 li a:hover .teacher-info .details-btn {
    color: var(--themeBtnBgColor);
}

.teacher-container-1 li a:hover .teacher-info .details-btn i {
    color: var(--themeBtnBgColor);
}

.teacher-container-1 li a .teacher-logo {
    width: 269px;
    height: 100%;
    border-radius: 4px;
}

.teacher-container-1 li a .teacher-logo img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.teacher-container-1 li a .teacher-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 20px 28px 48px;
}

.teacher-container-1 li a .teacher-info .teacher-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
}

.teacher-container-1 li a .teacher-info .teacher-post {
    width: fit-content;
    background: #FFF5E5;
    border-radius: 4px;
    height: 20px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    margin-bottom: 5px;
}

.teacher-container-1 li a .teacher-info .teacher-post img {
    width: 14px;
    height: 14px;
    margin-right: 2px;
}

.teacher-container-1 li a .teacher-info .teacher-post p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #B16620;
    line-height: 17px;
}

.teacher-container-1 li a .teacher-info .teacher-advantage {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 20px;
    margin-top: 15px;
}

.teacher-container-1 li a .teacher-info .teacher-profile {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin: 20px 0;
}

.teacher-container-2 ul {
    display: flex;
}

.teacher-container-2 li {
    margin-right: 28px;
}

.teacher-container-2 li:last-child {
    margin-right: 0;
}

.teacher-container-2 li a {
    display: flex;
    align-items: normal;
    justify-content: normal;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
}

.teacher-container-2 li a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.teacher-container-2 li a:hover .teacher-info .teacher-name {
    color: var(--themeBtnBgColor);
}

.teacher-container-2 li a:hover .teacher-info .details-btn {
    color: var(--themeBtnBgColor);
}

.teacher-container-2 li a:hover .teacher-info .details-btn i {
    color: var(--themeBtnBgColor);
}

.teacher-container-2 li a .teacher-logo {
    width: 210px;
    height: 210px;
    border-radius: 4px;
    margin-right: 20px;
}

.teacher-container-2 li a .teacher-logo img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.teacher-container-2 li a .teacher-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 20px 0;
}

.teacher-container-2 li a .teacher-info .teacher-name-post {
    display: flex;
    align-items: center;
    justify-content: normal;
}

.teacher-container-2 li a .teacher-info .teacher-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
}

.teacher-container-2 li a .teacher-info .teacher-post {
    width: fit-content;
    background: #FFF5E5;
    border-radius: 4px;
    height: 20px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    margin-left: 8px;
}

.teacher-container-2 li a .teacher-info .teacher-post img {
    width: 14px;
    height: 14px;
    margin-right: 2px;
}

.teacher-container-2 li a .teacher-info .teacher-post p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #B16620;
    line-height: 17px;
}

.teacher-container-2 li a .teacher-info .teacher-advantage {
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 18px;
    margin-top: 10px;
}

.teacher-container-2 li a .teacher-info .teacher-profile {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin: 15px 0;
}

.details-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #595959;
    line-height: 17px;
    margin-top: auto;
}

.details-btn i {
    font-size: 12px;
    color: #595959;
    transform: scale(0.75);
    margin-left: 4px;
}

.student-container-1 li {
    margin-bottom: 40px;
}

.student-container-1 li:last-child {
    margin-bottom: 0;
}

.student-container-1 li a {
    display: flex;
    align-items: normal;
    justify-content: normal;
    height: 358px;
    background: #FCFCFC;
    border-radius: 4px;
}

.student-container-1 li a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.student-container-1 li a:hover .student-info .student-name {
    color: var(--themeBtnBgColor);
}

.student-container-1 li a:hover .student-info .student-detail {
    color: var(--themeBtnBgColor);
}

.student-container-1 li a:hover .student-info .student-detail i {
    color: var(--themeBtnBgColor);
}

.student-container-1 li a .student-img {
    width: 269px;
    height: 100%;
    border-radius: 4px;
}

.student-container-1 li a .student-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.student-container-1 li a .student-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 70px 28px 78px;
}

.student-container-1 li a .student-info .student-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
}

.student-container-1 li a .student-info .student-advantage {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: var(--themeBtnBgColor);
    line-height: 20px;
    margin-top: 10px;
}

.student-container-1 li a .student-info .student-profile {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin: 20px 0;
}

.student-container-2 ul {
    display: flex;
}

.student-container-2 li {
    margin-right: 28px;
}

.student-container-2 li:last-child {
    margin-right: 0;
}

.student-container-2 li a {
    display: flex;
    align-items: normal;
    justify-content: normal;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
}

.student-container-2 li a:hover {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

.student-container-2 li a:hover .student-info .student-name {
    color: var(--themeBtnBgColor);
}

.student-container-2 li a:hover .student-info .student-detail {
    color: var(--themeBtnBgColor);
}

.student-container-2 li a:hover .student-info .student-detail i {
    color: var(--themeBtnBgColor);
}

.student-container-2 li a .student-img {
    width: 210px;
    height: 280px;
    border-radius: 4px;
}

.student-container-2 li a .student-img img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.student-container-2 li a .student-info {
    display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    padding: 40px 20px 70px;
}

.student-container-2 li a .student-info .student-name {
    font-size: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 600;
    color: #262626;
    line-height: 25px;
}

.student-container-2 li a .student-info .student-advantage {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: var(--themeBtnBgColor);
    line-height: 20px;
    margin-top: 5px;
}

.student-container-2 li a .student-info .student-profile {
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    color: #8C8C8C;
    line-height: 20px;
    margin: 10px 0;
}

/**20240830*/
.common-header.common-header-new>div .header-r-bottom .header-nav li {
    margin-left: 24px;
}

.common-header.common-header-new>div .header-r-top .header-name {
    margin-right: 12px;
}

.common-header.common-header-new>div .header-r-top .header-name>p {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 20px;
    margin-top: 5px;
}

.common-header>div .header-r .header-r-top .header-nav {
    margin-top: 0;
}

.common-header>div .header-r .header-r-top .header-nav li {
    margin-left: 24px;
}

.banner-swiper {
    height: auto;
    max-height: 800px;

    .swiper-slide {
        height: auto;
    }
}

.popup-layer .popup-img {
    height: auto;

    img {
        width: 100%;
    }
}

.editor-box ol,
.editor-box ul {
    padding-left: 20px;
    max-width: 100%;
}

.editor-box ol,
.editor-box ol li {
    list-style: auto;
}

.editor-box ul,
.editor-box ul li {
    list-style: disc;
}

.editor-box em {
    font-style: italic;
}

.editor-box hr {
    line-height: 0;
    margin: 10px 0;
    padding: 0;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    clear: both;
    background: 0 0;
}

.editor-box table {
    width: 100%;
}

.editor-box table td,
.editor-box table th {
    border: #DDDFE6 solid 1px;
    padding: 5px 10px;
}

.editor-box table thead {
    background-color: #F5F6F7
}

.editor-box table thead th {
    text-align: center;
    font-size: 14px;
    color: #8C8C8C;
}

.editor-box table thead th:nth-child(1) {
    width: 16%;
}

.editor-box table tbody td {
    text-align: center;
    font-size: 16px;
    color: #262626;
}

.editor-box table tbody td:nth-child(1) {
    width: 16%;
}

.about-content-box ul {
    display: block;
}

.about-content-box>ul {
    display: none;
}

.about-content-box span {
    white-space: pre-line !important;
}

.common-header.common-header-shadow>div .header-r-bottom>p {
    white-space: nowrap;
}



.popup-layer {
    flex-direction: column;
}

.popup-layer .popup-box {
    max-height: calc(100% - 90px);
    overflow-y: auto;
    border-radius: 15px;
}

/* 为所有可能发生颜色变化的元素添加基础过渡效果 */
.title-more span,
.title-more i,
.news-container li a .news-info .news-name,
.news-container li a .news-info .news-detail,
.news-container li a .news-info .news-detail i,
.teacher-container li .teacher-info .teacher-name,
.teacher-container li .teacher-info .news-detail,
.teacher-container li .teacher-info .news-detail i,
.experience-course-container ul a .experience-course-info .experience-course-name,
.student-container .student-item .student-info .student-name,
.student-container .student-item .student-info .student-detail,
.student-container .student-item .student-info .student-detail i,
.school-container .school-list li a .school-item-r .school-phone button,
.details-btn,
.details-btn i {
    transition: color 0.3s ease;
}

/* 为hover状态添加过渡效果 */
.title-more::before,
.title-more::after {
    transition: all 0.3s ease;
}

.experience-course-container ul a:hover,
.teacher-container li:hover,
.student-container .student-item:hover,
.news-container li a:hover {
    transition: box-shadow 0.3s ease;
}

/* 为按钮添加背景色过渡 */
.school-container .school-list li a .school-item-r .school-phone button {
    transition: all 0.3s ease;
}

/* 为导航菜单添加下划线过渡 */
.content-container .content-nav dd::after,
.content-container .expert-more-dl dd::after {
    transition: transform 0.3s ease;
}

/* 为轮播箭头添加背景过渡 */
.content-container .content-ul .swiper-prev::before,
.content-container .content-ul .swiper-next::before {
    transition: all 0.3s ease;
}

.content-forms .form-button {
    position: relative;
    width: auto;
    height: 44px;
    min-width: 148px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
    border: none;
    margin: 40px auto 0;
    background-color: white;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    color: #262626;
}

.content-form3 .form-button {
    margin: unset;
}

.content-form2 .form-button {
    border: 1px solid #e1e1e1;
}

.content-forms .form-button i {
    font-size: 12px;
    color: #262626;
    line-height: 17px;
    transform: scale(0.8);
    margin-left: 5px;
    transition: all 0.3s ease-in;
}

.content-forms .form-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.content-forms .form-button:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.content-forms .form-button::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.4s;
}

.content-forms .form-button::after {
    background-color: #fff;
}

.content-forms .form-button:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.footer-logo {
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
}

.footer-logo img {
    height: 52px;
    max-width: 440px;
    border-radius: 5px;
}

.swiper-album-prev .iconfont,
.swiper-album-next .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}


/* 精品课程   */
.content-ul .subscribe-btn {
    cursor: pointer;
}

.content-ul .course-ul li:hover .course-info .course-name {
    color: var(--themeBtnBgColor) !important;
}

/* style5 start */

.content-ul.style5 .course-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.content-ul.style5 .course-ul li {
    position: relative;
    width: 216px;
    height: 252px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    margin-right: 20px;
    margin-bottom: 20px;
}

.content-ul.style5 .course-ul li .course-info {
    padding: 15px 15px 20px;
}

.content-ul.style5 .course-ul li:nth-of-type(5n) {
    margin-right: 0;
}

.content-ul.style5 .course-ul li .course-info .course-name {
    font-weight: bold;
    font-size: 18px;
    color: #262626;
}

.content-ul .course-ul li:hover .course-info .course-name {
    color: var(--themeBtnBgColor);
}

.content-ul.style5 .course-ul .course-timespan {
    font-size: 14px;
    color: #8C8C8C;
}

.content-ul.style5 .course-ul .course-info .course-price-btn {
    position: absolute;
    bottom: 20px;
    font-size: 16px;
    left: 15px;
    color: var(--themeBtnBgColor);
    font-weight: bold;
}

.content-ul.style5 .course-ul .course-info .course-price-btn span {
    font-size: 18px;
}

.content-ul.style5 .course-ul .course-info .course-price-btn em {
    font-size: 12px;
}


.content-ul.style5 .course-ul li img {
    width: 100%;
    height: 130px;
    border-radius: 4px 4px 0 0;
}

/* style5 end */

/* style4 start */

.content-ul.style4 .course-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.content-ul.style4 .course-ul li {
    position: relative;
    width: 269px;
    height: 288px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    margin-right: 28px;
    margin-bottom: 30px;
}

.content-ul.style4 .course-ul li:nth-of-type(4n) {
    margin-right: 0;
}

.content-ul.style4 .course-ul li img {
    border-radius: 4px 4px 0 0;
    width: 100%;
    height: 161px;
    object-fit: cover;
    object-position: 50% 50%;
}

.content-ul.style4 .course-ul li .course-info {
    padding: 15px 15px 0;
}

.content-ul.style4 .course-ul li .course-info .course-name {
    font-size: 18px;
    color: #262626;
    font-weight: bold;
}

.content-ul.style4 .course-ul li .course-info .course-timespan {
    font-size: 14px;
    margin-top: 5px;
    color: #8C8C8C;
}

.content-ul.style4 .course-ul li .course-info .course-price-btn {
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 20px;
    padding: 0 15px;
    font-size: 16px;
    left: 0;
    color: var(--themeBtnBgColor);
    font-weight: bold;
}

.content-ul.style4 .course-ul li .course-info .course-price-btn em {
    font-size: 12px;
}



/* style4 end */


/* style3 start */

.content-ul.style3 .course-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.content-ul.style3 .course-ul li {
    position: relative;
    width: 372px;
    height: 96px;
    background: #FCFCFC;
    margin-right: 22px;
    margin-bottom: 30px;
}

.content-ul.style3 .course-ul li a {
    display: flex;
}

.content-ul.style3 .course-ul li:nth-of-type(3n) {
    margin-right: 0;
}

.content-ul.style3 .course-ul li .course-logo {
    width: 160px;
    height: 96px;
    border-radius: 4px;
    margin-right: 15px;
    flex-shrink: 0;
}

.content-ul.style3 .course-ul li img {
    border-radius: 4px;
    width: 160px;
    height: 96px;
    object-fit: cover;
    object-position: 50% 50%;
}

.content-ul.style3 .course-ul li .course-info {
    padding-right: 20px;
    padding-top: 10px;
    position: relative;
    width: calc(100% - 175px);
    border-radius: 4px;
}

.content-ul.style3 .course-ul li .course-info .course-name {
    font-size: 16px;
    color: #262626;
    font-weight: bold;
}

.content-ul.style3 .course-ul li .course-info .course-timespan {
    font-size: 14px;
    margin-top: 3px;
    color: #8C8C8C;
}

.content-ul.style3 .course-ul li .course-info .course-price-btn {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    font-size: 16px;
    left: 0;
    color: var(--themeBtnBgColor);
    font-weight: bold;
}

.content-ul.style3 .course-ul li .course-info .course-price-btn em {
    font-size: 12px;
}



/* style3 end */

/* style2 start */

.content-ul.style2 .course-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.content-ul.style2 .course-ul li {
    position: relative;
    width: 568px;
    height: 144px;
    background: #FCFCFC;
    margin-right: 24px;
    margin-bottom: 24px;
    border-radius: 4px;
}

.content-ul.style2 .course-ul li a {
    display: flex;
}

.content-ul.style2 .course-ul li:nth-of-type(2n) {
    margin-right: 0;
}

.content-ul.style2 .course-ul li .course-logo {
    width: 240px;
    height: 144px;
    border-radius: 4px;
    margin-right: 20px;
    flex-shrink: 0;
}

.content-ul.style2 .course-ul li img {
    width: 240px;
    height: 144px;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.content-ul.style2 .course-ul li .course-info {
    padding-right: 20px;
    padding-top: 10px;
    position: relative;
    width: calc(100% - 260px);
    border-radius: 4px;
}

.content-ul.style2 .course-ul li .course-info .course-name {
    font-size: 18px;
    color: #262626;
    font-weight: bold;
}

.content-ul.style2 .course-ul li .course-info .course-timespan {
    font-size: 14px;
    margin-top: 10px;
    color: #8C8C8C;
}

.content-ul.style2 .course-ul li .course-info .course-price-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 20px;
    left: 0;
    width: calc(100% - 20px);
    font-size: 16px;
    left: 0;
    color: var(--themeBtnBgColor);
    font-weight: bold;
}

.content-ul.style2 .course-ul li .course-info .course-price-btn em {
    font-size: 12px;
}



/* style2 end */


/* style1 start */

.content-ul.style1 .course-ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 20px;
}

.content-ul.style1 .course-ul li {
    position: relative;
    width: 100%;
    height: 162px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-radius: 4px;
    margin-top: 30px;
}

.content-ul.style1 .course-ul li::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #EBEBEB;
    border-radius: 4px;
}

.content-ul.style1 .course-ul li a {
    display: flex;
}

.content-ul.style1 .course-ul li:nth-of-type(2n) {
    margin-right: 0;
}

.content-ul.style1 .course-ul li .course-logo {
    width: 269px;
    height: 162px;
    border-radius: 4px;
    margin-right: 28px;
    flex-shrink: 0;
}

.content-ul.style1 .course-ul li img {
    width: 269px;
    height: 162px;
    border-radius: 4px;
    object-fit: cover;
    object-position: 50% 50%;
}

.content-ul.style1 .course-ul li .course-info {
    padding-right: 20px;
    padding-top: 10px;
    position: relative;
    width: calc(100% - 297px);
    border-radius: 4px;
}

.content-ul.style1 .course-ul li .course-info .course-name {
    font-size: 18px;
    color: #262626;
    font-weight: bold;
}

.content-ul.style1 .course-ul li .course-info .course-timespan {
    font-size: 14px;
    margin-top: 8px;
    color: #8C8C8C;
}

.content-ul.style1 .course-ul li .course-info .course-price-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 20px;
    left: 0;
    width: calc(100% - 20px);
    font-size: 16px;
    left: 0;
    color: var(--themeBtnBgColor);
    font-weight: bold;
}

.content-ul.style1 .course-ul li .course-info .style-btn {
    width: 160px;
}

.content-ul.style1 .course-ul li .course-info .course-price-btn em {
    font-size: 12px;
}



/* style1 end */



.content-ul.style5 .course-price-btn {
    display: flex;
    width: 100%;
    position: absolute;
    left: 0 !important;
    padding: 0 15px;
    align-items: center;
    justify-content: space-between;
}

.content-ul.style3 .course-price-btn {
    display: flex;
    padding-right: 15px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.content-ul.style5 .course-price-btn .subscribe-btn,
.content-ul.style3 .course-price-btn .style-btn {
    font-size: 14px !important;
}

.about-swiper {
    height: 378px;
}

.about-swiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    transition: .2s;
}

.about-swiper .swiper-pagination-bullet-active {
    background: #ccc;
}

/* 相册style2 */
.album-container.style2 .album-container-item li {
    /*width: 200px !important;*/
    height: 150px;
    border-radius: 5px;
    transition: 300ms;
    /*margin-right: 20px;*/
}

.album-container.style2 .swiper-prev,
.album-container.style2 .swiper-next {
    top: 52px;
}

/* 相册style3 */
.album-container.style3 .album-container-item li {
    width: 1160px !important;
    height: 696px;
    border-radius: 5px;
    transition: 300ms;
}

.album-container.style3 .swiper-prev,
.album-container.style3 .swiper-next {
    top: 324px;
}

.album-container.style3 li .swiper-text {
    font-size: 18px;
    height: 60px;
    padding: 0 20px;
    line-height: 60px;
}

.album-container.style3 .swiper-pagination {
    top: 662px;
    right: 26px;
    z-index: 11;
}

.album-container.style3 .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    opacity: 0.4;
    margin-left: 8px;
    transition: .2s;
}

.album-container.style3 .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1;
}

/* style4 */
.album-container.style4 .album-container-item li {
    border-radius: 5px;
    transition: 300ms;
}

.album-container.style4 .album-container-item li img {
    height: 434px;
    transform: scale(1);
}

/* style4 */
.album-container.style4 .album-container-item {
    overflow: hidden;
    height: 434px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.album-container.style4 .album-container-item ul {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1160px;
    height: 434px;
}

.album-container.style4 .album-container-item li {
    width: 104.4px;
    height: 434px;
    margin-right: 12px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.6s cubic-bezier(0.3, 0, 0.2, 1);
    transform-origin: center;
}

.album-container.style4 .album-container-item li:last-child {
    margin-right: 0;
}

.album-container.style4 .album-container-item li.active {
    width: 578px !important;
}

/* 限制显示最多6张图片 */
.album-container.style4 .album-container-item li:nth-child(n+7) {
    display: none;
}

/* style5 */
.album-container.style5 .album-container-item ul {
    flex-wrap: wrap;
    max-height: 539px;
}

.album-container.style5 .album-container-item li {
    margin-right: 28px;
    width: 269px;
    height: 161px;
    margin-bottom: 28px;
}

.album-container.style5 .album-container-item li:nth-child(4n) {
    margin-right: 0;
}

.album-container.style5 .album-container-item li:nth-child(n+9) {
    margin-bottom: 0;
}

.album-container.style5 .album-container-item li:nth-child(n+13) {
    display: none;
}

.album-container.style5 .album-container-item li img {
    width: 269px;
    height: 161px;
}

.album-container.style5 li .swiper-text {
    font-size: 16px;
}

/* 名师轮播 */
.teacher-swiper .swiper-slide {
    width: 270px !important;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    height: 453px;
}

.teacher-swiper {
    width: 100%;
    overflow: hidden;
    height: 460px;
}

.teacher-swiper .swiper-wrapper {
    width: 1160px;
}

.content-teacher .swiper-prev,
.content-teacher .swiper-next {
    width: 48px;
    height: 48px;
    background: #f6f6f6;
    font-size: 18px;
    color: #333;
}

.content-teacher .swiper-prev {
    left: 295px;
}

.content-teacher .swiper-next {
    right: 295px;
}

.content-teacher .swiper-prev .iconfont,
.content-teacher .swiper-next .iconfont {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content-teacher .swiper-prev::before,
.content-teacher .swiper-next::before {
    content: '';
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transition-duration: 300ms;
    background-color: var(--themeBtnBgColor);
    border-radius: 50%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.content-teacher .swiper-prev:hover::before,
.content-teacher .swiper-next:hover::before {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    cursor: pointer;
}

.swiper-video-prev .iconfont,
.swiper-video-next .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

/* 资讯 */
.news-container .content-ul-item .news-time .iconfont,
.news-container .content-ul-item .news-label .iconfont {
    width: 0;
    display: none;
    font-size: 0;
}

.style-2-2.news-container .news-detail .iconfont,
.style-2-1.news-container .news-detail .iconfont {
    width: unset;
    display: block;
    font-size: 12px;
}

.news-container.style-2-2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-container.style-2-2 ul li {
    width: 49%;

}

.news-container.style-2-2 ul li {
    margin-bottom: 28px !important;
    margin-top: 0 !important;
}

.news-container.style-2-2 .news-logo {
    width: 216px;
    height: 130px;
}

.news-container.style-2-2 .news-detail {
    margin-top: 25px !important;
}

.news-container.style-2-2 li a .news-info {
    height: 130px;
}

/* style1-1 */
.news-container.style-1-1 .news-info {
    flex-direction: row;
    flex: unset;
    max-width: calc(100% - 80px);
    /* font-size: 18px; */
}

.news-container.style-1-1 li a .news-info .news-time {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100px;
    margin-top: 0;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    white-space: nowrap;
}

.news-container.style-1-1 li a .news-info .news-time p {
    margin-right: 0;
}

.news-container.style-1-1 .news-info .news-time i,
.news-container.style-1-1 .news-info .news-label i {
    font-size: 16px;
    color: var(--themeBtnBgColor)
}

.news-container.style-1-1 .news-info .news-time,
.news-container.style-1-1 .news-info .news-label {
    display: flex;
    color: #8C8C8C;
    font-size: 14px;
    align-items: center;
}

.news-container.style-1-1 .news-info .news-label {
    padding: 0 16px;
    white-space: nowrap;
    flex-shrink: 0;
}

.news-container.style-1-1 li {
    border-bottom: 1px solid #F0F0F0;
}

.news-container.style-1-1 .content-ul-item ul li:first-child {
    border-top: 1px solid #F0F0F0;
}

.news-container.style-1-1 li a .news-info {
    height: 55px;
    align-items: center;
    padding: 0 12px !important;
}

.news-container.style-1-1 li:last-child a .news-info {
    border-bottom: none;
}

.news-container.style-1-1 li a .news-info .news-name {
    font-size: 16px;
    color: #262626;
}

.news-container li:hover .news-info .news-name {
    color: var(--themeBtnBgColor) !important;
    transition: all 300ms var(--transition-bounce) !important;
}

.news-container.style-1-1 li a .news-info .news-text {
    font-size: 14px;
}

.news-container.style-1-1 li {
    margin-top: 0;
    border-radius: 0;
}

.news-container.style-1-1 li a {
    border-radius: 0 !important;
    border: none;
}

.news-container.style-1-2 .is-visible li:hover,
.news-container.style-1-1 .is-visible li:hover,
.news-container.style-1-3 .is-visible li:hover {
    box-shadow: none;
}
.news-container .news-name{
    transition: all 300ms var(--transition-bounce) !important;
}
.news-container.style-1-1 .is-visible li:hover .news-name,
.news-container.style-1-2 .is-visible li:hover .news-name,
.news-container.style-1-3 .is-visible li:hover .news-name {
    transform:  translateX(2px) ;
}


/* style1-2 */
.news-container.style-1-2 .content-ul-item ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.new-label-time {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-container.style-1-2 .content-ul-item ul li {
    width: 48%;
}

.news-container.style-1-2 .news-info {
    flex-direction: column;
    flex: unset;
    padding: 16px 12px;
    width: 100%;
    align-items: unset !important;
    height: 86px;

    /* font-size: 18px; */
}

.news-container.style-1-2 li a .news-info .news-time {
    max-width: 100px;
    margin-top: 0;
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    white-space: nowrap;
}

.news-container.style-1-2 li a .news-info .news-time p {
    margin-right: 0;
}

.news-container.style-1-2 .news-info .news-time i,
.news-container.style-1-2 .news-info .news-label i {
    font-size: 16px;
    color: var(--themeBtnBgColor)
}

.news-container.style-1-2 .news-info .news-time,
.news-container.style-1-2 .news-info .news-label {
    display: flex;
    color: #8C8C8C;
    font-size: 14px;
    align-items: center;
}

.news-container.style-1-2 .news-info .news-label {
    white-space: nowrap;
    flex-shrink: 0;
}

.news-container.style-1-2 li {
    border-bottom: 1px solid #F0F0F0;
}

/* 第一个和第二个 */
.news-container.style-1-2 .content-ul-item ul li:nth-child(1),
.news-container.style-1-2 .content-ul-item ul li:nth-child(2) {

    border-top: 1px solid #F0F0F0;
}


.news-container.style-1-2 li:last-child a .news-info {
    border-bottom: none;
}

.news-container.style-1-2 li a .news-info .news-name {
    width: 100%;
    font-size: 16px;
    color: #262626;
}

.news-container.style-1-2 li:hover .news-info .news-name {
    color: var(--themeBtnBgColor);
}

.news-container.style-1-2 li a .news-info .news-text {
    font-size: 14px;
}

.news-container.style-1-2 li {
    margin-top: 0;
    border-radius: 0;
}

.news-container.style-1-2 li a {
    border-radius: 0 !important;
    border: none;
}

.news-container.style-1-3 .content-ul-item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.news-container.style-1-3 .content-ul-item ul li {
    height: 87px;
    width: 32%;
    border-bottom: 1px solid #F0F0F0;
}

.news-container.style-1-3 .content-ul-item ul li:nth-child(-n+3) {
    border-top: 1px solid #F0F0F0;
}

.news-container.style-1-3 .content-ul-item ul li a .news-info {
    height: 100%;
    padding: 16px 12px;
}

.style-1-3 .news-container .content-ul-item ul li:nth-child(3n) {
    margin-right: 0;
}


.news-container.style-1-3 .new-label-time {
    margin-top: 12px;
    justify-content: flex-start;
    align-items: center;
}

.news-container.style-1-3 .news-info .news-label {
    margin-right: 16px;
}

.news-container.style-1-3 .news-info .news-time {
    margin-top: 0;
}

.news-container.style-1-3 .news-info .news-name {
    font-size: 16px;
    color: #262626;
}

/* .style-3-1 */
.news-container.style-3-1 .content-ul-item ul li:hover {
    box-shadow: none;
}
.news-container.style-3-1 .news-logo img{
    border-radius: 6px;
}

.news-container.style-3-1 .content-ul-item ul li a {
    border: none;
}

.news-container.style-3-1 .content-ul-item ul li {
    border-radius: 0;
    width: 420px !important;
    height: 321px;
    margin-right: 28px;
}

.news-container.style-3-1 .content-ul-item ul li:hover {
    transition: all 500ms var(--transition-bounce);
    transform: scale(1.02) translateY(-2px);
}

.news-container.style-3-1 li a .news-info {
    width: 396px;
    margin-left: 12px;
    padding: 0;
    margin-top: 16px;
    height: unset;
}

.news-container.style-3-1 .news-logo {
    width: 100%;
    height: 252px;
}

.news-container.style-3-1 .news-time {
    margin-top: 8px !important;
}

.news-container.style-3-1 li a .news-info .news-name {
    font-size: 18px;
    color: #262626;
}

.news-container.style-3-1 li a .news-info .news-name:hover {
    color: var(--themeBtnBgColor);
    transition: all 500ms var(--transition-bounce);
}

.news-swiper {
    width: 1160px;
    overflow: hidden;
}

.swiper-news-prev .iconfont,
.swiper-news-next .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

/* .style4-1 */
.news-container.style-4-1 .content-ul-item ul,.news-container.style-4-2 .content-ul-item ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    height: 392px;
}

.news-container.style-4-1 .big-item,.news-container.style-4-2 .big-item {
    width: 654px;
    height: 392px;
}

.news-container.style-4-1 .big-item:hover .news-name,.news-container.style-4-2 .big-item:hover .news-name {
    visibility: visible;
}

.news-container.style-4-1 .big-item .news-name,.news-container.style-4-2 .big-item .news-name {
    /* visibility: hidden; */
    transition: all 500ms var(--transition-bounce);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 15px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

.news-container.style-4-1 .content-ul-item ul li,.news-container.style-4-2 .content-ul-item ul li {
    border-radius: 0 !important;
}

.news-container.style-4-1 .big-item .news-logo,.news-container.style-4-2 .big-item .news-logo {
    width: 654px;
    flex-shrink: 0;
    height: 392px;
}

.news-container.style-4-1 .list-item,.news-container.style-4-2 .list-item {
    width: calc(100% - 694px);
    height: 392px;
    overflow: hidden;
}

.news-container.style-4-1 .list-item li,.news-container.style-4-2 .list-item li {
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    border-bottom: 1px solid #F0F0F0;
    width: 100%
}
.news-container.style-4-1 .list-item li:hover,.news-container.style-4-1 .list-item li a:hover,
.news-container.style-4-2 .list-item li:hover,.news-container.style-4-2 .list-item li a:hover{
    box-shadow: none;
}
.news-container.style-4-1 .list-item li:hover .news-name,.news-container.style-4-2 .list-item li:hover .news-name {
  transition: all 500ms var(--transition-bounce);
  color: var(--themeBtnBgColor);
}
.news-container.style-4-1 .list-item li:last-child {
    border-bottom: none;
}

.news-container.style-4-1 .list-item  .news-name,.news-container.style-4-2 .list-item  .news-name {
    font-weight: 400;
    font-size: 18px;
    color: #262626;
    width: calc(100% - 90px);
}

.news-container.style-4-1 .list-item  .news-time,.news-container.style-4-2 .list-item  .news-time {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
    font-size: 14px;
    color: #8C8C8C;
    flex-shrink: 0;
    margin: 0;    
}
.news-container.style-4-1 .list-item .news-info,.news-container.style-4-2 .list-item .news-info {
    width: 100%;
    height: unset;
    padding: 0;    
}
.news-container.style-4-1 .list-item li a,.news-container.style-4-2 .list-item li a{
    width: 100%;
}

.video-container .content-video-ul .swiper-wrapper {
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.album-container-item:not(.swiper-container-horizontal) ul {
    display: flex;
    justify-content: center;
}


/* style-6-6 */
.one-ul {
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 1160px;
    height: 90px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #EAEAEA;
    display: none;
}

.one-ul .one-li {
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 22px 10px 0 30px;
}

.one-ul .one-li h4 {
    height: 26px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #262626;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.one-ul .one-li p {
    height: 18px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 300;
    font-size: 13px;
    color: #8C8C8C;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.one-ul .one-li .school-phone {
    position: relative;
    top: 20px;
}
.one-ul .one-li .school-phone i {
    color: red;
    font-size: 14px;
}
.one-ul .one-li .school-phone span {
    height: 19px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 300;
    font-size: 13px;
    color: #262626;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.one-ul .one-li .school-phone button {
    width: 92px;
    height: 28px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #EBEBEB;
    padding: 0 4px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 300;
    font-size: 12px;
    color: #262626;
    line-height: 17px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}