.nav>div>ul>li:nth-of-type(5)>div:first-of-type {
    top: 0 !important;
}

.nav>div>ul>li:nth-of-type(5)>div:last-of-type {
    bottom: 0 !important;
}

.list-history>.hiddenLi {
    display: none;
}


/*导航栏-------------------------------------------------------------*/

.nav-bar {
    line-height: 65px;
    width: 100%;
    background: rgb(0, 118, 192);
    transition: all .2s;
    z-index: 99;
}

.nav-bar .swiper-slide {
    width: auto;
}

.nav-bar>ul {
    margin: 0 auto;
    max-width: 1400px;
}

.nav-bar>ul>li>a {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    color: white;
    text-align: center;
    transition: all .2s;
    box-sizing: border-box;
    background: rgb(0, 118, 192);
    min-width: 130px;
    padding: 0 10px;
}

.nav-bar>ul>li>a:hover {
    background: white;
    color: rgb(0, 118, 192);
}


/*导航栏end----------------------------------------------------------*/


/*公司介绍-----------------------------------------------------------*/

.introduce {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 75px 0 100px;
    transition: none;
}

.introduce>section {
    padding-top: 65px;
    padding-bottom: 169px;
    transition: .3s all;
    background-size: auto 645px;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(/html/images/introduce-bg.jpg);
}

.introduce>section>div>p {
    line-height: 30px;
    color: rgb(83, 83, 83);
    max-width: 850px;
    margin-top: 30px;
}

.introduce>section>div>img {
    width: 100%;
    max-width: 419px;
}

.introduce>section>div>p>strong {
    color: rgb(31, 167, 241);
}

.introduce>div {
    width: 468px;
    padding-top: 649px;
}


/*公司介绍end--------------------------------------------------------*/


/*企业文化-----------------------------------------------------------*/

.culture {
    padding-top: 100px;
    width: 100%;
    background: url(/html/images/culture-bg.jpg) no-repeat center;
    background-size: cover;
}

.culture>h1 {
    font-weight: normal;
    text-align: center;
    font-size: 35px;
    color: white;
}

.flexbox-culture {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.flexbox-culture>div {
    text-align: center;
    color: white;
    box-sizing: border-box;
    padding: 140px 80px 185px;
    width: calc(1/3*100%);
}

.flexbox-culture>div>i {
    width: 70px;
    padding-top: 70px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: initial;
    background-position: center;
}

.flexbox-culture>div>p:first-of-type {
    color: rgb(49, 156, 217);
    font-size: 18px;
    margin: 15px 0 45px;
    transition: all .2s;
}

.flexbox-culture>div>p:last-of-type {
    transition: all .2s;
    line-height: 35px;
    font-size: 24px;
}


/*企业文化end--------------------------------------------------------*/


/*发展历程-----------------------------------------------------------*/

.history {
    padding-top: 60px;
    width: 100%;
    background: url(/html/images/history-bg.jpg) no-repeat center;
    background-size: cover;
}

.history>h1 {
    font-weight: normal;
    text-align: center;
    font-size: 35px;
    color: rgb(83, 83, 83);
    margin-bottom: 28px;
}

.history>div {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
}

.line {
    margin: 0 auto;
    display: block;
    width: 1204px;
    padding-top: 65px;
    background: url(/html/images/longline.png) no-repeat center;
    background-size: cover;
    margin-bottom: 37px;
}

.list-history>li {
    padding: 23px 0;
    display: flex;
    border-bottom: 1px solid rgb(230, 230, 230);
}

.list-history>li:first-of-type {
    border-top: 1px solid rgb(230, 230, 230);
}

.list-history>li>div:first-of-type {
    font-size: 18px;
    min-width: 135px;
    background: url(/html/images/arrow.png) no-repeat;
    background-position: 70px 10px;
    color: rgb(0, 118, 192);
}

.list-history>li>p {
    color: rgb(83, 83, 83);
    line-height: 25px;
}

.history>div>div {
    padding-bottom: 73px;
    text-align: right;
}

.history>div>div>a {
    line-height: 30px;
    height: 30px;
    width: 85px;
    display: inline-block;
    transition: all .2s;
    color: rgb(0, 118, 192);
    text-align: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: rgb(221, 221, 221);
    border: 1px solid rgb(221, 221, 221);
}

.history>div>div>a:hover {
    color: rgb(221, 221, 221);
    background: rgb(0, 118, 192);
    border: 1px solid rgb(0, 118, 192);
}


/*发展历程end--------------------------------------------------------*/


/*组织架构-----------------------------------------------------------*/

.structure {
    background-color: white;
    padding-bottom: 90px;
}

.structure>h1 {
    font-weight: normal;
    text-align: center;
    font-size: 35px;
    padding: 70px 0 50px;
    color: rgb(83, 83, 83);
}

.structure>div {
    margin: 0 auto;
    width: 95%;
    max-width: 1287px;
    background: url(/html/images/structure.png) center no-repeat;
    background-size: contain;
}


/*组织架构end--------------------------------------------------------*/


/*专家团队-----------------------------------------------------------*/

.team {
    background: url(/html/images/team-bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    padding-bottom: 130px;
}

.team>h1 {
    padding: 70px 0 50px;
    font-size: 35px;
    text-align: center;
    font-weight: normal;
    color: rgb(83, 83, 83);
}

.team>.container-team {
    max-width: 1400px;
    width: 95%;
}

.team .expert-photo {
    padding-top: calc(367/348*100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.team .expert-info {
    position: absolute;
    text-align: center;
    background: white;
    color: rgb(83, 83, 83);
    width: 100%;
    bottom: -100%;
    top: calc(100% - 40px);
    transition: bottom .4s ease-out;
    line-height: 28px;
    padding-top: 0 !important;
    padding-bottom: 10px;
}

.slide-team:hover .expert-info {
    top: auto;
    bottom: 0;
}

.team .expert-info>p {
    transition: all .2s;
    font-size: 15px;
}

.team .expert-info>.name {
    line-height: 40px;
    font-size: 18px;
}

.team .expert-info>.content {
    padding: 0 10px;
}

.team .slide-team:hover>.expert-info {
    background: rgb(31, 167, 241);
}

.team .slide-team:hover>.expert-info>p {
    color: white;
}

.pagination-team {
    width: 95%;
    margin-top: 34px;
    transition: all .2s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translate3d(0, 0, 0) !important;
}

.team .swiper-pagination-bullet {
    opacity: 1 !important;
    margin: 0 8px 0 !important;
    background: white !important;
    width: 92px !important;
    height: 2px !important;
    border-radius: 0 !important;
    position: relative;
    transition: all .2s;
}

.team .swiper-pagination-bullet-active {
    background: rgb(32, 165, 242) !important;
}

.team .swiper-pagination-bullet-active::before {
    background: rgb(32, 165, 242) !important;
}

.team .swiper-pagination-bullet-active::after {
    background: rgb(32, 165, 242) !important;
}


/*专家团队end--------------------------------------------------------*/


/*新闻资讯-----------------------------------------------------------*/

.news>h1 {
    text-align: center;
    font-weight: normal;
    font-size: 35px;
    padding: 70px 0 50px;
    color: rgb(83, 83, 83);
}

.container-news {
    width: 95%;
    max-width: 1400px;
    border-bottom: 1px solid rgb(210, 210, 210);
}

.container-news .cover {
    padding-top: calc(290/440*100%);
    width: 100%;
    display: inline-block;
    transition: all .4s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.container-news .cover:hover {
    background-size: 110%;
}

.container-news p {
    color: rgb(83, 83, 83);
}

.container-news .news-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 24px;
    padding: 20px 0 15px;
}

.container-news .news-detail {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.container-news .news-date {
    color: rgb(0, 176, 240);
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    align-items: center;
}

.container-news .news-date>span {
    font-size: 14px;
}

.container-news .news-date>a {
    display: inline-block;
    padding-top: 30px;
    width: 30px;
    background-image: url(/html/images/button.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.container-news .news-date>a:hover {
    background-image: url(/html/images/button-on.png);
}

.turn-pages {
    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
    padding-top: 108px;
    /* margin-bottom: 80px; */
    position: relative;
}

.pagination-news {
    min-height: 40px;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%) translate3d(0, 0, 0) !important;
    color: rgb(173, 173, 173);
}

.pagination-news>span {
    position: relative;
    bottom: -2px;
    font-size: 22px;
}

.pagination-news>.swiper-pagination-current {
    font-size: 32px;
    color: rgb(0, 118, 192);
}

.turn-pages .button-prev-news {
    --swiper-navigation-color: rgba(0, 0, 0, 0);
    --swiper-navigation-size: 32px;
    left: 0;
    height: 32px;
    width: 28px;
    right: 0;
    transition: all .2s;
    background: url(/html/images/prev.png) no-repeat;
}

.turn-pages .button-next-news {
    --swiper-navigation-color: rgba(0, 0, 0, 0);
    --swiper-navigation-size: 32px;
    right: 0;
    height: 32px;
    width: 28px;
    right: 0;
    transition: all .2s;
    background: url(/html/images/next.png) no-repeat;
}


/*新闻资讯end--------------------------------------------------------*/


/*自适应-------------------------------------------------------------*/

@media screen and (max-width:1400px) {
    .nav-bar {
        line-height: 50px;
    }

    .nav-bar>ul>li {
        max-height: 50px;
    }

    .nav-bar>ul>li>a {
        min-width: 110px;
    }

    .introduce {
        width: 100%;
        padding: 0;
    }

    .introduce>section {
        background-size: cover;
        padding: calc(65/1400*100%) 0;
    }

    .introduce>section>div {
        width: 100%;
        max-width: 900px;
        padding: calc(70/1400*100%);
        margin: 0 auto;
        background: rgba(255, 255, 255, .8);
    }

    .introduce>section>div>p {
        margin-top: calc(30/1400*100%);
    }

    .culture {
        padding-top: calc(80/1400*100%);
    }

    .flexbox-culture>div {
        padding: calc(120/1400*100%) calc(80/1400*100%) calc(160/1400*100%);
    }

    .flexbox-culture>div>p:first-of-type {
        margin: calc(15/1400*100%*3) 0 calc(45/1400*100%*3);
    }

    .history {
        padding-top: calc(60/1400*100%);
    }

    .line {
        width: calc(1204/1400*100%);
        padding-top: calc(65/1400*100%);
        margin-bottom: calc(37/1400*100%);
    }

    .history>div>div {
        padding-bottom: calc(73/1400*100%);
    }

    .team {
        padding-bottom: calc(130/1400*100%);
    }

    .container-news .news-title {
        font-size: 20px;
        padding: calc(20/1400*100%*3) 0 calc(15/1400*100%*3);
    }

    .container-news .news-detail {
        margin-bottom: calc(30/1400*100%*3);
    }

    .news>h1,
    .team>h1,
    .structure>h1,
    .history>h1,
    .culture>h1 {
        font-size: 30px;
    }

    .structure>h1,
    .news>h1,
    .team>h1 {
        padding: calc(50/1400*100%) 0 calc(70/1400*100%);
    }
}

@media screen and (max-width:850px) {}

@media screen and (max-width:768px) {
    .nav-bar {
        line-height: 40px;
    }

    .nav-bar>ul>li {
        max-height: 40px;
        flex-grow: 1;
    }

    .nav-bar>ul>li>a {
        padding: 0 10px;
        box-sizing: border-box;
        width: 100%;
        font-size: 16px;
    }

    .introduce>section {
        padding: calc(65/1400*100%*2 - 40px) 0;
    }


    .introduce>section>div>p {
        font-size: 15px;
    }

    .flexbox-culture>div>p:last-of-type {
        font-size: 20px;
        line-height: 30px;
    }

    .list-history>li {
        padding: calc(23/768*100%) 0;
    }

    .list-history>li>p {
        color: rgb(83, 83, 83);
        line-height: 22px;
        font-size: 15px;
    }

    .team .expert-info {
        padding: calc(10/768*100%*2);
        line-height: 25px;
    }

    .team .pagination-team {
        margin-top: calc(20/768*100%);
    }

    .team .swiper-pagination-bullet {
        width: calc(92/768*100%) !important;
    }

    .container-news .news-date {
        padding-bottom: calc(40/768*100%*2);
    }

    .container-news .news-date>a {
        width: 25px;
        padding-top: 25px;
    }

    .turn-pages {
        padding-top: calc(108/768*100%);
        /* margin-bottom: calc(30/768*100%); */
    }

    .pagination-news {
        font-size: 16px;
    }

    .pagination-news>span {
        position: relative;
        bottom: -2px;
        font-size: 18px;
    }

    .pagination-news>.swiper-pagination-current {
        font-size: 26px;
        color: rgb(0, 118, 192);
    }

    .turn-pages .button-prev-news {
        transform: scale(80%);
    }

    .turn-pages .button-next-news {
        transform: scale(80%);
    }

    .news>h1,
    .team>h1,
    .structure>h1,
    .history>h1,
    .culture>h1 {
        font-size: 26px;
    }
}

@media screen and (max-width:640px) {
    .flexbox-culture {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .flexbox-culture>div {
        width: 65%;
    }

    .history>div>div>a {
        width: 100%;
    }

    .team .pagination-team {
        margin-top: calc(5/768*100%);
    }

    .container-news .news-title {
        font-size: 18px;
    }

    .container-news .news-detail {
        font-size: 14px;
        line-height: 22px;
    }
}


/*自适应end----------------------------------------------------------*/

.more-news {
    margin: 0 auto 40px;
    display: block;
    width: 150px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    border: 1px solid rgb(0, 118, 192);
    border-radius: 5px;
    line-height: 50px;
    transition: .3s all;
    background-color: rgb(0, 118, 192);
}

.more-news:hover {
    color: rgb(0, 118, 192);
    background-color: #fff;

}

@media screen and (max-width:768px) {
    .more-news {
        line-height: 40px;
        font-size: 18px;
        width: 120px;
    }
}

@media screen and (max-width:450px) {
    .more-news {
        line-height: 30px;
        font-size: 15px;
        width: 95%;
        margin: 5px auto 20px;
    }
}