.swiper-container {
        width: 100%;
        height: 100%;
    }
    
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    .home-banner {
        width: 100%;
        /* height: 660px; */
        height: auto;
        overflow: hidden;
    }
    
    .home-banner-wrapper {
        display: flex;
        height: 100%;
    }
    
    .home-banner-item {
        position: relative;
        display: block;
        width: 100%;
    }
    /* .home-banner-item::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-color: rgba(6, 10, 15, 0.3);
} */
    
    .home-banner-item>img {
        display: block;
        width: 100%;
        /* height: 660px; */
        height: auto;
    }
    
    .home-banner-text {
        position: absolute;
        top: 265px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .home-banner-text h2 {
        width: 470px;
        font-size: 40px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 50px;
        text-align: left;
        text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
    }
    
    .home-banner .swiper-pagination {
        bottom: 30px;
    }
    
    .home-banner .swiper-pagination-bullet {
        width: 24px;
        height: 6px;
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 2px;
    }
    
    .home-banner .swiper-pagination-bullet-active {
        background-color: #fff;
    }
    
    .home-banner .swiper-button-next,
    .home-banner .swiper-button-prev {
        top: 50%;
        width: 46px;
        height: 46px;
        background-color: rgba(0, 0, 0, 0.3);
        background-size: 9px 15px;
        border-radius: 50%;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all;
        transform: translate(27px, -50%);
        outline: none;
        margin: 0;
    }
    
    .home-banner .swiper-button-prev {
        left: 27px;
    }
    
    .home-banner .swiper-button-next {
        right: 27px;
    }
    
    .home-banner:hover .swiper-button-prev,
    .home-banner:hover .swiper-button-next {
        opacity: 1;
        visibility: visible;
        transform: translate(0px, -50%);
    }
    /* 首页-新闻动态 */
    
    .home-news {
        width: 100%;
        padding: 60px 0;
        border-bottom: 1px solid #F1F1F1;
    }
    
    .home-news .top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #333;
    }
    
    .home-news .top>h2 {
        font-size: 24px;
        color: #333;
        line-height: 30px;
        font-weight: 400;
    }
    
    .home-news .top .more {
        font-size: 14px;
        padding-right: 15px;
        background-image: url(../images/next-icon1.png);
        background-position: center right;
        background-size: 5px 9px;
        background-repeat: no-repeat;
    }
    
    .home-news-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 30px;
    }
    
    .home-news-list {
        width: 367px;
    }
    
    .home-news-list .img-box {
        width: 100%;
        /* height: 207px; */
        overflow: hidden;
    }
    
    .home-news-list .img-box>img {
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.3s;
    }
    
    .home-news-list .time-share {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        color: #999;
        margin: 24px 0 32px;
    }
    
    .home-news-list .time-share .share {
        padding-right: 20px;
        background-image: url(../images/news-share-icon1.png);
        background-position: center right;
        background-size: 14px 14px;
        background-repeat: no-repeat;
    }
    
    .home-news-list .time-share .share:hover {
        color: var(--theme-color);
        background-image: url(../images/news-share-icon2.png);
    }
    
    .home-news-list .tit {
        display: block;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        line-height: 30px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .home-news-list .text {
        width: 100%;
        height: 44px;
        font-size: 14px;
        color: #999;
        line-height: 22px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-align: justify;
        margin-top: 30px;
    }
    
    .home-news-list:hover .tit {
        color: var(--theme-color);
    }
    
    .home-news-list:hover .img-box>img {
        transform: scale(1.3);
    }
    
    .home-introduce {
        width: 100%;
    }
    
    .home-introduce-content {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 60px 0 86px;
    }
    
    .home-introduce-item {
        position: relative;
        width: calc((100% - 30px) / 2);
    }
    
    .home-introduce-item>img {
        display: block;
        width: 100%;
    }
    
    .home-introduce-item .tit {
        position: absolute;
        left: 24px;
        bottom: 24px;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 30px;
    }
    
    .home-introduce-item .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 50px 50px 90px;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all ease-in;
    }
    
    .home-introduce-item .mask>p {
        width: 100%;
        font-size: 15px;
        color: #fff;
        line-height: 26px;
    }
    
    .home-introduce-item .mask .look-detail {
        position: absolute;
        right: 50px;
        bottom: 30px;
        width: 116px;
        background-color: #FFFFFF;
        line-height: 41px;
        text-align: center;
        color: #333;
        font-size: 15px;
    }
    
    .home-introduce-item .mask .look-detail:hover {
        background-color: var(--theme-color);
        color: #fff;
    }
    
    .home-introduce-item:hover .tit {
        display: none;
    }
    
    .home-introduce-item:hover .mask {
        opacity: 1;
        visibility: visible;
    }
    
    .home-advertise {
        width: 100%;
        height: 100px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    
    .home-advertise .text {
        font-size: 26px;
        color: #FFFFFF;
        line-height: 30px;
        text-shadow: 0px 8px 8px rgba(0, 55, 73, 0.15);
        text-align: center;
        line-height: 100px;
    }
    
    .home-partner {
        width: 100%;
        padding: 89px 0 109px;
    }
    
    .home-partner h2 {
        width: 100%;
        font-size: 26px;
        color: #333;
        text-align: center;
    }
    
    .home-partner .down-icon {
        display: block;
        width: 24px;
        margin: 18px auto 60px;
    }
    
    .home-partner-content {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        background-color: #fff;
    }
    
    .home-partner-item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 220px;
        height: 100px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    
    .home-partner-item>img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
    
    .home-partner-item:hover {
        box-shadow: 0px 13px 15px rgba(0, 0, 0, 0.1);
    }
    
    .home-leave-comments {
        width: 100%;
        padding: 100px 0;
        background: #EEF2F6;
    }
    
    .home-leave-comments .tit {
        font-size: 34px;
        font-weight: 400;
        color: #333333;
        line-height: 30px;
    }
    
    .home-leave-comments .text {
        font-size: 16px;
        color: #333333;
        line-height: 30px;
        opacity: 0.6;
        margin: 20px 0 77px;
    }
    
    .home-leave-comments .form-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .leave-comment-input {
        width: calc((100% - 323px) / 3);
        padding: 0 24px;
        box-sizing: border-box;
        height: 54px;
        font-size: 14px;
        background-color: #fff;
        color: #333;
    }
    
    .leave-comment-input::placeholder {
        font-size: 14px;
        color: #333;
    }
    
    .home-leave-comments .submit-btn {
        width: 233px;
        height: 54px;
        border: 1px solid #0D6CE1;
        border-radius: 4px;
        line-height: 52px;
        text-align: center;
        border: 1px solid var(--theme-color);
        color: var(--theme-color);
        font-size: 16px;
    }
    
    .home-leave-comments .submit-btn:hover {
        border: 1px solid #fff;
        background-color: var(--theme-color);
        color: #fff;
    }
    /* 关于我们 */
    
    .about-us-box1 {
        width: 100%;
        height: 650px;
        padding: 156px 0 0;
        box-sizing: border-box;
    }
    
    .inside-tit {
        font-size: 30px;
        color: #333;
        text-align: center;
        margin: auto;
    }
    
    .inside-down-icon {
        display: block;
        width: 34px;
        margin: 16px auto 0;
    }
    
    .about-us-text {
        width: 800px;
        margin: 87px auto 0;
        font-size: 16px;
        color: #333333;
        line-height: 32px;
        text-align: center;
    }
    
    .about-us-box2 {
        display: flex;
        align-items: center;
        width: 100%;
        height: 650px;
    }
    
    .about-us-lists {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .about-us-list {
        width: 300px;
        margin: 0 50px;
        color: rgba(255, 255, 255, 0.8);
    }
    
    .about-us-list .top {
        width: 100%;
        height: 170px;
        padding: 29px 0 18% 15px;
        border-top: 3px solid #2972EC;
        /* border-bottom: 3px solid #2972EC; */
        box-sizing: border-box;
    }
    
    .about-us-list .top>h2 {
        width: 100%;
        font-size: 40px;
        font-weight: bold;
        color: #fff;
        line-height: 36px;
    }
    
    .about-us-list .top .text {
        width: 100%;
        font-size: 14px;
        margin-top: 16px;
        line-height: 18px;
    }
    
    .about-us-list>h3 {
        font-size: 40px;
        font-weight: bold;
        margin: 24px 0 16px;
        color: #fff;
        padding-left: 15px;
        box-sizing: border-box;
        width: 100%;
    }
    
    .about-us-list>p {
        font-size: 14px;
        padding-left: 15px;
        box-sizing: border-box;
        width: 100%;
    }
    
    .about-us-list:hover .top {
        background: url(../images/about-us-list-bg.png) no-repeat;
        background-position: top;
        background-size: 100% 82%;
    }
    
    .about-us-box3 {
        width: 100%;
    }
    
    .about-us-content {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 95px 0;
    }
    
    .about-us-item {
        width: calc((100% - 40px) / 2);
    }
    
    .about-us-item .img-box {
        width: 100%;
    }
    
    .about-us-item .img-box>img {
        width: 100%;
        display: block;
    }
    
    .about-us-item .tit {
        width: 100%;
        padding: 0 25px;
        margin-top: 40px;
        font-size: 20px;
        font-weight: bold;
        line-height: 32px;
        box-sizing: border-box;
    }
    
    .about-us-item .text {
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box;
        margin-top: 40px;
        font-size: 16px;
        color: #555;
        line-height: 32px;
    }
    /* 企业文化 */
    
    .company-culture {
        width: 100%;
        padding: 85px 0;
    }
    
    .company-culture .text {
        margin: 45px auto 0;
        width: 800px;
        font-size: 16px;
        color: #333333;
        line-height: 32px;
        text-align: center;
    }
    
    .company-culture-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 90px;
    }
    
    .company-culture-item {
        width: 280px;
        margin-bottom: 57px;
    }
    
    .company-culture-item .img-box {
        width: 100%;
        height: 160px;
        overflow: hidden;
    }
    
    .company-culture-item .img-box>img {
        width: 100%;
        display: block;
        transition: all 0.3s;
    }
    
    .company-culture-item .tit {
        display: block;
        width: 100%;
        font-size: 15px;
        color: #333333;
        line-height: 24px;
        margin-top: 24px;
        height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .company-culture-item:hover .tit {
        color: var(--theme-color);
    }
    
    .company-culture-item:hover .img-box>img {
        transform: scale(1.3);
    }
    /* 企业荣誉 */
    
    .company-honor {
        width: 100%;
        padding: 80px 0 90px;
    }
    
    .company-honor-content {
        width: 100%;
        margin-top: 50px;
        border-top: 1px solid #F3F3F3;
    }
    
    .company-honor-list {
        position: relative;
        width: 100%;
        padding: 39px 0;
        border-bottom: 1px solid #F3F3F3;
    }
    
    .company-honor-list::after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: "";
        width: 0;
        border-bottom: 1px solid var(--theme-color);
        transition: all 0.3s;
    }
    
    .company-honor-list:hover::after,
    .company-honor-list.active::after {
        width: 100%;
    }
    
    .company-honor-list .top {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 20px;
        color: #333333;
        line-height: 36px;
    }
    
    .company-honor-list .top .num {
        font-weight: bold;
        color: #999;
    }
    
    .company-honor-list .top .tit {
        display: flex;
        align-items: center;
        width: calc(100% - 100px);
    }
    
    .company-honor-list .top .tit>h4 {
        color: var(--theme-color);
        font-weight: bold;
    }
    
    .company-honor-list .top .down-icon {
        display: block;
        width: 18px;
        height: 10px;
        background-image: url(../images/down-icon3.png);
        background-repeat: no-repeat;
        background-size: 18px 10px;
        background-position: right center;
        padding: 10px;
    }
    
    .company-honor-list .top .down-icon:hover {
        background-image: url(../images/down-icon4.png);
    }
    
    .company-honor-list.active .top .down-icon {
        background-image: url(../images/down-icon5.png);
    }
    
    .company-honor-list .bottom {
        width: 100%;
        display: none;
        /* justify-content: space-between; */
        padding: 0 38px 0 58px;
        box-sizing: border-box;
        margin-top: 44px;
    }
    
    .company-honor-list.active .bottom {
        display: flex;
    }
    
    .company-honor-item {
        width: 200px;
        text-align: center;
        margin-right: 20px;
    }
    
    .company-honor-item>img {
        display: block;
        width: 100%;
    }
    
    .company-honor-item>span {
        color: #333333;
        line-height: 36px;
        font-size: 14px;
    }
    /* 发展历程 */
    
    .develop-course {
        width: 100%;
        padding: 80px 0 120px;
    }
    
    .develop-course-time {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 64px;
        margin-top: 65px;
    }
    
    .develop-course-time .prev {
        width: 20px;
        height: 20px;
        background-image: url(../images/prev-icon1.png);
        background-size: 10px 18px;
        background-position: left center;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    
    .develop-course-time .next {
        width: 20px;
        height: 20px;
        background-image: url(../images/next-icon4.png);
        background-size: 10px 18px;
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    
    .develop-course-time .prev:hover {
        background-image: url(../images/prev-icon2.png);
    }
    
    .develop-course-time .next:hover {
        background-image: url(../images/next-icon3.png);
    }
    
    .develop-course-time .timeline {
        width: 1000px;
        position: absolute;
        left: 100px;
        bottom: 50%;
        content: "";
        border-bottom: 1px solid #E5E5E5;
        overflow: hidden;
    }
    
    .develop-course-time .timebox1 {
        position: absolute;
        left: 50px;
        bottom: 28px;
        width: 1100px;
        height: 60px;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .develop-course-time .timebox2 {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        z-index: 5;
    }
    
    .develop-course-time .timebox2 li {
        position: relative;
        width: 110px;
        flex-shrink: 0;
        color: #333;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 20px;
        text-align: center;
        cursor: pointer;
    }
    
    .develop-course-time .timebox2 li::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 9px;
        height: 9px;
        background-image: url(../images/circle.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        transform: translateX(-50%);
    }
    
    .develop-course-time .timebox2 li:hover,
    .develop-course-time .timebox2 li.active {
        color: var(--theme-color);
        font-size: 20px;
        padding-bottom: 25px;
    }
    
    .develop-course-time .timebox2 li:hover::before,
    .develop-course-time .timebox2 li.active::before {
        background-image: url(../images/circle-active.png);
        /* transform: translateX(0); */
        height: 20px;
    }
    
    .develop-course-content {
        width: 100%;
        margin-top: 30px;
    }
    
    .develop-course-list {
        display: flex;
        width: 100%;
        padding: 30px 0;
        border-bottom: 1px solid #EEEEEE;
    }
    
    .develop-course-list .img-box {
        position: relative;
        width: 500px;
    }
    
    .develop-course-list .img-box>img {
        display: block;
        width: 100%;
    }
    
    .develop-course-list .img-box .moon {
        position: absolute;
        top: 50%;
        right: -38px;
        width: 75px;
        height: 75px;
        background: var(--theme-color);
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
        border-radius: 50%;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
        font-weight: bold;
        color: #FFFFFF;
        transform: translateY(-50%);
    }
    
    .develop-course-list .text-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 700px;
        padding: 0 100px;
        box-sizing: border-box;
    }
    
    .develop-course-list .text-box .time {
        font-size: 20px;
        font-weight: bold;
        color: var(--theme-color);
        line-height: 36px;
    }
    
    .develop-course-list .text-box>p {
        width: 100%;
        font-size: 15px;
        color: #333333;
        line-height: 26px;
        margin-top: 35px;
    }
    /* 新闻中心 */
    
    .news-filter-box {
        width: 100%;
        margin-bottom: 100px;
    }
    
    .news-filter-content {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #999;
        font-size: 14px;
    }
    
    .news-select-box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 480px;
        height: 66px;
        border-bottom: 1px solid #7D7D7D;
        box-sizing: border-box;
    }
    
    .news-select-box>input {
        width: calc(100% - 30px);
        height: 100%;
        line-height: 30px;
    }
    
    .news-select-box .down-icon {
        width: 30px;
        height: 30px;
        background-image: url(../images/down-icon3.png);
        background-repeat: no-repeat;
        background-size: 14px 8px;
        background-position: right center;
        cursor: pointer;
        transition: all 0.3s;
    }
    
    .news-select-box .down-icon.active {
        background-image: url(../images/down-icon5.png);
    }
    
    .news-select-pop {
        position: absolute;
        top: 66px;
        left: 0;
        width: 100%;
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
        z-index: 3;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all;
        transform: translateY(-50px);
        background-color: #fff;
    }
    
    .news-select-pop.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .news-select-pop li {
        position: relative;
        width: 100%;
        line-height: 65px;
        padding: 0 25px;
        box-sizing: border-box;
        color: #333;
        border-bottom: 1px solid #f3f3f3;
        cursor: pointer;
    }
    
    .news-select-pop li::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #2972ec;
        transition: all 0.3s;
    }
    
    .news-select-pop li:hover {
        color: #2972ec;
    }
    
    .news-select-pop li:hover::after {
        width: 100%;
    }
    
    .news-search-box {
        width: 440px;
        height: 66px;
        border-bottom: 1px solid #7D7D7D;
        box-sizing: border-box;
    }
    
    .news-search-box>input {
        width: 100%;
        height: 100%;
        color: #999;
        font-size: 14px;
        line-height: 30px;
    }
    
    .news-search-box>input::placeholder {
        color: #999;
        font-size: 14px;
        line-height: 30px;
    }
    
    .news-search-btn {
        position: relative;
        width: 220px;
        height: 66px;
        background-color: var(--theme-color);
    }
    
    .news-search-btn>span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 14px;
        text-align: center;
        line-height: 66px;
        z-index: 2;
        color: #fff;
        background-color: var(--theme-color);
    }
    
    .news-search-btn::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background-color: #0053ba;
        z-index: 1;
        transition: all 0.5s;
    }
    
    .news-search-btn:hover>span {
        background-color: transparent;
    }
    
    .news-search-btn:hover::before {
        width: 100%;
    }
    
    .news-container {
        width: 100%;
        padding-bottom: 60px;
    }
    
    .news-lists {
        width: 100%;
        padding-bottom: 30px;
    }
    
    .news-list {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 30px 0;
        border-bottom: 1px solid #E5E5E5;
        box-sizing: border-box;
    }
    
    .news-list .img-box {
        width: 360px;
        height: 216px;
        overflow: hidden;
    }
    
    .news-list .img-box>img {
        width: 100%;
        display: block;
        transition: all 0.3s;
    }
    
    .news-list .text-box {
        width: calc(100% - 420px);
    }
    
    .news-list .text-box .tit {
        width: 100%;
        height: 30px;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        line-height: 30px;
    }
    
    .news-list .text-box>p {
        width: 100%;
        height: 40px;
        margin: 28px 0 40px;
        font-size: 14px;
        color: #999;
        line-height: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .news-list .text-box .bottom {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    
    .news-list .text-box .time {
        font-size: 12px;
        color: #333333;
    }
    
    .news-list .text-box .go-news-detail-btn {
        display: none;
        width: 54px;
        height: 8px;
        background: url(../images/go-news-detail-btn.png) no-repeat;
        background-size: 100% 100%;
    }
    
    .news-list::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 0;
        border-bottom: 1px solid #2972EC;
        transition: all 0.3s;
    }
    
    .news-list:hover .text-box .tit {
        color: #2972EC;
    }
    
    .news-list:hover .img-box>img {
        transform: scale(1.3);
    }
    
    .news-list:hover .text-box .go-news-detail-btn {
        display: block;
    }
    
    .news-list:hover::after {
        width: 100%;
    }
    /* 新闻详情 */
    
    .news-detail-banner {
        padding-top: 120px;
    }
    
    .news-detail-banner .inside-banner-tit {
        width: 100%;
        text-align: center;
        font-size: 32px;
        font-weight: bold;
        color: #000000;
    }
    
    .news-detail-box {
        position: relative;
        width: 100%;
        margin-top: -240px;
    }
    
    .news-detail-box .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-bottom: 20px;
    }
    
    .news-detail-box .top .news-detail-time {
        width: 50%;
        font-size: 14px;
        color: #666;
    }
    
    .news-detail-box .top .breadcrumb {
        position: inherit;
        color: #999;
        background-image: url(../images/home-icon1.png);
    }
    
    .news-detail-content {
        width: 100%;
        background-color: #fff;
        padding: 70px 150px 0;
        box-sizing: border-box;
    }
    
    .news-detail-content p {
        width: 100%;
        font-size: 16px;
        color: #333333;
        line-height: 32px;
        margin-bottom: 60px;
        text-align: justify;
    }
    
    .news-detail-content img {
        display: block;
        width: 100%;
        margin-bottom: 60px;
    }
    
    .news-detail-box .bottom {
        width: 100%;
        padding: 0 150px;
        box-sizing: border-box;
    }
    
    .news-detail-box .bottom .share-box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 48px 0;
    }
    
    .news-detail-box .bottom .share-box .item {
        margin: 0 50px;
        width: 60px;
        height: 60px;
        display: block;
    }
    
    .news-detail-more {
        width: 100%;
        border-top: 1px solid #DCDCDC;
    }
    
    .news-detail-more .item {
        display: flex;
        align-items: center;
        padding: 27px 0;
        font-size: 14px;
        color: #333;
        border-bottom: 1px solid #DCDCDC;
    }
    
    .news-detail-more .item>span {
        color: #999;
    }
    
    .news-detail-more .item:hover {
        color: var(--theme-color);
    }
    
    .news-detail-look-history {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin: 60px 0 90px;
    }
    
    .news-detail-look-history>h2 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        color: #333;
    }
    
    .news-detail-look-history .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(50% - 45px);
        margin: 10px 0;
    }
    
    .news-detail-look-history .item>p {
        width: calc(100% - 60px);
        color: #333;
        font-size: 16px;
        line-height: 25px;
        height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .news-detail-look-history .item>span {
        color: #BEBEBE;
        font-size: 15px;
    }
    
    .news-detail-look-history .item:hover>p,
    .news-detail-look-history .item:hover>span {
        color: var(--theme-color);
    }
    /* 业务介绍 */
    
    .business-introduce {
        width: 100%;
    }
    
    .business-introduce-lists {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 60px 0;
    }
    
    .business-introduce-list {
        position: relative;
        width: calc(50% - 20px);
        margin-bottom: 40px;
    }
    
    .business-introduce-list>img {
        width: 100%;
        display: block;
    }
    
    .business-introduce-list .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 35px 40px;
        box-sizing: border-box;
        color: #FFFFFF;
        transition: all 0.3s ease-in;
    }
    
    .business-introduce-list .mask .tit {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        line-height: 30px;
    }
    
    .business-introduce-list .mask>p {
        display: none;
        width: 100%;
        height: 48px;
        font-size: 16px;
        line-height: 24px;
        margin: 27px 0;
    }
    
    .business-introduce-list .mask .more {
        display: none;
        padding-right: 15px;
        background: url(../images/next-icon.png) no-repeat right center;
        background-size: 5px 9px;
        font-size: 14px;
    }
    
    .business-introduce-list:hover .mask {
        background-color: rgba(51, 51, 51, 0.6);
    }
    
    .business-introduce-list:hover .mask>p {
        display: block;
    }
    
    .business-introduce-list:hover .mask .more {
        display: inline-block;
    }
    /* 业务详情 */
    
    .business-detail {
        width: 100%;
        padding: 80px 0 85px;
    }
    
    .business-detail .inside-tit {
        color: var(--theme-color);
    }
    
    .business-detail-content {
        width: 100%;
        padding-top: 40px;
    }
    
    .business-detail-content p {
        width: 100%;
        font-size: 16px;
        color: #333333;
        line-height: 32px;
        margin-bottom: 40px;
    }
    
    .business-detail-content .img-box {
        width: 900px;
        margin: 0 auto 40px;
    }
    
    .business-detail-content img {
        width: 900px;
        margin: 0 auto 40px;
        display: block;
    }
    
    .business-detail-content .search-box {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .business-detail-content .search-box .item {
        width: 60px;
        height: 60px;
        margin: 0 50px;
    }
    /* 人才理念  人才培养*/
    
    .talent-concept-banner .inside-banner-nav {
        justify-content: flex-start;
    }
    
    .talent-concept-banner .inside-banner-nav li {
        margin-right: 47px;
    }
    
    .talent-concept {
        width: 100%;
        padding: 60px 0 40px;
    }
    
    .talent-concept-content {
        width: 100%;
    }
    
    .talent-concept-lists {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .talent-concept-item {
        position: relative;
        width: 580px;
        height: 325px;
        margin-bottom: 40px;
    }
    
    .talent-concept-item1 {
        width: 100%;
        height: 470px;
    }
    
    .talent-concept-item>img {
        display: block;
        width: 100%;
    }
    
    .talent-concept-item .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 35px 40px;
        box-sizing: border-box;
        color: #fff;
    }
    
    .talent-concept-item .mask>h2 {
        width: 100%;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
    }
    
    .talent-concept-item .mask>p {
        display: none;
        font-size: 16px;
        line-height: 30px;
    }
    
    .talent-concept-item:hover .mask {
        background-color: rgba(51, 51, 51, 0.6);
    }
    
    .talent-concept-item:hover .mask>p {
        display: block;
    }
    /* .recruitment {
	width: 100%;
	margin: 60px 0 80px;
}
 */
    
    .recruitment-top {
        width: 100%;
        display: flex;
        margin: 60px 0 23px;
    }
    
    .recruitment-top .tit {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #999;
    }
    
    .recruitment-top .tit>span {
        margin-left: 6px;
    }
    
    .recruitment-top .item1 {
        display: flex;
        align-items: center;
        width: 680px;
        padding: 0 100px 0 15px;
        box-sizing: border-box;
    }
    
    .recruitment-top .item2 {
        width: 130px;
    }
    
    .recruitment-top .item3 {
        width: calc(100% - 810px);
    }
    
    .recruitment-content {
        width: 100%;
        border-top: 1px solid #484E56;
        margin-bottom: 80px;
    }
    
    .recruitment-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 85px;
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid #484E56;
    }
    
    .recruitment-list .item1 {
        display: flex;
        align-items: center;
        width: 680px;
        padding: 0 100px 0 15px;
        box-sizing: border-box;
    }
    
    .recruitment-list .item2 {
        width: 130px;
    }
    
    .recruitment-list .item3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: calc(100% - 810px);
        padding-right: 15px;
        box-sizing: border-box;
    }
    
    .recruitment-list .go-recruitment-detail {
        width: 28px;
        height: 14px;
        background-image: url(../images/go-recruitment-icon1.png);
        background-size: 14px 13px;
        background-repeat: no-repeat;
        background-position: left center;
        transition: all 0.3s;
    }
    
    .recruitment-list:hover {
        background-color: #2972EC;
        border-bottom: 1px solid #2972EC;
        color: #fff;
    }
    
    .recruitment-list:hover .go-recruitment-detail {
        background-image: url(../images/go-recruitment-icon2.png);
        background-size: 100% 13px;
        background-position: right center;
    }
    /* 招聘详情 */
    
    .recruitment-detail-banner {
        padding-top: 80px;
    }
    
    .recruitment-detail-banner .inside-banner-tit {
        font-size: 32px;
        color: #333;
    }
    
    .recruitment-detail-banner .box {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    
    .recruitment-detail-banner .tags {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 70%;
    }
    
    .recruitment-detail-banner .tag {
        width: 100px;
        height: 30px;
        background: #FFFFFF;
        border-radius: 15px;
        font-size: 14px;
        color: #7A7D82;
        line-height: 30px;
        text-align: center;
        margin-right: 9px;
    }
    
    .recruitment-detail-banner .time-box {
        text-align: right;
        height: 70px;
    }
    
    .recruitment-detail-banner .time-box>h2 {
        color: #333;
        font-size: 30px;
        font-weight: 400;
    }
    
    .recruitment-detail-banner .time-box>h3 {
        color: #666666;
        font-size: 14px;
        font-weight: 400;
    }
    
    .recruitment-detail {
        width: 100%;
        margin-top: -240px;
    }
    
    .recruitment-detail .top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-bottom: 20px;
    }
    
    .recruitment-detail .top .breadcrumb {
        position: inherit;
        background-image: url(../images/home-icon1.png);
        color: #999;
    }
    
    .recruitment-detail-content {
        width: 100%;
        padding: 80px 150px;
        box-sizing: border-box;
        background-color: #fff;
    }
    
    .recruitment-detail-tit1 {
        display: block;
        width: 100%;
        border-left: 4px solid #4284DA;
        font-size: 16px;
        color: #4284DA;
        font-weight: bold;
        line-height: 16px;
        padding-left: 9px;
        box-sizing: border-box;
        margin-bottom: 32px;
    }
    
    .recruitment-detail-tit2 {
        width: 100%;
        color: #333;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 22px;
    }
    
    .recruitment-detail-msg {
        width: 100%;
        margin-bottom: 60px;
    }
    
    .recruitment-detail-msg li {
        width: 100%;
        font-size: 16px;
        color: #333;
        text-align: justify;
        line-height: 40px;
    }
    
    .recruitment-detail-content .address {
        font-size: 16px;
        color: #333333;
        width: 100%;
        padding-left: 20px;
        background-image: url(../images/address-icon.png);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 14px 16px;
        margin-bottom: 57px;
    }
    
    .recruitment-other {
        width: 100%;
        margin-top: 90px;
    }
    
    .recruitment-other h3 {
        font-size: 20px;
        font-weight: bold;
        color: #333333;
        line-height: 30px;
        margin-bottom: 30px;
    }
    
    .recruitment-other-list {
        width: 100%;
        border-top: 1px solid #DCDCDC;
    }
    
    .recruitment-other-list>li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 72px;
        padding: 0 15px;
        box-sizing: border-box;
        border-bottom: 1px solid #DCDCDC;
        color: #333;
        font-size: 16px;
    }
    
    .recruitment-other-list>li .btn {
        width: 28px;
        height: 20px;
        background-image: url(../images/go-recruitment-icon1.png);
        background-size: 14px 13px;
        background-position: left center;
        background-repeat: no-repeat;
        transition: all 0.3s;
    }
    
    .recruitment-other-list>li:hover {
        background-color: var(--theme-color);
        border-bottom: 1px solid var(--theme-color);
        color: #fff;
    }
    
    .recruitment-other-list>li:hover .btn {
        background-image: url(../images/go-recruitment-icon2.png);
        background-size: 100% 13px;
        background-position: right center;
    }
    /* 在线留言 */
    
    .online-message {
        width: 100%;
        padding: 120px 0;
    }
    
    .online-message-content {
        width: 100%;
    }
    
    .online-message-content .tit {
        font-size: 30px;
        color: #333;
        font-weight: normal;
    }
    
    .online-message-content .tips {
        font-size: 18px;
        color: #999;
        margin: 20px 0 115px;
    }
    
    .online-message-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
    .online-message-item {
        position: relative;
        width: 550px;
        margin-bottom: 90px;
    }
    
    .online-message-item .input-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #4C4C4C;
        box-sizing: border-box;
    }
    
    .online-message-item .input-box .label-tit {
        font-size: 16px;
        color: #999;
        padding-bottom: 5px;
    }
    
    .online-message-item .input-box>input {
        width: 100%;
        color: #333;
        font-size: 16px;
        height: 20px;
        line-height: 20px;
    }
    
    .online-message-item .down-icon {
        position: absolute;
        top: 50%;
        right: 0;
        width: 20px;
        height: 18px;
        background-image: url(../images/down-icon6.png);
        background-size: 13px 6px;
        background-repeat: no-repeat;
        background-position: right center;
        cursor: pointer;
        transform: translateY(-50%);
    }
    
    .online-message-item1 {
        width: 100%;
    }
    
    .online-message-item .down-icon.active {
        background-image: url(../images/down-icon7.png);
    }
    
    .online-message-item-pop {
        position: absolute;
        top: 100%;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
        padding: 30px 35px;
        box-sizing: border-box;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-30px);
        transition: all 0.3s;
        z-index: 3;
    }
    
    .online-message-item-pop.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
    
    .online-message-item-pop li {
        font-size: 16px;
        color: #333;
        line-height: 40px;
    }
    
    .online-message-item-pop li:hover {
        color: var(--theme-color);
    }
    
    .online-message-content .submit-btn {
        width: 300px;
        height: 70px;
        background: var(--theme-color);
        line-height: 70px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        margin: auto;
    }
    /* 联系方式 */
    
    .connect-us-banner .inside-banner-nav {
        justify-content: flex-start;
    }
    
    .connect-us-banner .inside-banner-nav>li {
        margin-right: 47px;
    }
    
    .connect-container {
        width: 100%;
    }
    
    .connect-content {
        width: 100%;
    }
    
    .connect-content .tit {
        width: 100%;
        font-size: 30px;
        text-align: center;
        font-weight: normal;
        padding: 90px 0 70px;
    }
    
    .connect-content .top {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 30px;
    }
    
    .connect-content .top .box1 {
        width: 500px;
    }
    
    .connect-content .top .box1 li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 60px;
        padding-left: 68px;
        background-size: 60px 60px;
        background-repeat: no-repeat;
        background-position: left center;
        box-sizing: border-box;
        margin-bottom: 35px;
    }
    
    .connect-content .top .box1 li>h6 {
        font-size: 15px;
        color: #333;
    }
    
    .connect-content .top .box1 li>p {
        font-size: 20px;
        color: #2972EC;
    }
    
    .connect-content .top .box2 {
        display: flex;
        align-items: center;
        border-left: 1px solid #E1E2E4;
    }
    
    .connect-content .top .box2 .img-box {
        display: block;
        width: 125px;
        margin-left: 218px;
        text-align: center;
    }
    
    .connect-content .top .box2 .img-box>img {
        display: block;
        width: 100%;
        padding-bottom: 30px;
    }
    
    .connect-content .top .box2 .img-box>span {
        font-size: 15px;
    }
    
    .connect-content #map1 {
        width: 100%;
        height: 600px;
        margin-bottom: 90px;
    }
    /* 乘车路线 */
    
    .ride-route {
        width: 100%;
        padding: 110px 0;
    }
    
    .ride-route-content {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    
    .ride-route-content .map-box {
        width: 50%;
    }
    
    .ride-route-content .map-box #map2 {
        width: 100%;
        height: 360px;
    }
    
    .ride-route-content .map-box .address1 {
        display: flex;
        align-items: center;
        width: 100%;
        height: 60px;
        padding: 0 18px;
        box-sizing: border-box;
        background: #FFFFFF;
        box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
    }
    
    .ride-route-content .map-box .address1>span {
        font-size: 15px;
        color: #333;
        padding-left: 15px;
    }
    
    .ride-route-box {
        width: 50%;
        padding-left: 45px;
        box-sizing: border-box;
    }
    
    .ride-route-item {
        padding: 30px 0;
        width: 100%;
        border-bottom: 1px solid #E5E5E5;
    }
    
    .ride-route-item .tit {
        display: flex;
        align-items: center;
        width: 100%;
    }
    
    .ride-route-item .tit>span {
        font-size: 15px;
        padding-left: 5px;
        color: var(--theme-color);
    }
    
    .ride-route-item .address {
        font-size: 16px;
        margin-top: 12px;
    }
    /* .bshare-more {
        padding-right: 20px !important;
        background-image: url(../images/news-share-icon1.png) !important;
        background-position: center right !important;
        background-size: 14px 14px !important;
        background-repeat: no-repeat !important;
        font-size: 14px !important;
        margin: 0 !important;
        color: #999 !important;
        font-weight: normal !important;
        line-height: 27px !important;
    }
    
    .bshare-more:hover {
        color: var(--theme-color) !important;
        background-image: url(../images/news-share-icon2.png) !important;
    } */
    
    #kefu-kefuDv .telNo {
        height: auto !important;
        word-break: break-all !important;
        word-wrap: break-word !important;
    }