.sec1 {

    padding: 113px 0px 206px;

    width: 100%;

    background-image: url("../img/sec1_bg.png");

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: 100% auto;

    position: relative;

}


.sec1 h2 {

    font-size: 36px;

    color: rgba(0, 22, 72, 1);

    line-height: 36px;

    text-align: center;

    margin-bottom: 92px;

}


@media only screen and (min-width: 100px) and (max-width: 1000px) {

    .sec1 {

        padding: 100px 0 100px;

    }

}


@media only screen and (min-width: 100px) and (max-width: 750px) {

    .sec1 {

        padding: 70px 0 80px;

    }

    .sec1 h2 {

        font-size: 26px;

        margin-bottom: 30px;

    }

}


.sec1 .sec_1_container,
.sec1 .first_pro_content {

    width: 90%;

    max-width: 1440px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}


.sec1 .sec_1_container .lefts,
.sec1 .first_pro_content .lefts {

    width: 50%;

    max-width: 657px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0 15px;

    box-sizing: border-box;

}

.sec1 .sec_1_container .lefts .swiper-container,
.sec1 .first_pro_content .lefts .swiper-container {

    width: 100%;

    height: 100%;

    margin: 0;

}

.sec1 .sec_1_container .lefts .swiper_2 .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}


.swiper_2 .swiper-button-prev {

    left: 2.3%;

}


.swiper_2 .swiper-button-next {

    right: 2.3%;

}


@media only screen and (min-width: 100px) and (max-width: 640px) {

    .swiper_2 .swiper-button-prev,
    .swiper_2 .swiper-button-next {

        width: 30px !important;

        height: 30px !important;

        margin-top: -15px;

    }

}


.sec1 .first_pro_content {

    margin-top: 20px;

}


.sec1 .first_pro_content .lefts h3 a {

    font-size: 24px;

    color: #001648;

    line-height: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}


.sec1 .first_pro_content .lefts p {

    font-size: 16px;

    color: #001648;

    line-height: 26px;

    margin-top: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-right: 45px;

}


.sec1 .sec_1_container .rights,
.sec1 .first_pro_content .rights {

    width: calc(50% - 30px);

    flex: 1;

    margin-left: 30px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-direction: column;

}


.sec1 .sec_1_container .rights .items {

    padding: 17px 36px;

    display: flex;

    /* display:block; */

    height: calc(33.33% - 34px);

    width: calc(100% - 64px);

    transition: all 0.36s;

    align-items: center;

}

.sec_1_container .rights .items .img_box {

    width: 170px;

    margin-right: 27px

}

.sec_1_container .rights .items .img_box .ratio {

    position: relative;

    width: 100%;

    padding-top: 67%;

}

.sec_1_container .rights .items img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}


.sec1 .sec_1_container .rights .items .titles {

    width: calc(100% - 200px);

}


.sec_1_container .rights .items h3 {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-bottom: 17px;

    margin-top: 10px;

}


.sec_1_container .rights .items h3 a {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;

    color: #001648;

    line-height: 24px;

}


.sec_1_container .rights .items p {

    font-size: 14px;

    color: #001648;

    line-height: 26px;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}


.sec_1_container .rights .items:hover {

    background: rgba(255, 255, 255, 1);

    box-shadow: 0px 0px 43px 3px rgba(0, 0, 0, 0.13);

}


.sec1 .first_pro_content .right {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

}


.sec1 .first_pro_content .more {

    border: 4px solid transparent;

    color: #0421BD;

    display: block;

    width: 158px;

    height: 48px;

    /*margin-top: 27px;*/

    /*margin-right: 38px;*/

    border-radius: 24px;

    box-sizing: border-box;

    background: linear-gradient(-23deg, #001648, #003d88);

    margin-right: 38px;

}


.sec1 .first_pro_content .more span {

    width: 100%;

    height: 100%;

    display: flex;

    background: #fff;

    border-radius: 22px;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

    color: #003D88;

    padding-left: 26px;

    box-sizing: border-box;

}


.sec1 .first_pro_content .more i {

    background-image: url(../img/mo_sjx_hover.svg);

    /*margin-left: 3px;*/

}


.sec1 .first_pro_content .more:hover i {

    /*transform: translateX(8px);*/

}


/*.sec1 .first_pro_content .more:hover:before {

  left: 115px;

}*/


/*lg*/


@media screen and (min-width: 1202px) {
}


/*md*/


@media screen and (min-width: 992px) and (max-width: 1201px) {
}


/*sm*/


/*xs*/


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

    .sec1 .sec_1_container .rights .items:nth-last-of-type(1) {

        display: none;

    }

    .sec1 .sec_1_container .rights .items {

        height: calc(50%);

        width: calc(100% - 30px);

        box-sizing: border-box;

        padding: 17px 17px;

    }

}


.sec1 .first_pro_content .lefts {

    display: block;

}


/* .sec1 .sec_1_container .lefts .lefts{

  display:block;

} */


.sec1 .sec_1_container .lefts p {

    font-size: 16px;

    color: rgba(93, 100, 148, 1);

    line-height: 26px;

    margin-top: 23px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    padding-right: 45px;

}


.sec1 .sec_1_container .lefts h3 a {

    font-size: 24px;

    color: rgba(59, 66, 107, 1);

    line-height: 24px;

    margin-top: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}


.sec1 .sec_1_container .lefts .lefts {

    display: none;

}


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

    .news_container .news_container_box{
        width: 100%;
    }

    .sec1 .first_pro_content .lefts h3 a,
    .sec1 .sec_1_container .lefts h3 a {

        font-size: 18px;

        line-height: 24px;

    }

    .sec1 .sec_1_container .lefts p {

        font-size: 14px;

        padding-right: 0;

        padding-bottom: 20px;

    }

    .sec1 .sec_1_container,
    .sec1 .first_pro_content {

        display: block;

    }

    .sec1 .sec_1_container .lefts,
    .sec1 .first_pro_content .lefts {

        width: 100%;

        max-width: 100%;

    }

    .sec1 .sec_1_container .rights,
    .sec1 .first_pro_content .rights {

        width: 100%;

        margin-left: 0;

    }

    .sec1 .first_pro_content .lefts {

        display: none;

    }

    .sec1 .sec_1_container .lefts,
    .sec1 .sec_1_container .lefts .lefts {

        display: block;

    }

}


@media only screen and (min-width: 100px) and (max-width: 640px) {

    .sec1 .sec_1_container .rights .items {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

    .sec_1_container .rights .items .img_box {

        width: 100%;

    }

    .sec_1_container .rights .items img {

        width: 100%;

        max-width: 100%;

        margin-right: 0;

    }

    .sec1 .sec_1_container .rights .items .titles {

        width: 100%;

    }

    .sec_1_container .rights .items h3 {

        padding-top: 16px;

    }

}


.sec3 {

    width: 100%;

    padding: 106px 0px 264px;

    background-image: url("../img/sec3_bg.png");

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: cover;

    position: relative;

}


.sec3 .container {

    /* width: 90%; */

    max-width: 1440px;

    margin: 0px auto;

}


.sec3 .container h2 {

    font-size: 36px;

    color: rgba(0, 22, 72, 1);

    line-height: 36px;

    margin-bottom: 145px;

    text-align: center;

    z-index: 999;

    position: relative;

}


@media only screen and (min-width: 100px) and (max-width: 640px) {

    .sec3 {

        padding: 70px 0 132px;

    }

    .sec3 .container h2 {

        font-size: 26px;

    }

}


.sec3 .list_s {

    display: flex;

    flex-wrap: wrap;

    /* overflow-x:hidden; */

}


.sec3 .list_s .items {

    width: calc(25% - 112px);

    padding: 78px 60px;

    width: 350px;

    margin: 0 5px;

    z-index: 3;

    position: relative;

    height: 350px;

    box-sizing: border-box;

    transition: all 0.36s;

}


.sec3 .list_s .items h3 {

    font-size: 24px;

    color: rgba(0, 22, 72, 1);

    line-height: 24px;

    margin-bottom: 33px;

}


.sec3 .list_s .items p {

    font-size: 16px;

    color: #4555A1;

    line-height: 26px;

    /* position:relative; */

    display: -webkit-box;

    -webkit-line-clamp: 5;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-box-orient: vertical;

}


.sec3 .list_s .items img {

    height: 36px;

    margin-bottom: 25px;

}


.sec3 .list_s .items.active p,
.sec3 .list_s .items:hover p {

    display: -webkit-box;

    -webkit-line-clamp: 5;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-box-orient: vertical;

}


.sec3 .list_s .items.active {

    /*padding:78px 60px;*/

    background: #fff;

    /* border: */

    margin-top: -43px;

    /*max-width:228px;*/

    z-index: 1;

}


/*.sec3 .list_s .items:hover{

  padding:78px 60px;

  background:#fff;



 	max-width:228px;

  height: 194px;

 	z-index:1;

}*/


.sec3 .list_s .items .bgs_blue {

    /*display:none;*/

    width: 126%;

    height: 126%;

    border-radius: 50%;

    background: #001649;

    top: -13%;

    left: -13%;

    position: absolute;

    z-index: -2;

    transition: all 0s;

    opacity: 0;

}


.sec3 .list_s .items .bgs_white {

    /*display:none;*/

    width: 100%;

    height: 100%;

    background: #fff;

    top: 0px;

    left: 0px;

    position: absolute;

    z-index: -1;

    box-shadow: 0px 0px 43px 3px rgba(0, 0, 0, 0.13);

    transition: all 0s;

    opacity: 0;

}


.sec3 .list_s .items .bgs_white_big {

    display: none;

    width: 198%;

    height: 198%;

    border-radius: 50%;

    background: #fff;

    top: -49%;

    left: -49%;

    position: absolute;

    z-index: -3;

    transition: all 0s;

    opacity: 0;

}


.sec3 .list_s .items:before {

    content: "";

    /*display:none;*/

    opacity: 0;

    width: 94%;

    height: 14px;

    background: #1C9DAB;

    bottom: -14px;

    left: 3%;

    position: absolute;

    z-index: 0;

    max-width: 328px;

    transition: all 0s;

}


.sec3 .list_s .items.active .bgs_blue,
.sec3 .list_s .items.active .bgs_white,
.sec3 .list_s .items.active .bgs_white_big,
.sec3 .list_s .items.active:before {

    display: inline-block;

    opacity: 1;

    transition: all 0.6s;

}


/*.sec3 .list_s .items:hover .bgs_blue,

.sec3 .list_s .items:hover .bgs_white,

.sec3 .list_s .items:hover .bgs_white_big,

.sec3 .list_s .items:hover:before

{

  display:inline-block;

  opacity: 1;

 transition: all 0.6s;

}*/


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

    .sec3 .list_s {

        justify-content: center;

    }

    .sec3 .list_s .items {

        width: calc(50% - 122px);

        padding: 78px 61px;

        z-index: 3;

        position: relative;

        max-width: 228px;

        margin-left: 25%;

    }

    .sec3 .list_s .items:nth-child(2n+1) {

        margin-left: 0px;

    }

}


/*lg*/


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

    .sec3 .list_s .items {

        margin-left: 0%;

    }

}


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

    .sec3 .list_s .items {

        width: 100%;

        /* margin-left:350px; */

    }

    /* .sec3 .list_s .items:hover{

    padding: 42px 25px;

    width:auto;

  } */

}


.industrial_cluster {

    padding: 106px 0 132px;

    background-image: url(../img/sec3_bg.png);

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: cover;

    position: relative;

}

.industrial_cluster .container {

    overflow-x: hidden;

}

.industrial_cluster h2 {

    font-size: 36px;

    text-align: center;

    position: relative;

    z-index: 4;

    color: #001648

}


.industrial_cluster .cluster {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    padding: 172px 0;

    max-width: 1440px;

    margin: 0 auto;

    width: 86%;

}


.industrial_cluster .cluster li {

    width: calc(100% / 4 - 10px);

    max-width: 350px;

    margin: 0 5px;

    position: relative;

    transition: all 0.3s;

}


.industrial_cluster .cluster li .inner_box {

    position: relative;

    width: 100%;

    padding-top: 100%;

    z-index: 3;

    display: block;

}


.industrial_cluster .cluster li .content_box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: none;

    padding: 0 13%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    box-sizing: border-box;

    transition: all 0.5s;

}


.industrial_cluster .cluster li img {

    width: auto;

    display: block;

    max-width: 52%;


}


.industrial_cluster .cluster li h3 {

    font-size: 20px;

    color: #001648;

    line-height: 1.5;

    padding: 21px 0;

}


@media only screen and (min-width: 100px) and (max-width: 1250px) {

    .industrial_cluster .cluster li h3 {

        font-size: 18px;

    }

}


.industrial_cluster .cluster li p {

    font-size: 15px;

    color: #4555A1;

    line-height: 26px;

    overflow: hidden;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    display: none;

    text-align: justify;

}

.industrial_cluster .cluster li.active p {

    display: -webkit-box;

}

.industrial_cluster .cluster li:after {

    content: "";

    display: block;

    width: 93.5%;

    height: 14px;

    background: #1EA8B8;

    margin: 0 auto;

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

    z-index: 3;

    opacity: 0;

    transition: all 0s;

}


.industrial_cluster .cluster li .bg_box {

    width: 198%;

    padding-top: 198%;

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 50%;

    background: #fff;

    z-index: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    opacity: 0;

    transform: translate(-50%, -50%) scale(0.7);

    transition: all 0s;

}


.industrial_cluster .cluster li .bg_box .colour {

    width: 63.4%;

    height: 63.4%;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

}


.industrial_cluster .cluster li:nth-child(1) .bg_box .colour {

    background: rgb(41, 93, 160);

}


.industrial_cluster .cluster li:nth-child(2) .bg_box .colour {

    background: #1C9FAE;

}


.industrial_cluster .cluster li:nth-child(3) .bg_box .colour {

    background: rgb(196, 92, 90);

}


.industrial_cluster .cluster li:nth-child(4) .bg_box .colour {

    background: #e44525;

}


.industrial_cluster .cluster li:nth-child(1):after {

    background: rgb(41, 93, 160);

}


.industrial_cluster .cluster li:nth-child(2):after {

    background: #1C9FAE;

}


.industrial_cluster .cluster li:nth-child(3):after {

    background: rgb(196, 92, 90);

}


.industrial_cluster .cluster li:nth-child(4):after {

    background: #e44525;

}


.industrial_cluster .cluster li.active {

    transform: translateY(-11%);

    transition: all 0.3s;

}


.industrial_cluster .cluster li.active .content_box {

    background: #fff;

    box-shadow: 0px 0px 43px 3px rgba(0, 0, 0, 0.13);

    transition: all 0.3s;

}


.industrial_cluster .cluster li.active:after {

    opacity: 1;

    transition: all 0.3s;

}


.industrial_cluster .cluster li.active .bg_box {

    opacity: 1;

    transform: translate(-50%, -50%) scale(1);

    transition: all 0.8s;

}


@media only screen and (min-width: 100px) and (max-width: 1200px) {

    .industrial_cluster .cluster li {

        width: calc(100% / 2 - 10px);

    }

    .industrial_cluster {

        padding-bottom: 30px;

    }

}


@media only screen and (min-width: 100px) and (max-width: 900px) {

    .industrial_cluster .cluster li .bg_box {

        width: 150%;

        padding-top: 150%;

    }

    .industrial_cluster .cluster li .bg_box .colour {

        width: 80%;

        height: 80%;

    }

}


@media only screen and (min-width: 100px) and (max-width: 640px) {

    .industrial_cluster h2 {

        font-size: 26px;

    }

    .industrial_cluster .cluster {

        justify-content: center;

        padding: 80px 0;

    }

    .industrial_cluster .cluster li {

        width: 80%;

        margin: 0 auto;

    }

    .industrial_cluster .cluster li .content_box {

        padding: 0 14%;

    }

    .industrial_cluster .cluster li.active {

        transform: translateY(0);

    }

}

@media only screen and (min-width: 100px) and (max-width: 550px) {

    .industrial_cluster .cluster li {

        width: 70%;

        margin: 0 auto;

    }

}


/*时间轴新*/

.sec4 {

    width: 100%;

    padding: 134px 0px 155px;

    background-image: url("../img/sec4_bg.png");

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: cover;

    position: relative;

}


.sec4 h2 {

    font-size: 36px;

    font-size: 36px;

    color: #001648;

    line-height: 36px;

    margin-bottom: 90px;

    text-align: center;

}


.time_axis {

    max-width: 1440px;

    width: 90%;

    margin: 0 auto;

    position: relative;


}


.time_axis .time_list {

    position: relative;

}


.time_axis .gallery-top {

    width: 100%;

    padding: 40px 0 50px;

}


.time_axis .gallery-thumbs {

    box-sizing: border-box;

    padding: 10px 0;

}


.time_axis .gallery-top .detail {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    width: 90%;

    max-width: 980px;

    margin: 0 auto;

}


.time_axis .gallery-top .lefts {

    font-size: 58px;

    color: #003D88;

    margin-right: 30px;

    font-weight: bold;

}


.time_axis .gallery-top .rights_list li {

    color: #003D88;

    font-size: 16px;

    line-height: 2.5em;

    position: relative;

    padding-left: 20px;

}


.time_axis .gallery-top .rights_list li:before {

    content: "";

    display: block;

    position: absolute;

    top: 15px;

    left: 0;

    width: 6px;

    height: 6px;

    background: #003D88;

    border-radius: 50%;

}


.time_axis .swiper-button-next,
.time_axis .swiper-button-prev {

    width: 34px !important;

    height: 34px !important;

    display: block;

    outline: none;

    border-radius: 50%;

    background: none;

    margin-top: -15px !important;

    box-sizing: border-box;

    background: url(../img/jb.jpg) no-repeat center center;

    background-size: 100% 100%;

    padding: 6px;

}

.time_axis .swiper-button-prev {

    left: 0;

}

.time_axis .swiper-button-next {

    right: 0;

}

.time_axis .swiper-button-next i,
.time_axis .swiper-button-prev i {

    display: block;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: url(../img/next.svg) no-repeat center center rgb(226, 234, 245);

    background-size: 35% auto;

}

.time_axis .swiper-button-prev i {

    transform: rotate(180deg);

}

.swiper-button-next:after,
.swiper-button-prev:after {

    display: none;

}


.time_axis .gallery-thumbs {

    max-width: 1440px;

    width: calc(100% - 72px);

    margin: 0 auto;

}


.time_axis .gallery-thumbs:after {

    content: "";

    position: absolute;

    top: 50%;

    width: 100%;

    left: 0;

    display: block;

    height: 2px;

    transform: translateY(-50%);

    background: #001648;

    opacity: 0.21;

}


.time_axis .gallery-thumbs .swiper-slide {

    width: calc(100% / 6);

}


.time_axis .gallery-thumbs .swiper-slide .wrap {

    width: 100%;

}


.time_axis .gallery-thumbs .swiper-slide .inner {

    width: 100%;

    padding-top: 100%;

    position: relative;

}


.time_axis .gallery-thumbs .swiper-slide .inner .content_box,
.time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle2,
.time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle3,
.time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle4 {

    border-radius: 50%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}


.time_axis .gallery-thumbs .swiper-slide .inner .content_box {

    border: 1px solid #5D6494;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}


.time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle2 {

    width: 87.22%;

    height: 87.22%;

    border: 1px solid #5D6494;

}


.time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle3 {

    width: 83.33%;

    height: 83.33%;

    border: 2px solid #5D6494;

}


.time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle4 {

    width: 86%;

    height: 86%;

    background: url(../img/jb.jpg) no-repeat center center;

    background-size: 100% 100%;

    font-size: 32px;

    font-weight: 600;

    color: #fff;

}


.time_axis .gallery-thumbs .swiper-slide {

    cursor: pointer;

}


.time_axis .gallery-thumbs .swiper-slide .inner {

    transform: scale(0.05);

    transition: all 0.5s;

}


.time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle4 {

    color: #4B5FB8;

    transition: all 0.5s;

}


.time_axis .gallery-thumbs .swiper-slide p {

    text-align: center;

    color: #5D6494;

    font-size: 18px;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    padding-top: 30px;

    transition: all 0.3s;

}

.time_axis .gallery-thumbs .swiper-slide-thumb-active .inner {

    transform: scale(1);

}


.time_axis .gallery-thumbs .swiper-slide-thumb-active .inner .content_box .circle4 {

    color: #fff;

}

.time_axis .gallery-thumbs .swiper-slide-thumb-active p {

    opacity: 0;

}


@media only screen and (min-width: 100px) and (max-width: 1450px) {

    .time_axis .gallery-thumbs .swiper-slide {

        width: calc(100% / 5);

    }

    .sec4 {

        padding: 100px 0px 117px;

    }

    .sec4 h2 {

        margin-bottom: 70px;

    }

    .time_axis .gallery-top .lefts {

        font-size: 48px;

        padding-bottom: 20px;

    }

}


@media only screen and (min-width: 100px) and (max-width: 1250px) {

    .time_axis .gallery-thumbs .swiper-slide {

        width: calc(100% / 4);

    }

    .sec4 {

        padding: 86px 0px 100px;

    }

    .sec4 h2 {

        margin-bottom: 60px;

    }

}


@media only screen and (min-width: 100px) and (max-width: 1050px) {

    .time_axis .gallery-top .detail {

        flex-direction: column;

    }

    .time_axis .gallery-top .lefts {

        margin-right: 0;

    }

    .time_axis .gallery-thumbs .swiper-slide {

        width: calc(100% / 3);

    }

    .sec4 h2 {

        margin-bottom: 40px;

    }

    .time_axis .gallery-top {

        padding-top: 0;

    }

}


@media only screen and (min-width: 100px) and (max-width: 750px) {

    .time_axis .gallery-thumbs .swiper-slide {

        width: calc(100% / 2);

    }

    .time_axis .gallery-top .lefts {

        font-size: 38px;

        padding-bottom: 10px;

    }

    .time_axis .gallery-top .rights_list li {

        font-size: 14px;

        line-height: 2.1em;

    }

    .time_axis .gallery-top .rights_list li:before {

        top: 11px

    }

}


@media only screen and (min-width: 100px) and (max-width: 450px) {

    .time_axis .gallery-thumbs .swiper-slide .inner .content_box .circle4 {

        font-size: 20px;

    }

    .time_axis .gallery-thumbs .swiper-slide {

        width: 100%;

    }

    .time_axis .gallery-thumbs .swiper-slide .wrap {

        /*max-width: 230px;*/

        margin: 0 auto;

    }

    .time_axis .gallery-thumbs .swiper-slide-thumb-active .inner {

        transform: scale(0);

    }


    .time_axis .gallery-thumbs .swiper-slide-thumb-active .inner .content_box .circle4 {

        color: #4B5FB8;

    }

    .time_axis .gallery-thumbs .swiper-slide-thumb-active p {

        opacity: 1;

    }

    .time_axis .gallery-thumbs .swiper-slide-active .inner,
    .time_axis .gallery-thumbs .swiper-slide-thumb-active .inner {

        transform: scale(1);

    }

    .time_axis .gallery-thumbs .swiper-slide-active .inner .content_box .circle4,
    .time_axis .gallery-thumbs .swiper-slide-thumb-active .inner .content_box .circle4 {

        color: #fff;

    }

    .time_axis .gallery-thumbs .swiper-slide-active p,
    .time_axis .gallery-thumbs .swiper-slide-thumb-active p {

        opacity: 0;

    }

}


/*时间轴新 over*/


.sec5 {

    width: 100%;

    background-image: url("../img/sec5_bg.png");

    background-repeat: no-repeat;

    background-position: left bottom;

    background-size: cover;

    padding: 110px 0px 270px;

    position: relative;

}


.sec5 .container {

    width: 90%;

    max-width: 1440px;

    margin: 0px auto;

}


.sec5 .container h2 {

    font-size: 36px;

    color: #fff;

    line-height: 36px;

    margin-bottom: 60px;

    text-align: center;

}


.sec5 .container ul {

    width: 100%;

    margin: 0px;

    list-style: none;

    display: flex;

    justify-content: center;

}


.sec5 .container ul li {

    width: 158px;

    line-height: 40px;

    color: #fff;

    border: 4px solid transparent;

    border-radius: 30px;

    cursor: pointer;

    transition: all 0.36s;

    text-align: center;

    display: block;

    font-size: 16px;

}


.sec5 .container ul li.active,
.sec5 .container ul li:hover {

    border: 4px solid #fff;

}


.sec5 .container .pro_list {

    width: 100%;

    margin-top: 107px;

}


.sec5 .container .pro_list .pros {

    width: 100%;

    display: none;

    justify-content: space-between;

}


.sec5 .container .pro_list .pros.active {

    display: flex;

}


.sec5 .container .pro_list .pros .lefts {

    width: 70%;

    /*max-width:850px;*/

    position: relative;

}


.sec5 .container .pro_list .pros .lefts .img_box {

    width: 100%;

    padding-top: 85.63%;

    position: relative;

}


.sec5 .container .pro_list .pros .lefts .img_box img {

    width: 100%;

    height: 100%;

    display: block;

    /*object-fit: contain;*/

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.36s;

}


.sec5 .container .pro_list .pros .lefts img.img2 {

    opacity: 0;

}


.sec5 .container .pro_list .pros .lefts img.img1 {

    opacity: 0;

}


.sec5 .container .pro_list .pros .lefts img.img1.show,
.sec5 .container .pro_list .pros .lefts img.img2.show {

    opacity: 1;

}


.sec5 .container .pro_list .pros .rights {

    /* width:70%; */

    width: 310px;

    max-width: 24%;

    display: flex;

    /*justify-content: space-between;*/

    align-items: flex-start;

    flex-direction: column;

}


.sec5 .container .pro_list .pros .rights .items {

    cursor: pointer;

    padding-bottom: 84px;

}


.sec5 .container .pro_list .pros:first-child .rights .items {

    padding-bottom: 40px;

}


@media only screen and (min-width: 100px) and (max-width: 1100px) {

    .sec5 .container .pro_list .pros {

        flex-direction: column;

    }

    .sec5 .container .pro_list .pros .lefts {

        width: 100%;

    }

    .sec5 .container .pro_list .pros .rights {

        width: 100%;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        max-width: 100%;

        padding: 0 5%;

    }

    .sec5 .container .pro_list .pros .rights .items {

        width: 300px;

        max-width: 100%;

        padding-right: 40px;

    }

    .sec5 .container .pro_list .pros:first-child .rights .items {

        padding-bottom: 0;

    }

    .sec5 {

        padding: 100px 0;

    }

}


@media only screen and (min-width: 100px) and (max-width: 640px) {

    .sec5 {

        padding: 50px 0;

    }

}


.sec5 .container .pro_list .pros .rights .items h3 {

    font-size: 50px;

    color: rgba(255, 255, 255, 1);

    transition: all 0.36s;

}


.sec5 .container .pro_list .pros:first-child .rights .items:hover h3 {

    color: #FCC900;

}


.sec5 .container .pro_list .pros .rights .items h3 span {

    font-size: 45px;

    color: rgba(255, 255, 255, 1);

    transition: all 0.36s;

}


.sec5 .container .pro_list .pros:first-child .rights .items:hover h3 span {

    color: #FCC900;

}


.sec5 .container .pro_list .pros .rights .items h4 {

    font-size: 25px;

    color: rgba(93, 100, 148, 1);

    opacity: 0.73;

    margin: 10px 0px;

    position: relative;

}


.sec5 .container .pro_list .pros .rights .items h4:before {

    content: "";

    display: inline-block;

    width: 8px;

    height: 8px;

    background: #fff;

    top: 15px;

    left: -25px;

    border-radius: 50%;

    position: absolute;

    z-index: 1;

}


.sec5 .container .pro_list .pros .rights .items.active h4 {

    color: rgba(255, 255, 255, 1);

}


.sec5 .container .pro_list .pros .rights .items.active h4:before {

    background: #FCC900;

    top: 15px;

    left: -30px;

    box-shadow: 0 0 10px 8px #FCC900;

    opacity: 0.7;

}


.sec5 .container .pro_list .pros .rights .items.active h4:after {

    content: "";

    display: block;

    width: 25px;

    height: 20px;

    top: 7px;

    left: -38px;

    background: none;

    background-image: url("../img/top_img.svg");

    background-size: 20px auto;

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    z-index: 3;

}


.sec5 .container .pro_list .pros .rights .items p {

    font-size: 18px;

    color: rgba(255, 255, 255, 1);

    line-height: 30px;

    position: relative;

}


.sec5 .container .pro_list .pros:nth-of-type(2) .rights .items p {

    margin-top: 20px;

}


.sec5 .container .pro_list .pros:nth-of-type(2) .rights .items p:before {

    content: "";

    display: inline-block;

    width: 30px;

    height: 8px;

    background: #819FE5;

    top: 10px;

    left: -50px;

    position: absolute;

    box-shadow: 0px 3px 3px 0px rgba(21, 27, 69, 0.34);

    transition: all linear .5s;

}


/*.sec5 .container .pro_list .pros:nth-of-type(2) .rights .items:hover p:before{

  top: -50px;

  background:#192B57;

}*/


@media only screen and (min-width: 100px) and (max-width: 640px) {

    .sec5 .container h2 {

        font-size: 26px;

        margin-bottom: 40px;

    }

    .sec5 .container .pro_list {

        margin-top: 40px;

    }

}


.content {

    width: 100%;

    position: relative;

}


.svg_content {

    width: 100%;

    /*max-height: 710px;*/

}


.xf {

    position: absolute;

    /* width: 25%; */

    width: 268px;

    /* height: 215px; */

    z-index: 10;

    top: 18%;

    left: 78%;


}


.xf img {

    width: 100%;

    height: 139px;

    object-fit: cover;

    top: 0px;

    left: 0px;

    box-shadow: 0px 0px 21px 0px rgba(30, 32, 73, 0.74);

}


.xf .adress {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    background: #fff;

    position: relative;

    padding: 10px 0px;

}


.xf .adress p {

    width: 90%;

    text-align: center;

    font-size: 12px;

    color: rgba(0, 22, 72, 1);

    line-height: 18px;

}


.xf .adress:before {

    content: "";

    display: inline-block;

    background-image: url("../img/left_img.svg");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 45px;

    height: 45px;

    position: absolute;

    top: 0px;

    left: -30px;

}


@media screen and (min-width: 768px) and (max-width: 991px) {

    .sec5 .container .pro_list .pros .rights .items h3 {

        font-size: 35px;

    }

    .sec5 .container .pro_list .pros .rights .items h4 {

        font-size: 18px;

    }

    .sec5 .container .pro_list .pros .rights .items p {

        font-size: 15px;

        line-height: 20px;

    }

    .sec5 .container .pro_list .pros .rights .items h4:before {

        top: 7px;

    }

    .sec5 .container .pro_list .pros .rights .items:nth-of-type(1) h4:before {

        top: 9px;

    }

    .sec5 .container .pro_list .pros .rights .items:nth-of-type(1) h4:after {

        top: 2px;

    }

}


/*xs*/


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

    .sec5 .container .pro_list .pros .rights .items h3 {

        font-size: 25px;

    }

    .sec5 .container .pro_list .pros .rights .items h4 {

        font-size: 16px;

    }

    .sec5 .container .pro_list .pros .rights .items p {

        font-size: 14px;

        line-height: 20px;

    }

    .sec5 .container .pro_list .pros.active {

        display: block;

    }

    .sec5 .container .pro_list .pros .lefts,
    .sec5 .container .pro_list .pros .rights {

        width: 100%;

        max-width: 100%;

    }

    .sec5 .container .pro_list .pros .lefts img {

        width: 100%;

    }

    .sec5 .container .pro_list .pros .rights {

        flex-direction: row;

        flex-wrap: wrap;

    }

    .sec5 .container .pro_list .pros .rights .items {

        width: 50%;

        margin-bottom: 20px;

    }

    .sec5 .container .pro_list .pros .rights .items div {

        width: 135px;

        margin: 0 auto;

    }

    .sec5 .container .pro_list .pros .rights .items h4:before {

        top: 7px;

    }

    .sec5 .container .pro_list .pros .rights .items:nth-of-type(1) h4:before {

        top: 9px;

    }

    .sec5 .container .pro_list .pros .rights .items:nth-of-type(1) h4:after {

        top: 2px;

    }

    .sec5 .container ul li {

        width: 130px;

        font-size: 16px;

        border: 2px solid transparent;

    }

    .sec5 .container ul li.active,
    .sec5 .container ul li:hover {

        border: 2px solid #fff;

    }

}


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

    .sec5 .container .pro_list .pros .rights .items {

        width: 80%;

        padding: 0px 15%;

    }

    .sec5 .container .pro_list .pros .rights .items div {

        width: 100%;

    }

}


@media screen and (min-width: 768px) and (max-width: 991px) {

    .xf {

        width: 200px;

    }

    .xf img {

        height: 110px;

    }

}


/*xs*/


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

    .xf {

        width: 20%;

        display: none;

    }

    .xf img {

        display: none;

    }

}


.index_map .content_box {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}


.index_map .content_box .left_map {

    width: 70%;

    position: relative;

}


.index_map .content_box .left_map .map_box {

    width: 100%;

    padding-top: 82.89%;

    position: relative;

}

.index_map .content_box .left_map .map_box:after {

    content: "";

    position: absolute;

    top: 79%;

    right: 9.5%;

    display: block;

    width: 25.1%;

    height: 50.15%;

    background: url(../img/nanhai.png) no-repeat center center;

    background-size: 100% 100%;

}

.index_map .content_box .left_map .map_box::before{
    content: "";
    position: absolute;
    top: 84%;
    right: -2.4%;
    display: block;
    width: 74px;
    height: 106px;
    background:url(../newImg/map-bg-01.png) no-repeat;
    background-size: 100% 100%;
}


/* 动画 */
.point {
    width: 10px;
    height: 10px;
    background-color: #FFCB00;
    position: relative;
    border-radius: 50%;
  }
 
  /* 设置动画前颜色 */
  .point-flicker:after {
    background-color: #FFCB00;
  }
 
  /* 设置动画后颜色 */
  .point-flicker:before {
    background-color: rgba(253, 202, 2, 0.4);
  }
 
  /* 设置动画 */
  .point-flicker:before,
  .point-flicker:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 50%;
    /* CSS3 animation 属性 网址 */
    /* https://www.w3school.com.cn/cssref/pr_animation.asp */
    animation: warn 1.5s ease-out 0s infinite;
  }
 
  /* @keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。 */
  @keyframes warn {
    0% {
      transform: scale(0.5);
      opacity: 1;
    }
 
    30% {
      opacity: 1;
    }
 
    100% {
      transform: scale(1.4);
      opacity: 0;
    }
  }

  .postAdd{
      position: relative;
  }
  .absot{
      position: absolute;
      top: 50%;
      left: 52%;
  }
  .absot2{
    position: absolute;
    top: 62%;
    left: 68%;
}
.absot3{
    position: absolute;
    top: 97%;
    left: 64%;
}
.absot_01{
    position: absolute;
    top: 75%;
    left: 58%;
}
.absot_02{
    position: absolute;
    top: 80%;
    left: 48%;
}
.absot4{
    position: absolute;
    top: 50%;
    left: 52%;
}
.absot5{
    position: absolute;
    top: 64%;
    left: 52%;
}
.absot6{
    position: absolute;
    top: 62%;
    left: 68%;
}
.absot7{
    position: absolute;
    top: 72%;
    left: 68%;
}
.absot8{
    position: absolute;
    top: 84%;
    left: 72%;
}
.absot9{
    position: absolute;
    top: 37%;
    left: 75%;
}
.absot10{
    position: absolute;
    top: 50%;
    left: 38%;
}
.absot11{
    position: absolute;
    top: 55%;
    left: 70%;
}
.absot12{
    position: absolute;
    top: 76%;
    left: 58%;
}
.absot13{
    position: absolute;
    top: 84%;
    left: 62%;
}
.absot14{
    position: absolute;
    top: 76%;
    left: 81%;
}
.absot15{
    position: absolute;
    top: 97%;
    left: 64%;
}
.index_map .map1 .left_map .map_box div img,.index_map .map2 .left_map .map_box div img{
    width: 100%;
}
.index_map .map1 .left_map .map_box > div,
.index_map .map2 .left_map .map_box .map_svg {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: 1;

    transition: all 0.3s;

}

.index_map .content_box .left_map .map_box .map_svg svg {

    width: 100%;

}

.index_map .content_box .left_map .map_box div.on,
.index_map .content_box .left_map .map_box .map_svg.on {

    opacity: 1;

    z-index: 2;

}

.index_map .content_box .left_map .map_box .svg_content {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

}

.index_map .content_box .right_list {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    width: 320px;

}

.index_map .map2 .content_box .right_list {

    width: 200px

}

.index_map .content_box .right_list dd {

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

    padding-bottom: 50px;

    cursor: pointer;

}


.index_map .content_box .right_list dd h2 {

    font-size: 50px;

    color: #fff;

    font-weight: bold;

    margin: 0;

    transition: all 0.3s;

}


.index_map .content_box .right_list dd.on h2 {

    color: #FCC900;

}


.index_map .map1 .content_box .right_list dd h3 {
    width: 250px;
    font-size: 25px;

    color: #ffffff;

    margin: 10px 0px;

    position: relative;

}
 /* 设置动画前颜色 */
 .index_map .map1 .content_box .right_list dd h3:after {
    background-color: #FFCB00;
  }
 
  /* 设置动画后颜色 */
  .index_map .map1 .content_box .right_list dd h3:before {
    background-color: rgba(253, 202, 2, 0.4);
  }
 
  /* 设置动画 */
  .index_map .map1 .content_box .right_list dd h3:before,
  .index_map .map1 .content_box .right_list dd h3:after {
    content: '';
    width: 10px;
    height:10px;
    position: absolute;
    left: -10%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 50%;
    animation: warn 1.5s ease-out 0s infinite;
  }
 
  @keyframes warn {
    0% {
      transform: scale(0.5);
      opacity: 1;
    }
 
    30% {
      opacity: 1;
    }
 
    100% {
      transform: scale(1.4);
      opacity: 0;
    }
  }

/* .index_map .map1 .content_box .right_list dd h3:before {

    content: "";

    width: 8px;

    height: 8px;

    display: block;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -30px;

    border-radius: 50%;

    background: #fff;

} */


.index_map .map1 .content_box .right_list dd h3 span {

    position: absolute;
    top: 50%;
    transform: translateY(-50%) scaleY(0.9);
    left: -32px;
    border-radius: 50%;
    width: 14px;
    height: 16px;
    /* background: url(../img/li_on.png) no-repeat center center; */
    background-size: 100% 100%;
    opacity: 0;
    background: #FFCB00;
    z-index: 999;
    transition: all 0.3s;


}

.index_map .map1 .content_box .right_list dd.on h3 span {

    opacity: 1

}


.index_map .map1 .content_box .right_list dd h4 {

    font-size: 18px;

    color: rgba(255, 255, 255, 1);

    line-height: 30px;

    position: relative;

    display: none;

}

.index_map .map2 .content_box .right_list dd h4 {

    font-size: 18px;

    color: rgba(255, 255, 255, 1);

    line-height: 30px;

    margin-top: 16px;

    position: relative;

}

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

    .index_map .content_box .right_list {

        width: 280px;

    }

    .index_map .map1 .content_box .right_list dd h3 {

        font-size: 22px

    }

    .index_map .map1 .content_box .right_list dd h4 {

        font-size: 16px;

    }

}

.index_map .map2 .content_box .right_list dd h4:before {

    content: "";

    width: 25px;

    height: 7px;

    background: #83B4F6;

    display: block;

    position: absolute;

    top: 50%;

    left: -40px;

    transform: translateY(-50%);

    transition: all 0.3s;

    box-shadow: 0px 3px 3px 0px rgba(21, 27, 69, 0.34);

}

.index_map .map2 .content_box .right_list dd:nth-child(1) h4:before {

    background: #83B4F6;

}

.index_map .map2 .content_box .right_list dd:nth-child(2) h4:before {

    background: #0C3077

}

.index_map .map2 .content_box .right_list dd:nth-child(3) h4:before {

    background: rgb(27, 47, 98)

}

.index_map .map2 .content_box .right_list dd.on h4:before {

    top: calc(50% - 50px);

    background: #FCC900;

}

.index_map .map2 .cls-1 {

    fill: none;

}

.index_map .map2 .cls-13,
.index_map .map2 .cls-17,
.index_map .map2 .cls-2,
.index_map .map2 .cls-6 {

    fill: #fff;

}

.index_map .map2 .cls-2,
.index_map .map2 .cls-5 {

    opacity: 0.95;

}

.index_map .map2 .cls-3 {

    /*fill:  #21376b;*/

    fill: #fff;

}

.index_map .map2 .cls-4 {

    /*fill:  #21376b;*/

    fill: #fff;

}


.index_map .map2 .cls-5,
.index_map .map2 .cls-6.beijing {

    fill: #fff;

}

.index_map .map2 .cls-7 {

    /*clip-path: url(#clip-path);*/

}

.index_map .map2 .cls-8 {

    fill: #21376b;

}

.index_map .map2 .cls-9 {

    fill: #d89f12;

}

.index_map .map2 .cls-10 {

    fill: #2a5894;

}

.index_map .map2 .cls-11 {

    fill: #29548d;

}

.index_map .map2 .cls-12 {

    fill: #ddb32e;

}

.index_map .map2 .cls-18 {

    fill: rgb(252, 201, 0)

}

.index_map .map2 .cls-12,
.index_map .map2 .cls-13,
.index_map .map2 .cls-15 {

    fill-rule: evenodd;

}

.index_map .map2 .cls-14,
.index_map .map2 .cls-15 {

    fill: #e9b52c;

}

.index_map .map2 .cls-16 {

    clip-path: url(#clip-path-2);

}

.index_map .map2 .cls-17 {

    font-size: 25.11px;

    font-family: SourceHanSansCN-Medium-GBpc-EUC-H, Source Han Sans CN;

}

.index_map .map2 use.hide {

    display: none

}

.index_map .map2 .cls-18.hide {

    display: none

}

.index_map .map2 g path {

    transition: all 0.36s;

}

/*.index_map .map2 g:hover path {

    fill: #819FE5;

}*/

.index_map .map2 .second.show path {

    fill: #26447c;

}

.index_map .map2 .first.show path {

    fill: #83b4f6;

}


.index_map .map2 .third.show path {

    fill: #21376b

}

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

    .index_map .content_box .left_map,
    .index_map .content_box .right_list {

        width: 100%;

    }

    .index_map .content_box .right_list {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        padding: 10%;


    }

    .index_map .content_box .right_list dd {

        width: calc(100% / 2)

    }

}

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

    .index_map .content_box .right_list {

        padding: 5%;

    }

}

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

    .index_map .content_box .right_list {

        padding: 5% 12%;

    }

    .index_map .content_box .right_list dd {

        width: 100%;

        padding-bottom: 30px

    }

    .index_map .map1 .content_box .right_list dd h2 {

        font-size: 36px

    }

    .index_map .map1 .content_box .right_list dd h3 {

        font-size: 22px

    }

    .index_map .map1 .content_box .right_list dd h4 {

        font-size: 16px

    }

}

/* 新增的样式-公司分布 */
.map01 .st0.chengdu{
    fill: #357CFF;
}
.map01 .st0.nanjing{
    fill: #357CFF;
}

.map01 .st0 {

    opacity: 0.95;

    fill: #C4C8D5;

    enable-background: new;

}


.map01 .st1 {

    fill: #357CFF;

}


.map01 .st2 {

    opacity: 0.95;

    enable-background: new;

}


.map01 .st3 {

    opacity: 0.95;

    fill: #FFFFFF;

    enable-background: new;

}


.map01 .st4 {

    fill: #BF4E3E;

}


.map01 .st5 {

    fill: none;

}


.map01 .st6 {

    clip-path: url(#SVGID_2_);

}


.map01 .st7 {

    fill: #D89F12;

}


.map01 .st8 {

    fill: #FFFFFF;
    

}


.map01 .st9 {

    fill: #2A5894;

}


.map01 .st10 {

    fill: #29548D;

}


.map01 .st11 {

    fill: #DDB32E;

}


.map01 .st12 {

    fill: #E9B52C;

}


.map01 .st13 {

    clip-path: url(#SVGID_4_);

}


.map01 .st14 {
    font-family: "微软雅黑";
}


.map01 .st15 {

    font-size: 25.11px;

}


.map01 .st16 {

    clip-path: url(#SVGID_6_);

}


.map01 .st17 {

    fill: #FCC900;

}


.map01 .st18 {

    opacity: 0.81;

}

.map02 .st0 {
    opacity: 0.95;
    fill: #BBBFCF;
    enable-background: new;
}

.map02 .st1 {
    opacity: 0.95;
    enable-background: new;
}

.map02 .st2 {
    fill: #BBBFCF;
}

.map02 .st3 {
    fill: #0C3077;
}

.map02 .st4 {
    fill: #FFFFFF;
}

.map02 .st5 {
    fill: none;
}

.map02 .st6 {
    fill: #D89F12;
}

.map02 .st7 {
    fill: #2A5894;
}

.map02 .st8 {
    fill: #29548D;
}

.map02 .st9 {
    fill: #DDB32E;
}

.map02 .st10 {
    fill: #E9B52C;
}

.map02 .st11 {
    fill: #FCFCFC;
}

.map02 .st12 {
    enable-background: new;
}

.map02 .st13 {
    clip-path: url(#SVGID_2_);
}

.map02 .st14 {
    fill: #FCC900;
}

.map02 .st15 {
    opacity: 0.81;
}

.map02 .st16 {
    clip-path: url(#SVGID_4_);
}

.map02 .st17 {
    font-family: 'SourceHanSansCN-Medium-GBpc-EUC-H';
}

.map02 .st18 {
    font-size: 25.11px;
}

.map02 .st19 {
    clip-path: url(#SVGID_6_);
}

.map02 .st20 {
    fill: #83B4F6;
}

.map02 .st21 {
    opacity: 0.95;
    fill: #192C59;
    enable-background: new;
}

.map02 .st22 {
    clip-path: url(#SVGID_8_);
}

.map02 .st23 {
    fill: #24265A;
}

.map02 .st24 {
    clip-path: url(#SVGID_10_);
}

.map02 .st25 {
    clip-path: url(#SVGID_12_);
}

.map02 .st26 {
    clip-path: url(#SVGID_14_);
}

.map02 .st27 {
    opacity: 0.95;
    fill: #1D325B;
    enable-background: new;
}

.map02 .st28 {
    fill: #1D325B;
}

.map02 .st29 {
    fill: #192C59;
}

.map02 .st30 {
    fill: #102347;
}


.map03 .st0 {

    fill: #C4C8D5;

}


.map03 .st1 {

    opacity: 0.95;

    fill: #192C59;

    enable-background: new;

}


.map03 .st2 {

    opacity: 0.95;

    enable-background: new;

}


.map03 .st3 {

    fill: #192C59;

}


.map03 .st4 {

    opacity: 0.95;

    fill: #FFFFFF;

    enable-background: new;

}


.map03 .st5 {

    fill: none;

}


.map03 .st6 {

    clip-path: url(#SVGID_2_);

}


.map03 .st7 {

    fill: #D89F12;

}


.map03 .st8 {

    fill: #FFFFFF;

}


.map03 .st9 {

    fill: #2A5894;

}


.map03 .st10 {

    fill: #29548D;

}


.map03 .st11 {

    fill: #DDB32E;

}


.map03 .st12 {

    fill: #E9B52C;

}


.map03 .st13 {

    font-family: 'SourceHanSansCN-Medium-GBpc-EUC-H';

}


.map03 .st14 {

    font-size: 25.11px;

}


.map03 .st15 {

    clip-path: url(#SVGID_4_);

}


.map03 .st16 {

    clip-path: url(#SVGID_6_);

}


.map03 .st17 {

    fill: #FCC900;

}


.map03 .st18 {

    opacity: 0.81;

}


.map03 .st19 {

    fill: #C8C8C8;

}
/* 新增新闻动态样式 */
.news{
    padding: 64px 0px 64px;
    width: 100%;
    /* background-image: url(../img/sec1_bg.png); */
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto;
    position: relative;
    background: #fff;
   
     
}
.news .news_more{
    width: 90%;
    padding:0 30px;
    padding-bottom: 35px;
    text-align: right;
    font-size: 14px;
    color: #ccc;
    margin: 0 auto;
    
}
.news .news_more a{
    font-size: 14px;
    color: #9AA0AE;
    width: 100%;
    text-align: right;
    display: inline-block;
    border-bottom: 1px solid #9AA0AE;
    padding-bottom: 15px;

}
.news > h2{
    font-size: 36px;
    color: rgba(0, 22, 72, 1);
    line-height: 36px;
    text-align: center;
    margin-bottom: 35px;
}
.news_container{
    width:90%;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
     
}
.news_container .news_container_box{
    width: 24%;
    /* height:535px; */
    height: auto;
    background:#fff;
    background-size:100%;
    box-shadow: 0px 0px 11px 3px rgba(0, 22, 72, 0.08);
    padding-bottom: 30px;
    margin-bottom: 18px;
}	
.news_container .news_container_box .news_container_boxTop{
    width:100%;
    height:190px;
}
.news_container .news_container_box .news_container_boxTop img{
    width:100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.news_container .news_container_box.news_container_box_img{
    background:url(/static/img/hqjl_footer_img.png) no-repeat #F8F8F8;
    box-shadow: 0px 0px 11px 3px rgba(0, 22, 72, 0.08);
    background-position: 90% 90%;

}
.news_container .news_container_box h6{
    font-size: 20px;
    font-family: 'PingFangSC-Medium, PingFang SC';
    font-weight: bold;
    color: #333333;
    /* line-height: 28px; */
    padding:25px;
    box-sizing: border-box;
    /* white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; */
     
}
.news_container .news_container_box h6 a{
      color: #333333;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -moz-box;
      -moz-line-clamp: 2;
      -moz-box-orient: vertical;
      overflow-wrap: break-word;
      word-break: break-all;
      white-space: normal;
      overflow: hidden;
}
.news_container .news_container_box .p_word{
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'PingFangSC-Regular, PingFang SC';
    font-weight: 400;
    color: #333333;
    line-height: 26px;
    padding:0 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 将对象作为弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制在一个块元素显示的文本的行数 */
    /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
    -webkit-line-clamp: 2;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;
}
.news_container .news_container_box .p_word.p_word_1{
    overflow: hidden;
    text-overflow: ellipsis;
    /* 将对象作为弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 限制在一个块元素显示的文本的行数 */
    /* -webkit-line-clamp 其实是一个不规范属性，使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/
    -webkit-line-clamp: 3;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;
}
.news_container .news_container_box .p_time{
    padding: 53px 25px 0 25px;
    font-size: 15px;
    font-family:' PingFangSC-Medium, PingFang SC';
    font-weight: 500;
    color: #9AA0AE;
    line-height: 21px;
    box-sizing: border-box;
}
.news_container .news_container_box .p_timeFlex{
    padding: 0 25px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_container .news_container_box .p_timeFlex  .p_timeFlex_1{
    font-size: 14px;
    font-family:' PingFangSC-Medium, PingFang SC';
    font-weight: 500;
    color: #FFFFFF;
    /* line-height: 20px; */
    background: #9AA0AE;
    border-radius: 2px;
    padding:2px 5px;
    box-sizing: border-box;
}
.news_container .news_container_box .p_timeFlex  .p_timeFlex_2{
    font-size: 14px;
    font-family:' PingFangSC-Regular, PingFang SC';
    font-weight: 400;
    color: #9AA0AE;
    line-height: 26px;
    cursor: pointer;
}
.news_container .news_container_box .p_timeFlex  .p_timeFlex_2 a{
    color: #9AA0AE;
}
.news_container .news_container_box.news_container_box_img h6{
    padding-top:45px;
}
.news_container .news_container_box.news_container_box_img .symbol{
    padding: 29px;
    /* line-height: 73px; */
}
@media screen and (max-width: 990px) {
    .news_container .news_container_box{
        width: 100%;
    }
}