@charset "utf-8";
        * {
            margin: 0;
            padding: 0;
        }
        
        .fix-width {
            width: 1200px;
            margin: 0 auto;
        }
        
        .position-relative {
            position: relative;
        }
        
        .bgf7faff {
            background-color: #f7faff !important;
        }
        
        .bgf1f1f1 {
            background-color: #f1f1f1 !important;
        }
        /** @清除内外边距 **/
        
        body,
        div,
        p,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        pre,
        form,
        button,
        input,
        textarea,
        table,
        th,
        td {
            margin: 0;
            padding: 0;
            outline: none;
            -webkit-tap-highlight-color: transparent;
            /*color: #333;*/
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        i,
        b {
            font-weight: normal;
        }
        
        .about-banner {
            position: relative;
        }
        
        .about-banner h2 {
            font-weight: 700;
            font-size: 46px;
        }
        
        .about-banner p {
            font-weight: 700;
            font-size: 26px;
        }
        
        .banimg {
            display: block;
            width: 100%;
        }
        
        .about-banner .banimg {
            display: block;
            width: 100%;
            /* height: 500px; */
        }
        
        .about-banner .bantxt {
            position: absolute;
            top: 88px;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 1200px;
            height: 99px;
        }
        
        .about-banner .bantxt h2 {
            height: 58px;
            margin-bottom: 10px;
            line-height: 58px;
            color: #fff;
            font-size: 46px;
            text-shadow: 0 0 8px rgba(0, 0, 0, .8);
            letter-spacing: 10px;
            font-weight: 700;
            font-family: 'NotoSansCJKsc-Bold';

        }
        
        .about-banner .bantxt p {
            color: #fff;
            font-size: 26px;
            text-shadow: 0 0 8px rgba(0, 0, 0, .8);
            text-transform: uppercase;
            letter-spacing: 5px;
            font-weight: 100;
            font-family: 'NotoSansCJKsc-Light';
        }
        
        .about-description {
            padding: 74px 0 0;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
        
        .about-description .limit-wid {
            width: 538px;
            display: inline-block;
            padding-bottom: 55px;
        }
        
        .about-description .about-des {
            display: inline-block;
            margin-bottom: 18px;
            line-height: 28px;
            font-size: 14px;
            color: #4D4D4D;
            word-break: break-all;
            font-weight: 400;
        }
        
        .about-description img {
            width: 600px;
            float: right;
        }
        
        .about-founder .l {
            width: 50%;
            height: 396.5px;
            display: inline-block;
            overflow: hidden;
        }
        
        .about-founder .l img {
            display: block;
            width: 100%;
        }
        
        .about-founder {
            padding: 80px 0;
            background-color: rgba(241, 241, 241, 0.5);
        }

        .about-founder .wrapper{
            display: flex;
            flex-direction: row;
            justify-content: space-around;
        }
        
        .about-founder .r {
            display: inline-block;
            width: 50%;
            height: 396.5px;
            padding: 55px 67px 0 67px;
            background-color: #fff;
            box-sizing: border-box;
        }
        
        .about-founder .r div {
            position: relative;
            height: 40px;
        }
        
        .about-founder .r div h2 {
            color: #006BB2;
            margin-bottom: 15px;
            font-size: 26px;
            font-weight: 400;
            line-height: 40px;
            text-align: center;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
            letter-spacing: 8px;
            font-weight: 700;
            font-family: 'NotoSansCJKsc-Bold';

        }
        
        .about-founder .r div h3 {
            font-size: 24px;
            color: #dadada;
            line-height: 27px;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 22px;
            font-family: 'NotoSansCJKsc-Thin';
            font-weight: 100;
        }
        
        .about-founder .r p {
            max-height: 260px;
            margin-top: 60px;
            font-size: 14px;
            color: #4D4D4D;
            line-height: 32px;
            overflow: hidden;
            font-weight: 400;
            text-align: justify;
        }
        
        .about-founder .r span {
            float: right;
            color: #006BB2;
            border-bottom: 1px solid #006BB2;
            padding: 0 0 6px 0;
            font-size: 14px;
            margin-top: 30px;
            font-weight: 400;
            font-family: 'NotoSansCJKsc-Medium';

        }
        
        .about-founder .r span:hover {
            cursor: pointer;
        }
        
        .about-timeline .about-timeline-prev,
        .about-timeline .about-timeline-next {
            top: 20px;
            left: auto;
            width: 40px;
            height: 40px;
            margin-top: 0;
            border-color: #373737;
            background-color: #fff;
            transition: .4s;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -ms-transition: .4s;
            -o-transition: .4s;
        }
        
        .about-timeline .about-timeline-prev:hover,
        .about-timeline .about-timeline-next:hover {
            opacity: 1 !important;
        }
        
        .about-timeline {
            width: 100%;
            height: 620px;
            margin-top: 85px;
            background-color: #fff;
        }
        
        .about-timeline .swiper-container {
            height: 560px;
            width: 100%;
            position: relative;
        }
        
        .about-timeline .swiper-slide {
            position: relative;
            height: 560px;
            color: #fff;
            overflow: hidden;
            background-repeat: no-repeat;
            background-size: 100%;
        }
        .about-timeline .swiper-slide:first-child {
            opacity: 1 !important;
        }
        
        .about-timeline .limit-wid {
            width: 1180px;
            height: 240px;
            margin: 10px auto 0;
            box-shadow: 0 0 14px 3px rgba(102, 102, 102, 0.1);
        }
        
        .about-timeline .swiper-slide .year {
            width: 425px;
            height: 240px;
            line-height: 240px;
            font-size: 88px;
            text-align: center;
            color: #FFA500;
            font-weight: 700;
            opacity: 1;
            font-weight: 700;
        }
        
        .about-timeline .swiper-slide .text {
            width: 440px;
            max-height: 180px;
            padding: 45px 0 0;
            overflow: hidden;
        }
        
        .about-timeline .swiper-slide .text p {
            height: 36px;
            font-size: 16px;
            line-height: 36px;
            color: #444444;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 400;
        }
        
        .about-timeline .swiper-slide .text a {
            color: #444444;
        }
        
        .about-timeline .swiper-slide .text a:hover {
            color: #0077c0;
        }
        
        .about-more {
            width: 300px;
            height: 240px;
            padding-top: 85px;
            line-height: 34px;
            font-size: 16px;
            text-align: center;
            background-image: url(../images/about/history.png);
            background-size: cover;
            box-sizing: border-box;
            color: #fff;
            float: right;
        }
        
        .about-more:hover {
            color: #fff;
        }
        
        .about-more em {
            display: block;
        }
        
        .about-timeline .swiper-pagination {
            top: auto;
            bottom: 350px;
            right: 0;
            left: 0;
            margin: auto;
            width: 1180px;
            height: 42px;
            display: flex;
            display: -webkit-flex;
            justify-content: center;
            font-size: 18px;
            z-index: 99;
        }
        
        .about-timeline .swiper-pagination::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 71px;
            width: 100%;
            height: 2px;
            background-color: #000;
        }
        
        .about-timeline .swiper-pagination-bullets .swiper-pagination-bullet {
            position: relative;
            display: inline-block;
            width: 20%;
            height: 42px;
            /*  margin: 0 50px !important; */
            line-height: 32px;
            text-align: center;
            background: transparent;
            color: #808080;
            opacity: 1;
            font-size: 14px;
            font-weight: 700;
        }
        
        .about-timeline .swiper-pagination-bullets .swiper-pagination-bullet::before {
            content: "";
            position: absolute;
            top: -80px;
            left: 0;
            right: 0;
            margin: auto;
            width: 29px;
            height: 55px;
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: 10px 10px;
            background-image: url(../images/about/icon-wz2.png)
        }
       .online .s4-con .swiper-slide {
        height: auto;   
       }
       .s4-con .swiper-button-prev, .s4-con .swiper-button-next{
           height: 100% !important;
       }
        .about-timeline .swiper-pagination-bullets .swiper-pagination-bullet-active {
            color: #FFA500;
        }
        .about-timeline .swiper-pagination-bullets .swiper-pagination-bullet-active i{
          color: #000;
          float: left;
          width: 250px;
        }
        
        .about-timeline .swiper-pagination-bullets .swiper-pagination-bullet-active::before {
            background-image: url(../images/about/icon-wz.png);
            background-size: cover;
            top: -80px;
        }
        
        .about-timeline .about-timeline-prev,
        .about-timeline .about-timeline-next {
            top: auto;
            bottom: 24px;
            border: none;
        }

        .about-timeline .swiper-button-disabled{
            display: none;
        }
        
        .about-timeline .about-timeline-prev {
            left: 10px;
            background-image: url(../images/about/left.png);
            background-size: 100%;
        }
        
        .about-timeline .about-timeline-next {
            right: 10px;
            background-image: url(../images/about/right.png);
            background-size: 100%;
        }
        
        .about-timeline .about-timeline-next {
            top: 20px;
            left: auto;
            width: 40px;
            height: 40px;
            margin-top: 0;
            border-color: #373737;
            background-color: #fff;
            transition: .4s;
            -webkit-transition: .4s;
            -moz-transition: .4s;
            -ms-transition: .4s;
            -o-transition: .4s;
        }
        
        /* .about-timeline .about-timeline-next:hover {
            opacity: .6 !important;
        } */
        
        .about-timeline .about-timeline-prev,
        .about-timeline .about-timeline-next {
            top: auto;
            bottom: 400px;
            z-index: 100;
        }

        .about-timeline span.more{
          float: right;
          color: #006BB2;
          border-bottom: 1px solid #006BB2;
          padding: 0 0 6px 0;
          font-size: 14px;
          font-weight: 400;
          font-family: 'NotoSansCJKsc-Medium';
        }

        .about-timeline span.more:hover{
          cursor: pointer;
        }
        
        .about-school .swiper-button-next,
        .about-school .swiper-button-prev {
            width: 43px;
            height: 43px;
            border: 1px solid #fff;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 22px;
        }
        
        .about-history .tit {
            text-align: center;
            position: relative;
            height: 40px;
        }
        
        .about-history .tit h2 {
            line-height: 40px;
            font-size: 30px;
            font-weight: 400;
            color: #333333;
            text-align: center;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 999;
            letter-spacing: 8px;
        }
        
        .about-history .tit h3 {
            font-size: 22px;
            color: #dadada;
            line-height: 27px;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 22px;
        }
        
        .about-history .tit p {
            display: inline-block;
            position: relative;
            padding: 0 82px;
            line-height: 28px;
            font-size: 14px;
            color: #999999;
            text-transform: uppercase;
        }
        
        .about-data .tit,
         .about-school .tit,
        .about-enterprise .tit,
        .about-group .tit {
            text-align: center;
            position: relative;
            height: 40px;
        }
        
        .about-data .tit h2,
        .about-school .tit h2,
        .about-enterprise .tit h2,
        .about-history .tit h2,
        .about-group .tit h2 {
            line-height: 40px;
            font-size: 30px;
            font-weight: 400;
            color: #333333;
            text-align: center;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 99;
            letter-spacing: 8px;
            font-weight: 700;
            font-family: 'NotoSansCJKsc-Bold';

        }
        
        .about-data .tit h3,
        .about-school .tit h3,
        .about-enterprise .tit h3,
        .about-history .tit h3,
        .about-group .tit h3 {
            font-size: 28px;
            color: #dadada;
            line-height: 27px;
            text-align: center;
            width: 100%;
            position: absolute;
            top: 22px;
            font-family: 'NotoSansCJKsc-Thin';
            font-weight: 100;
        }
        
        .about-data .tit p {
            display: inline-block;
            position: relative;
            padding: 0 82px;
            line-height: 28px;
            font-size: 14px;
            color: #999999;
            text-transform: uppercase;
        }
        
        .about-data-left {
            width: 450px;
            margin-top: 50px;
        }
        
        .about-data-left ul li {
            margin-bottom: 30px;
        }
        
        .about-data-left ul li div {
            width: 42%;
            float: right;
            padding: 30px 0;
        }
        
        .about-data-left ul li div p {
            height: 50px;
            line-height: 50px;
            font-size: 31px;
            color: #006CB7;
            
            font-weight: 100;
        }
        
        .about-data-left ul li div p.black {
            font-weight: 700;
        }
        
        .about-data-left ul li span {
            font-size: 38px;
            color: #006CB7;
            background-image: url(../images/about/y.png);
            background-size: cover;
            display: inline-block;
            width: 180px;
            height: 180px;
            line-height: 180px;
            text-align: center;
            margin-left: 50px;
            font-weight: 400;
            font-weight: 700;
        }
        
        .about-data-left ul li span em {
            font-size: 15px;
            font-weight: 400;
            font-weight: 700;
        }
        
        .about-data-right {
            width: 960px;
            max-width: 100%;
            height: 670px;
          margin: 80px auto 0;

        }
        
        .about-data-right img {
            width: 100%;
            height: 100%;
        }
        
        .about-data .fix-width {
            position: relative;
            padding: 0 0 30px 0;
        }
        
        .about-data .tip {
            position: absolute;
            right: 280px;
            width: 200px;
            bottom: -2px;
            color: #1A1A1A;
        }
        
        .about-data .tip p {
            font-size: 21px;
            text-align: center;
            font-weight: 700;
            color: #333;
        }
        
        .about-data .tip hr {
            margin-left: 30px;
            margin-top: 17px;
            width: 120px;
            background-color: #808080;
            border: 1px solid #808080;
        }
        
        .about-school .fix-width {
            position: relative;
        }
        
        .about-school .swiper-container {
            margin-top: 85px;
        }
        
        .about-school .swiper-slide {
            width: 31%;
            height: auto;
        }
        
        .about-school .swiper-slide img {
            width: 100%;
        }
        
        .about-school .swiper1 .swiper-button-next1 {
            background-image: url(../images/about/right.png);
            border: none;
            background-size: 100%;
            right: -60px;
            top: 240px;
        }
        
        .about-school .swiper1 .swiper-button-prev1 {
            background-image: url(../images/about/left.png);
            border: none;
            background-size: 100%;
            left: -60px;
            top: 240px;
        }
        
        .about-school .swiper2 .swiper-button-next2 {
            background-image: url(../images/about/right.png);
            border: none;
            background-size: 100%;
            right: -60px;
            top: 550px;
        }
        
        .about-school .swiper2 .swiper-button-prev2 {
            background-image: url(../images/about/left.png);
            border: none;
            background-size: 100%;
            left: -60px;
            top: 550px;
        }
        
        .about-school .swiper-slide .img {
            height: 220px;
            float: left;
            background-size: cover;
            width: 100%;
            background-position: center;
        }
        
        .about-school .swiper-slide p {
            float: left;
            background: #f1f1f1;
            text-align: center;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            font-weight: 400;
            font-weight: 400;
            width: 100%;
            color: #808080;
            font-family: 'NotoSansCJKsc-Medium';

        }
        
        .img-popup {
            display: none;
        }
        
        .img-popup .shade {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: rgba(0, 0, 0, .6);
            z-index: 998;
        }
        
        .img-popup .img-big {
            position: fixed;
            top: 50%;
            left: 50%;
            max-width: 60%;
            max-height: 70%;
            z-index: 1000;
            transform: translate(-50%, -50%);
        }
        
        .about-enterprise {
            overflow: hidden;
        }
        
        .about-enterprise .swiper-slide img {
            width: 100%;
            margin-bottom: 0;
        }
        
        .s4-tabcon .s4-con:first-of-type {
            display: block;
        }
        
        .s4-tabcon .s4-con {
            display: none;
        }
        
        .s4-tabcon {
            margin-top: 50px;
        }
        
        .s4-con {
            overflow: initial;
        }
        
        .about-enterprise .fix-width {
            width: 1200px!important;
        }
        
        .s4-con {
            margin-top: 85px;
        }
        
        .s4-page,
        .s2-page {
            left: 0;
            right: 0;
            height: 40px;
            line-height: 30px;
        }
        
        .s4-page {
            position: absolute;
            top: 178px;
            text-align: center;
            user-select: none;
        }
        
        .s4-page span,
        .s2-page .swiper-pagination-bullet {
            position: relative;
            width: auto;
            height: 40px;
            padding-left: 20px;
            margin-right: 70px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            background-color: #fff;
            text-align: left;
            opacity: 1;
            font-size: 16px;
            cursor: pointer;
        }
        
        .s4-page .active,
        .s2-page .swiper-pagination-bullet-active {
            background-color: #fff;
            color: #006FBC;
        }
        
        .s4-page .active::before,
        .s2-page .swiper-pagination-bullet-active::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            width: 4px;
            height: 4px;
            border: 2px solid #006FBC;
            background-color: #006FBC;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
        }
        
        .s4-tabcon .s4-con {
            display: none;
        }
        
        .s4-tabcon .s4-con:first-of-type {
            display: block;
        }
        
        .s4-con .swiper-slide {
            width: 100% !important
        }
        
        .s4-con .swiper-slide>div {
            float: left;
            width: 580px;
        }
        
        .s4-con .swiper-slide .img {
            display: block;
            width: 100%;
            height: 430px;
            margin-bottom: 0px;
            background-size: cover;
            background-position: center;
        }
        
        .s4-con .swiper-slide>div:last-of-type {
            margin-left: 40px;
        }
        
        .s4-con .swiper-slide a {
            position: relative;
            display: block;
            transition: 0.2s;
        }
        
        .s4-con .swiper-slide a:hover {
            opacity: .6;
        }
        
        .s4-con .swiper-pagination {
            text-align: center;
            width: 100%;
            margin-top: 10px;
        }
        
        .s4-con .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            margin: 0 5px;
            background: #02328d;
        }
        
        .s4-con .swiper-button-prev,
        .s4-con .swiper-button-next {
            width: 50%;
            height: 429px;
            top: 0;
            background: url(../images/opacity-90.png) repeat 0 0;
            border-radius: 5px;
            margin-top: 0;
            z-index: 99;
            transition: 0.2s;
        }
        
        .s4-con .swiper-button-prev {
            left: -50%;
            right: auto;
        }
        
        .s4-con .swiper-button-next {
            right: -50%;
            left: auto;
        }
        
        .s4-con .swiper-button-prev:before,
        .s4-con .swiper-button-next:after {
            content: '';
            position: absolute;
            top: 45%;
            width: 58px;
            height: 58px;
            background: #fff url(../images/common/icon-blue-l.png) no-repeat center center/22px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }
        
        .s4-con .swiper-button-prev:before {
            left: auto;
            right: -32px;
            background-image: url(../images/common/icon-blue-l.png);
            /*box-shadow: -4px 0 14px 1px #e6e6e6;*/
        }
        
        .s4-con .swiper-button-next:after {
            right: auto;
            left: -32px;
            background-image: url(../images/common/icon-blue-r.png);
            /*box-shadow: 4px 0 14px 1px #e6e6e6;*/
        }
        
        .s4-con .swiper-button-prev:hover,
        .s4-con .swiper-button-next:hover {
            opacity: 0.6;
        }
        
        .s4-con .txt-detail {
            height: 28px;
            margin-bottom: 10px;
            font-size: 18px;
            opacity: 1;
            overflow: hidden;
        }
        
        .s4-con .time {
            font-size: 14px;
        }
        
        .about-group .tit {
            margin-bottom: 50px;
        }
        
        .about-group {
            position: relative;
        }
        
        .about-group-item p {
            text-align: center;
        }
        
        .about-group-item p.name {
            font-size: 18px;
            color: #006BB2;
            font-weight: 700;
            margin-top: 5px;
            height: 30px;
            line-height: 30px;
            font-family: 'NotoSansCJKsc-Black';

        }
        .about-group-item3 p.name{
            font-size: 14px;
        }   
        
        .about-group-item p.info {
            font-size: 12px;
            font-weight: 400;
            height: 18px;
            line-height: 18px;
            color: #808080;
            font-family: 'NotoSansCJKsc-Medium';
        }
        
        .about-group-item {
            width: 100%;
            text-align: center;
            margin: 30px 0;
            display: flex;
            justify-content: center;
        }
        
        .about-group-item .item {
            width: 165px;
            margin: 10px auto;
            display: inline-block;
        }
        .about-group-item .item:hover{
          cursor: pointer;
        }
        
        .about-group-item .item img {
            width: 100%;
        }
        
        .about-group-item1 .item {
            margin: 0 50px;
            width: 160px;
        }
        
        .about-group-item2 .item {
          margin: 0 20px;
          width: 148px;
        }
        
        .about-group-item3 .item {
            margin: 5px;
            width: 136px;
            vertical-align: middle;
        }
        
        .about-group .mask {
            background-image: url(../images/about/group-bg.png);
            background-size: cover;
            height: 700px;
            padding: 20px 0 0 0;
            box-sizing: border-box;
            display: none;
            width: 100%;
            position: fixed;
        }
        
        .about-group .mask img {
            /* height: 725px; */
            float: left;
            max-width: 380px;
        }
        .about-group .mask img{
          position: absolute;
          bottom: 0;
        }

        .about-group .mask span {
         
          height: 680px;
          background-repeat: no-repeat;
          background-size: cover;
      }
      .about-group .mask img.cover{
        width: 45%;
          position: initial;
          height: auto;
          max-width: unset;
      }
        .about-group .mask div.info {
            float: right;
            padding-bottom: 130px;
            width: 50%;
            box-sizing: border-box;
            padding-left: 20px;
        }
        
        .about-group .mask div.info p {
            color: #fff;
        }
        .about-group .mask div.info p.post{
          font-size: 18px;
          font-weight: 400;
          font-family: 'NotoSansCJKsc-Light';
        }
        .about-group .mask div.info p.name {
            font-size: 32px;
            margin-bottom: 25px;
            font-weight: 700;
            font-family: 'NotoSansCJKsc-Bold';
        }
        .mask1 .fix-width{
          height: 100%;
          display: flex ;
          flex-direction: row;
          justify-content: space-between;
          align-items: flex-end;
        }

        .mask1{
          position: relative;
        }
        
        .about-group .mask div.info p.tip {
            font-size: 20px;
            word-wrap: break-word;
            font-weight: 400;
            line-height: 32px;
            font-family: 'NotoSansCJKsc-Light';
        }
        
        .about-group-mobile {
            display: none;
        }
        
        .about-description .wid2 {
            width: auto;
        }
        
        .about-description .wid3 {
            width: auto;
        }
        
        .about-group-pc {
            margin-top: 75px;
        }
        
        /* swiper */
        .swiper-div .swiper-container{
          margin: 0 auto!important;
        }
        .swiper-div {
          position: fixed;
          z-index: -1;
          opacity: 0;
          background: rgba(0,0,0,0.5);
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
        }
        .swiper-div .swiper-slide {
          width: 100%;
          height: 100%;
          display: table;
        }
        .swiper-div .swiper-slide .cell {
          width: 100%;
          height: 100%;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
        }
        .swiper-div .swiper-slide img {
          max-width: 50%;
          max-height: 50%;
          margin: 0 auto;
        }
  
     
        .vocational-training .job-list>ul li a:hover{
          color: #fff;
        }
        .vocational-training .job-list>ul>li a{
          color: #fff;
        }
        .job-list > ul > li:hover .item-common li {
            color: #fff;
        }
        .job-list > ul > li:hover .item-common li>a{
          color: #fff;
      }