﻿@charset "utf-8";
/* 公共样式 - start */
@font-face {
    font-family: 'manropebold';
    src: url('../fonts/Manrope-Bold/manrope-bold-webfont.woff2') format('woff2'),
         url('../fonts/Manrope-Bold/manrope-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'manroperegular';
    src: url('../fonts/Manrope-Regular/manrope-regular-webfont.woff2') format('woff2'),
         url('../fonts/Manrope-Regular/manrope-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root {
    /* 字号 */
    --font60: 60px;
    --font56: 56px;
    --font50: 50px;
    --font32: 32px;
    --font24: 24px;
    /* 段落字号 */
    --font18: 18px;
    --font16: 16px;
    --font14: 14px;
    /* 行高 */
    --line12: 1.2;
    --line13: 1.3;
    --line15: 1.5;
    --line175: 1.75;
    /* 导航 */
    --line100: 100px;
    /* 颜色 */
    --color08: #080404;
    --color66: #666666;
    --color99: #999999;
    --colorff: #ffffff;
    --colormain1: #0065DC;
    --colormain2: #FF8C00;
    --colorbj1: #F5F5F5;
    --colorbj2: #00335C;
    /* 板块间距 */
    --space140: 140px;
    --space60: 60px;
    /* 段落间距 */
    --parpspace10: 10px;
    --parpspace12: 12px;
    /* 特殊字体 */
    --family1:'manroperegular';
    --family2:'manropebold';
}
.std-h1 {
    font-size: var(--font60);
    color: var(--colorff);
    line-height: var(--line12);
    font-family: var(--family2) !important;
}
.std-h2,
.yxedr-active h2 {
    font-size: var(--font56);
    color: var(--colorff);
    line-height: var(--line12);
    font-family: var(--family2) !important;
}
.std-h3,
.yxedr-active h3 {
    font-size: var(--font50);
    color: var(--color08);
    line-height: var(--line12);
    font-family: var(--family2) !important;
}
.std-h4,
.yxedr-active h4 {
    font-size: var(--font32);
    color: var(--color08);
    line-height: var(--line13);
    font-family: var(--family2) !important;
}
.std-h5,
.yxedr-active h5 {
    font-size: var(--font24);
    color: var(--color08);
    line-height: var(--line13);
    font-family: var(--family2) !important;
}
.std-text1,
.std-text1 p {
    font-size: var(--font14);
    color: var(--color66);
    line-height: var(--line175);
}
.std-text2,
.std-text2 p {
    font-size: var(--font16);
    color: var(--color66);
    line-height: var(--line175);
}
.std-text3,
.std-text3 p {
    font-size: var(--font18);
    color: var(--color66);
    line-height: var(--line175);
}
.yxedr-active p {
    font-size: var(--font16);
    color: var(--color66);
    line-height: var(--line175);
    margin-bottom: var(--parpspace10);
}
.std-margin {
    margin-top: var(--space140);
}
.std-margin1 {
    margin-bottom: var(--space140);
}
.std-margin2 {
    margin-bottom: var(--space60);
}
.std-padding {
    padding-top: var(--space140);
}
.std-padding1 {
    padding-bottom: var(--space140);
}
.std-padding2 {
    padding-bottom: var(--space60);
}
.yxedr-active h2, .yxedr-active h3, .std-text1 p, .std-text2 p, .std-text3 p .yxedr-active h4, .yxedr-active h5 {
    margin-bottom: var(--parpspace10);
}
body {
    font-family: "manroperegular" "PingFang SC", "Microsoft YaHei" !important;
}
.ys-cont1520 {
    width: 85vw;
    max-width: 1520px;
    margin: auto;
}
/* wow弹窗字体引入 */
.altumcode {
    --fontFamily: "manroperegular" "PingFang SC", "Microsoft YaHei" !important;
}
/* 英文站换行规则 */
p,div,h1,h2,h3,h4,h5,h6,span,a{ 
    word-wrap: normal; 
    word-break: keep-all; 
}
/*分享翻译*/
.ys-wechat-cont-parga p::before{
    /* content: '分享到 - 微信'; */
    content: 'Share the - weixin';
}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color:rgba(255,255,255, .2) !important;
}
/*导航默认选中*/
.yxnav-active1.head-nav-item .head-nav-item-title{
    color: var(--colormain2) !important;
}
.head-nav-item-title{
    line-height: var(--line100);
    display: block;
}
/* head&foot -- start*/
.ys-hd-pc{
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 3.125%;
    border-bottom: 1px solid transparent;
    transition: all .36s;
}
.head-right, .head-nav, .head-lang{
    display: flex;
}
.head-campus-bot{
    display: none; 
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    background: var(--colorff);
    padding:20px 15px;
    filter: drop-shadow(0px 4px 8.2px rgba(0, 0, 0, 0.05));
}
.head-campus-bot::before{
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 20px;
    background: url(../images/a0_arrow01_1.svg) no-repeat center / cover;
}
.head-logo {
    width: 290px;
}
.head-campus-top{
    cursor: pointer;
}
.head-lang{
    align-items: center;
}
.head-campus-bot li a{
    font-size: var(--font14);
    color: var(--color99);
    line-height: var(--line12);
    transition: all .36s;
    padding:12px 10px;
    text-align: center;
    display: block;
    white-space: nowrap;
}
.head-campus-bot li:not(:last-child) a{
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.head-nav-item{
    padding: 0 40px;`
}
.head-nav-item-title{
    font-family: var(--family2) !important;
    font-size: var(--font18);
    color: var(--colorff);
}
.head-campus-top{
    display: flex;
    align-items: center;
}
.head-campus-top .std-text1{
    font-family: var(--family2) !important;
    padding-right: 3px;
    color: var(--colorff);
    line-height: var(--line100);
} 
.head-campus-top img{
    width: 5px;
    transition: all .36s;
}
.head-campus{
    padding: 0 20px;
    margin-right: 30px;
    position: relative;
}
.head-lang a{
    font-family: var(--family2) !important;
    color: var(--colorff);
    line-height: var(--line100);
    font-size: var(--font14);
}
.head-lang .std-text1:first-child{
    margin-right: 12px;
    position: relative;
}
.head-lang .std-text1:first-child::before{
    content: '';
    position: absolute;
    top: 50%;
    right: -7px;
    transform: translateY(-50%);
    background: var(--colorff);
    width: 2px;
    height: 12px;
    font-size: 12px;
    background: var(--colorff);
}
.head-lang .std-text1:last-child a{
    color: var(--colormain2) !important;
}
.head-search{
    width:26px;
    line-height: var(--line100);
    cursor: pointer;
}
.head-menu{
    width: 45px;
    line-height: var(--line100);
    cursor: pointer;
}
.head-search{
    margin: 0 28px 0 24px;
}
.head-logo{
    line-height: var(--line100);
}
.ys-ban-title{
    width: 57%;
}
.ys-ban-txtbox{
    top: 62%;
}
.ys-ban-li .ys-ban-imgbox{
    position: relative;
}
.ys-ban-li .ys-ban-imgbox::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 2, 39, 0.60) 0%, rgba(0, 0, 34, 0.03) 48.23%, rgba(0, 2, 39, 0.60) 100%);
    opacity: 0.4;
}
.head-logo img:last-child{
    opacity: 0;
}
.ys-footer{
    background: var(--colorbj2);
    padding: 94px 0 30px;
}
.ys-footer-logo a{
    display: flex;
    align-items: center;
}
.ys-footer-title{
    color: var(--colorff);
    font-size: 36px;
    font-family: var(--family2);
    width: calc(100% - 142px);
    padding-left: 50px;
    line-height: var(--line13);
}
.ys-footer-logo{
    width: 630px;
}
.ys-footer-logo img{
    width: 142px;
}
.yfsl-icon{
    width: 48px;
    display: block;
    cursor: pointer;
}
.ys-footer-share-li{
    padding: 0 20px;
}
.ys-footer-share{
    margin: 0 -20px;
    display: flex;
}
.ys-footer-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ys-footer-share-li{
    position: relative;
}
.yfsl-icon-bot{
    /* display: none; */
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform:translateX(-50%) scale(0.95);
    transform-origin: bottom;
    background: var(--colorff);
    border-radius: 2px;
    opacity: 0;
    pointer-events: none;
    transition: all .5s;
}
.ys-footer-share-li.on .yfsl-icon-bot{
    bottom: 135%;
    transform:translateX(-50%) scale(1);
    opacity: 1;
}
.yfsl-icon-bot::before{
    content: '';
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform:translateX(-50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid var(--colorff);
}
.ys-footer-share-li1 .yfsl-icon-bot{
    width: 110px;
    padding: 10px;
}
.ys-footer-share-li4 .yfsl-icon-bot{
    width: auto;
    padding: 10px;
}
.ys-footer-share-li4 .yfsl-icon-bot a{
    white-space: nowrap;
    color: var(--colorbj2);
    font-family: var(--family2);
    font-size:20px;
}
.ys-footer-share-li .yfsl-icon img:last-child{
    opacity: 0;
}
.ys-footer-top{
    padding-bottom: 28px;
    position: relative;
}
.ys-footer-cen{
    position: relative;
    padding: 50px 0 60px;
}
.ys-footer-cen::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.4);
}
.ys-footer-cen::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.4);
}
.ys-footer-cen>ul{
    display: flex;
    justify-content: space-between;
}
.ys-footer-cen>ul>li>a{
    color: var(--colorff);
    font-size: var(--font18);
    line-height: var(--line13);
    font-family: var(--family2);
    margin-bottom: 20px;
    display: block;
    transition: all .36s;
}
.ys-footer-cen>ul>li>ul>li>a{
    color: rgba(255,255,255,.7);
    font-size: var(--font16);
    line-height: var(--line13);
    display: block;
    margin-bottom: 10px;
    transition: all .36s;
}
.ys-footer-bot{
    display: flex;
    justify-content: space-between;
    padding: 20px 0 0;
}
.ys-footer-bot p span, .ys-footer-bot p a, .ys-footer-bot ul li a{
    color:rgba(255,255,255, .5);
    font-size: var(--font14);
    line-height: var(--line15);
}
.ys-footer-bot p span, .ys-footer-bot p a{
    padding-right: 10px;
}
.ys-footer-bot ul{
    display: flex;
}
.ys-footer-bot ul li{
    padding-left:50px;
}
.menu-mian{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: var(--colorbj2);
    z-index: 99;
    display: -moz-box;
    transition: all .5s;
}
.menu-cont{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 20px;
}
.menu-left{
    width: 30%;
}
.menu-mid{
    width: 34%;
}
.menu-right{
    width: 36%;
}
.ys-header{
    z-index: 100;
}
.menu-left-li a{
    color: rgba(255, 255, 255, .6);
    font-family: var(--family2);
    font-size: 28px;
    line-height: var(--line12);
    transition: all .36s;
    display: block;
    margin-bottom: 40px;
}
.menu-mid-li a{
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    line-height: var(--line12);
    transition: all .36s;
    display: block;
    margin-bottom: 22px;
    position: relative;
}
.menu-mid-li a::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 1px;
    background: var(--colormain2);
    transition: all .36s;
    opacity: 0;
}
.menu-left-li.yxnav-active1 a{
    color: rgba(255, 255, 255, 1);
}
.menu-mid-li.yxnav-active2 a{
    color: var(--colormain2);
    padding-left: 32px;
}
.menu-mid-li.yxnav-active2 a::before{
    opacity: 1;
}
.menu-mid-ul, .menu-right-li{
    display: none;
}
.menu-right-li.on, .menu-mid-ul.on{
    display: block;
}
.menu-left-li.on a{
    color: rgba(255,255,255, 1);
}
.menu-mian.on{
    right: 0;
}
.head-campus-top.on img{
    transform: rotateZ(180deg);
}
.ys-hd-pc.isfixed,
.search-main .ys-hd-pc{
    background: var(--colorff);
    border-bottom-color: #d6d6d6;
}
.ys-hd-pc.isfixed .head-logo img:last-child,
.search-main .ys-hd-pc .head-logo img:last-child{
    opacity: 1;
}
.ys-hd-pc.isfixed .head-logo img:first-child,
.search-main .ys-hd-pc .head-logo img:first-child{
    opacity: 0;
}
.ys-hd-pc.isfixed .head-campus-top .std-text1,
.ys-hd-pc.isfixed .head-nav-item-title, .ys-hd-pc.isfixed .head-lang a,
.search-main .ys-hd-pc .head-campus-top .std-text1,
.search-main .ys-hd-pc .head-nav-item-title, .search-main .ys-hd-pc .head-lang a{
    color: var(--color08);
}
.ys-hd-pc.isfixed .head-lang .std-text1:first-child::before,
.search-main .ys-hd-pc .head-lang .std-text1:first-child::before{
    background: var(--color08);
}
.ys-hd-pc.isfixed .head-menu2, .ys-hd-pc.isfixed .head-search img:last-child,
.search-main .ys-hd-pc .head-menu2, .ys-hd-pc.isfixed .head-search img:last-child{
    opacity: 1;
}
.ys-hd-pc.isfixed .head-search:first-child,
.search-main .ys-hd-pc .head-search:first-child{
    opacity: 0;
}
.head-menu{
    position: relative;
}
.head-menu1{
    position: relative;
    top: 0;
    left: 0;
}
.head-menu2, .head-menu3, .head-menu4{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    pointer-events: none;
}
.head-menu.on .head-menu3, .ys-hd-pc.isfixed .head-menu.on .head-menu4,
.search-main .ys-hd-pc .head-menu.on .head-menu4{
    opacity: 1;
    pointer-events: all;
}
.head-menu.on .head-menu1, .ys-hd-pc.isfixed .head-menu.on .head-menu2,
.search-main .ys-hd-pc .head-menu.on .head-menu2{
    opacity: 0;
    pointer-events: none;
}
.head-search img:last-child{
    opacity: 0;
}
.head-campus-top .ys-imgbox-cover img:last-child{
    opacity: 0;
}
.ys-hd-pc.isfixed .head-campus-top .ys-imgbox-cover img:last-child,
.search-main .ys-hd-pc .head-campus-top .ys-imgbox-cover img:last-child{
    opacity: 1;
}
.ys-nyban-img{
    position: relative;
}
.ys-nyban-img::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
}
.ys-nyban-title .std-text2 p{
    color: var(--colorff);
    line-height: var(--line15);
}
.ys-nyban-title .std-h2{
    margin-bottom: 24px;
}
.ys-nyban-title .std-h2, .ys-nyban-title .std-text2{
    width: 52%;
}
.ys-nyban-title{
    top: 60%;
    z-index: 10;
}
.ys-nyban-title .std-h2, .ys-nyban-title .std-text2{
    width: 55%;
}
/* head&foot -- end*/
/* 内页 */
.welcome-one{
    background: var(--colorbj2);
    padding: 40px 0;
    position: relative;
}
.welcome-one-bj{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1200px;
}
.welcome-title p{
    color: var(--colorff);
    font-size: 36px;
    line-height: var(--line15);
}
.welcome-title{
    padding:80px 0 140px;
}
.welcome-two-left{
    width: 32.5%;
    position: relative;
}
.welcome-two-left-text{
    width: 50%;
    background: var(--colorff);
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.welcome-two-left-text .std-h4{
    text-align: center;
}
.welcome-two-right{
    width: 67.5%;
    padding-left: 11%;
    padding-top: 30px;
}
.welcome-two-main{
    display: flex;
}
.welcome-two-right p{
    margin-bottom: 20px;
}
.team-li{
    width: 25%;
    padding: 0 70px;
    margin-bottom: var(--space140);
}
.team-ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -70px;
}
.team-li-cont .ys-imgbox-cover{
    border-radius: 50%;
    margin-bottom: 20px;
    background: #e6e6e6;
}
.team-li-cont-text{
    text-align: center;
}
.team-li-cont{
    cursor: pointer;
}
/* .ys-cricle{
    content: "";
    border: 2px solid #fff;
    border-radius: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1), transform .6s cubic-bezier(.215,.61,.355,1);
    -webkit-mask-image: linear-gradient(230deg, #fff, hsla(0, 0%, 100%, .1) 19%, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 51%, hsla(0, 0%, 100%, 0) 73%, hsla(0, 0%, 100%, .1) 82%, #fff);
    mask-image: linear-gradient(230deg, #fff, hsla(0, 0%, 100%, .1) 19%, hsla(0, 0%, 100%, 0) 25%, hsla(0, 0%, 100%, 0) 51%, hsla(0, 0%, 100%, 0) 73%, hsla(0, 0%, 100%, .1) 82%, #fff);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    transform-style: preserve-3d;
} */
.modal-cont {
    background: rgba(0, 0, 0, .7);
}
.modal-cont .ys-modal-wrap {
    justify-content: end;
}
.modal-cont .ys-modal-content {
    width: 45vw;
    height: 100vh;
    max-height: 100vh;
}
.modal-cont .ys-imgbox-cover{
    width: 270px;
    border-radius: 50%;
    background: #e6e6e6;
    margin-bottom: 30px;
}
.modal-top{
    text-align: left;
}
.modal-cont .ys-modal-content{
    padding: 13% 6% 5% 16%;
}
.modal-top{
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--colormain1);
    text-align: left;
}
.modal-bot{
    margin-top: 30px;
}
.modal-cont .team-li-cont-text{
    text-align: left;
}
.modal-cont .ys-modal-close {
    position: absolute;
    right: inherit;
    top: 50%;
    left: -43px;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    z-index: 10;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: var(--colormain1);
}
.modal-cont .ys-modal-close .icon-close, .modal-cont .ys-modal-close img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.modal-cont .icon-close:before {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
}
.modal-cont .mCSB_inside>.mCSB_container {
    margin-right: 120px;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #D4D4D4 !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain1) !important;
}
.cta-one-left-text .std-text2{
    color: var(--color08);
    font-family: var(--family2);
    margin-bottom: 16px;
}
.cta-one-left-text .std-text2 p{
    color: var(--color08);
    font-family: var(--family1);
}
.cta-one-left{
    width: 52.6%;
}
.cta-one-right{
    width: 34.2%;
    background: var(--colorbj2);
    padding: 85px 60px 130px;
}
.cta-one-right li{
    padding: 40px 0;
    display:flex;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.cta-one-right-text p, .cta-one-right-text p a{
    color: var(--colorff);
    font-size: 20px;
    line-height: var(--line175);
}
.cta-one-right li img{
    width: 40px;
}
.cta-one-right-text{
    width: calc(100% - 40px);
    padding-left: 35px;
}
.cta-two li{
    width: 25%;
    margin-bottom: 55px;
    position: relative;
}
.cta-two ul{
    display: flex;
    flex-wrap: wrap;
}
.cta-info{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateX(-50%);
}
.cta-two li .cta-one-left-text::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background: var(--colormain1);
}
.cta-two li .cta-one-left-text{
    padding: 0 24px;
    height: 100%;
    position: relative;
}
.cta-two li  .cta-one-left-text .std-text2:last-child{
    margin-bottom: 0;
}
.cta-two li  .cta-one-left-text .std-text2:last-child p{
    margin-bottom: 0;
    color: var(--color66);
}
.cta-two{
    padding-bottom: 90px;
}
.post-top{
    display: flex;
    width: 59%;
    position: relative;
    z-index: 10;
}
.ys-select-hd{
    border:1px solid #F0F0F0;
}
.ys-select-show{
    padding: 13px 28px;
}
.ys-select{
    margin-right: 18px;
}
.ys-select-show{
    font-size: 16px;
    color: var(--color66);
}
.ys-select-xtbbox {
    right: 28px;
}
.post-search{
    width: 59%;
    display: flex;
}
.post-top-btn{
    width: 50px;
    height: 50px;
    background: var(--colormain1);
    position: relative;
    cursor: pointer;
}
.post-top-btn img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.post-top-search{
    width:calc(100% - 50px);
    border:1px solid #F0F0F0;
}
.post-top-search input{
    padding:0 20px;
    height: 100%;
    width: 100%;
}
.icon-arrow-down:before{
    color: var(--colormain1);
}
.post-top .ys-select-bd{
    border: 1px solid #F0F0F0;
    top: calc(100% + 6px);
    padding: 10px 22px;
    height: 157px;
}
.post-top .ys-select-li{
    padding: 10px 12px;
    color: var(--color66);
    font-size: var(--font16);
    line-height: var(--line15);
    border-bottom: 1px solid #F0F0F0;
}
.post-top .ys-select-li:last-child{
    border-bottom: 1px solid transparent;
}
.post-top .mCSB_outside+.mCSB_scrollTools {
    right: 0px;
}
.post-top .mCSB_scrollTools {
    height: 80%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    bottom: inherit;
}
.post-top .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}
.post-bot-li{
    background:#F6F6F6;
    margin-bottom: 24px;
}
.post-bot-li-top{
    padding: 32px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.post-bot-li-bot{
    padding: 10px 60px 48px;
    display: none;
}
.pblt-title-icon{
    width: 40px;
    height: 40px;
    background: var(--colormain1);
    position: relative;
}
.pblt-title-icon .ys-imgbox-cover{
    width: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pblb-btn{
    line-height: 56px;
    background: var(--colormain1);
    color: var(--colorff);
    font-size: var(--font16);
    width: 180px;
    margin-top:50px;
    text-align: center;
    cursor: pointer;
}
.post-bot-li.on .pblt-title-icon img:last-child{
    opacity: 0;
}
.post-bot-li .pblt-title-icon img:first-child{
    opacity: 0;
}
.post-bot-li.on .pblt-title-icon img:first-child{
    opacity: 1;
}
.post-bot-ul{
    margin-bottom: 90px;
}
.pc-fenye li.activepage {
    color: #fff;
    background: var(--colormain1);
}
.pc-fenye li {
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #000;
    margin: 0 10px;
    border-radius: 0;
}
.enrolle-two .std-h3{
    text-align: center;
}
.mod-btn a{
    width: 180px;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: var(--colorff);
    font-size: var(--font16);
    line-height: 56px;
    background: var(--colormain1);
    transition: all .36s;
}
.enrolle-one-cont{
    position: relative;
}
.enrolle-one-btn a{
    position: absolute;
    bottom: 0;
    left: 30px;
    width: 28%;
    background: var(--colormain1);
    line-height: 80px;
    display: block;
    font-size: var(--font24);
    text-align: center;
    font-family: var(--family2);
    color: var(--colorff);
}
.enrolle-one-title{
    position: absolute;
    top: 10%;
    right: 9%;
    width: 40%;
}
.enrolle-one-title .std-h3, .enrolle-one-title .std-text2 p{
    color: var(--colorff);
    text-align: left;
}
.enrolle-one-title .std-h3{
    margin-bottom: 30px;
}
.enrolle-three-main{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.enrolle-three-ul1{
    width: 48.8%;
}
.enrolle-three-ul2{
    width: 31.9%;
}
.enrolle-three-ul3{
    width: 14.7%;
}
.enrolle-three-ul2, .enrolle-three-ul3{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.enrolle-three-cont{
    position: relative;
}
.enrolle-three-li-bj, .enrolle-three-li-title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.enrolle-three-li-bj{
    opacity: 0;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1), transform .6s cubic-bezier(.215,.61,.355,1);
    transform: translate(-50%,-50%) rotateZ(-90deg);
}   
.enrolle-three-li-title{
    color: var(--colorff);
    font-family: var(--family2);
    line-height: var(--line15);
    text-align: center;
    width: 100%;
}
.enrolle-three-ul1 .enrolle-three-li-title{
    font-size: var(--font50);
}
.enrolle-three-ul2 .enrolle-three-li-title{
    font-size: var(--font32);
}
.enrolle-three-ul3 .enrolle-three-li-title{
    font-size: var(--font20);
}
.enrolle-three-cont::before{
    background: linear-gradient(139deg, #00335C 47.32%, rgba(0, 51, 92, 0.00) 234.45%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1);
}
.enrolle-three-cont::after{
    opacity: 0;
    background: linear-gradient(139deg, #00335C 2.01%, rgba(0, 51, 92, 0.00) 234.45%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity .6s cubic-bezier(.215,.61,.355,1);
}
.enrolle-three-li-bj{
    width: 75%;
}
.enrolle-three-li-bj img{
    width: 100%;
}
.enrolle-three-bj{
    position: absolute;
    top: -120px;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.enrolle-three-bj p{
    color: #BEBEBE;
    font-size: 220px;
    font-family: var(--family2);
    line-height: var(--line12);
    letter-spacing: 2px;
    opacity: .2;
}
.enrolle-three-bj{
    pointer-events: none;
}
.enrolle-three-bj p:first-child{
    position: relative;
    z-index: 20;
    padding-left: 30px;
}
.enrolle-three-bj p:last-child{
    position: relative;
    z-index: -1;
}
.ys-phnav-menu{
    background: var(--colorbj2);
}
.about-banner-top-slick{
    width: 60%;
    position: relative;
    z-index: 10;
}
.about-banner-title{
    width: 40%;
    background: var(--colorbj2);
}
.about-banner-top{
    display:flex;
    flex-direction: row-reverse;
}
.about-banner-title .ys-cont1520{
    top: 50%;
}
.about-banner-title .std-h2, .about-banner-title .std-text2{
    width:31% !important;
}
.about-banner-top{
    position: relative;
}
.about-banner-title .std-text2 p{
    color: var(--colorff);
}
.about-banner-bot .ys-cont1520{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.about-banner-bot-img{
    width: 40%;
}
.about-banner-bot-text{
    width: 48%;
}
.about-banner-bot-text{
    margin-top: 40px;
}
.about-banner-bot{
    position: relative;
}
.about-banner-bot::before{
    width: 40%;
    background: var(--colorbj2);
    height: 60%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: none;
}
.about-banner-top .slick-dots{
    bottom: 55px;
}
.about-banner-top .slick-dots li{
    width: 30px;
    height: 2px;
    background: rgba(255,255,255,.6);
    border-radius: 0;
}
.about-banner-top .slick-dots li.slick-active {
    background: #fff;
    width: 65px;
}
.about-edu .std-h3{
    text-align: center;
    width: 80%;
    margin: 0 auto var(--space60);
}
.about-edu-item{
    position: absolute;
    padding: 0 80px;
    width: 50%;
}
.about-edu-cont{
    position: relative;
    margin: 0 -80px;
}
.about-edu-item-btn{
    width: 70%;
    line-height: 140px;
    background: var(--colorff);
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--color08);
}
.about-edu-item-cont{
    position: relative;
}
.about-edu-item-text P{
    color: var(--color66);
    font-size: 20px;
    line-height: var(--line175);
}
.about-edu-item2 .about-edu-item-text{
    padding-top: 10%;
}
.about-edu-item3 .about-edu-item-bot{
    position: absolute;
    bottom: 0;
    padding: 0 70px 80px;
}   
.about-edu-item4 .about-edu-item-cont{
    background: var(--colormain1);
    padding: 0 60px 100px 70px;
}
.about-edu-item-cont .ys-imgbox-cover{
    width: 100%;
}
.about-campus-bot-ul{
    display: flex;
    margin: 0 -14px;
}
.about-campus-bot-li{
    width: 33.333333%;
    padding: 0 14px;
}
.about-edu-item3 .about-edu-item-text p{
    color: var(--colorff);
}
.about-edu-item3 .about-edu-item-text{
    margin: 10px 0 28px;
}
.about-edu-item-bot ul, .about-edu-item-cont ul{
    padding-left: 20px;
}
.about-edu-item-bot ul li, .about-edu-item-cont ul li{
    list-style-type: disc;
    color: var(--colorff);
}
.about-edu-item-cont ul{
    display: flex;
    flex-wrap: wrap;
}
.about-edu-item3 .about-edu-item-cont ul li{
    width: 100%;
}
.about-edu-item-cont ul li{
    width: 50%;
    margin-bottom: 10px;
}
.about-edu-item-bot ul li p, .about-edu-item-cont ul li p{
    color: var(--colorff);
    font-size: var(--font16);
    line-height: var(--line175);
}
.about-edu-item-cont ul li p{
    font-family: var(--family2);
}
.about-edu-item-bj{
    margin-top: -40px;
}
.about-edu-item4 .about-edu-item-cont{
    overflow: hidden;
}
.about-edu-item4 .std-h2{
    margin:58px 0 80px;
}
.about-edu-item4 .std-text2 p{
    color: var(--colorff);
}
.about-edu-item4 .std-text2{
    margin-top:30px;
}
.about-campus-top, .about-campus-bot-ul{
    width: 80%;
}
.about-campus-bot{
    display: flex;
    align-items: center;
}
.about-campus-top{
    display: flex;
    justify-content: space-between;
}
.about-campus-top .std-h3{
    width:40.5%;
}
.about-campus-top .std-text2{
    width: 59.5%;
}
.about-campus-bot-ul{
    padding-right: 10%;
}
.about-campus-bot-li a{
    display: block;
    border-radius: 50%;
    position: relative;
}
.about-campus-bot-li .ys-imgbox-cover {
    border-radius: 50%;
}
.acbl-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--font32);
    line-height: var(--line12);
    text-align: center;
    color: var(--colorff);
    z-index: 10;
    opacity: 0;
    width: 85%;
}
.about-campus-bot-li a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
}
.about-campus-bot-right .std-text3{
    font-family: var(--family2);
    color: var(--color08);
    margin-bottom: 20px;
}
.about-campus-bot-right .mod-btn a{
    margin: 0;
}
.about-plan{
    display: flex;
    position: relative;
}
.about-plan-left{
    width: 39%;
    background: var(--colorbj2);
}
.about-plan-right{
    position: relative;
    width: 61%;
}
.about-plan-right-img2{
    position: absolute;
    width:150px;
    border-radius: 50%;
    bottom: 20%;
    left: -76px;
}
.about-plan-right-img2 img{
    border-radius: 50%;
}
.about-plan-right-img1, .about-plan-right-img1 img{
    width: 100%;
}
.about-plan-left-cont{
    width: 32%;
}
.about-plan-left-title{
    color: var(--colorff);
    font-size: 48px;
    line-height: var(--line13);
}
.about-plan-left-cont .std-text2 p{
    color: var(--colorff);
}
.about-plan-left-cont .std-text2 {
    padding-right: 20%;
    margin-bottom: 120px;
}
.about-plan-left-cont .mod-btn a{
    margin: 0;
}
.campus-cont-item{
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.campus-cont-item-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #E2E2E2;
}
.campus-cont-item-line span {
    width: 1px;
    height: 300px;
    background: var(--colormain1);
    display: block;
    position: sticky;
    top: 120px;
    left: 0;
}
.campus-cont-item-ul {
    width: 50.5%;
    padding-right: 112px;
    padding-left: 65px;
}
.campus-cont-item-right {
    width: 49.5%;
    height: 100%;
    position: sticky;
    top: 200px;
    overflow: hidden;
}
.ccir-ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border);
    overflow: hidden;
}
.campus-main {
    overflow: visible !important;
}
.campus-cont-item-li .std-h4{
    margin-bottom: 20px;
}
.campus-cont-item-li .mod-btn a{
    margin: 40px 0 0;
}
.campus-cont-item-li:not(:last-child){
    margin-bottom: 350px;
}
.campus-cont-item-li:last-child{
    margin-bottom: 200px;
}
.campus-cont-item-li .ys-imgbox-cover{
    display: none;
}
.ccir-li{
    width: 100%;
    border-radius: var(--border);
    position: absolute;
    top: 0;
    left: 0;
}
.ccir-li:nth-child(1) {
    z-index: 20;
}
.ccir-li:nth-child(2) {
    z-index: 19;
}
.ccir-li:nth-child(3) {
    z-index: 18;
}
.ccir-li:last-child {
    top: 0 !important;
}
.campus-cont-item-li.on .std-h4{
    color: var(--colormain1);
}
.campus-cont-item-right{
    padding-bottom: 100px;
}
.join-one-ul{
    display: flex;
    margin: 0 -18px;
    flex-wrap: wrap;
}
.join-one-li{
    width: 33.333333%;
    padding: 0 18px;
    margin-bottom: 36px;
}
.join-one-li-item{
    background: #f6f6f6;
    padding:10px 40px;
    display: flex;
    justify-content: space-between;
    height: 100%;
    align-items: center;
}
.join-one-li-item .ys-imgbox-cover{
    width:100px;
}
.join-one .mod-btn a{
    margin: 30px auto 0;
}
.join-one-li-item .std-h5{
    width: calc(100% - 100px);
}
.join-two-top{
    position: relative;
    cursor: pointer;
}
.join-two-top-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
}
.join-two-top-text{
    width: 46%;
    line-height: 170px;
    color: var(--color08);
    background: var(--colorff);
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}
.join-two .std-text2 p{
    color: var(--color66);
}
.join-two .std-text2{
    padding: 0 25px;
}
.join-three{
    background: var(--colorbj2);
}
.join-four{
    background: #f5f5f5;
}
.join-three{
    position: relative;
}
.join-three-left{
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
}
.join-three-left-cont{
    width: 36.8%;
}
.join-three-left-cont .std-h3, .join-three-left-cont .std-text2 p{
    color: var(--colorff);
}
.join-three-left-cont .std-text2 p{
    margin-bottom: 0;
}
.join-three-right{
    width: 50%;
    overflow: hidden;
}
.join-three-right #ys-swiper {
    width: 60%;
    overflow: visible;
    margin: 0;
}
.join-three-left-cont .std-h3{
    margin-bottom: 30px;
}
.join-three-left{
    padding-top:80px;
}
.mod-arrow{
    display: flex;
    margin-top: 40px;
}
.mod-arrow-left{
    margin-right: 16px;
    cursor: pointer;
}
.mod-arrow-right{
    cursor: pointer;
}
.join-three{
    padding-bottom: 110px;
}
.mod-arrow-left.swiper-button-disabled, .mod-arrow-right.swiper-button-disabled, .mod-arrow-left.slick-disabled, .mod-arrow-right.slick-disabled{
    opacity: .5;
}
.join-four-li{
    display: flex;
    justify-content: space-between;
}
.join-four{
    position: relative;
}
.join-four::before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 125px;
    background: var(--colorbj2);
}
.join-four-li-left{
    width: 40%;
    height: 100%;
}
.join-four-li-right {
    width: 50%;
    padding: 15% 8% 0 0;
}
.jflr-top{
    display: flex;
    align-items: center;
}
.jflr-top .ys-imgbox-cover{
    width: 140px;
    border-radius: 50%;
}
.jflr-top-left-title .std-h5{
    color: var(--color08);
}
.jflr-top-left-title{
    width: calc(100% - 140px);
    padding-left:30px;
}
.jflr-top{
    margin-bottom: 45px;
}
.jflr-bot{
    font-family: var(--family1) !important;
    color: var(--color66);
    line-height: var(--line15);
}
.join-four .slick-dots li {
    width: 20px;
    height: 2px;
    margin: 0 5px;
    border-radius: 0;
    background: #C4C7D2;
}
.join-four .slick-dots li.slick-active {
    background: var(--colormain2);
}
.join-four .slick-dots {
    bottom: 0;
    width: 50%;
    text-align: left;
    right: 0;
}
.join-five{
    height: 100vh;
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.join-main {
    overflow: visible !important;
}
.join-rela {
    width: 100%;
    position: relative;
    z-index: 10;
}
.join-five-li{
    position: absolute;
}
.join-five-li-img img{
    border-radius: 50%;
}
.join-three, .join-four{
    position: relative;
    z-index: 10;
}
.join-five-cont{
    text-align: center;
    padding: 0 25px;
}
.join-five-cont .std-h3, .join-five-top{
    margin-bottom: 40px;
}
.join-five-title p{
    color: var(--color66);
    font-size: 20px;
    line-height: var(--line15);
}
.join-five-bot p{
    color: var(--color08);
}
.join-five-bot p a{
    color: var(--colormain1);
    font-family: var(--family2);
}
.join-five-li1 .join-five-li-img{
    width: 2.86vw;
    height: 2.86vw;
}
.join-five-li1{
    left:23.44%;
    top:18.24%;
}
.join-five-li2 .join-five-li-img{
    width: 3.96vw;
    height: 3.96vw;
}
.join-five-li2{
    left:71.20%;
    top:13.31%;
}
.join-five-li3 .join-five-li-img{
    width: 3.96vw;
    height: 3.96vw;
}
.join-five-li3{
    left:8.59%;
    top:40.15%;
}
.join-five-li4 .join-five-li-img{
    width: 6.25vw;
    height: 6.25vw;
}
.join-five-li4{
    left:86.09%;
    top:35.01%;
}
.join-five-li5 .join-five-li-img{
    width: 6.25vw;
    height: 6.25vw;
}
.join-five-li5{
    left:18.44%;
    top:79.14%;
}
.join-five-li6 .join-five-li-img{
    width: 2.86vw;
    height: 2.86vw;
}
.join-five-li6{
    left:78.44%;
    top:74.42%;
}
.join-five-li1,
.join-five-li4{
    animation: big_circle1 4s infinite linear;
}
@keyframes big_circle1 {
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(-8px);
    }
    75%{
        transform: translateY(8px);
    }
    100%{
        transform: translateY(0px);
    }
}
.join-five-li2,
.join-five-li3{
    animation: big_circle2 6s infinite linear;
}
@keyframes big_circle2 {
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(10px);
    }
    75%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}
.join-five-li5,
.join-five-li6{
    animation: big_circle2 5s infinite linear;
}
@keyframes big_circle2 {
    0%{
        transform: translateY(0px);
    }
    25%{
        transform: translateY(-9px);
    }
    75%{
        transform: translateY(9px);
    }
    100%{
        transform: translateY(0px);
    }
}
.about-plan-right-img2.on{
    animation: enlarge .5s ease-in-out 0s 1 normal forwards;
}
@keyframes enlarge{

    0%{
        transform: scale(0.7);
        opacity: 0;
    }
    
    100%{
        transform: scale(1);
        opacity: 1;
    }
    
}
.cta-one-right li:last-child{
    border-color: transparent;
}
.enrolle-one-cont{
    overflow: hidden;
}
/* 首页 */
.ys-banner-dots{
    bottom: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.ys-banner-dots-ul{
    display: flex;
}
.ys-banner-dots-li{
    width: 14px;
    height: 14px;
    position: relative;
    margin: 0 7px;
    cursor: pointer;
}
.ys-banner-dots-li::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ys-banner-dots-li::before{
    content: "";
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: 3px solid rgba(255,255,255,.5);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .36s;
    border-radius: 50%;
    opacity: 0;
}
.ys-banner-dots-li svg{
    fill: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
}
.ys-banner-dots-li.on::before, .ys-banner-dots-li.on svg{
    opacity: 1;
}
.ys-banner-dots-li.on::after{
    opacity: 0;
}
.home-five{
    background:#ECECEC;
}
.home-four-cont-li{
    width: 25%;
    padding: 0 18px;
    height: auto;
}
.home-four-cont-ul{
    display: flex;
    margin: 0 -18px;
}
.hfcl-cont{
    padding:22px 40px 30px 25px;
}
.hfcl-time{
    color: var(--color99);
    margin-bottom: 5px;
}
.hfcl-title{
    color: var(--color08);
    font-family: var(--family2);
    margin-bottom: 60px;
    line-height: var(--line15);
}
.mod-btn2{
    display: flex;
    align-items: center;
}
.mod-btn2 svg{
    width: 18px;
}
.mod-btn2 .std-text2{
    padding-right: 10px;
    font-family: var(--family2);
    color: var(--colormain1);
}
.svg-line{
    opacity: 0;
}
.home-four-cont-li a{
    display: block;
}
.home-four .slick-prev,
.home-two .slick-prev {
    left: -60px;
    background: url(../images/a01_arrow07.svg) center/cover no-repeat;
    width: 50px;
    height: 50px;
}
.home-four .slick-next,
.home-two .slick-next {
    right: -60px;
    background: url(../images/a01_arrow08.svg) center/cover no-repeat;
    width: 50px;
    height: 50px;
}
.home-four .slick-prev.slick-disabled, 
.home-four .slick-next.slick-disabled,
.home-two .slick-prev.slick-disabled, 
.home-two .slick-next.slick-disabled{
    opacity: .5;
}
.hstl-ph{
    display: none;
}
.home-six{
    position: relative;
}
.home-six-bot{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 10;
}
.home-six-bot-li{
    width: 33.333333%;
    height: 100%;
    position: relative;
    border-right: 1px solid var(--colorff);
}
.home-six-bot-li:last-child{
    border-right: 1px solid transparent;
}
.home-six-bot-li::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,51,92, .5);
    opacity: 0;
}
.home-six-bot-li::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .2);
}
.home-six-bot-li.on::before{
    opacity: 1;
}
.home-six-top-li{
    display: none;
}
.home-six-top-li.on{
    display: block;
}
.hsbl-cont{
    position: absolute;
    top: calc(50% + 70px);
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    width: 56%;
}
.hsbl-cont .std-h4{
    color: var(--colorff);
    position: relative;
}
.hsbl-text p{
    color: var(--colorff);
    font-size: 20px;
    line-height: var(--line175);
    height: calc(1.75em* 2);
}
.hsbl-text{
    margin-bottom: 25px;
    margin-top: 30px;
}
.home-six-bot-li .mod-btn2 .std-text2{
    color: var(--colorff);
}
.mod-btn2 a{
    display: flex;
    align-items: center;
}
.home-six-bot-li .mod-btn2, .hsbl-text{
    opacity: 0;
}
.home-six-bot-li.on .hsbl-text, .home-six-bot-li.on .mod-btn2{
    animation: show1 .36s linear 0s 1 normal forwards;
}
.home-six-bot-li.on .hsbl-cont{
    animation: show2 .36s linear 0s 1 normal forwards;
}
@keyframes show2{
    form{
        top: calc(50% + 70px);
    }
    to{
        top: 50%;
    }
}
@keyframes show1{
    form{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.home-one-right{
    width: 54.8%;
}
.home-one-left{
    width: 45.2%;
    background: var(--colorbj2);
}
.home-one{
    display: flex;
}
.home-one-right img{
    width: 100%;
}
.home-one-left .ys-cont1520{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.home-one{
    position: relative;
}
.home-one-left-cont{
    width: 35%;
}
.home-one-left-cont .std-h3, .home-one-left-li .std-h4, .home-one-left-li .std-text2 p, .holb-num span, .holb-num{
    color: var(--colorbj1);
}
.home-one-left-li .std-h4{
    margin-bottom: 20px;
}
.home-one-left-ul{
    margin-bottom:80px;
}
.home-one-left-bot{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.holb-num span{
    font-family: var(--family2);
}
.home-one-left-bot .mod-arrow{
    margin-top: 0;
}
.holb-num span:first-child{
    font-size: var(--font32);
}
.mod-btn3 a{
    width: 180px;
    display: block;
    line-height: 56px;
    color: var(--colorff);
    border-radius: 50px;
    background: var(--colormain1);
    text-align: center;
    margin-top: 80px;
    font-size: var(--font16);
}
.home-one-left-bot{
    padding-right: 30px;
}
.home-two-right{
    width: 32%;
    background:#F5F5F5;
    padding-left: 40px;
    padding-right: 40px;
}
.home-two-left{
    width: 68%;
    padding-right: 8%;
}
.home-two-left-top{
    display: flex;
    justify-content: space-between;
}
.home-two-left-top .mod-btn2 .std-text2{
    color: #333;
}
.htlb-ul{
    display: flex;
    margin: 0 -15px;
}
.htlb-li{
    width: 33.333333%;
    padding: 0 15px;
}
.htlb-li .ys-imgbox-cover{
    margin-bottom: 30px;
}
.htlb-li .std-h5{
    padding-right: 30px;
}
.home-two .ys-cont1520{
    display: flex;
    justify-content: space-between;
}
.home-two-right .std-h3{
    font-size: 48px;
}
.htrl-time-num{
    color:#333;
    font-size: 36px;
    padding-right: 10px;
}
.htrl-time .std-text1{
    color: #333;
    font-family: (var(--family2));
}
.htrl-title{
    font-size: 20px;
    color: var(--color66);
    line-height: var(--line15);
}
.htrl-time{
    margin-bottom: 14px;
    display: flex;
    align-items: end;
}
.home-two-right-li a{
    display: block;
    padding: 30px 0 24px;
    border-bottom: 1px solid rgba(1,5,68,.2);
}
.home-two-right-li:last-child a{
    border-color: transparent;
    padding-bottom: 0;
}
.home-three-li-ph{
    display: none;
}
.home-three-li-pc, .home-three-li-ph{
    width: 100%;
}
.home-three-li-pc img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-three-li-pc{
    width: 100%;
    height: 100%;
}
.home-three-li{
    position: relative;
}
.home-three-li-title{
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}
.home-three-li-title .std-h3{
    margin-bottom: 40px;
    color: var(--colorff);
    width: 65%;
}
.home-three-li-title .std-text2 p{
    color: var(--colorff);
    width: 65%;
}
.home-three-li:first-child .home-three-li-title{
    bottom: inherit;
    top: 24%;
}
.home-three-li:first-child .home-three-li-title .std-text2 p{
    padding-left: 68px;
}
.home-three-li{
    min-width: 100vw;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.home-three-cont{
    display: flex;
    position: absolute;
    top: 0;
    /* top: var(--line100); */
    height: 100%;
}
.home-three{
    position: relative;
    /* height: calc(100vh - var(--line100)); */
    height: 100vh;
}
.home-three-li::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 55.16%);
}
.home-three-li:first-child:before{
    opacity: 0;
}
.home-five-right-bj{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.home-five-right-ul{
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    z-index: 10;
}
.home-five-right-li{
    margin-right:240px;
    width:470px;
}
.home-five{
    height: 100vh;
    position: relative;
}
.home-five-left{
    width: 700px;
    position: relative;
    height: 100%;
}
.home-five-right{
    position: relative;
    height: 100%;
}
.home-five-left-cont{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding-right: 7%
}
.home-five-cont{
    padding-left: calc(50% - 760px);
    padding-right: calc(50% - 760px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
}
.home-five-right-li:last-child{
    margin-right: 0;
}
.hfrl-text .std-h5{
    margin: 30px 0 20px;
}
.hfrl-text .mod-btn2 .std-text2{
    color: var(--color99);
}
.hfrl-text .mod-btn2{
    margin-top: 16px;
}
.home-five-right-li:nth-child(2n){
    transform: translateY(130px);
}
.home-main {
    overflow: visible !important;
}

.home-five-right-bj {
    width: 100%;
    pointer-events: none;
}

.home-five-right-bj img {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0;
    left: 0;
}

.home-five-right-bj {
    position: absolute;
    top: 30%;
    left: 0%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
}
.ys-ban-li.slick-current .std-h1 {
    animation: ysfadeInUp 0.8s ease-in-out both;
    animation-delay: 0.3s;
}
.welcome-two-left{
    height: 100%;
}
.welcome-two-left-text .std-h4 {
    line-height: 94px;
}
.ys-nyban-title h1{
    font-size: var(--font56);
}
.post-bot-li-bot .yxedr-active{
    width: 80%;
}
.post-top-left{
    display: flex;
}
.ys-select {
    max-width: 50%;
}
.cta-info-top{
    position: relative;
}
.head-lang .std-text1{
    line-height: inherit;
}
.head-logo a{
    display: block;
}
.about-edu-item3 .about-edu-item-bot ul li p{
    font-family: var(--family1);
}
.home-four-cont-li a {
    height: 100%;
    background: #F5F5F5;
}
.home-four-cont .slick-track{
    display: flex;
    margin: 0 auto;
}





/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child), .about-banner-top-item:not(:first-child), .join-four-li:not(:first-child), .home-four-cont-li:not(:first-child), .home-one-left-li:not(:first-child), .htlb-li:not(:first-child){
    display: none;
}
/* 省略号 */
.line-clamp{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* 过渡 */
.transition-time1, .head-nav-item-title, .head-campus-top .std-text1, .head-lang a, .head-menu img, .team-li-cont-text .std-h5, .enrolle-one-btn a, .about-campus-bot-li a::before, .acbl-title, .join-one-li-item .std-h5, .join-one-li-item, .hfcl-title, .hsbl-text p, .home-six-bot-li .mod-btn2, .home-six-bot-li::before, .htlb-li .std-h5, .htrl-time .std-text1, .htrl-time-num, .htrl-title, .hfrl-text .std-h5{
    /* transition: all .36s both; */
    transition: all .36s;
}
.transition-time2, .ys-modal-close img{
    /* transition: all .5s both; */
    transition: all .5s;
}
/* 公共样式 - end */


/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .ys-footer-share-li:hover .yfsl-icon img:last-child{
        opacity: 1;
    }
    .ys-footer-share-li:hover .yfsl-icon img:first-child{
        opacity: 0;
    }
    .ys-footer-cen>ul>li>a:hover, .head-nav-item-title:hover, .head-campus-bot li a:hover{
        color: var(--colormain2);
    }
    .ys-footer-cen>ul>li>ul>li>a:hover{
        color: var(--colorff);
    }
    .ys-footer-bot ul li a:hover{
        color: var(--colorff);
    }
    .menu-mid-li a:hover{
        color: var(--colormain2);
        padding-left: 32px;
    }
    .menu-mid-li a:hover::before{
        opacity: 1;
    }
    .menu-left-li a:hover{
        color: rgba(255, 255, 255, 1);
    }
    .team-li-cont:hover .team-li-cont-text .std-h5{
        color: var(--colormain1);
    }
    .ys-modal-close:hover img{
        transform: translate(-50%,-50%) rotate(150deg);
    }
    .mod-btn a:hover, .pblb-btn:hover, .enrolle-one-btn a:hover{
        background: var(--colorbj2);
    }
    .enrolle-three-li a:hover .enrolle-three-li-bj{
        opacity: 1;
        transform: translate(-50%,-50%) rotateZ(0);
    }
    .enrolle-three-li a:hover::before{
        opacity: 0;
    }
    .enrolle-three-li a:hover::after{
        opacity: 0.6;
    }
    .about-campus-bot-li a:hover .acbl-title{
        opacity: 1;
    }
    .about-campus-bot-li a:hover::before{
        opacity: 1;
    }
    .join-one-li-item:hover{
         background: var(--colormain1);
    }
    .join-one-li-item:hover .std-h5{
        color: var(--colorff);
    }
    .join-one-li-item:hover .ys-imgbox-cover img:last-child{
        opacity: 1;
    }
    .join-one-li-item:hover .ys-imgbox-cover img:first-child{
        opacity: 0;
    }
    .join-one-li-item:hover .ys-imgbox-cover img{
        transform: scale(1);
    }
    .home-four-cont-li a:hover .hfcl-title{
        color: var(--colormain1);
    }
    .home-four-cont-li a:hover .svg-line,
    .home-two-left-top .mod-btn2 a:hover .svg-line,
    .home-five-right-li a:hover .svg-line,
    .home-six-bot-li a:hover .svg-line{
        opacity: 1;
    }
    .htlb-li a:hover .std-h5, .home-five-right-li a:hover .std-h5{
        color: var(--colormain1);
    }
    .home-two-right-li a:hover .htrl-time-num,
    .home-two-right-li a:hover .htrl-time .std-text1,
    .home-two-right-li a:hover .htrl-title{
        color: var(--colormain1);
    }
}
.hstl-ph img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.welcome-two-left-text {
    width: 70%;
}
.ys-phnavss-modal .ys-phnavss-form input{
    display: block;
}
.ys-phnavss-form {
    display: flex;
}
.enrolle-main .enrolle-one-btn a {
    left: 0;
}
/* .head-campus-top .std-text1{
    font-size: var(--font18);
} */
.head-campus-top .head-nav-item-title{
    margin-right: 5px;
}
.hfcl-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: calc(1.5em * 4);
}
.about-campus-top{
    width: 100%;
}
.about-campus-top .std-h3, .about-campus-top .std-text2 {
    width: 50%;
}
.about-campus-top .std-h3{
    padding-right: 5%;
}
.ys-banner.on .ys-banner-dots-li{
    opacity: 0;
    pointer-events: none;
}
.jflr-bot{
    font-size: 20px;
}
.enrolle-three-cont{
    display: block;
}
.home-three-scrool{
    display: flex;
    position: absolute;
    top: 24%;
    right: 8%;
}
.home-three-scrool p{
    color: #fff;
    font-size: 18px;
    padding-right: 10px;
}
.about-plan-left-title{
    font-size: 42px;
}

.ys-footer-cen-logo {
    display: flex !important;
}

.yfcl-li {
    width: 174px;
    margin-right: 20px;
}

.yfcl-li a {
    width: 100%;
    display: block;
}

.yfcl-li img{
    width: 100%;
}

.ys-footer-cen-logo {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}

.ys-footer-cen {
    padding-bottom: 30px !important;
}


