/*header-warp*/
.header-warp{
    width: 100%;
    position: relative;
    background: #ffffff;
    top: 0;
    left: 0;
    z-index: 10;
}
.header-warp .header-map{
    height: 86px;
}
.header-warp .logo-img{
    width: 250px;
    height: 58px;
    background: url('../images/home/logo.png') no-repeat top / 100% 100%;
}

.header-warp .header-nav-item{
    flex-shrink: 0;
    height: 86px;
    line-height: 86px;
    margin-right: 60px;
}
.header-warp .header-nav-item .header-nav-link{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    color: #0f6175;
}

.header-icon.icon-www{
    width: 35px;
    height: 35px;
    background: url('../images/home/icon-www.png') no-repeat top / 100% 100%;
    margin-right: 20px;
}
.header-icon.icon-search{
    width: 35px;
    height: 35px;
    background: url('../images/home/icon-search.png') no-repeat top / 100% 100%;
}

/*hover active*/
.header-warp .header-nav-item:hover .header-nav-link,
.header-warp .header-nav-item.active .header-nav-link{
    border-bottom: 1px solid #4a8897;
}
.header-warp .header-nav-item:hover .drop-down-warp{
    /*display: block;*/
    opacity: 1;
    height: 350px;
}

/*drop-down-warp*/
.drop-down-warp{
    /*display: none;*/
    opacity: 0;
    width: 100vw;
    /*height: 350px;*/
    height: 0;
    overflow: hidden;
    background: rgba(255,255,255, 0.8);
    /*padding-top: 60px;*/
    /*box-sizing: border-box;*/
    position: absolute;
    top: 86px;
    left: 0;
    transition: all .3s;
}
.drop-down-warp .drop-down-box{
    max-width: 1000px;
    padding-top: 60px;
}

.drop-down-warp .img-box{
    width: 350px;
    height: 220px;
    position: relative;
}

.drop-down-warp h4{
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 75px;
    /*padding: 0 20px;*/
    box-sizing: border-box;
    background: url('../images/work/box-bg.png') no-repeat top / 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.drop-down-warp .drop-down-link{
    line-height: normal;
    border-bottom: 1px solid #d9d9d9;
    padding: 4px 4px 20px;
    margin-bottom: 23px;
    font-size: 22px;
    color: #333333;
}
.drop-down-warp .drop-down-link:after{
    content: 'next';
    font-size: 18px;
    font-family: swiper-icons;
    font-weight: bolder;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    color: #adadad;
    margin-left: auto;
}
.drop-down-warp .drop-down-link:hover,
.drop-down-warp .drop-down-link:hover:after
{
    color: var(--primary-color);
    border-color: var(--primary-color);
    transition: all .3s;
}



/*header-mobile-warp*/
.header-mobile-warp{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.header-mobile-warp .header-mobile-mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.7)!important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}
.header-mobile-warp .header-mobile-map{
    width: 70%;
    height: 100%;
    display: flex;
    flex-flow: column;
    background: #ffffff;
    padding-top: 1.2rem;
    overflow-y: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

/*hide*/
.header-warp .bi-list,
.header-mobile-warp {
    display: none;
}
/*show*/
.header-mobile-warp.show{
    display: block;
}
.header-mobile-warp.show .header-mobile-map{
    animation: nav-warp-nav 0.5s ease-out;
}
@keyframes nav-warp-nav {
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(0);
    }
}

.header-mobile-warp .header-nav-link{
    display: block;
    color: #0f6175;
    font-size: 1rem;
    padding: 1.2rem 1.2rem 0.8rem;
    box-sizing: border-box;
}
.header-mobile-warp .header-nav-link.active{
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}


/*logo-oa-warp*/
.logo-oa-warp{

}
.logo-oa-warp .logo{
    display: block;
    width: 250px;
}
.logo-oa-warp .icon{
    width: 20px;
    margin-right: 3px;
    transform: translateY(-1px);
}
.logo-oa-warp .btn-primary:hover{
    background: var(--primary-color);
}

/*footer-warp*/
.footer-warp{
    /*height: 333px;*/
    background: url('../images/footer/foolter-bg.png') no-repeat top / 100% 100%;
}
.footer-warp div,
.footer-warp p,
.footer-warp a
{
    color: rgba(255, 255, 255, 0.6);
}
.footer-link-warp a{
    margin-bottom: 4px;
}
.footer-link-warp .code-box{
    width: 122px;
}
.footer-warp .border-top{
    border-color: #49b4d0!important;
    border-width: 2px!important;
}
.footer-warp .share-box{
    display: block;
    width: 22px;
    opacity: .6;
    transition: all .3s;
}
.footer-warp .share-box:hover{
    opacity: .98;
}


/*home*/

.ss-circles-warp{
    width: 18px;
    text-align: center;
    position: fixed;
    top: 50%;
    right: 35px;
    z-index: 10;
}

.ss-circles-warp .circles{
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .6);
    margin: 0 auto 15px;
    transition: all .3s;
}
.ss-circles-warp .circles.active{
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #ffffff;
}

.rb-fixed-warp{
    width: 34px;
    position: fixed;
    right: 0;
    bottom: 55px;
    z-index: 10;
}
.rb-fixed-box{
    display: block;
    width: 34px;
    padding: 8px 8px 6px;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;
    background: transparent;
    transition: all .3s;
    position: relative;
}
.rb-fixed-box:hover{
    background: var(--primary-color);
}

.rb-fixed-box:hover .code-bg{
    display: block;
}

.rb-fixed-box .code-bg{
    display: none;
    width: 99px;
    height: 94px;
    background: url('../images/home/code-bg.png') no-repeat top / 100% 100%;
    box-sizing: border-box;
    padding: 6px 10px 0 6px;
    position: absolute;
    top: 34px;
    left: 0;
    transform: translate(-108%, -100%);
}


/*home-screen1*/
.home-screen1{
    /*width: 100%;*/
    /*height: 100vh;*/
    /*background: url('../images/home/screen1-bg.png') no-repeat top / cover;*/
    position: relative;
}
.home-screen1 .screen1-img{
    width: 100%;
    height: 100vh;
    background: url('../images/home/screen1-bg.png') no-repeat top / cover;
    position: relative;
}

.screen1-swiper-warp{
    width: 100%;
    max-width: 600px;
    /*background-color: var(--primary-he-color);*/
    padding-left: 50px;
    padding-right: 100px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    --swiper-navigation-size: 14px;
    --swiper-theme-color: var(--primary-he-color);
}

.screen1-swiper-warp .screen1-swiper{
    height: 128px;
}

.screen1-swiper-warp .swiper-slide{
    padding-right: 30px;
}
.screen1-swiper-warp h5{
    color: #a4c5cd;
}
.screen1-swiper-warp p{
    color: #d5edf3;
}

.screen1-swiper-warp .swiper-button-map{
    width: 100px;
    height: 100%;
    /*background: red;*/
    position: absolute;
    top: 0;
    right: 0;
}
.screen1-swiper-warp .swiper-button-prev,
.screen1-swiper-warp .swiper-button-next
{
    width: 50px;
    height: 100%;
    opacity: 1!important;
    background-color: #ffffff!important;
    color: var(--primary-he-color);
    position: unset;
    margin-top: 0;
    top: 0;
    right: 0;
    pointer-events: unset!important;

}
.screen1-swiper-warp .swiper-button-prev{
    color: #ffffff;
    background-color: var(--primary-he-color)!important;
}

/*home-screen2*/
.home-screen2{
    width: 100%;
}

.screen-title-warp{
    background: url('../images/home/home-screen2-1bg.png') no-repeat left / cover;
    position: relative;
}
.screen-title-warp .en-title{
    display: block;
    font-size: 60px;
    color: #ffffff;
    position: absolute;
    top: 150px;
    left: 130px;
    transform-origin: 0 0;
    transform: rotate(90deg);
    white-space:nowrap;
}
.screen-title-warp .zh-title{
    display: block;
    width: 36px;
    line-height: 40px;
    font-size: 36px;
    color: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 150px;
    left: 130px;
}
.screen-title-link{
    line-height: 40px;
    color: rgba(255, 255, 255, 0.95);
    position: absolute;
    top: 85%;
    left: 60px;
 }

.screen2-box{
    display: block;
    position: relative;
}
.screen2-box .screen2-box-text{
    width: 100%;
    padding: 30px 30px 25px;
    text-align: center;
    background: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .3s;
}
.screen2-box .screen2-box-text p{
    /*height: 80px;*/
    height: 0;
    overflow: hidden;
    opacity: .8;
    transition: all .3s;
}
.screen2-box .screen2-box-text .icon{
    display: none;
    margin: 0 auto;
    width: 74px;
    height: 74px;
    /*height: 0;*/
    opacity: 0;
    overflow: hidden;
    transition: all .3s;
}

.screen2-box:hover .screen2-box-text{
    background: var(--primary-color);
}
.screen2-box:hover .screen2-box-text p{
    height: 80px;
}
.screen2-box:hover .screen2-box-text .icon{
    /*height: 74px;*/
    opacity: 1;
    display: block;
}


/*home-screen3*/
.home-screen3{
    background: var(--primary-he-color);
}
.screen3-swiper-warp{
    width: 100%;
    height: 100vh;
    padding-top: 255px;
    padding-left: 50px;
    /*padding-right: 194px;*/
    padding-right: 300px;
    box-sizing: border-box;
    background: url('../images/home/screen3-bg.png') no-repeat left / cover;
    position: relative;
    --swiper-theme-color: var(--primary-he-color);
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-inactive-opacity: 1;
}
.screen3-swiper-warp .screen3-swiper{
    height: 580px;
}
.screen3-swiper-warp .swiper-slide{
    /*padding-right: 100px;*/
}
.screen3-swiper-warp .img{
    width: 100%;
    height: 260px;
    object-fit: cover;
}
.screen3-swiper-warp .text{
    height: 62px;
}
.screen3-swiper-warp .time{
    border-top: 1px solid #cecece;
    /*opacity: 0;*/
    transition: all .3s;
}

/*hover*/
/*.screen3-swiper-warp .swiper-slide:hover .time{*/
/*    opacity: 1;*/
/*}*/
.screen3-swiper-warp .swiper-slide:hover .color-main{
    color: var(--primary-he-color) !important;
    transition: all .3s;
}

/*pagination*/
.home-screen3 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 24px;
    border-radius: 4px;
}

.screen3-swiper-warp .swiper-button-map{
    width: 194px;
    height: 100%;
    background: var(--primary-color);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.screen3-swiper-warp .swiper-button-map:after{
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    background: #ffffff;
    position: absolute;
    left: 0;
    bottom: 128px;
    z-index: 10;
}

.screen3-swiper-warp .swiper-button-prev,
.screen3-swiper-warp .swiper-button-next
{
    width: 70px;
    height: 90px;
    opacity: 1!important;
    background-color: var(--primary-he-color)!important;
    color: rgba(255, 255, 255, .8);
    margin-top: 0;
    position: absolute;
    top: unset;
    left: 0;
    bottom: 90px;
    pointer-events: unset!important;
    --swiper-navigation-size: 18px;
}
.screen3-swiper-warp .swiper-button-prev{
    transform: translateX(-100%);
}

/*home-screen4*/
.home-screen4{
    width: 100%;
    height: 100vh;
    /*background: url('../images/home/screen4-bg.png') no-repeat top / cover;*/
    background: url('../images/home/home-screen4-1bg.png') no-repeat left / cover;
    box-sizing: border-box;
    padding-top: 200px;
    position: relative;
}
.screen4-accordion{
    width: 1180px;
    overflow: hidden;
    height: 607px;
    margin-left: auto;
}

.screen4-accordion .accordion-item{
    background-repeat: no-repeat;
    float: left;
    width: 125px;
    height: 607px;
    cursor: pointer;
    position: relative;
}
.screen4-accordion .accordion-item.active{
    width: 930px;
}
.screen4-accordion .accordion-item .accordion-dot{
    display: block;
    width: 125px;
    height: 607px;
    cursor: default;
}

/*accordion-change*/
.accordion-change{
    transform: translateY(-100%);
}
.accordion-change .button-prev,
.accordion-change .button-next{
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    cursor: pointer;
}
.accordion-change .button-prev:after,
.accordion-change .button-next:after{
    content: 'prev';
    font-size: 14px;
    font-family: swiper-icons;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    color: #ffffff;
}
.accordion-change .button-next:after{
    content: 'next';
}

.accordion-change .button-prev:hover,
.accordion-change .button-next:hover{
    background: var(--primary-he-color);
    border-color: var(--primary-he-color);
}

.home-screen4 .screen-title-warp{
    background: transparent;
    position: relative;
}
.home-screen4 .screen-title-warp .en-title{
    top: 0;
}
.home-screen4 .screen-title-warp .zh-title{
    top: 0;
}

/*screen4-pc-text*/
.screen4-pc-text{
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 20px;
    transition: all .3s;
}
.accordion-item.active .screen4-pc-text{
    opacity: 1;
}

/*screen4-accordion-dot-text*/
.screen4-accordion-dot-text{
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
}
.screen4-accordion-dot-text h3{
    text-align: center;
    letter-spacing: 1px;
}
.screen4-accordion-dot-text h4{
    width: 20px;
    text-align: center;
}
.accordion-item.active .screen4-accordion-dot-text{
    opacity: 0;
}


/*mobile*/
.screen4-mobile-text{
    position: absolute;
    left: 0;
    bottom: 20px;
}

/*home-screen5*/
.home-screen5{
    width: 100%;
}

.screen5-box-2{
    position: relative;
}

.screen5-box-2-text, .screen5-box-4-text{
    width: 100%;
    padding: 28px 50px;
    position: absolute;
    left: 0;
    bottom: 0;
}


.screen5-box-3{
    /*width: 960px;*/
    display: block;
    /*height: 657px;*/
    height: calc(100vh - 294px);
    background: url('../images/home/screen5-3.png') no-repeat top / cover;
    box-sizing: border-box;
    padding: 200px 40px 0 40px;
}
.screen5-box-3 .view{
    opacity: 0;
    transition: all .3s;
    margin-top: 80px;
}

.screen5-box-3:hover{

}
.screen5-box-3:hover .view{
    opacity: 1;
}

.screen5-box-4{
    flex-shrink: 0;
    width: 375px;
    height: 294px;
    background: url('../images/home/screen5-4.png') no-repeat bottom / cover;
}

.screen5-box-5{
    height: 294px;
    background: url('../images/home/screen5-5.png') no-repeat top / cover;
    box-sizing: border-box;
    padding: 70px 40px 0 40px;
}

.home-screen5 .screen-title-warp{
    background: url('../images/home/home-screen5-1bg.png') no-repeat left / cover;
    position: relative;
}
.home-screen5 .screen-title-warp .en-title{
    color: #0f6175;
}
.home-screen5 .screen-title-warp .zh-title{
    color: #0f6175;
}

/*home-screen6*/
.home-screen6{
    width: 100%;
}
.screen6-box-1{
    width: 480px;
}
.screen6-box-2{
    max-width: 855px;
}

.screen6-box-3-warp{
    min-width: 300px;
    flex: 1;
    height: 960px;
}
.screen6-box-3{
    flex: 1;
    background: #ffffff;
    padding: 0 20px;
    transition: all .3s;
}
.screen6-box-3.active{
    background: url('../images/home/screen6-3.png') no-repeat top / 100% 100%;
}
.screen6-box-3 p{
    max-width: 320px;
}

.home-screen6 .screen-title-warp{
    background: url('../images/home/home-screen6-1bg.png') no-repeat left / cover;
    position: relative;
}

.screen6-swiper{
    height: 400px;
    --swiper-pagination-bullet-inactive-color: #000000;
    --swiper-pagination-bullet-inactive-opacity: .6
}
.screen6-swiper .screen6-box-3{
    background: url('../images/home/screen6-3.png') no-repeat top / 100% 100%;
    position: relative;
    
}
.home-screen6 .screen-title-warp6-mobile{
    /*background: url('../images/home/screen6-3.png') no-repeat top / 100% 100%;*/
    background: #ffffff;
}
.home-screen6 .screen-title-warp6-mobile .en-title,
.home-screen6 .screen-title-warp6-mobile .zh-title{
    color: #0f6175;
}
.home-screen6 .screen-title-warp6-mobile .en-title{
    font-size: 32px;
}


/*home-screen7*/
.home-screen7{
    width: 100%;
    height: 100vh;
    /*background: url('../images/home/screen7-bg.png') no-repeat top / cover;*/
    /*background: url('../images/home/screen7-bg.png') no-repeat top / 100% 100%;*/
    background: url('../images/home/home-screen7-1bg.png') no-repeat left / cover;
    box-sizing: border-box;
    padding-top: 160px;
    position: relative;
}

.home-screen7 .screen7-swiper{
    width: 100%;
    max-width: 535px;
    height: 680px;
    margin-left: unset;
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-inactive-opacity: .6
}

/*screen7-right*/
.screen7-right{
    width: 50%;
    /*margin-left: auto;*/
}
.screen7-right .nav-tabs{
    border-color: #8fcfe9;
}
.screen7-right .nav-tabs .nav-item{
    margin-right: 40px;
}
.screen7-right .nav-tabs .nav-link{
    height: 50px;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 16px;
    color: #ffffff;
}
/*hover active*/
.screen7-right .nav-tabs .nav-link.active,
.screen7-right .nav-tabs .nav-link:hover{
    color: #0a5e72;
    border-bottom: 2px solid #0a5e72;
}

.screen7-link-box{
    display: block;
    margin-bottom: 40px;
}
.screen7-link-box p{
    height: 44px;
}
.screen7-link-box:hover h5.text-white{
    color: var(--primary-color)!important;
    transition: all .3s;
}

.screen7-right .tab-content{
    height: 560px;
}

.screen7-right .swiper-button-warp{
    --swiper-navigation-size: 14px;
    --swiper-theme-color: #ffffff;
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-inactive-opacity: 1;
}

.screen7-right .swiper-button-prev,
.screen7-right .swiper-button-next{
    position: unset;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    cursor: pointer;
    margin-right: 25px;
}

.screen7-right .swiper-button-prev:hover,
.screen7-right .swiper-button-next:hover{
    background: var(--primary-he-color);
    border-color: var(--primary-he-color);
}

.home-screen7 .screen-title-warp{
    /*background: url('../images/home/home-screen7-1bg.png') no-repeat left / cover;*/
    background: transparent;
    position: relative;
}
.home-screen7 .screen-title-warp .en-title{
    top: 0;
}
.home-screen7 .screen-title-warp .zh-title{
    top: 0;
}


/* TDD intro*/
.intro-btn-play, .intro-btn-play2, .intro-icon-xs-act, .intro-icon-xs, .intro-icon-xx-act,
.intro-icon-xx, .intro-icon-wh-act, .intro-icon-wh, .intro-icon-fdj, .intro-icon-gd-act,
.intro-icon-gd, .intro-icon-home, .intro-icon-year-l, .intro-icon-year-r
{ display: inline-block; background: url('../images/sprites-intro.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.intro-btn-play { background-position: -2px -0px; width: 89px; height: 89px; }
.intro-btn-play2 { background-position: -2px -91px; width: 89px; height: 89px; }
.intro-icon-xs-act { background-position: -2px -182px; width: 67px; height: 57px; }
.intro-icon-xs { background-position: -2px -241px; width: 67px; height: 57px; }
.intro-icon-xx-act { background-position: -2px -300px; width: 60px; height: 56px; }
.intro-icon-xx { background-position: -2px -358px; width: 60px; height: 56px; }
.intro-icon-wh-act { background-position: -2px -416px; width: 49px; height: 53px; }
.intro-icon-wh { background-position: -2px -471px; width: 49px; height: 53px; }
.intro-icon-fdj { background-position: -2px -526px; width: 43px; height: 43px; }
.intro-icon-gd-act { background-position: -53px -416px; width: 31px; height: 31px; }
.intro-icon-gd { background-position: -53px -449px; width: 31px; height: 31px; }
.intro-icon-home { background-position: -64px -300px; width: 21px; height: 19px; }
.intro-icon-year-l { background-position: -71px -182px; width: 16px; height: 26px; }
.intro-icon-year-r { background-position: -71px -210px; width: 16px; height: 26px; }

.intro2-icon-2-act, .intro2-icon-2, .intro2-icon-7-act, .intro2-icon-7, .intro2-icon-4-act,
.intro2-icon-4, .intro2-icon-6-act, .intro2-icon-6, .intro2-icon-8-act, .intro2-icon-8,
.intro2-icon-5-act, .intro2-icon-5, .intro2-icon-3-act, .intro2-icon-3, .intro2-icon-1-act,
.intro2-icon-1
{ display: inline-block; background: url('../images/sprites2-intro.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.intro2-icon-2-act { background-position: -2px -0px; width: 64px; height: 52px; }
.intro2-icon-2 { background-position: -2px -54px; width: 64px; height: 52px; }
.intro2-icon-7-act { background-position: -2px -108px; width: 59px; height: 59px; }
.intro2-icon-7 { background-position: -2px -169px; width: 59px; height: 59px; }
.intro2-icon-4-act { background-position: -2px -230px; width: 54px; height: 54px; }
.intro2-icon-4 { background-position: -2px -286px; width: 54px; height: 54px; }
.intro2-icon-6-act { background-position: -2px -342px; width: 51px; height: 51px; }
.intro2-icon-6 { background-position: -2px -395px; width: 51px; height: 51px; }
.intro2-icon-8-act { background-position: -2px -448px; width: 51px; height: 52px; }
.intro2-icon-8 { background-position: -2px -502px; width: 51px; height: 52px; }
.intro2-icon-5-act { background-position: -2px -556px; width: 49px; height: 49px; }
.intro2-icon-5 { background-position: -2px -607px; width: 49px; height: 49px; }
.intro2-icon-3-act { background-position: -2px -658px; width: 48px; height: 48px; }
.intro2-icon-3 { background-position: -2px -708px; width: 48px; height: 48px; }
.intro2-icon-1-act { background-position: -2px -758px; width: 47px; height: 47px; }
.intro2-icon-1 { background-position: -2px -807px; width: 47px; height: 47px; }


/*.page-banner*/
.page-banner{
    height: calc(500 / 1920 * 100vw);
    min-height: 350px;
    max-height: 500px;
    padding-top: calc(210 / 1920 * 100vw);
    box-sizing: border-box;
    background: url('../images/intro/banner.png') no-repeat top / cover;
}
.page-banner .banner-title{
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
}
.page-banner .banner-text{
    font-size: 16px;
    color: #ffffff;
    /*max-width: 360px;*/
}

/*search-form*/
.search-form{
    width: 100%;
    max-width: 600px;
    border: none;
    background: #ffffff;
    border-radius: 50rem;
    overflow: hidden;
}
.search-form input{
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    color: #333333;
}
.search-form input::placeholder{
    color: #666666;
}
.search-form .btn{
    width: 60px;
}
.search-form .btn img{
    width: 30px;
}

/*bread-warp*/
.bread-warp{
    padding: 1.2rem 0 1.2rem;
}

.bread-warp .btn{
    font-size: 16px;
    color: #333333;
}
.bread-warp .btn.btn-primary{
    color: #ffffff;
}
.bread-warp .btn:focus{
    box-shadow: none;
}
.bread-warp .btn:hover{
    color: var(--primary-color);
}

.bread-warp .bread-box{
    font-size: 16px;
    color: #999999;
}
.bread-warp .bread-box.active,
.bread-warp .bread-box:hover
{
    color: #333333;
}
.bread-warp .icon-right{
    content: '';
    display: inline-block;
    width: 1px;
    height: 17px;
    background: #999999;
    transform: rotate(20deg) translateY(2px);
    margin: 0 15px;
}

/*block-box*/
.block-box{
    display: block;
    max-width: 100%;
    min-height: 300px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 6px;
    transition: all .3s;
}

.block-box .icon{
    display: block;
}
.block-box .icon-act{
    display: none;
}

.block-box:hover h4, .block-box:hover p{
    color: var(--primary-color);
    transition: all .3s;
}
.block-box:hover .icon-act{
    display: block;
}
.block-box:hover .icon{
    display: none;
}

/*new-icon*/
.block-box .new-icon,
.block-box .new-icon-act{
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.block-box .new-icon img,
.block-box .new-icon-act img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.block-box .new-icon-act{
    display: none;
}
.block-box:hover .new-icon{
    display: none;
}
.block-box:hover .new-icon-act{
    display: flex;
}


/*block-warp*/
.culture-warp .block-box{
    /*width: 391px;*/
    max-width: 390px;
    min-height: 466px;
    background: url('../images/intro/block-bg.png') no-repeat top / 100% 100%;
    border-radius: 0;
}
.culture-warp .block-box:hover{
    background: url('../images/intro/block-bg-act.png') no-repeat top / 100% 100%;
}

/*secondary-warp*/
.secondary-warp{
    background: url('../images/intro/zz-bg.png') no-repeat top / 100% 100%;
    padding: 62px 0;
}

.secondary-warp .link-tab-warp{
    transform: translateY(-20px);
}
.secondary-warp .link-tab{
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #ffffff;
    margin-right: 40px;
}
.secondary-warp .link-tab.active,
.secondary-warp .link-tab:hover
{
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.secondary-warp .secondary-swiper{
    height: 550px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
}
.secondary-warp .swiper-slide{
    /*width: 437px;*/
    height: 480px;
    box-sizing: border-box;
    transition: all .3s;
}

.secondary-warp .img{
    width: 50%;
    height: 480px;
    object-fit: cover;
}
.secondary-warp .secondary-text{
    width: 50%;
    height: 480px;
    padding: 75px 65px 40px;
    box-sizing: border-box;
}

.secondary-warp .secondary-text p{
    height: 215px;
    -webkit-line-clamp: 8;
}

.secondary-button-warp{
    width: 100%;
    position: absolute;
    top: 50%;
}
.secondary-button-warp .swiper-button-prev{
    left: 0;
    transform: translateX(-200%);
}
.secondary-button-warp .swiper-button-next{
    right: 0;
    transform: translateX(105%);
}

/*skill-warp*/
.skill-warp{
    /*background: url('../images/intro/xue-bg.png') no-repeat top / 100% 100%;*/
    padding: 62px 0;
    background: #ffffff;
}
.skill-warp .skill-swiper{
    height: 480px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
}
.skill-warp .swiper-slide{
    width: 437px;
    height: 370px;
    box-sizing: border-box;
    transition: all .3s;
}
.skill-warp .swiper-slide:hover h4{
    transition: all .3s;
    color: var(--primary-color)!important;
}
.skill-warp .swiper-slide:hover .intro-icon-gd{
    transition: all .3s;
    background-position: -53px -416px; width: 31px; height: 31px;
}

.skill-warp .img{
    display: block;
    width: 100%;
    height: 287px;
    object-fit: cover;
    /*border-radius: 50%;*/
    margin: 0 auto;
}




/*leader-warp*/

.leader-warp{
    padding: 62px 0;
    background: url('../images/intro/xue-bg.png') no-repeat top / 100% 100%;
}
.leader-warp .leader-swiper{
    height: 450px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
}
.leader-warp .swiper-slide{
    width: 266px;
    height: 330px;
    box-sizing: border-box;
    background: #ffffff;
    border: 3px solid #ffffff;
    transition: all .3s;
}
.leader-warp .swiper-slide:hover{
    border-color: var(--primary-color);
}
.leader-warp .swiper-slide:hover h4{
    color: var(--primary-color)!important;
}
.leader-warp .face-img{
    display: block;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    margin: 0 auto;
    /*padding-bottom: 56%;*/
    background-size: cover;
    background-repeat: no-repeat;
}


/*video-map*/
.video-map{
    max-width: 100%;
}
.video-map .video-js{
    width: 100%;
}
.video-map .video-js .vjs-big-play-button{
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    line-height: 4rem;
    border-radius: 50%;
    background: url('../images/sprites-intro.png') no-repeat;
    background-position: -2px -0px;
    border: none;
    width: 89px;
    height: 89px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video-map .video-js:hover .vjs-big-play-button{
    background-color: transparent;
}
.icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before{
    display: none;
}
.video-map .vjs-poster{
    background-size: cover;
}


/*2.1学校简介-中职详情*/
.zzde-video-warp .video-map{
    flex: 1;
    flex-shrink: 0;
    object-fit: cover;
}
.zzde-video-text{
    flex: 1;
    flex-shrink: 0;
}

.zzde-title{
    padding-left: 40px;
    position: relative;
}
.zzde-title:after{
    content: '';
    width: 4px;
    height: 36px;
    background: var(--primary-color);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.zzde-text{
    font-size: 16px;
    color: #333333;
    padding-left: 40px;
    padding-right: 50px;
    white-space: pre-line;
    line-height: 1.6;
}


/*集团介绍*/
.group-intro-warp{
    padding: 62px 0;
    background: url('../images/intro/xue2-bg.png') no-repeat top / 100% 100%;
}


/*发展历程*/
.dev-history-warp{
    padding: 62px 0;
    background: url('../images/intro/fz-bg.png') no-repeat top / 100% 100%;
    --swiper-navigation-size: 26px;
    --swiper-theme-color: #ffffff;
}

.dev-history-warp .dev-history-swiper{
    height: 480px;

}

.dev-history-warp .swiper-button-next:after,
.dev-history-warp .swiper-button-prev:after{
    font-weight: bolder;
}

.dev-history-warp .swiper-button-next,
.dev-history-warp .swiper-button-prev{
    top: 70px;
    transform: translateY(0);
}

.dev-history-warp .swiper-button-prev{
    left: 0;
}

.dev-history-warp .swiper-button-next{
    right: 0;
}

.dev-history-warp .swiper-slide{
    width: 318px;
    height: 400px;
    box-sizing: border-box;
    transition: all .3s;
}
.dev-history-warp .year-title{
    height: 60px;
    line-height: 60px;
}
.dev-history-warp .icon-year{
    display: block;
    width: 21px;
    height: 21px;
    margin: 0 auto;
    opacity: 0.5;
    transition: all .3s;
}

.dev-history-warp .img{
    display: block;
    width: 100%;
    height: 192px;
    object-fit: cover;
    margin: 0 auto;
}

.dev-history-warp .swiper-line{
    width: calc(100% - 40px);
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 70px;
    left: 20px;
}

.dev-history-warp .swiper-slide:hover .icon-year{
    opacity: 0.98;
}

/*企业实力*/
.corporate-culture-warp{
    padding: 62px 0;
    background: url('../images/intro/qywh-bg.png') no-repeat top / 100% 100%;
}

.corporate-culture-warp .block-box{
    min-height: 210px;
    border: 2px solid #ffffff;
}

.corporate-culture-warp .block-box .icon-height{
    height: 80px;
}

.corporate-culture-warp .block-box:hover{
    border-color: var(--primary-color);
}


/*校园风貌*/
.campus-style-warp{
    padding: 62px 0;
    --swiper-navigation-size: 20px;
    --swiper-theme-color: #ffffff;
}
.campus-style-warp .swiper-button-next,
.campus-style-warp .swiper-button-prev{
    width: 40px;
    height: 68px;
    background: #ffffff;
    color: #999999;
    transform: translateY(-50%);
}
.campus-style-warp .swiper-button-next.swiper-button-disabled,
.campus-style-warp .swiper-button-prev.swiper-button-disabled {
    opacity: 1!important;
    background: var(--primary-color);
    color: #ffffff;
    pointer-events: unset;
    cursor: pointer;
}
.campus-style-warp .swiper-button-prev{
    left: 40px;
}
.campus-style-warp .swiper-button-next{
    right: 40px;
}

.campus-style-warp .swiper-slide:not(:first-child) .vjs-big-play-button{
    background: url('../images/sprites-intro.png') no-repeat;
    background-position: -2px -91px;
    width: 89px; height: 89px;
}

.campus-style-warp .img-box{
    position: relative;
    margin-bottom: 25px;
}

.campus-style-warp .intro-icon-fdj{
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}


/*tab-toggle-warp*/
.tab-toggle-warp .link-tab-warp{
    /*transform: translateY(-20px);*/
}
.tab-toggle-warp .tab-toggle-box{
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333333;
    margin-right: 60px;
}
.tab-toggle-warp .tab-toggle-box.active,
.tab-toggle-warp .tab-toggle-box:hover
{
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
}

.content-toggle-warp > div{
    display: none;
}
.content-toggle-warp .active{
    display: block;
}


/*news-big-warp*/
.news-big-warp{

}
.news-big-warp .news-big-text{
    padding: 70px 60px 40px;
}

.news-big-warp .img{
    max-height: 530px;
    object-fit: cover;
}

.news-big-warp .pp-text{
    height: 160px;
    -webkit-line-clamp: 5;
}


/*news-warp*/
.news-warp .news-box{

}
.news-warp .news-box .img{
    max-height: 300px;
    overflow: hidden;
    position: relative;
}
.news-warp .news-box .img::after{
    opacity: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(32, 168, 203, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s;
}

.news-warp .news-box:hover h4{
    color: var(--primary-color);
}
.news-warp .news-box:hover .color-tips{
    color: #999999;
}
.news-warp .news-box:hover .img::after{
    opacity: 1;
}

.news-warp .news-box .qui-pic{
    /*padding-bottom: 56%;*/
    padding-bottom: 66%;
    background-size: cover;
    background-repeat: no-repeat;
}


/*pagination*/
.pagination{
    justify-content: center;
    flex-wrap: wrap;
}
.pagination .page-item{
    margin-right: 12px;
    margin-bottom: 10px;
}
.pagination .page-link, .pagination p{
    color: #666666;
    border-radius: 4px;
    background: #eeeeee;
    font-family: sans-serif;
}

.page-item.disabled .page-link{
    background: #eeeeee;
    opacity: .7;
}

.pagination .page-link:hover, .page-item.active .page-link{
    color: #ffffff!important;
    background: var(--primary-color);
    border-color: transparent;
}
.pagination .page-link:focus{
    box-shadow: none;
}


/*news-details-warp*/
.news-details-warp{
    padding: 40px 60px;
}

.news-details-time{
    width: 60px;
    flex-shrink: 0;
    color: var(--primary-color);
    background: rgba(32, 168, 203, 0.3);
    border-radius: 10px;
}
.news-details-time .day{
    line-height: 1;
}

/*work-warp*/
.work-warp{
    padding: 62px 0;
    background: #ffffff;
}
.work-warp .work-swiper{
    height: 500px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
}
.work-warp .swiper-slide{
    max-height: 400px;
    overflow: hidden;
    position: relative;
}

.work-warp .swiper-slide h4{
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    box-sizing: border-box;
    background: url('../images/work/box-bg.png') no-repeat top / 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

/*work-box*/
.work-box .work-box-time{
    width: 134px;
    height: 130px;
    flex-shrink: 0;
    color: var(--primary-color);
    background: #E5E5E5;
    border-radius: 2px;
    transition: all .3s;
}
.work-box .work-box-time .day{
    font-size: 70px;
    line-height: 1;
}
/*hover*/
.work-box:hover .work-box-time{
    background: rgba(32, 168, 203, 0.3);
}
.work-box:hover .color-main,
.work-box:hover .color-tips
{
    color: var(--primary-color);
    transition: all .3s;
}

/*理论学习*/
.theoretical-warp{
    padding: 62px 0;
    background: #ffffff;
}
.theoretical-warp .theoretical-swiper{
    height: 450px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
}
.theoretical-warp .swiper-slide{
    /*max-height: 400px;*/
    /*overflow: hidden;*/
    /*position: relative;*/
}


/*精彩社团*/
.exciting-warp{
    background: url('../images/work/tuan2-bg.png') no-repeat top / 100% 100%;
    padding: 90px 0;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-bullet-height: 10px;
    --swiper-theme-color: var(--primary-color);
    --swiper-navigation-color: var(--primary-color);
    --swiper-navigation-size: 18px;
}

.exciting-warp .exciting-swiper{
    /*height: 550px;*/
    padding-bottom: 100px!important;
}
.exciting-warp .swiper-slide{
    box-sizing: border-box;
    transition: all .3s;
    position: relative;
}

.exciting-warp .swiper-slide .label{
    width: 132px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    color: #ffffff;
    box-sizing: border-box;
    background: rgba(0,0,0, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
}

.exciting-warp .swiper-pagination{
    bottom: 35px!important;
}

.exciting-warp .swiper-button-next,
.exciting-warp .swiper-button-prev {
    top: 50px;
}
.exciting-warp .swiper-button-prev{
    left: unset;
    right: 60px;
}
.exciting-warp .swiper-button-next{
    right: 15px;
}
.exciting-warp .swiper-button-next:after,
.exciting-warp .swiper-button-prev:after{
    font-weight: bold;
}
.exciting-warp .swiper-button-next.swiper-button-disabled,
.exciting-warp .swiper-button-prev.swiper-button-disabled{
    color: #ffffff;
    opacity: 0.7;
    pointer-events: unset;
    cursor: pointer;
}


/*学生风采*/
.student-style-warp{
    padding: 62px 0;
}

.student-style-warp .student-style-swiper{
    /*height: 800px;*/
    padding-bottom: 180px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
    --swiper-navigation-size: 14px;
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-inactive-opacity: 1;
}
.student-style-warp .swiper-slide{

}

.student-style-warp .student-style-text{
    padding: 80px 50px 20px;
}

.student-style-warp .student-style-text p{
    -webkit-line-clamp: 8;
    height: 200px;
}

.student-style-warp .swiper-button-prev,
.student-style-warp .swiper-button-next{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    cursor: pointer;
    margin-right: 15px;
    background: #999999;
    color: #ffffff;
    position: unset;
}
.student-style-warp .swiper-button-prev:hover,
.student-style-warp .swiper-button-next:hover{
    background: var(--primary-he-color);
    border-color: var(--primary-he-color);
}

.student-style-warp .swiper-pagination{
    width: 100%;
    text-align: left;
}

.student-style-warp .swiper-pagination-bullet{
    width: 210px;
    height: 130px;
    background: transparent;
    border: 3px solid transparent;
    box-sizing: border-box;
    border-radius: 0;
    overflow: hidden;
    margin-left: 0!important;
    margin-right: 26px!important;
}
.student-style-warp .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: var(--primary-color);
}
.student-style-warp .swiper-pagination-bullet:last-child{
    margin-right: 0!important;
}


/*base-modal*/
.base-modal .modal-close-icon{
    width: 47px;
    height: 47px;
    background: url('../images/work/modal-close-icon.png') no-repeat top / cover;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(20px, -20px);

}
.base-modal .modal-xl{
    max-width: 1200px;
}

/*form-modal*/
.form-modal .modal-content{
    border-radius: 20px;
}
.form-modal .col-form-label{
    font-size: 18px;
    color: #333333;
}

.form-modal .form-control-plaintext{
    background: #e8e8e8;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    border-radius: 0.2rem;
}
.form-modal .form-control-plaintext::placeholder{
    color: #999999;
}
.form-modal .form-control-plaintext.file{
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}


/*theoretical-modal-swiper*/
.theoretical-modal-swiper{
    width: 1100px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-inactive-opacity: 1;
}

/*secure-warp*/
.secure-warp{

}
.secure-warp .secure-box{
    position: relative;
}

.secure-warp .label{
    width: 320px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
    background: rgba(0,0,0, 0.5);
    position: absolute;
    right: 0;
    bottom: 0;
}


/*career*/
.career-icon-1-act, .career-icon-1, .career-icon-2-act, .career-icon-2, .career-icon-3-act,
.career-icon-3, .career-icon-4-act, .career-icon-4
{ display: inline-block; background: url('../images/sprites-career.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }

.career-icon-1-act { background-position: -2px -0px; width: 53px; height: 53px; }
.career-icon-1 { background-position: -2px -55px; width: 53px; height: 53px; }
.career-icon-2-act { background-position: -2px -110px; width: 52px; height: 45px; }
.career-icon-2 { background-position: -2px -157px; width: 52px; height: 45px; }
.career-icon-3-act { background-position: -2px -204px; width: 46px; height: 48px; }
.career-icon-3 { background-position: -2px -254px; width: 46px; height: 48px; }
.career-icon-4-act { background-position: -2px -304px; width: 40px; height: 48px; }
.career-icon-4 { background-position: -2px -354px; width: 40px; height: 48px; }


.career-warp .block-box{
    width: 100%;
    min-height: 350px;
    box-sizing: border-box;
    background: url('../images/career/box-bg.png') no-repeat top / 100% 100%;
    border: 1px solid transparent;
    padding: 30px 27px 0;
}

.career-warp .block-box:hover{
    border-color: var(--primary-color);
}

.career-warp .block-box:hover p{
    color: #666666;
}

/*research-warp*/
.research-warp{

}

.research-warp .research-swiper{
    --swiper-theme-color: var(--primary-color);
    --swiper-navigation-size: 14px;
}

.research-warp .swiper-button-prev,
.research-warp .swiper-button-next{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    cursor: pointer;
    margin-right: 15px;
    color: #ffffff;
    pointer-events: unset!important;
}
.research-warp .swiper-button-prev:hover,
.research-warp .swiper-button-next:hover{
    border-color: var(--primary-he-color);
    color: var(--primary-he-color);

}

.research-warp .research-text p{
    font-size: 16px;
    white-space: pre-line;
}

/*recruit-warp*/
.recruit-warp .recruit-big-text{
    padding: 50px 60px 10px;
}

/*enrollment-dynamics-warp*/
.enrollment-dynamics-warp{

}
.enrollment-dynamics-warp .block-box{
    min-height: 200px;
    border-bottom: 3px solid #ffffff;
}
.enrollment-dynamics-warp .block-box .block-box-text{
    min-height: 150px;
}

.enrollment-dynamics-warp .block-box:hover{
    border-color: var(--primary-color);
    box-shadow: 0 0 35px #dddddd;
}

.enrollment-dynamics-warp .block-box:hover .color-content {
    color: #666666;
}
.enrollment-dynamics-warp .block-box:hover .color-tips {
    color: #999999;
}


/*question-warp*/
.question-warp{

}

.question-warp .card{
    border: none;
}

.question-warp .card-header{
    cursor: pointer;
}
.question-warp .card-header .card-title{
    color: var(--primary-color);
    transition: all .3s;
}

.question-warp .card-header:after{
    content: '-';
    display: inline-block;
    font-size: 30px;
    color: #333333;
    font-family: '宋体';
}

/*collapsed*/
.question-warp .card-header.collapsed .card-title{
    color: #333333;
}
.question-warp .card-header.collapsed:after{
    content: '+';
}


/*zhijia-warp*/
.zhijia-warp{

}


.zhijia-warp .zhijia-swiper{
    padding-right: 350px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-pagination-bullet-width: 12px;
    --swiper-pagination-bullet-height: 12px;
    --swiper-theme-color: var(--primary-color);
    --swiper-navigation-size: 25px;
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-inactive-opacity: 1;
}

.zhijia-warp .zhijia-swiper .label{
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 22px;
    color: #ffffff;
    box-sizing: border-box;
    background: rgba(0,0,0, 0.5);
    padding: 0 35px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.zhijia-warp .swiper-button-prev,
.zhijia-warp .swiper-button-next{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    cursor: pointer;
    font-weight: bolder;
    color: #ffffff;
    background: rgba(0,0,0, 0.4);
}
.zhijia-warp .swiper-button-prev{
    left: 30px;
}
.zhijia-warp .swiper-button-next{
    right: 380px;
}
.zhijia-warp .swiper-button-prev:hover,
.zhijia-warp .swiper-button-next:hover{
    background: var(--primary-he-color);
}

.zhijia-warp .swiper-pagination{
    width: 350px!important;
    height: 100%;
    /*overflow-y: auto;*/
    text-align: right;
    background: #ffffff;
    top: 0;
    right: 0;
    bottom: unset!important;
    left: unset!important;
}

.zhijia-warp .swiper-pagination-bullet{
    display: block;
    width: 330px;
    height: 234px;
    background: transparent;
    border: 3px solid transparent;
    box-sizing: border-box;
    border-radius: 0;
    overflow: hidden;
    margin-left: auto!important;
    margin-right: 0!important;
    margin-bottom: 15px!important;
}
.zhijia-warp .swiper-pagination-bullet img{
    width: 330px;
    height: 234px;
    object-fit: cover;
}

.zhijia-warp .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: var(--primary-color);
}
.student-style-warp .swiper-pagination-bullet:last-child{
    margin-bottom: 0!important;
}


/*party-warp*/
.party-warp{

}
.party-warp .party-box{
    padding: 36px 0 28px;
    border-radius: 6px;
    border-left: 3px solid transparent;
    margin-bottom: 40px;
    transition: all .3s;
}
.party-warp .party-box-time{
    width: 150px;
    flex-shrink: 0;
    padding-left: 40px;
    box-sizing: border-box;
}
.party-box .party-box-time .day{
    font-size: 46px;
    line-height: 1;
}

/*hover*/
.party-warp .party-box:hover{
    border-color: var(--primary-color);
}
.party-box:hover h4,
.party-box:hover .day,
.party-box:hover .year
{
    color: var(--primary-color);
    transition: all .3s;
}


/*recruitment-warp*/
.recruitment-warp{

}

.recruitment-warp .card{
    border: none;
}

.recruitment-warp .card-header{
    cursor: pointer;
}
/*.recruitment-warp .card-header .card-title{*/
/*    color: var(--primary-color);*/
/*    transition: all .3s;*/
/*}*/

.recruitment-warp .card-header:after{
    content: '-';
    display: inline-block;
    font-size: 30px;
    color: #333333;
    font-family: '宋体';
}

/*collapsed*/
.recruitment-warp .card-header.collapsed:after{
    content: '+';
}

/*search-list-warp*/
.search-list-warp{

}
.search-list-box .yy-icon{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c5c5c5;
    margin-right: 20px;
}

/*hover*/
.search-list-box:hover .yy-icon{
    background: var(--primary-color);
}
.search-list-box:hover .color-content,
.search-list-box:hover .color-tips{
    color: var(--primary-color);
    transition: all .3s;
}