@import url('/components/book/book.css');
@import url('/components/btn1/btn1.css');
@import url('/components/header/header.css');
@import url('/components/platform/platform.css');
@import url('/components/recommend/recommend.css');
@import url('/components/teach/teach.css');
@import url('/components/xxhjPT/xxhjPT.css');
@import url('/components/footer/footer.css');

.v-title1 .title-box .big-title {
    line-height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: #313131;
}

/* 轮播 */
.swiper-home {
    min-width: 1200px;
    overflow: hidden;
}

.swiper-home .swiper-slide a {
    height: 432px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}


/* 分页样式 */
.home-bullet {
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50px;
    margin-right: 10px;
    opacity: 0.6;
    transition: all 0.3s linear;
}

/* 分页高亮样式 */
.home-bullet-active {
    width: 20px;
    background: #00ddff;
    opacity: 1;
}

/* 轮播end */


/* 首页轮播图下 第一个模块 */
.sec1 {
    min-width: 1200px;
    display: flex;
    align-items: center;
    height: 90px;
    border-bottom: 1px solid #dfdfdf;
    background: #fbfbff;
}

.sec1 ul {
    display: flex;
    width: 100%;
    height: 90px;
}

.sec1 ul li {
    width: 20%;
    height: 100%;
    box-sizing: border-box;
}

.sec1 ul li {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #202020;
    font-size: 18px;
}

.sec1 ul li img {
    margin-right: 15px;
}

.sec1 ul li:hover {
    background: #f0f4f9;
}

/* 首页轮播图下 第一个模块 end*/

/* 热招专业 */
.sec2 {
    background: #fbfbfb;
    padding: 90px 0 50px;
}


/* 就业学员 */
.sec6 .table_wraper {
    border-radius: 20px;
    font-size: 24px;
    overflow: hidden;
    box-shadow: 0 0 15px #f2f2f2;
}

.sec6 .table_wraper .tableHead {
    width: 100%;
    height: 69px;
    line-height: 69px;
    font-size: 24px;
    color: #fff;
    background: #39bacb;
    padding-left: 30px;
}

.sec6 .table_wraper ul {
    padding: 0 30px;
}

.sec6 .table_wraper .bd {
    color: #333;
    background: #fefeff;
    font-size: 20px;
}

.sec6 .table_wraper .bd li {
    border-bottom: 1px solid #f1f1f5;
}

.sec6 .table_wraper .flex_box li {
    box-sizing: border-box;
}

.sec6 .table_wraper .flex_box li:nth-of-type(1) {
    width: 185px;
}

.sec6 .table_wraper .flex_box li:nth-of-type(2) {
    width: 185px;
}

.sec6 .table_wraper .flex_box li:nth-of-type(3) {
    width: 320px;
}

.sec6 .table_wraper .flex_box li:nth-of-type(4) {
    width: 300px;
}

.sec6 .table_wraper .flex_box li:nth-of-type(5) {
    flex: 1;
}

.sec6 .table_wraper .bd .flex_box li {
    line-height: 70px;
}

.sec6 .table_wraper .bd li:nth-of-type(5) {
    color: #39bacb;
}

/* 就业学员 end*/

/* 环境 新闻 */
.sec7,
.sec8 {
    background: #fbfbfb;
}


.sec7 .campus {
    padding: 20px 30px 35px;
    box-sizing: border-box;
    border-radius: 2px;
    border: 2px solid #fff;
    background: linear-gradient(to right, #f6f8fb, #e9edf5, #f6f8fb);
}

.campus-menu {
    display: flex;
}

.campus-menu li {
    width: 165px;
    line-height: 50px;
    font-size: 24px;
    color: 313131;
}

.campus-title-wrapper {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.campus-active-line {
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: -8px;
    left: 0;
    border-radius: 4px;
    background: #39bacb;
    display: none;
}


.sec7 .swiper-campus1 .swiper-slide {
    width: 100%;
    height: 372px;
    margin-top: 35px;
}

.sec7 .swiper-campus1 .swiper-slide ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.sec7 .swiper-campus1 .swiper-slide ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sec7 .swiper-campus1 .swiper-slide ul li .last-img {
    display: flex;
    justify-content: space-between;
}

.sec8 .campus {
    display: flex;
    position: relative;
    overflow: hidden;
}

.sec8-left {
    width: 801px;
    height: 513px;
    box-sizing: border-box;
    padding: 20px 30px 20px;
    border: 2px solid #fff;
    border-right: none;
}

.sec8-right {
    flex: 1;
    height: 513px;
    box-sizing: border-box;
    padding: 20px 30px 20px;
    border: 2px solid #fff;
    border-left: none;
}

.sec8-left>div {
    height: 100%;
    border-right: 1px dashed #eee
}

.sec8 .semicircle-top,
.sec8 .semicircle-bottom {
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    border: 2px solid #fff;
    position: absolute;
    left: 759px;
    background: #fbfbfb;
    border-radius: 50%;
    z-index: 3;
}

.sec8 .semicircle-top {
    top: -11px;
}

.sec8 .semicircle-bottom {
    bottom: -11px;
}

.sec8 .swiper-campus2 .swiper-slide {
    width: 100%;
    height: 375px;
    margin-top: 25px;
}

.sec8 .swiper-slide .first-news {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.sec8 .swiper-slide .first-news .img-wrapper {
    width: 251px;
    height: 175px;
    margin-right: 25px;
}

.sec8 .swiper-slide .first-news .img-wrapper img {
    width: 100%;
}

.sec8 .swiper-slide .first-news .news-wrapper {
    width: 438px;
    height: 175px;
    position: relative;
}

.sec8 .swiper-slide .news-title {
    color: #313131;
    font-size: 18px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sec8 .swiper-slide .first-news .news-desc {
    font-size: 16px;
    color: #878787;
    line-height: 24px;
    margin-top: 5px;
}

.sec8 .swiper-slide .first-news .news-updatetime {
    font-size: 16px;
    color: #878787;
    position: absolute;
    bottom: 20px;
    left: 0
}

.sec8 .swiper-slide .other-news {
    width: 50%;
    padding-right: 30px;
    box-sizing: border-box;
    float: left;
}

.sec8 .swiper-slide .other-news a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.sec8 .swiper-slide a:hover,
.sec8 .swiper-slide a:hover span {
    color: #fd4e5d;
}

.sec8 .sec8-right .title {
    color: #313131;
    font-size: 24px;
    line-height: 50px;
    display: inline-block;
}

.sec8 .sec8-right ul {
    box-sizing: border-box;
    height: 405px;
    line-height: 56px;
    padding-right: 20px;
    padding-bottom: 40px;
    margin-right: 10px;
    overflow: auto;
}

.sec8 .sec8-right ul li {
    border-bottom: 1px solid #dae0eb;
    padding-left: 30px;
    background: url("../images/sec8-icon-question.png") 0 center no-repeat;
    cursor: pointer;
}

.sec8 .sec8-right ul {
    font-size: 18px;
    color: #313131;
}

.sec8 .sec8-right ul li:hover {
    color: #fd4e5d;
}

.sec8 .sec8-right ul::-webkit-scrollbar {
    width: 4px;
}

.sec8 .sec8-right ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #dbe0e9;

}

/* 环境 新闻 end*/

/* 视频 */
.sec9 .video {
    display: flex;
    justify-content: space-between;
}

.sec9 .video-wrapper {
    width: 950px;
    height: 534px;
    overflow: hidden;
    border-radius: 12px;
    border: none;
    position: relative;
}

.sec9 .current-thumb {
    width: 100%;
    height: 100;
    position: absolute;
    top: 0;
    left: 0;
}

.sec9 .current-thumb img {
    width: 100%;
    height: 100%;
}

.sec9 .video-list {
    width: 239px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sec9 .video-list li {
    width: 100%;
    font-size: 14px;
    color: #313131;
    cursor: pointer;
}

.sec9 .video-list li:hover img {
    border: 1px solid #39bacb;
}

.sec9 .video-list li img {
    width: 100%;
    height: 131px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.sec9 .video-list li .title {
    width: 100%;
    background: url("../images/sec09-icon-play.png") right center no-repeat;
}

#currentVideo {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    overflow: hidden;
}

/* 视频 */