.w1660 {
    width: 1660px;
    margin: auto;
    position: relative;
}

.kioBtnXCX {
    cursor: pointer;
}

em {
    display: inline-block;
}

.indexCont1 {
    padding-top: 54px;
}

.indexCont1 .vkBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 195px;
}

.indexCont1 .vkBox .item {
    /* float: left; */
    width: 49.39%;
    height: 264px;
    padding: 40px 0 0 70px;
}

.indexCont1 .vkBox .item.vr {

    background: url(../images/index/indexCont1-bg1.jpg) no-repeat center right;
    background-size: cover !important;
}

.indexCont1 .vkBox .item.xcx {

    height: 280px;
    margin-top: -16px;
    padding-top: 80px;
    background: url(../images/index/indexCont1-bg2.png) no-repeat center right;
    background-size: cover !important;
}

.indexCont1 .vkBox h5 {
    color: #ffffff;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px;
    font-weight: bold;
}

.indexCont1 .vkBox .en {
    color: rgba(255, 255, 255, .2);
    font-size: 22px;
    line-height: 1;
    font-family: BrandonGrotesque;
    text-transform: uppercase;
}

.indexCont1 .vkBox .co {
    height: 114px;
}

.indexCont1 .vkBox .item.xcx .co {
    height: 90px;
}

.indexCont1 .vkBox .xcx h5 {
    color: #4c4a4a;
}

.indexCont1 .vkBox .xcx .en {
    color: #FFF;
}

.indexCont1 .axgBox {
    padding-bottom: 240px;
    text-align: center;
}

.indexCont1 .axgBox h5 {
    color: #686767;
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 30px;
}

.indexCont1 .axgBox h4 {
    color: #686767;
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 5px;
    font-weight: bold;
}

.indexCont1 .axgBox h4 span {
    color: #014bb7;
}


.indexCont1 .axgBox p {
    color: #8d8d8d;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
}

.indexCont7 .kioBtn {
    transform-origin: 50% 50%;
}

.indexCont7 .kioBtn,
.indexCont1 .axgBox .kioBtn {
    /* width: 205px; */
    margin: 35px auto 0;
    border: 1px solid #e0e0e0;
}

@media (max-width:1400px) {
    .district1Cont3 .card .lit {
        height: 160px !important;
    }

    .indexCont1 .vkBox .item.xcx {
        background-position: center right -100px !important;
    }

    #header #gnb {
        transform: translateX(-7vw);
    }

    #header .header__wrap {
        position: relative;
    }

    .headSearch {
        position: absolute !important;
        right: 0;
        top: 24px;

    }
}

.indexCont2 .t h4 {
    color: #dad9d9;
    font-size: 27px;
    line-height: 1;
    margin-bottom: 20px;
}

.indexCont2 .t h4 .bor1 {
    display: inline-block;
    transform: translateY(-2px);

}

.indexCont2 .t h3 {
    color: #686767;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 40px;
    font-weight: bold;
}

.tuxBox {
    height: 122px;
    position: relative;
    margin-bottom: 24px;
    /* mix-blend-mode: lighten; */
}

.tuxBox .bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 963px;
    height: 265px;
    /* z-index: -1; */
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    mix-blend-mode: lighten;
}

.tuxBox.animated .bg-video {
    opacity: 1;
}

.tuxBox .bg-video video {
    width: 100%;
    height: 100%;
    display: block;
}

.tuxBox h5 {
    width: 1000vw;
    position: absolute;
    left: 50%;
    top: 0;
    opacity: 0;
    transform: translateX(-50%);
    color: #424242;
    /* font-size: 175px; */
    font-size: 150vw;
    line-height: 122px;
    height: 122px;
    text-align: center;
    transition: all .6s cubic-bezier(0.87, 0.11, 0.33, 0.87);

}

.tuxBox.animated h5 {
    opacity: 1;
    font-family: BrandonGrotesque;
    font-size: 175px;
}

.ioImg {
    width: 2200px;
    /* margin: 0 -270px; */
    margin-left: -270px;
    max-width: none;
}

.indexCont2 .t {
    width: 1660px;
    margin: 0 auto 35px;
}

.indexCont2 .list li {
    position: relative;
    background: no-repeat center;
    height: 358px;
    overflow: hidden;
    max-width: 2200px;
    margin: 0 auto;
    transition: all .2s;
}

.indexCont2 .list li * {
    transition: all .2s;
}

.indexCont2 .list li:nth-child(2) {
    background-image: url(../images/i1.jpg);
}

.indexCont2 .list li:nth-child(3) {
    background-image: url(../images/i2.jpg);
}

.indexCont2 .list h4 {
    color: #dad9d9;
    font-size: 27px;
    line-height: 24px;
    margin-bottom: 12px;
    font-weight: bold;
}

.indexCont2 .list h3 {
    color: #ffffff;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 14px;
    font-weight: bold;
}

.indexCont2 .list h5 {
    color: #ffffff;
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 17px;
    font-weight: bold;
}

.indexCont2 .list p {
    color: rgba(255, 255, 255, .4);
    font-size: 16px;
    line-height: 26px;
}

.indexCont2 .list h6 {
    color: #ffffff;
    font-size: 24px;
    line-height: 36px;
    margin-top: 28px;
    font-weight: bold;
}

.indexCont2 .list h6 span {
    display: inline-block;
    margin: 0 17px;
}

.indexCont2 .kioBtn {
    color: #ffffff;
    margin-top: 44px;
    /* width: 210px; */
}

.indexCont2 .list li:nth-child(1) .video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.indexCont2 .list li .video {
    max-width: 2200px;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    position: relative;
}

.indexCont2 .list li video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}

.indexCont2 .list li:nth-child(1) .w1660 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.indexCont2 .list li .t2 {
    opacity: 0;
    margin-top: 35px;
}

.indexCont2 .list li:hover .t2 {
    opacity: 1;
}

.indexCont2 .list li:nth-child(1):hover {
    height: 610px;
}

.indexCont2 .list li:nth-child(1):hover .w1660 {
    padding-top: 120px;

}

.indexCont2 .list li .w1660 {
    z-index: 100;
    position: relative;
    padding-top: 70px;
}

#footer {
    background-color: #323232;
    height: 168px;
}

#footer .w1660 {
    height: 168px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#footer a,
#footer .p,
#footer span {
    color: #bdbcbc;
}

#footer span,
#footer a {
    display: inline-block;
}

#footer .wxCos {
    display: inline-block;
    position: relative;
    margin-left: 3px;
}

#footer .wxCosW {
    display: inline-block;
}

#footer .wxCos.w1 {
    margin-left: 10px;
}

#footer .wxCos .pos {
    display: none;
    animation: fadeIn 1s forwards;
    width: 140px;
    height: 140px;
    padding: 10px;
    background-color: #FFF;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 49px;
    box-shadow: 0 0 29px 5px #0000000d;
}

#footer .wxCos:hover .pos {
    display: block;
}

#footer .tx {
    display: inline-block;
}

#footer .call {
    display: flex;
    align-items: center;
    color: #ff6c00;
    font-size: 26px;
    line-height: 1;
    transform: translateY(-12px);
    font-family: GE_Sans;
    /* font-family: Gilroy_Bold; */
}

#footer .call .ic {
    margin-right: 9px;
}

.banner {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.banner .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner .swiper-slide .animated {
    display: none
}

.banner .swiper-slide-active .animated {
    display: block
}

.banner .next,
.banner .prev {
    width: 66px;
    height: 66px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    transition: background .3s;
    cursor: pointer;
    outline: 0 none;
}

.banner .next {
    right: 40px;
    background: url(../images/banner-btn2.png) no-repeat 0 0;
}

.banner .prev {
    left: 40px;
    background: url(../images/banner-btn.png) no-repeat 0 0;
}

.banner .next:hover {
    background: url(../images/banner-btn2-on.png) no-repeat 0 0;
}

.banner .prev:hover {
    background: url(../images/banner-btn-on.png) no-repeat 0 0;
}

.banner .auto {
    height: 100%;
    position: relative;
}

.banner .pos {
    position: absolute;
    left: -160px;
    top: 40%;
    transform: translateY(-50%);
}

/* .banner .pos.pos2 {
    top: 35%;

} */
.banner .pos.pos2 .en {
    color: #5d77b6;
    opacity: .8;
}

.banner .pos.pos3 .cn {
    color: #e60012;
}

.banner .pos.pos3 .en {
    color: #c7ac81;
}

.banner .cn {
    color: #ffffff;
    font-size: 60px;
    line-height: 70px;
}

.banner .en {
    color: rgba(255, 255, 255, .7);
    font-size: 40px;
    line-height: 42px;
    font-family: Gilroy_Regular;
    margin-top: 5px;
}

.tanuY span {
    display: block;
    overflow: hidden;
}

.tanuY span em {
    display: inline-block;
    transition: transform .5s ease-in-out;
    transform: translateY(110%);
}

.banner .swiper-slide-active .tanuY span em {
    transform: translateY(0);
    transition: transform .7s ease-in-out;
}

.banner .video {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.banner .video video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}

@media (max-width: 1760px) {
    .page_nav {
        width: 100%;
        padding: 0 3%;
    }

    .page_nav .name {
        right: 3%;
    }

    #header .header__wrap,
    .w1660,
    .indexCont2 .t {
        width: 94% !important;
    }


}

@media screen and (max-width:1500px) {
    .banner .pos {
        left: 4%;
    }
}


#sec01 {
    position: relative
}

#sec01.on .main__slide-title,
#sec01.on .main__slide-text,
#sec01.on .main__slide-btm {
    transform: translateY(0);
    opacity: 1;
    transition: transform 2s, opacity 2s;
    transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1)
}

#sec01.on .main__slide-title {
    transition-delay: 0.24s
}

#sec01.on .main__slide-text {
    transition-delay: 0.54s
}

#sec01.on .main__slide-btm {
    transition-delay: 0.7s
}

#sec01 .main__slide-item {
    height: 100vh
}

#sec01 .main__slide-item .bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#sec01 .main__slide-item .bgMo {
    display: none;
}

#sec01 .main__slide-item .txt2 {
    position: absolute;
    left: 56%;
    top: 38%;
    margin-top: -25px;
}

#sec01 .main__slide-item .txt2 h2 {
    color: rgba(255, 255, 255, 0.2);
    font-size: 62px;
    line-height: 55px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: Gilroy_Bold;
}

#sec01 .main__slide-item .txt2 h3 {
    color: #FFF;
    font-size: 54px;
    line-height: 1;
    font-family: AlimamaShuHeiTi;
}

#sec01 .main__slide-item .txt2 h4 {
    font-size: 30px;
    line-height: 1.2;
    color: #FFF;
    font-family: Gilroy_Bold;
    text-transform: uppercase;
    /* margin-bottom: 28px; */
    font-weight: 300;
    margin-top: 60px;
}

@media (max-width: 1820px) {
    #sec01 .main__slide-item .txt2 {
        left: auto;
        right: 5%;
    }
}

#sec01 .main__slide-con {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    color: #fff;
    text-align: center
}

#sec01 .main__slide-title {
    transform: translateY(4.6rem);
    opacity: 0;
    margin-bottom: 2.6rem;
    font-family: "Montserrat";
    font-size: 5.6rem;
    font-weight: 800;
    line-height: 1.2142857143
}

#sec01 .main__slide-arrow-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

#sec01 .main__slide-arrow--next {
    transform: rotateY(180deg)
}

#sec01 .main__slide-arrow--next,
#sec01 .main__slide-arrow--prev {
    padding: 20px 0;
    margin-bottom: -20px;
    cursor: pointer;
    z-index: 20;
}

#sec01 .main__slide-text {
    transform: translateY(4.6rem);
    opacity: 0;
    margin-top: 4rem;
    font-family: "Montserrat";
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.25
}

#sec01 .main__slide-btm {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(4rem);
    opacity: 0;
    margin-top: 4rem;
    gap: 0 2rem;
    display: none;
}

#sec01 .main__slide-dot {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    gap: 0 0.8rem
}

#sec01 .main__slide-dot .swiper-pagination-bullet {
    opacity: 1;
    width: 1rem;
    height: 1rem;
    margin: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: transparent;
    transition: 0.14s
}

#sec01 .main__slide-dot .swiper-pagination-bullet-active {
    background-color: #fff
}

#sec01 .main__slide-btn {
    display: none;
    height: 2.4rem;
    font-size: 2.4rem;
    color: #fff;
    line-height: 1
}

#sec01 .main__slide-btn.active {
    display: inline-block
}

#sec01 .progress__wrap {
    position: relative;
    top: -1px;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2)
}

#sec01 .progress__bar {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 22rem;
    height: 1px;
    background-color: #fff;
    animation-name: progress;
    animation-duration: 6s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

#sec01 .progress__bar.stop {
    animation-play-state: paused
}

#sec01 .main__slide-item .txt {
    width: 1680px;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#sec01.on .main__slide-btm {
    position: absolute;
    bottom: -268px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 460px
}

@keyframes progress {
    from {
        left: 0;
        transform: translateX(-100%)
    }

    to {
        left: 100%;
        transform: translateX(100%)
    }
}

@media (max-width:840px) {
    #sec01 .main__slide-title {
        font-size: 5rem
    }

    #sec01 .main__slide-title br {
        display: none
    }

    #sec01 .main__slide-con {
        top: 42%
    }
}

@media (max-width:840px) {
    #sec01 .main__slide-title {
        margin-bottom: 0;
        font-size: 4rem
    }

    #sec01 .main__slide-text {
        margin-top: 2.4rem
    }

    #sec01 .main__slide-arrow-wrap {
        display: none
    }

    #sec01 .progress__wrap {
        opacity: 0;
        visibility: hidden;
        pointer-events: none
    }
}



#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    transition: 0.24s;
    z-index: 9999;
    /* border-bottom: 1px solid rgba(255, 255, 255, .4); */
}

#header::before {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 1px;
    background-color: #efefef;
    pointer-events: none;
    transition: 0.24s;
    content: ""
}

#header.fon,
#header.on {
    background-color: #fff
        /* background-color: rgba(255, 255, 255, .4); */
}

#header.fon::before,
#header.on::before {
    opacity: 1
}

#header.fon .header__logo img,
#header.on .header__logo img {
    transform: translateY(-50%)
}

#header.fon .lang__box,
#header.on .lang__box {
    border: 1px solid #e0e0e0;
    background-color: #fff
}

#header.fon .nav__bg::before,
#header.on .nav__bg::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #efefef;
    pointer-events: none;
    transition: 0.24s
}

#header .header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    /* padding: 0 90px; */
    max-width: 1660px;
    margin: 0 auto;
}

#header .header__logo {
    overflow: hidden;
    background: url(../images/logo1.png) no-repeat center;
    width: 252px;
    height: 90px
}

#header.fon .header__logo,
#header.on .header__logo {
    background: url(../images/logo.png) no-repeat center
}

#header.fon .header__menu,
#header.on .header__menu {
    width: 24px;
    background: url(../images/head-ri.png) no-repeat left center
}

.headSearch {
    float: right;
    width: 24px;
    height: 42px;
    position: relative;
    overflow: hidden;
    transition: all .3s;
    z-index: 100;
}

.headSearch .so {
    width: 214px;
    height: 42px;
    border-radius: 200px;
    transition: all .3s;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-12px);
}

.headSearch .so input {
    height: 100%;
    padding: 0 45px;
    background: url(../images/headSearch-ic2.png) no-repeat 12px center;
    box-sizing: border-box;
    width: 100%;
    transition: all .3s;
}

#header.fon .headSearch .so input,
.headSearch:hover .so input,
#header.on .headSearch .so input {
    background: url(../images/headSearch-ic1.png) no-repeat 12px center;
}

.headSearch:hover {
    width: 214px;
}

.headSearch:hover .so {
    background-color: #f1f1f1;
    transform: translateX(0);
}

.headSearch .so input::placeholder {
    color: #878787;
}

#header .header__logo img {
    transition: 0.4s
}


#header .header__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 2.4rem;
    background: url(../images/head-ri-on.png) no-repeat center;
    width: 65px;
    height: 24px
}

#header .header__btn {
    font-size: 2.4rem;
    color: #fff;
    transition: 0.24s
}

#header .header__btn--lang {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 500;
    gap: 0 0.4rem
}

#header .header__btn--lang>i {
    transition: 0.3s
}

#header .header__btn--lang.on>i {
    transform: rotate(180deg)
}

#header .lang__wrap {
    position: relative
}

#header .lang__box {
    display: none;
    position: absolute;
    bottom: -0.8rem;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    z-index: 1;
    width: 8rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 1rem;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    transition: border 0.24s, background-color 0.24s
}

#header .lang__item {
    display: block;
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #4d4d4d;
    line-height: 2rem
}

#header .lang__item:last-child {
    margin-bottom: 0
}

#header .search__box {
    display: none;
    position: absolute;
    top: 12rem;
    left: 0;
    width: 100%;
    padding: 7rem 2.4rem 10rem;
    border-bottom: 1px solid #efefef;
    background-color: #fff;
    text-align: center
}

#header .search__title {
    margin-bottom: 2.4rem;
    font-family: "Montserrat";
    font-size: 4rem;
    font-weight: 800;
    color: #00a287;
    line-height: 5rem
}

#header .search__bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.6rem
}

#header .search__bar input {
    max-width: 48rem;
    width: 100%;
    height: 5.6rem;
    padding: 0 2.4rem;
    margin: 0;
    border: none;
    border-radius: 0.8rem;
    background-color: #fafafa;
    font-size: 1.8rem;
    color: #222
}

#header .search__bar input::placeholder {
    color: #8f98a7
}

#header .search__btn {
    flex-shrink: 0;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 0.8rem;
    background-color: #222;
    font-size: 2.2rem;
    color: #fff
}

#header #gnb {
    margin-left: 120px;
    position: relative;
    z-index: 20;
}

#header #gnb li {
    float: left;
    margin-right: 36px;
    height: 90px;
    position: relative;
}

@media (max-width:1200px) {
    #header #gnb {
        transform: translateX(-9vw);
    }

    #header #gnb li {
        margin-right: 20px;
    }
}

#header .gnbBor {
    display: none;
    position: fixed;
    left: 50%;
    top: 100px;
    width: 300vw;
    height: 70px;
    transform: translateX(-50%);
    /* background-color: rgba(255, 255, 255, .5); */
    background-color: #FFF;
    z-index: 10;
    box-shadow: 0 22px 13px -16px rgba(0, 0, 0, 0.02);
}

#header #gnb .dd {
    display: none;
    border-top: 2px solid #fd851d;
    /* width: 112px; */
    /* padding: 30px 20px; */
    /* text-align: center; */
    position: absolute;
    top: 94px;
    /* left: 50%; */
    left: 0;
    /* width: 1200px; */
    width: 100%;
    height: 70px;
    /* margin-top: -1px; */
    transform: translateY(-1px);
    /* transform: translateX(-50%); */
    z-index: 20;
}

#header #gnb .dd .bx {
    width: 1200px;
    /* height: 100%; */
    height: 70px;
    display: flex;
    align-items: center;
}

#header #gnb .dd .li {
    position: relative;
    /* margin-top: 7px; */
    text-align: center;
    /* float: left; */
    margin-right: 36px;
}

#header #gnb .dd .li:nth-child(1) {
    margin-top: 0;
}

#header #gnb .dd .li a {
    display: inline-block;
    color: #666666;
    transition: all .3s;
    font-size: 16px;
    position: relative;
    font-weight: bold;
}

#header #gnb .dd .li a::before {
    display: none;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 9px;
    background-color: #FFF;
    opacity: 0;
    transition: all .3s;
}

#header #gnb .dd .li:hover a,
#header #gnb .dd .li.active a {
    color: #fd851d;
}

#header #gnb .dd .li:hover a::before,
#header #gnb .dd .li.active a::before {
    opacity: 1;
}

#header #gnb li>a {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 95px;
    text-align: center;
    transition: 0.24s;
}

#header #gnb li a.on {
    color: #fd851d !important;
}

#header.fon #gnb li a,
#header.on #gnb li a {
    color: #023789;
}




#content {
    background: no-repeat top center;
}

#content .page {
    display: none;
}

.project {
    height: 2647px;
}

.service {
    height: 2647px;
}

.service {
    height: 1827px;
}



@media (max-width: 1700px) {
    #content {
        background: #fff;
        height: auto;
    }

    #content .page {
        display: block;
        margin: 0 -12%;
        max-width: 124%;
    }

}



#sec01 .main__slide-item .txt {
    width: 94%;
    max-width: 1660px;
    margin: auto;
    left: 0;
    right: 0;
    top: 52.2%;
    margin: auto;
    height: 0;
}

#sec01 .main__slide-item .txt.sMo {
    top: 95px;
    width: 43% !important;
    right: 4%;
    left: auto;
}

#sec01 .main__slide-item .to {
    height: 180px;
}

#sec01 .main__slide-item .bo {
    padding-top: 35px;
}

#sec01 .main__slide-item .cont {
    height: 339PX;
    transform: translateY(-50%);
    margin-top: -25vh;
    /* width: 770px; */
    /* right: 0; */
    float: right;
}

#sec01 .main__slide-item .txt .c1 {
    font-size: 62px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.2);
    font-family: Gilroy_Bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#sec01 .main__slide-item .txt .c3 {
    font-size: 30px;
    line-height: 1.2;
    color: #FFF;
    font-family: Gilroy_Bold;
    text-transform: uppercase;
    margin-bottom: 28px;
    font-weight: 300;
}

.kioBtn {
    width: 166px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 16px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
}

.kioBtn span {
    color: #686767;
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
    transition: all .3s;
}

.kioBtn:hover {
    background-color: #012cb7;
}

.kioBtn:hover span {
    color: #FFF;
}

.kioBtn::after {
    content: "";
    display: block;
    width: 9px;
    height: 15px;
    background: url(../images/kioBtn-ic1.png) no-repeat 0 0;
    /* position: absolute;
    right: 42px;
    top: 50%;
    transform: translateY(-50%); */
    transition: all .3s;
}

.kioBtn:hover::after {
    background: url(../images/kioBtn-ic2.png) no-repeat 0 0;
}

.kioBtn:hover .itc {
    opacity: 0;
}

.kioBtn .itc {
    display: none;
    transition: all .3s;
}

#sec01 .main__slide-item .txt .it1 {
    margin-bottom: 70px;

}

.idxTit {
    margin-bottom: 47px;
}

.idxTit h3 {
    color: #0042a3;
    font-size: 58px;
    font-family: BrandonGrotesque;
    line-height: 43px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: -2px;
}

.idxTit h4 {
    color: #686767;
    font-size: 26px;
    line-height: 1.3;
    font-weight: bold;
}

.indexCont3 .idxTit h3 {
    margin-left: -2px;
}

.indexCont3 .osDt {
    display: inline-block;
    height: 32px;
    border-bottom: 4px solid #dfdfe0;
    margin-bottom: 37px;
}

.indexCont3 .osDt .lit:nth-child(1) {
    margin-left: 0;
}

.indexCont3 .osDt .lit {
    float: left;
    margin-left: 26px;
    font-size: 18px;
    color: #666666;
    height: 32px;
    line-height: 1;
    border-bottom: 4px solid transparent;
    cursor: pointer;
}

.indexCont3 .osDt .lit.on {
    border-color: #0042a3;
    color: #000000;
}

.indexCont3 .osDd h5 {
    color: #0042a3;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 20px;
}

.indexCont3 .osDd .dd {
    /* display: none; */
}

.indexCont3 .osDd p {
    color: rgba(51, 51, 51, .6);
    font-size: 16px;
    line-height: 24px;
}

.indexCont3 .osDd .kioBtn {
    margin-top: 46px;
}

.indexCont3 .idxTit {
    margin-right: -20px;
}

.prMapBox {
    width: 930px;
    height: 500px;
    float: right;
    margin-left: 50px;
    position: relative;
    /* position: absolute;
    right: 0;
    top: 0; */
}

.prMapBox .mapImg {
    position: absolute;
    left: -56px;
    top: 0;
    width: 981px;
    max-width: none;
}

.prMapBox .mapImgMo {
    display: none;
    transform: translateY(-195px) translateX(-25px);
    width: 796px;
}

.indexCont3 {
    min-height: 700px;
    background: #f0f0f0 url(../images/index/indexCont3-bg.jpg) no-repeat center bottom;
    padding-top: 100px;
    padding-bottom: 50px;
}

.indexCont3 .box {
    float: left;
    width: 520px;
    position: relative;
    z-index: 10;
}

.indexCont3 .box .osDd {
    position: relative;
}

.indexCont3 .box .osDd .tabBtn {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 60px;
    z-index: 10;
}

.indexCont3 .box .osDd .tabBtn .next,
.indexCont3 .box .osDd .tabBtn .prev {
    width: 40px;
    height: 40px;
    background: #f5f4ee no-repeat center;
    border-radius: 50%;
    transition: all .4s;
    margin: 0 10px;
    cursor: pointer;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
}

.indexCont3 .box .osDd .tabBtn .prev {
    margin-left: -60px;
    background-image: url(../images/news/iconPrev.png);
}

.indexCont3 .box .osDd .tabBtn .next {
    float: right;
    margin-right: -60px;
    background-image: url(../images/news/iconNext.png);
}

.indexCont3 .box .osDd .tabBtn .prev:hover {
    background-color: #0042a3;
    background-image: url(../images/news/iconPrevOn.png);
}

.indexCont3 .box .osDd .tabBtn .next:hover {
    background-color: #0042a3;
    background-image: url(../images/news/iconNextOn.png);
}

.prMapBox .pos li {
    position: absolute;
}

.prMapBox .pos li .bor {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #009f8a;
    transition: all 1s;
    position: relative;
    z-index: 20;
}

.prMapBox .pos li.on .bor {
    transform: scale(1.5);
}

.prMapBox .pos li.on {
    z-index: 100;
}

.prMapBox .pos .tox {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    width: 180px;
    height: 180px;
    border-radius: 10px;
    border: 2px solid #0042a3;
    background-color: #FFF;
}

.prMapBox .pos .tox::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-top: 10px solid #0042a3;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: auto;
}

.prMapBox .pos li.on .tox {
    display: block;
}

.prMapBox .pos li h5 {
    color: #333333;
}

.prMapBox .pos .tox .img {
    height: 128px;
    overflow: hidden;
}

.prMapBox .pos .tox .img img {
    width: 100%;
    border-radius: 10px;
}

.prMapBox .pos .tox .cot {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 40px;
}

.prMapBox .pos li.red .bor {
    background-color: #f83636;
}

.prMapBox .pos .it span::before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #009f8a;
    opacity: .2;
    position: absolute;
    left: -6px;
    top: -6px;
}

.prMapBox .pos li.c1 .bor::after,
.prMapBox .pos li.c1 .bor::before,
.prMapBox .pos li.c1 span::before,
.prMapBox .pos li.c1 .bor {
    background-color: #009f8a;
}

.prMapBox .pos li.c2 .bor::after,
.prMapBox .pos li.c2 .bor::before,
.prMapBox .pos li.c2 span::before,
.prMapBox .pos li.c2 .bor {
    background-color: #f83636;
}

.prMapBox .pos li.c3 .bor::after,
.prMapBox .pos li.c3 .bor::before,
.prMapBox .pos li.c3 span::before,
.prMapBox .pos li.c3 .bor {
    background-color: #0042a3;
}

.prMapBox .pos .it1 {
    left: 138px;
    top: 107px;
}

.prMapBox .pos .it2 {
    left: 91px;
    top: 264px;
}

.prMapBox .pos .it3 {
    left: 129px;
    top: 334px;
}

.prMapBox .pos .it4 {
    left: 174px;
    top: 312px;
}

.prMapBox .pos .it5 {
    left: 213px;
    top: 218px;
}

.prMapBox .pos .it6 {
    left: 265px;
    top: 254px;
}

.prMapBox .pos .it7 {
    left: 235px;
    top: 320px;
}

.prMapBox .pos .it8 {
    left: 313px;
    top: 303px;
}

.prMapBox .pos .it9 {
    left: 314px;
    top: 248px;
}

.prMapBox .pos .it10 {
    left: 385px;
    top: 240px;
}

.prMapBox .pos .it11 {
    left: 484px;
    top: 218px;
}

.prMapBox .pos .it12 {
    left: 525px;
    top: 200px;
}

.prMapBox .pos .it13 {
    left: 755px;
    top: 112px;
}

/* == */
.prMapBox .pos .li1 {
    left: 111px;
    top: 354px;
}

.prMapBox .pos .li1 {
    left: 111px;
    top: 354px;
}

.prMapBox .pos .li2 {
    left: 175px;
    top: 300px;
}

.prMapBox .pos .li3 {
    left: 175px;
    top: 278px;
}

.prMapBox .pos .li4 {
    left: 196px;
    top: 272px;
}

.prMapBox .pos .li5 {
    left: 220px;
    top: 240px;
}

.prMapBox .pos .li6 {
    left: 233px;
    top: 221px;
}

.prMapBox .pos .li7 {
    left: 234px;
    top: 195px;
}

.prMapBox .pos .li8 {
    left: 215px;
    top: 207px;
}

.prMapBox .pos .li9 {
    left: 152px;
    top: 108px;
}

.prMapBox .pos .li10 {
    left: 234px;
    top: 336px;
}

/* 
.prMapBox .pos .li11 {
    left: 255px;
    top: 333px;
} */

.prMapBox .pos .li12 {
    left: 256px;
    top: 334px;
}

.prMapBox .pos .li13 {
    left: 254px;
    top: 312px;
}

.prMapBox .pos .li14 {
    left: 272px;
    top: 235px;
}

.prMapBox .pos .li15 {
    left: 300px;
    top: 312px;
}

.prMapBox .pos .li16 {
    left: 319px;
    top: 299px;
}

.prMapBox .pos .li17 {
    left: 514px;
    top: 189px;
}

.prMapBox .pos .li18 {
    left: 528px;
    top: 170px;
}

.prMapBox .pos .li19 {
    left: 765px;
    top: 115px;
}

.prMapBox .pos .li20 {
    left: 494px;
    top: 200px;
}

.prMapBox .pos li .bor span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 30;
}

.prMapBox .pos li .bor span::before {
    content: "";
    position: absolute;
    left: -7px;
    top: -7px;
    width: 23px;
    height: 23px;
    background-color: #009f8a;
    border-radius: 50%;
    opacity: 0.5;
}

.prMapBox .pos li.red .bor span::before {
    background-color: #f83636;
}

.prMapBox .pos li .bor::before {
    display: none;
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    width: 20px;
    height: 20px;
    background-color: #009f8a;
    border-radius: 50%;
    animation: busMapBoxIc1 3s ease infinite;
    opacity: 0;
}

.prMapBox .pos li.red .bor::after,
.prMapBox .pos li.red .bor::before {
    background-color: #f83636;
}

.prMapBox .pos li .bor::after {
    display: none;
    content: "";
    position: absolute;
    left: -5px;
    top: -5px;
    width: 20px;
    height: 20px;
    background-color: #009f8a;
    border-radius: 50%;
    opacity: 0;
    animation: busMapBoxIc2 3s .5s ease infinite;
}

.prMapBox .pos li.on .bor::after,
.prMapBox .pos li.on .bor::before {
    display: block;
}

@keyframes busMapBoxIc1 {
    0% {
        opacity: 1;
        transform: scale(0);
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}

@keyframes busMapBoxIc2 {
    0% {
        opacity: 1;
        transform: scale(0);
    }

    100% {
        opacity: 0;
        transform: scale(2);
    }
}


.indexCont3 .mapTit {
    position: absolute;
    /* left: 974px; */
    left: 240px;
    top: 410px;
}

.indexCont3 .mapTit h4 {
    color: #009f8a;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 4px;
    font-weight: bold;
}

.indexCont3 .mapTit h5 {
    color: #009f8a;
    font-size: 19px;
    line-height: 1;
    font-family: BrandonGrotesque;
    text-transform: uppercase;
}

@media (max-width:1600px) {
    .indexCont3 .box {
        float: none;
        width: 100%;
        max-width: 900px;
    }

    .prMapBox {
        float: none;
        margin: 40px auto 0;
    }
}

.indexCont4 {
    padding: 95px 0 90px;
}

.indexCont4 .idxTit {
    margin-bottom: 14px;
}

.indexCont4 .top h5 {
    color: #333333;
    font-size: 42px;
    line-height: 1;
    margin-bottom: 14px;
}

.indexCont4 .top p {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 26px;
}

.indexCont4 .top {
    margin-bottom: 80px;
}


.erxPop .pop-cont {
    /* position: absolute;
    left: 0;
    top: 0; */
    width: 404px;
    height: 396px;
    background-color: #FFF;
    padding: 60px 30px 0;
    transform: translateY(10vh);
}

.erxPop .pop-cont .erImg {
    width: 220px;
    height: 220px;
    border: 1px solid #e1e1e1;
    padding: 20px;
    background-color: #FFF;
    margin: 0 auto 16px;
}

.erxPop .pop-cont h5 {
    color: #707981;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
}

.erxPop .pop-cont .erImg img {
    width: 100%;
}

.erxPop .close {
    position: absolute;
    right: -56px;
    top: 0;
    cursor: pointer;
}

.indexCont4 {
    background: url(../images/index/indexCont4-bom.jpg) no-repeat center bottom;
    /* background-size: 100% auto; */
}

.indexCont4 .list {
    display: flex;
    justify-content: space-between;
    transform-style: preserve-3d;

}

.indexCont4 .list .li {
    /* width: 479px; */
    width: 28.8554%;
    /* height: 630px; */
    perspective: 280px;
}

.indexCont4 .list .li .co {
    transform: rotate3d(0, 1, 0, -5deg) scale(1) translateX(-2%);
    position: relative;
    transition: all .6s;
}

.indexCont4 .list .li:hover .co {
    transform: rotate3d(0, 1, 0, 0) scale(1) translateX(0);
}

.indexCont4 .list h5 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 30px;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    line-height: 1.3;
}

.indexCont5 {
    padding-top: 100px;
    padding-bottom: 120px;
    /* height: 850px; */
    background: url(../images/index/indexCont5-bg.jpg) no-repeat center;
    background-size: cover;
}


.indexCont5 .idxTit {
    margin-bottom: 14px;
}

.indexCont5 .top {
    margin-bottom: 72px;
}

.indexCont5 .top h5 {
    color: #333333;
    font-size: 42px;
    line-height: 1;
    margin-bottom: 14px;
}

.indexCont5 .top p {
    color: #8d8d8d;
    font-size: 16px;
    line-height: 26px;
}

.indexCont5 .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indexCont5 .list .li {
    width: 21%;
    /* height: 100%; */
    height: 0;
    padding-bottom: 21%;
    /* min-width: 260px; */
    position: relative;
}

.indexCont5 .list .li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/index/indexCont5-bor1.png) no-repeat 0 0;
    background-size: 100% 100%;
    transition: all .6s;
    z-index: 1;
}

.indexCont5 .list .li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 90%;
    z-index: 10;
    opacity: 0;
    transition: all .3s;
}

.indexCont5 .list .li:nth-child(1):after {
    background: url(../images/index/indexCont5-ck1.png) no-repeat 0 0;

    background-size: 100% 100%;
}

.indexCont5 .list .li:nth-child(2):after {
    background: url(../images/index/indexCont5-ck2.png) no-repeat 0 0;

    background-size: 100% 100%;
}

.indexCont5 .list .li:nth-child(3):after {
    background: url(../images/index/indexCont5-ck3.png) no-repeat 0 0;

    background-size: 100% 100%;
}

.indexCont5 .list .li:nth-child(4):after {
    background: url(../images/index/indexCont5-ck4.png) no-repeat 0 0;

    background-size: 100% 100%;
}

.indexCont5 .list .li .co {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
}

.indexCont5 .list .li .ic {
    position: relative;
    height: 58px;
}

.indexCont5 .list .li .ic img:nth-child(1) {
    display: block;
    margin: auto;
}

.indexCont5 .list .li .ic img:nth-child(2) {
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    transition: all .3s;
}

.indexCont5 .list .li h5 {
    color: #333333;
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 5px;
    text-align: center;
}

.indexCont5 .list .li h6 {
    color: #999999;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    font-family: BrandonGrotesque;
    text-align: center;
}

.indexCont5 .list .li:hover::after {
    opacity: 1;
}

.indexCont5 .list .li:hover::before {
    opacity: 1;
}

.indexCont5 .list .li:hover .ic img:nth-child(2) {
    opacity: 1;
}

.indexCont5 .list .li:hover .ic img:nth-child(1) {
    opacity: 0;
}

.indexCont5 .list .li:hover h5 {
    color: #ffffff;
}

.indexCont5 .list .li:hover h6 {
    color: #ffffff;
}

.indexCont5 .list .li:hover::before {
    background: url(../images/index/indexCont5-bor2.png) no-repeat 0 0;
    background-size: 100% 100%;
    animation: indC5Rotate 12s linear infinite forwards;
}

@keyframes indC5Rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width:1500px) {
    .indexCont5 .list .li h5 {
        font-size: 18px;
    }

    .indexCont5 .list .li h6 {
        font-size: 14px;
        line-height: 16px;
    }
}

.indexCont6 {
    padding: 106px 0 120px;
    overflow: hidden;
}

.indexCont6 .top {
    margin-bottom: 60px;
}

.indexCont6 .top .le {
    float: left;
}

.indexCont6 .top ul {
    float: right;
    padding-top: 34px;
}

.indexCont6 .top ul li {
    float: left;
    margin-left: 34px;
}

.indexCont6 .top ul li h5 {
    color: #0042a3;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.indexCont6 .top ul li h5 span {
    display: inline-block;
    font-size: 47px;
    line-height: 1;
    font-family: Gilroy_Bold;
    margin-left: 10px;
}

.indexCont6 .top ul li h5 sup {
    font-size: 30px;
    line-height: 1;
    font-family: Gilroy_Bold;
    transform: translateY(-9px);
}

.loSlideBox {
    overflow: visible;

}

.loSlideBox .slideBox {
    margin-bottom: -40px;
}

.loSlideBox .slideBox:nth-child(2) {
    margin-left: -158px;
    /* width: calc(100vw + 158px); */
}

.loSlideBox .slideBox:nth-child(3) {
    margin-left: -56px;
    /* width: calc(100vw + 56px); */
}

/* .loSlideBox .bd ul {
    height: 151px;
    overflow: hidden;
} */

.loSlideBox .bd li {
    float: left;
    width: 280px;
    height: 151px;
    position: relative;
    margin-left: -10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loSlideBox .bd .lo {
    position: relative;
    z-index: 30;
}

.loSlideBox .bd li::before {
    content: "";
    display: block;
    width: 331px;
    height: 151px;
    background: url(../images/index/loSlideBox-li-bg.png) no-repeat 0 0;
    position: absolute;
    left: -27px;
    /* top: -15px; */
    top: 0;
}

.indexCont7 {
    padding-bottom: 175px;
}


.indexCont7 .cTilCn {
    margin-bottom: 70px;
}

.indexCont7 .newsList {
    display: flex;
    justify-content: space-between;
}

.indexCont7 .newsList .li {
    width: 23.19%;
    position: relative;
    transition: all .3s;
    top: 0;
}

.indexCont7 .newsList .li::before {
    content: "";
    display: block;
    border-top: 2px solid #8d8d8d;
}

/* .indexCont7 .newsList .li::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background: url(../images/index/indexCont7-ic1.png) no-repeat 0 0;
    position: absolute;
    right: 0;
} */

.indexCont7 .newsList .li .co {
    height: 190px;
    padding-top: 30px;
}

.indexCont7 .newsList .li h4 {
    color: #555555;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 30px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
}

.indexCont7 .newsList .li h5 {
    color: #dad9d9;
    font-size: 20px;
    line-height: 1;
    font-family: Gilroy_Bold;
}

.indexCont7 .newsList .li .img img {
    width: 100%;
}

.indexCont7 .newsList .pos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px 30px;
    background: url(../images/index/indexCont7-news-pos1.jpg) no-repeat center;
    background-size: cover;
    opacity: 0;
    transition: all .3s;
    /* transform: translateY(-60px); */
}

.indexCont7 .newsList .pos h4 {
    color: #ffffff;
}

.indexCont7 .newsList .pos h5 {
    color: #dad9d9;
}

.indexCont7 .newsList .pos .icon {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.indexCont7 .newsList .li .ite {
    position: relative;
    top: 0;
    transition: top .3s;
}

.indexCont7 .newsList .li:hover .ite {
    top: -60px;
    /* transform: translateY(-60px); */
}

.indexCont7 .newsList .li:hover .pos {
    opacity: 1;
}

.district1Cont1 {
    padding: 95px 0 20px;
}

.district1Cont1 .L {
    float: left;
    /* width: 600px; */
    width: 37.9518%;
}

.district1Cont1 .R {
    float: right;
    width: 57.8313%;
    /* width: calc(100% - 670px); */
}

.district1Cont1 .card {
    display: flex;
    justify-content: space-between;
}

.district1Cont1 .card .item {
    width: 48%;
    margin-bottom: 30px;
}

.district1Cont1 .card .img {
    position: relative;
    overflow: hidden;
    border-radius: 0 24px 0 0;
}

.district1Cont1 .card .img h5 {
    position: absolute;
    left: 14px;
    bottom: 10px;
    color: #ffffff;
    font-size: 42px;
    line-height: 1.3;
}

.district1Cont1 .card .img img {
    width: 100%;
    transition: all .6s;
}

.district1Cont1 .card .item:hover .img img {
    transform: scale(1.1);
}

.district1Cont1 .card .co {
    padding-top: 23px;
}

.district1Cont1 .card h6 {
    color: #1d232c;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.district1Cont1 .card p {
    color: #808080;
}

.district1Cont1 .cTilCn {
    margin-bottom: 50px;
}

.district1Cont1 .L h4 {
    color: #0042a3;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}

.district1Cont1 .L h5 {
    color: #808080;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 34px;
}

.district1Cont1 .list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px;
}

.district1Cont1 .list li {
    margin-left: 50px;
    margin-bottom: 44px;
}

.district1Cont1 .list .ic {
    height: 40px;
}

.district1Cont1 .list h6 {
    color: #333333;
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
}

.district1Cont1 .list p {
    color: #666666;
}

@media (max-width:1400px) {

    .district1Cont1 .card {
        flex-wrap: wrap;
    }

    .district1Cont1 .card .item {
        width: 100%;
    }
}

.district1Cont2 .w1660 {
    border-top: 2px solid #eaeaea;
}

.district1Cont2 .L {
    float: left;
    width: 40%;
    position: relative;
}

.district1Cont2 .L .mapImg {
    float: right;
    /* max-width: none; */
    margin-top: 51px;
    width: 100%;
    margin-bottom: 80px;
}

.district1Cont2 .R {
    float: right;
    width: 57.8313%;
    padding-top: 50px;
}

.district1Cont2 .R h3 {
    color: #42a8c1;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 6px;
}

.district1Cont2 .R h4 {
    color: #808080;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 54px;
}

.district1Cont2 .R .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.district1Cont2 .R .list li {
    width: 48%;
    margin-bottom: 40px;
}

.district1Cont2 .R .list h5 {
    color: #42a8c1;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: bold;
}

.district1Cont2 .R .list p {
    color: #808080;
}

.district1Cont3 {
    padding: 120px 0;
}

.district1Cont3 .L {
    float: left;
    width: 40%;
    position: relative;
}


.district1Cont3 .R {
    float: right;
    width: 57.8313%;
    padding-top: 24px;
}

.district1Cont3 {
    padding: 120px 0 100px;
}

.district1Cont3 .L .cTilCn {
    margin-bottom: 50px;
}

.district1Cont3 .L h3 {
    color: #0042a3;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}

.district1Cont3 .L h4 {
    color: #808080;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 34px;
}

.district1Cont4 {
    padding: 120px 0;
    background: url(../images/district/district1Cont3-bg.jpg) no-repeat center;
    background-size: cover;
}

.district1Cont4 .L {
    float: left;
    width: 40%;
    position: relative;
}

.district1Cont4 .L .cTilCn {
    margin-bottom: 50px;
}

.district1Cont4 .L h3 {
    color: #0042a3;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}

.district1Cont4 .L h4 {
    color: #808080;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 34px;
}

.district1Cont4 .R {
    float: right;
    width: 57.8313%;
    /* padding-top: 24px; */
}

.district1Cont4 .R .lit {
    display: flex;
    margin-bottom: 20px;
}

.district1Cont4 .R .lit .co {
    width: 61%;
    padding: 34px 40px;
    background-color: #ffffff;
}

.district1Cont4 .R .lit .img {
    width: 39%;
    /* padding-top: 39%; */
    height: 290px;
    overflow: hidden;
    position: relative;
}

.district1Cont4 .R .lit .img .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.district1Cont4 .R .lit h5 {
    color: #0042a3;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 14px;
}

.district1Cont4 .R .lit h6 {
    color: #333333;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 16px;
}

.district1Cont4 .R .lit p {
    color: #666666;
}

.district1Cont4 .R .lit ul li {
    color: #666666;
    margin-bottom: 10px;
}

.district1Cont3 .tips {
    margin-bottom: 50px;
}

.district1Cont3 .tips p {
    color: #808080;
}

.district1Cont3 .card {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.district1Cont3 .card .lit {
    width: calc(50% - 9px);
    margin-bottom: 18px;
    height: 130px;

    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    padding: 0 4%;
    position: relative;
    transition: all .3s;
}

.district1Cont3 .card .lit .co {
    width: calc(100% - 78px);
    position: relative;
    z-index: 10;
}

.district1Cont3 .card .lit .ic {
    width: 64px;
    height: 64px;
    background-color: #FFF;
    border-radius: 50%;
    position: relative;
    margin-right: 14px;
}

.district1Cont3 .card .lit .ic::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/district/district1Cont3-ac.png) no-repeat 0 0;
    transition: all .3s;
}

.district1Cont3 .card .lit .ic img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
    transition: all .3s;
}

.district1Cont3 .card .lit .ic img:nth-child(2) {
    opacity: 0;
}

.district1Cont3 .card .lit:hover .ic::before {
    opacity: 0;
}

.district1Cont3 .card .lit:hover .ic img:nth-child(1) {
    opacity: 0;
}

.district1Cont3 .card .lit:hover .ic img:nth-child(2) {
    opacity: 1;
}

.district1Cont3 .card .lit::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/district/district1Cont3-lit-bg.jpg) no-repeat center;
    background-size: cover;
    opacity: 0;
    transition: all .3s;
}

.district1Cont3 .card .lit:hover::before {
    opacity: 1;
}

.district1Cont3 .card .lit h5 {
    color: #808080;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 4px;
    font-weight: bold;
    transition: all .3s;
}

.district1Cont3 .card .lit p {
    color: #808080;
    transition: all .3s;
}

.district1Cont3 .card .lit:hover p {
    color: #FFF;
}

.district1Cont3 .card .lit:hover h5 {
    color: #FFF;
}

.district1Cont5 {
    padding: 120px 0;
    background: url(../images/district/district1Cont5-bg.jpg) no-repeat center;
    background-size: cover;
}

.district1Cont5 .L {
    float: left;
    width: 40%;
    position: relative;
}


.district1Cont5 .R {
    float: right;
    width: 57.8313%;
    padding-top: 24px;
}

.district1Cont5 .top {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.district1Cont5 .cTilEn {
    color: rgba(255, 255, 255, 0.5);
}

.district1Cont5 .cTilCn {
    color: #FFF;
    margin-bottom: 70px;
}

.district1Cont5 .cTilEn:after {
    background: url(../images/cTilAfter2.png) no-repeat right 4px;
}

.district1Cont5 .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.district1Cont5 .list .li {
    float: left;
    width: 32%;
}

.district1Cont5 .list .li:nth-child(1),
.district1Cont5 .list .li:nth-child(2),
.district1Cont5 .list .li:nth-child(3) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.district1Cont5 .list .li h5 {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
}

.district1Cont5 .list .li h5 span {
    display: inline-block;
    line-height: 1;
    font-size: 48px;
    font-family: BrandonGrotesque;
    margin-right: 2px;
}

.district1Cont5 .list .li p {
    color: #FFF;
    font-size: 16px;
}

.district1Cont5 .L h3 {
    color: #FFF;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}

.district1Cont5 .L h4 {
    color: #FFF;
    font-size: 18px;
    line-height: 1.3;
}

.district1Cont5 .bom h5 {
    color: #ffffff;
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 28px;
    text-align: center;
}

.district1Cont5 .bom .list {
    display: flex;
    flex-wrap: wrap;

}

.district1Cont5 .bom .list .lit {

    width: calc(20% - 16px);

    margin-bottom: 20px;

    min-height: 240px;

    padding-top: 37px;

    background-color: rgba(0, 0, 0, 0.2);

    padding: 36px 2%;
}

.district1Cont5 .bom .list .ic {
    height: 58px;
}

.district1Cont5 .bom .list h6 {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.district1Cont5 .bom .list p {
    color: rgba(255, 255, 255, 0.65);
}

.scoId {
    height: 0;
    transform: translateY(-100px);
}

.project1Cont1 {
    min-height: 384px;
    padding: 95px 0 80px;
    background: url(../images/project/project1Cont1-bg.jpg) no-repeat center top;

}

.project1Cont1 .L {
    float: left;
    /* width: 600px; */
    width: 40%;
}

.project1Cont1 .R {
    float: right;
    width: 50%;
}

.project1Cont1 .cTilCn {
    margin-bottom: 50px;
}

.project1Cont1 .L h4 {
    color: #0042a3;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}

.project1Cont1 .L h5 {
    color: #808080;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 34px;
}


.project1Cont1 .R .top {
    margin-bottom: 40px;
}

.project1Cont1 .R .top p {
    color: #808080;
}

.project1Cont1 .list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -30px;
}

.project1Cont1 .list .li {
    margin-right: 37px;
    margin-bottom: 30px;
}

.project1Cont1 .list .li h5 {
    color: #0042a3;
    font-size: 14px;
    line-height: 1;
}

.project1Cont1 .list .li h5 span {
    display: inline-block;
    line-height: 1;
    font-size: 48px;
    font-family: BrandonGrotesque;
    margin-right: 2px;
}

.project1Cont1 .list .li p {
    color: #808080;
    font-size: 16px;
}

.project1Cont2 {
    height: 813px;
    position: relative;
    overflow: hidden;
    /* background: url(../images/project/project1Cont2.jpg) no-repeat center top; */
}

.project1Cont2 .w1660 {
    height: 100%;
    position: relative;
}

.project1Cont2 .lxBg {
    position: absolute;
    right: -270px;
    bottom: 0;
    max-width: none;
}

.project1Cont2 .L {
    position: relative;
    z-index: 10;
    padding-top: 105px;
}

.project1Cont2 .R {
    position: relative;
    z-index: 10;
}

.project1Cont2 .cTilEn {
    color: rgba(255, 255, 255, .3);
}

.project1Cont2 .cTilCn {
    color: #FFF;
}

.project1Cont2 .cTilEn:after {
    background: url(../images/cTilAfter3.png) no-repeat right 4px;
}


.project1Cont2 .proxDt {
    position: absolute;
    right: 160px;
    bottom: 440px;
    z-index: 20;
}

.project1Cont2 .proxDt .lit:nth-child(1) {
    margin-left: 0;
}

.project1Cont2 .proxDt .lit {
    float: left;
    margin-left: 162px;
    width: 52px;
    height: 52px;
    background-color: #FFF;
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid #FFF;
    position: relative;
}

.project1Cont2 .proxDt .lit::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 47px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 8px solid #FFF;
    margin: auto;
}

.project1Cont2 .proxDt .lit span {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #0149b2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #FFF;
    font-size: 18px;
    line-height: 1;
    font-family: BrandonGrotesque;
    text-transform: uppercase;
}

.project1Cont2 .proxDt .lit.on span {
    background-color: #0ec74b;
}

.project1Cont2 .proxDd {
    margin-top: 70px;
    width: 37%;
}

.project1Cont2 .proxDd .dd {
    display: none;
}

.project1Cont2 .proxDd .dd:nth-child(1) {
    display: block;
}

.project1Cont2 .proxDd h5 {
    color: #ffffff;
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 14px;
    opacity: 0;
    animation: fadeInUp50 .8s forwards;
}

.project1Cont2 .proxDd ul {
    opacity: 0;
    animation: fadeInUp50 .8s .1s forwards;
}

.project1Cont2 .proxDd li {
    color: #fff;
}

.project1Cont3 {
    height: 860px;
    background: url(../images/project/project1Cont3-bg.jpg) no-repeat center bottom;
    padding: 140px 0 110px;
}

.project1Cont3 .le {
    float: left;
    width: calc(100% - 980px);
    border-right: 1px solid #e6e6e6;
    padding-right: 70px;
    padding-top: 130px;
    height: 620px;
}

.project1Cont3 .le h3 {
    color: #0042a3;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 45px;
}

.project1Cont3 .le p {
    color: #808080;
}

.project1Cont3 .le .top {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e6e6e6;
}

.project1Cont3 .list {
    display: flex;
    flex-wrap: wrap;
}

.project1Cont3 .list .li {
    margin-right: 37px;
    margin-bottom: 30px;
}

.project1Cont3 .list .li h5 {
    color: #0042a3;
    font-size: 14px;
    line-height: 1;
}

.project1Cont3 .list .li h5 span {
    display: inline-block;
    line-height: 1;
    font-size: 48px;
    font-family: BrandonGrotesque;
    margin-right: 2px;
}

.project1Cont3 .list .li p {
    color: #808080;
    font-size: 16px;
}

.project1Cont3 .mapBox {
    margin-top: 100px;
}

@media (max-width:1600px) {
    .project1Cont3 {
        height: auto;
        padding-bottom: 50px;
        padding-top: 100px;
    }

    .project1Cont3 .le {
        padding-top: 0;
        height: auto;
    }

    .project1Cont3 .le {
        float: none;
        width: auto;
        border-right: none;
        padding-right: 0;
    }

    .project1Cont3 .mapBox {
        margin-top: 50px;
    }
}

.project1Cont4 {
    padding: 100px 0 125px;
}

.project1Cont4 .cTilCn {
    margin-bottom: 50px;
}

.project1Cont4 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project1Cont4 .list .li {
    width: 30%;
}

.project1Cont4 .list .dt {
    padding-bottom: 20px;
    position: relative;
    min-height: 50px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 24px;
}

.project1Cont4 .list .dt h5 {
    color: #333333;
    font-size: 18px;
    line-height: 1.3;
}

.project1Cont4 .list .dt .ic {
    position: absolute;
    right: 0;
    top: 0;
}

.project1Cont4 .list p {
    color: #808080;
}

.service1Cont1 {
    padding: 95px 0;

}

.service1Cont1 .cTilCn {
    margin-bottom: 70px;
}

.service1Cont1 .le {
    float: left;
    /* width: 36%; */
    width: 500px;
}

.service1Cont1 .ri {
    float: right;
    /* width: 59.6%; */
    max-width: 990px;
    width: calc(100% - 550px);
}

.service1Cont1 .le h5 {
    color: #0042a3;
    font-size: 18px;
    line-height: 30px;
}

.service1Cont1 .ri .txt p {
    color: #808080;
    margin-bottom: 26px;
}

.service1Cont2 {
    background: url(../images/service/service1Cont2-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 120px 0 110px;
}

.service1Cont2 .list {
    display: flex;
    justify-content: space-between;
}

.service1Cont2 .list .lit {
    width: 32.53%;
    background-color: #FFF;
}

.service1Cont2 .list .img img {
    width: 100%;
}

.service1Cont2 .list .cont {
    padding: 50px 34px 40px;
    position: relative;
}

.service1Cont2 .list .img {
    border-bottom: 4px solid #0151c4;
}

.service1Cont2 .list h4 {
    color: #373737;
    font-size: 26px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 4px;
}

.service1Cont2 .list h5 {
    color: #dad9d9;
    font-size: 20px;
    line-height: 1;
    font-family: BrandonGrotesque;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.service1Cont2 .list em {
    position: absolute;
    right: 34px;
    top: 45px;
    color: #ff9c00;
    font-size: 42px;
    line-height: 1;
    font-family: BrandonGrotesque;
}

.service1Cont2 .list p {
    color: #808080;
}

.service2Cont1 {
    padding: 95px 0 80px;
}

.service2Cont1 .cTilCn {
    margin-bottom: 60px;
}

.service2Cont1 .le {
    width: 515px;
    float: left;
}

.service2Cont1 .le h5 {
    color: #0042a3;
    font-size: 36px;
    line-height: 1.3;
    font-family: Gilroy_Bold;
    margin-bottom: 20px;
}

.service2Cont1 .le p {
    color: #808080;
}

.service2Cont1 .ri {
    width: calc(100% - 590px);
    float: right;
    max-width: 990px;
    margin-top: -15px;
}

.service2Cont1 .ri h5 {
    color: #1d232c;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px;
}

.service2Cont1 .ri h6 {
    color: #f5a905;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 5px;
    font-family: BrandonGrotesque;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.service2Cont1 .ri .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service2Cont1 .ri .list .li {
    width: calc(33.33% - 11px);
    border: 2px solid #edeff2;
    padding: 28px 80px 28px 26px;
    min-height: 112px;
    border-radius: 14px;
    margin-bottom: 16px;
    position: relative;
}

.service2Cont1 .ri .list .ic {
    position: absolute;
    right: 26px;
    top: 24px;
}

.service2Cont1 .ri .list .t1 {
    color: #797979;
    font-size: 16px;
}

.service2Cont1 .ri .list .li.sx {
    padding-right: 110px;
    background-color: #9ac769;
}

.service2Cont1 .ri .list .li.sx .sxIc {
    position: absolute;
    right: 6px;
    top: 18px;
}

.service2Cont1 .ri .list .li.sx .x1 {
    color: #FFF;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px;
    font-weight: bold;
}

.service2Cont1 .ri .list .li.sx .x2 {
    color: rgba(255, 255, 255, 0.4);
    font-family: Gilroy_Bold;
    line-height: 1.2;
}

.service2Cont2 {
    padding: 100px 0 120px;
    background: url(../images/service/service2Cont2-bg.jpg) no-repeat center;
    background-size: cover;
}

.service2Cont2 .cTilCn {
    color: #FFF;
}

.service2Cont2 .cTilEn {
    color: rgba(255, 255, 255, .2);
}

.service2Cont2 .cTilEn:after {
    background: url(../images/cTilAfter4.png) no-repeat right 4px;
}

.service2Cont2 .le {
    float: left;
    width: 550px;
}

.service2Cont2 .ri {
    float: right;
    width: calc(100% - 590px);
}

.service2Cont2 .le h4 {
    color: #ffffff;
    font-size: 36px;
    margin-bottom: 18px;
    margin-top: 60px;
}

.service2Cont2 .le p {
    color: #a2aec1;
    font-size: 14px;
}

.service2Cont2 .ri {
    float: right;
    width: calc(100% - 590px);
    padding-top: 15px;
}

.service2Cont2 .ri .box {
    background-color: #FFF;
    padding: 44px 55px;
    min-height: 314px;
}

.service2Cont2 .oasDt {
    display: flex;
    margin-bottom: 35px;
}

.service2Cont2 .oasDd .dd {
    display: none;
}

.service2Cont2 .oasDd .dd .ixMo {
    display: none;
}

.service2Cont2 .oasDt .li {
    color: #d1d1d1;
    font-size: 26px;
    margin-right: 20px;
    cursor: pointer;
}

.service2Cont2 .oasDt .li.on {
    color: #434343;
}

.service2Cont2 .dlKio {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service2Cont2 .dlKio dl {
    display: flex;
    width: 48%;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

.service2Cont2 .dlKio dt {
    width: 126px;
    display: flex;
    align-items: center;
    transform: translateY(-5px);
}

.service2Cont2 .dlKio dt .ic {
    width: 44px;
}

.service2Cont2 .dlKio dt h6 {
    color: #3d3d3d;
    font-size: 16px;
}

.service2Cont2 .dlKio dd {
    width: calc(100% - 122px);
}

.service2Cont2 .dlKio p {
    color: #808080;
}

.service2Cont3 {
    padding: 120px 0 107px;
    background-color: #f2f2f2;
}

.service2Cont3 .list {
    display: flex;
    justify-content: space-between;
}

.service2Cont3 .list .item {
    width: calc(33.33% - 15px);
    background-color: #ffffff;
}

.service2Cont3 .list .co {
    padding: 50px 30px;
    position: relative;
    min-height: 300px;
}

.service2Cont3 .list h5 {
    color: #373737;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 2px;
}

.service2Cont3 .list h6 {
    color: #dad9d9;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-family: BrandonGrotesque;
    margin-bottom: 14px;
}

.service2Cont3 .list span {
    position: absolute;
    right: 30px;
    top: 46px;
    color: #ff9c00;
    line-height: 1;
    font-size: 42px;
    font-family: BrandonGrotesque;
}

.service2Cont3 .list p {
    color: #808080;
}

.service3Cont1 {
    padding: 95px 0;
    background: url(../images/service/service3Cont1-bg.jpg) no-repeat center bottom;
    background-size: cover;
}

.service3Cont1 .le {
    float: left;
    width: calc(100% - 580px);
    max-width: 840px;
}

.service3Cont1 .le .top {
    margin-top: 50px;
}

.service3Cont1 .ri {
    float: right;
    width: 517px;
}

.service3Cont1 .le .bom {
    border-top: 1px solid #dcdcdc;
    padding-top: 26px;
    margin-top: 36px;
}

.service3Cont1 .top h5 {
    color: #0042a3;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 13px;
}

.service3Cont1 .top p {
    color: #808080;
}

.service3Cont1 .list {
    display: flex;
    flex-wrap: wrap;
}

.service3Cont1 .list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -80px;
    margin-bottom: -40px;
}

.service3Cont1 .list .li {
    margin-right: 80px;
    margin-bottom: 40px;
}

.service3Cont1 .list .sx .h5 {
    position: relative;
    display: inline-block;
}

.service3Cont1 .list .sx sup {
    position: absolute;
    left: 100%;
    margin-left: 5px;
    top: 0;
    color: #333333;
    font-size: 30px;
    line-height: 22px;
    font-family: Gilroy_Bold;
}

.service3Cont1 .list .sx sub {
    position: absolute;
    left: 100%;
    margin-left: 6px;
    top: 25px;
    font-size: 14px;
    line-height: 1;
    color: #808080;
}

.service3Cont1 .list .ic {
    height: 60px;
}

.service3Cont1 .list .sx em {
    display: block;
    color: #333333;
    font-size: 50px;
    line-height: 40px;
    font-family: Gilroy_Bold;
    margin-bottom: 10px;
}

.service3Cont1 .list span {
    display: block;
    color: #999999;
}

.service3Cont2 {
    padding: 100px 0;
}

.service3Cont2 .top h4 {
    color: #333333;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 18px;
    font-weight: bold;
}

.service3Cont2 .top {
    width: 596px;
    margin-bottom: 45px;
}

.service3Cont2 .top p {
    color: #808080;
}

.service3Cont2 .list {
    display: flex;
    justify-content: space-between;
}

.service3Cont2 .list .lit {
    width: calc(25% - 26px);
    border: 1px solid #89a6d0;
    background-color: #0042a3;
    min-height: 193px;
    padding: 24px 30px 26px;
    position: relative;
    transition: all .3s;
}

.service3Cont2 .list .lit::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/service/service3Cont2-li-bx.jpg) no-repeat;
    background-size: cover;
    opacity: 1;
    transition: all .3s;
    z-index: 10;
}

.service3Cont2 .list .lit:hover {
    transform: translateY(-13px);
}

.service3Cont2 .list .lit:hover::before {
    opacity: 0;
}

.service3Cont2 .list .lit>* {
    position: relative;
    z-index: 30;
}

.service3Cont2 .list .lit em {
    position: absolute;
    right: 32px;
    top: 40px;
    color: #0042a3;
    font-size: 42px;
    line-height: 30px;
    font-family: Gilroy_Bold;
}

.service3Cont2 .list .ic {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #dee6ef;
    border-radius: 50%;
    margin-bottom: 16px;
}

.service3Cont2 .list .ic .ic1 {
    opacity: 1;
    transition: all .3s;
}

.service3Cont2 .list .ic .ic2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: all .3s;
}

.service3Cont2 .list .lit:hover .ic {
    background-color: #ffffff;
}

.service3Cont2 .list .lit:hover .ic .ic1 {
    opacity: 0;
}

.service3Cont2 .list .lit:hover .ic .ic2 {
    opacity: 1;
}

.service3Cont2 .list .lit:hover em {
    color: #FFF;
}

.service3Cont2 .list h6 {
    color: #333333;
    font-size: 18px;
    line-height: 24px;

}

.service3Cont2 .list .lit:hover h6 {
    color: #FFF;
}

.service3Cont3 {
    background: url(../images/service/service3Cont3-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 70px 0;
    min-height: 632px;
}

.service3Cont3 .top h4 {
    color: #ffffff;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 16px;
}

.service3Cont3 .top {
    width: 45%;
    min-height: 190px;
    margin-bottom: 50px;
}

.service3Cont3 .top p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 26px;
}

.service3Cont3 .w1660 {
    position: relative;
}

.service3Cont3 .ri {
    width: 40%;
    text-align: right;
    position: absolute;
    right: 0;
    top: -5px;
}

.service3Cont3 .ri h5 {
    color: #ffffff;
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 14px;
}

.service3Cont3 .ri p {
    text-align: right;
    color: rgba(255, 255, 255, 0.5);
}

.service3Cont3 .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.service3Cont3 .list .ic {
    width: 86px;
    height: 86px;
    background-color: #FFF;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 43px;
}

.service3Cont3 .list .ic::before {
    content: "";
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.2);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.service3Cont3 .list .ic .ic1 {
    opacity: 1;
    transition: all .3s;
}

.service3Cont3 .list .ic .ic2 {
    opacity: 0;
    transition: all .3s;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.service3Cont3 .list h5 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 6px;
    text-align: center;
}

.service3Cont3 .list h6 {
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    font-family: 'BrandonGrotesque';
    text-transform: uppercase;
    text-align: center;
}

.service3Cont3 .list .px {
    transform: translateY(-40px);
}

.service3Cont3 .list .lit:hover .ic .ic1 {
    opacity: 0;
}

.service3Cont3 .list .lit:hover .ic .ic2 {
    opacity: 1;
}

.service3Cont3 .list .lit:hover .ic {
    background-color: #f39800;
}

.service3Cont4 {
    overflow: hidden;
    padding-bottom: 100px;
}

.service3Cont4 .le {
    float: left;
    width: 610px;
    padding-top: 130px;
}

.service3Cont4 .ri {
    float: right;
    padding-top: 110px;
    width: calc(100% - 730px);
}

.service3Cont4 .ri .card {
    position: relative;
}

.service3Cont4 .ri .card img {
    position: relative;
    z-index: 20;
}

.service3Cont4 .ri .card::before {
    content: "";
    position: absolute;
    left: 124px;
    top: -110px;
    width: 100vw;
    height: 573px;
    background-color: #f5f8fb;
}

.service3Cont4 .top {
    margin-bottom: 54px;
}

.service3Cont4 .top h4 {
    color: #333333;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 17px;
}

.service3Cont4 .top p {
    color: #808080;
}

.service3Cont4 .usxDt {
    height: 45px;
    border-bottom: 2px solid #eeeeee;
}

.service3Cont4 .usxDt .li:nth-child(1) {
    margin-left: 0;
}

.service3Cont4 .usxDt .li {
    float: left;
    color: #808080;
    font-size: 22px;
    line-height: 1;
    height: 100%;
    margin-left: 66px;
    margin-bottom: -2px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.service3Cont4 .usxDt .li.on {
    color: #0042a3;
    border-bottom: 2px solid #0042a3;
}

.service3Cont4 .usxDd {
    padding-top: 40px;
}

.service3Cont4 .usxDd h5 {
    color: #333333;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 25px;
    margin-top: 40px;
}

.service3Cont4 .usxDd .dd>h5:nth-child(1) {
    margin-top: 0;
}

.service3Cont4 .usxDd ul {
    display: flex;
    flex-wrap: wrap;
}

.service3Cont4 .usxDd ul li {
    width: 50%;
    border: 1px solid #f5f8fb;
    margin-left: -1px;
    margin-top: -1px;
    padding: 15px 8px 15px 18px;
    display: flex;

}

.service3Cont4 .usxDd ul li span {
    color: #0042a3;
    font-size: 18px;
    display: inline-block;
    font-family: Gilroy_Bold;
    width: 30px;
    transform: translateY(2px);
}

.service3Cont4 .usxDd ul li:nth-child(3) span,
.service3Cont4 .usxDd ul li:nth-child(2) span {
    color: #f6af3a;
}

.service3Cont4 .usxDd ul li p {
    width: calc(100% - 30px);
    color: #808080;
    font-size: 13px;
}

.service3Cont5 {
    padding: 70px 0;
    background: url(../images/service/service3Cont5-bg.jpg) no-repeat center;
    background-size: cover;
}

.service3Cont5 .top h4 {
    color: #333333;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 17px;

}

.service3Cont5 .top p {
    color: #808080;

}

.service3Cont5 .top {
    width: 560px;
    margin-bottom: 45px;
}

.service3Cont5 .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.service3Cont5 .list .li {
    width: calc(20% - 16px);
    height: 158px;
    background-color: #FFF;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 34px 30px;
}

.service3Cont5 .list .li h6 {
    color: #808080;
    font-size: 14px;
    line-height: 1;
    font-family: Gilroy_Bold;
    margin-bottom: 10px;
}

.service3Cont5 .list .li h5 {
    color: #333333;
    font-size: 20px;
    line-height: 1.3;
}

@media (max-width:1660px) {
    .project1Cont2 .lxBg {
        right: -370px;
    }

    .project1Cont2 .proxDt {
        right: 45px;
    }

    .service1Cont2 .list em {
        right: 25px;
    }

    .service1Cont2 .list .cont {
        padding: 30px 24px 40px;
    }
}

@media (max-width:1430px) {
    .service2Cont1 .ri .list .li {
        width: calc(50% - 11px);
        padding-left: 3%;
    }

    .service2Cont2 .ri,
    .service2Cont1 .ri {
        width: calc(100% - 490px);
    }

    .service2Cont2 .le,
    .service2Cont1 .le {
        width: 415px;
    }

    .service2Cont2 .dlKio dl {
        width: 100%;
    }
}

@media (max-width:1300px) {
    .project1Cont2 .L {
        padding-top: 80px;
    }

    .project1Cont4 {
        padding-bottom: 60px;
    }

    .project1Cont4 .list .li {
        width: 47%;
        margin-bottom: 80px;
    }

    .project1Cont2 .proxDd {
        margin-top: 50px;
        width: auto;
    }

    .project1Cont2 .proxDd ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .project1Cont2 .proxDd li {
        width: 49%;
    }

    .project1Cont2 {
        height: 920px;
    }

    .project1Cont2 .lxBg {
        /* right: -200px; */
        right: 50%;
        margin-right: 320px;
        transform: translateX(50%);
    }

    .project1Cont2 .proxDt {
        right: 0;
        left: 0;
        display: flex;
        justify-content: center;
    }
}


/* wang */
.auto {
    width: 94%;
    max-width: 1660px;
    margin: 0 auto
}

.auto:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.cTilEn {
    font-size: 28px;
    color: #ccc;
    font-family: "BrandonGrotesque";
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 4px;
    letter-spacing: -1px
}

.cTilEn:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    height: 28px;
    width: 18px;
    background: url(../images/cTilAfter.png) no-repeat right 4px
}

.cTilCn {
    font-size: 30px;
    color: #686767;
    line-height: 40px
}

.cSwiperBtns:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.cSwiperBtn {
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 10px;
    border-radius: 50%;
    background: #fff no-repeat center;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s
}

.cSwiperBtn:last-child {
    margin-right: 0
}

.cSwiperBtns .swioerPrev {
    background-image: url(../images/iconPrev.png)
}

.cSwiperBtns .swioerNext {
    background-image: url(../images/iconNext.png)
}

.cSwiperBtns .swioerPrev:hover {
    background-image: url(../images/iconPrevOn.png)
}

.cSwiperBtns .swioerNext:hover {
    background-image: url(../images/iconNextOn.png)
}

.auto p {
    font-size: 14px;
    color: #808080;
    line-height: 26px;
    margin-bottom: 26px
}

.auto p:last-child {
    margin-bottom: 0
}

.industryLump1 {
    padding: 100px 0
}

.industryLump1 .wr {
    margin-top: 50px
}

.industryLump1 .wLe {
    float: left;
    width: 46%;
    max-width: 670px
}

.industryLump1 .wLe .til {
    font-size: 36px;
    color: #0042a3;
    line-height: 50px
}

.industryLump1 .wLe .pBox {
    margin-top: 20px
}

.industryLump1 .wLe .infoUl {
    display: flex;
    align-items: flex-end;
    border-top: 1px solid #e6e6e6;
    margin-top: 46px;
    padding-top: 40px;
    flex-wrap: wrap;
}

.industryLump1 .infoUl .li {
    margin-right: 45px;
    margin-bottom: 30px;
}

.industryLump1 .infoUl .li:last-child {
    margin-right: 0
}

.industryLump1 .infoUl .num {
    font-size: 48px;
    color: #0042a3;
    font-family: "BrandonGrotesque";
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1
}

.industryLump1 .infoUl .num sup {
    position: relative;
    top: 8px
}

.industryLump1 .infoUl .num em {
    font-size: 14px;
    font-family: '微软雅黑';
    color: #808080
}

.industryLump1 .infoUl p {
    font-size: 16px;
    color: #808080;
    line-height: 22px;
    margin: 0
}

.industryLump1 .iconList {
    margin-top: 20px
}

.industryLump1 .iconList .ulTil {
    font-size: 16px;
    color: #1d232c;
    line-height: 26px;
    font-weight: 600;
    padding: 10px 0
}

.industryLump1 .iconList .ul {
    border-top: 1px solid #e6e6e6;
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px
}

.industryLump1 .iconList .li {
    display: flex;
    margin-right: 25px;
    align-items: center;
    margin-bottom: 10px
}

.industryLump1 .iconList .li .i {
    display: flex;
    align-items: center;
    height: 40px;
    margin-right: 10px;
    background: no-repeat center
}

.industryLump1 .iconList .li p {
    font-size: 16px;
    color: #8b8c8f
}

.industryLump1 .iconList .li:last-child {
    margin-right: 0
}

.industryLump1 .wRi {
    float: right;
    width: 51%
}

.industryLump1 .wRi .dt {
    height: 403px;
    background: no-repeat center
}

.industryLump1 .wRi .dd p {
    font-size: 16px;
    color: #808080;
    line-height: 24px;
    margin-top: 16px
}

.industryLump2 {
    height: 642px;
    background: url(../images/industry/industryL2Bg.jpg) no-repeat center
}

.industryLump2 .wLe {
    float: left;
    width: 46%;
    max-width: 670px;
    padding-top: 100px
}

.industryLump2 .wLe .cTilEn {
    color: #dad9d9
}

.industryLump2 .wLe .cTilCn {
    color: #fff
}

.industryLump2 .wLe .pBox {
    margin-top: 40px
}

.industryLump2 .wLe .pBox p {
    color: #b7b7b7
}

.industryLump2 .wLe .svv {
    margin-top: 50px
}

.industryLump2 .wRi {
    float: right;
    width: 51%
}

.industrySwiper {
    height: 642px;
    overflow: hidden
}

.industrySwiper .swiper-slide {
    height: auto;
    min-height: 216px;
    background: #fff;
    opacity: .5;
    transition: opacity .6s
}

.industrySwiper .swiper-slide-active,
.industrySwiper .swiper-slide-next {
    opacity: 1
}

.industrySwiper .dl {
    display: flex;
    align-items: flex-start;
    padding: 40px;
    padding-right: 30px
}

.industrySwiper .dt {
    flex: 1;
    margin-right: 40px
}

.industrySwiper .dt h4 {
    font-size: 22px;
    color: #404245;
    line-height: 32px;
    margin-bottom: 20px
}

.industryLump3 {
    padding: 130px 0 80px
}

.industryLump3 .dl {
    display: flex;
    height: 403px;
    margin-bottom: 20px
}

.industryLump3 .dt {
    height: 100%;
    flex: 1;
    background: #eee;
    overflow: hidden;
    overflow-y: auto;
    padding: 50px 90px 20px 50px
}

.industryLump3 .dt .pBox {
    margin-top: 40px
}

.industryLump3 .dt ul {
    display: flex;
    margin-top: 30px
}

.industryLump3 .dt li {
    float: left;
    margin-right: 64px
}

.industryLump3 .dt li:last-child {
    margin-right: 0
}

.industryLump3 .dt li .num {
    font-size: 48px;
    color: #ff9c00;
    font-family: "BrandonGrotesque";
    letter-spacing: -2px;
    line-height: 1
}

.industryLump3 .dt li .num sup {
    position: relative;
    top: 8px
}

.industryLump3 .dt li em {
    font-size: 14px;
    font-family: '微软雅黑';
    color: #808080
}

.industryLump3 .dt li p {
    font-size: 16px;
    color: #808080;
    line-height: 26px
}

.industryLump3 .dd {
    position: relative;
    width: 51%
}

.industryLump3 .dd .p {
    font-size: 16px;
    position: absolute;
    color: #fff;
    line-height: 24px;
    right: 15px;
    bottom: 15px;
    z-index: 5
}

.industry2 .industryLump1 .iconList .ul {
    margin-top: 46px;
    padding-top: 40px
}

.industry2Lump2 {
    min-height: 579px;
    padding-top: 88px;
    padding-bottom: 88px;
    background: url(../images/industry/industry2L2Bg.jpg) no-repeat center;
    background-size: cover;
}

.industry2Lump2 .wLe {
    float: left;
    width: 48.9%;
    height: 100%;
    /* padding-top: 37%; */
    background: no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.industry2Lump2 .wRi {
    float: right;
    width: 50.7%;
    min-height: 403px;
    background: #fff;
    padding: 53px 50px
}

.industry2Lump2 .wRi ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -25px
}

.industry2Lump2 .wRi li {
    display: flex;
    margin-right: 25px;
    align-items: center;
    height: 60px;
    margin-top: 20px
}

.industry2Lump2 .wRi li .i {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: no-repeat center
}

.industry2Lump2 .wRi li p {
    font-size: 16px;
    color: #8b8c8f
}

.industry2SwiperHd .li {
    float: left;
    font-size: 26px;
    color: #d1d1d1;
    line-height: 60px;
    height: 60px;
    margin-right: 24px;
    cursor: pointer;
    transition: all .4s
}

.industry2SwiperHd .li.on {
    color: #434343
}

.industry2Swiper .dl {
    display: flex
}

.industry2Swiper .dt {
    display: flex;
    margin-right: 25px;
    align-items: center;
    width: 140px;
    height: 60px
}

.industry2Swiper .dt .i {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: no-repeat center
}

.industry2Swiper .dt p {
    font-size: 16px;
    color: #333333
}

.industry2Swiper .dd p {
    color: #333333
}

.industry2Swiper .dd {
    flex: 1;
    padding-top: 16px
}

.industry2Lump3 {
    padding: 100px 0
}

.industry2Lump3 .wLe {
    float: left;
    width: 46%;
    max-width: 670px
}

.industry2Lump3 .wLe .tilBox {
    margin-bottom: 30px
}

.industry2Lump3 .wLe .til {
    font-size: 36px;
    color: #0042a3;
    line-height: 50px;
    margin-bottom: 6px
}

.industry2Lump3 .wLe .tilEn {
    font-size: 27px;
    color: #dad9d9;
    line-height: 26px;
    font-family: "BrandonGrotesque";
    letter-spacing: -1px
}

.industry2Lump3 .wLe .pBox {
    margin-top: 24px
}

.industry2Lump3 .wRi {
    float: right;
    width: 51%
}

.industry2Lump3 .wRi .dt {
    height: 403px;
    background: no-repeat center
}

.industry2Lump3 .wRi .dd p {
    font-size: 16px;
    color: #808080;
    line-height: 24px;
    margin-top: 16px
}

.industry2Lump4 {
    position: relative;
    padding: 0 0 100px;
    /* overflow: hidden */
}

.industry3 .industry2Lump4 {
    overflow: hidden
}

.industry2Lump4 .bgEn {
    position: absolute;
    right: 4.3%;
    top: -60px
}

.industry2Lump4 .auto {
    position: relative;
    z-index: 5
}

.industry2Lump4 .tilBox .cn {
    font-size: 26px;
    color: #373737;
    line-height: 36px
}

.industry2Lump4 .tilBox .en {
    font-size: 20px;
    color: #dad9d9;
    font-family: "BrandonGrotesque";
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: -1px
}

.industry2Lump4 ul {
    display: flex;
    margin-top: 45px
}

.industry2Lump4 li {
    position: relative;
    flex: 1;
    padding: 30px;
    margin-right: 1.86%;
    border: 2px solid #edeff2;
    border-radius: 10px;
    background: rgba(255, 255, 255, .97)
}

.industry2Lump4 li .icon {
    position: absolute;
    right: 23px;
    top: 16px;
    width: 46px;
    height: 46px;
    background: no-repeat center
}

.industry2Lump4 li h4 {
    font-size: 20px;
    color: #373737;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px
}

.industry2Lump4 li p {
    line-height: 22px
}

.industry2Lump4 li:last-child {
    margin-right: 0
}

.industry3 .industry2Lump4 .bgEn {
    position: absolute;
    left: 50%;
    right: auto;
    top: auto;
    bottom: -90px
}

.industry4 .industryLump1 .iconList .li {
    margin-right: 15px
}

.industry4 .industryLump1 .iconList .li:last-child {
    margin-right: 0
}

.industry4 .industryLump1 .iconList .li .i {
    margin-right: 6px
}

.industry4 .industry2Swiper .swiper-slide {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.industry4 .industry2Swiper .dl {
    width: 48%
}

.industry4 .industry2Swiper .dt {
    width: 126px
}

.industry2Swiper .scList .dl {
    width: 100%;
    margin-bottom: 20px;
}

.industry2Swiper .scList .dt {
    width: auto;
}

/* news */
.news {
    padding: 100px 0;
}

.news .topBox {
    margin-top: 50px;
}

.news .topBox dl {
    display: flex;
    height: 458px;
}

.news .topBox dt {
    height: 100%;
    width: 51.2%;
    background: no-repeat center;
    background-size: cover;
}

.news .topBox dd {
    flex: 1;
    height: 100%;
    padding: 88px 66px;
    background: #ededed;
}

.news .topBox h3 {
    font-size: 32px;
    color: #444343;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    margin-bottom: 10px;
}

.news .topBox .time {
    font-size: 20px;
    color: #ff821d;
    font-family: "Gilroy_Bold";
    line-height: 24px;
    margin-bottom: 20px;
}

.news .topBox p {
    height: 72px;
    margin-bottom: 40px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow-wrap: break-word;
}

.news .topBox .more {
    width: 166px;
    height: 56px;
    line-height: 56px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    transition: all .4s;
}

.news .topBox .more em {
    font-size: 16px;
    color: #686767;
    padding-right: 22px;
    background: url(../images/news/iconInto.png) no-repeat right center;
    transition: all .4s;
}

.news .topBox .more:hover {
    background: #ea3200;
}

.news .topBox .more:hover em {
    color: #fff;
    background-image: url(../images/news/iconIntoOn.png);
}

.news .list {
    margin-top: 90px;
    overflow: hidden;
}

.news .list .li {
    float: left;
    position: relative;
    width: 23.2%;
    max-width: 385px;
    border-top: 3px;
    padding-top: 20px;
    margin-right: 2.4%;
    border-top: 3px solid #bbb;
    margin-bottom: 7.6vh;
}

.news .list .li:nth-child(4n) {
    margin-right: 0;
}

.news .list .li:before {
    position: absolute;
    left: 0;
    top: -3px;
    content: "";
    display: block;
    height: 3px;
    width: 0;
    background: #0042a3;
    transition: all .4s;
}

.news .list .dt {
    position: relative;
    background: #dfeaee no-repeat center;
}

.news .list .dt:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25px;
    height: 33px;
    background: url(../images/news/newsListAngle.png) no-repeat right bottom;
}

.news .list .dd {
    padding: 24px 0 0;
    height: 140px;
}

.news .list .dd h4 {
    font-size: 22px;
    color: #555;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow-wrap: break-word;
    margin-bottom: 20px;
    transition: all .4s;
}

.news .list .dd .time {
    font-size: 20px;
    color: #dad9d9;
    line-height: 20px;
    font-family: "Gilroy_Bold";
}

.news .list .li:hover:before {
    width: 100%;
}

.news .list .li:hover h4 {
    color: #0042a3;
}

.operating_floor {
    float: right;
    display: flex;
}

.operating_floor ul {
    display: flex;
    align-items: center;
}

.operating_floor li {
    cursor: pointer;
    font-size: 16px;
    color: #b6b6b6;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
}

.operating_floor .paging-selecte,
.operating_floor li:hover {
    color: #0042a3;
}

.operating_floor .pages_prev,
.operating_floor .pages_next {
    width: 40px;
    height: 40px;
    background: #f5f4ee no-repeat center;
    border-radius: 50%;
    transition: all .4s;
    margin: 0 10px;
}

.operating_floor .pages_prev {
    background-image: url(../images/news/iconPrev.png);
}

.operating_floor .pages_next {
    background-image: url(../images/news/iconNext.png);
}

.operating_floor .pages_prev:hover {
    background-color: #0042a3;
    background-image: url(../images/news/iconPrevOn.png);
}

.operating_floor .pages_next:hover {
    background-color: #0042a3;
    background-image: url(../images/news/iconNextOn.png);
}

.operating_floor .amount {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #b6b6b6;
    margin-left: 10px;
}

.newsDetail {
    padding: 100px 0;
}

.newsDetail .auto {
    max-width: 1280px;
}

.newsDetail .tilBox {
    padding-bottom: 20px;
    border-bottom: 3px solid #f0f0f0;
}

.newsDetail .tilBox h2 {
    font-size: 36px;
    color: #343332;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}

.newsDetail .tilBox .pBox {
    display: flex;
    justify-content: center;
}

.newsDetail .tilBox .time {
    font-size: 18px;
    color: #0149b2;
    line-height: 22px;
    font-family: "Gilroy_Bold";
}

.newsDetail .tilBox p {
    font-size: 14px;
    color: #7a7977;
    line-height: 22px;
    margin: 0 0 0 12px;
}

.newsDetail .cnt {
    padding-top: 28px;
}

.newsDetail .cnt p {
    font-size: 16px;
    color: #7a7977;
    line-height: 24px;
    margin-bottom: 24px;
}

.newsDetail .cnt img {
    margin: 10px auto;
    max-width: 800px;
    display: block;
}

.newsDetail .operating {
    display: flex;
    align-items: center;
    margin-top: 80px;
}

.newsDetail .operating .line {
    flex: 1;
    height: 2px;
    background: #d6d6d6;
}

.newsDetail .operating .btns {
    display: flex;
}

.newsDetail .operating .btn {
    width: 70px;
    height: 40px;
    border: 2px solid #d6d6d6;
    border-radius: 4px;
    background: no-repeat center;
    margin-left: 4px;
    transition: all .4s;
}

.newsDetail .bshare-custom {
    display: flex;
}

.newsDetail .bshare-custom a {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    background: no-repeat center;
    opacity: .8;
}

.newsDetail .bshare-custom .bshare-weixin {
    background-image: url(../images/news/newsDIconWx.png);
}

.newsDetail .bshare-custom .sinaminiblog {
    background-image: url(../images/news/newsDIconWb.png);
}

.newsDetail .bshare-custom a:hover {
    opacity: 1;
}

.newsDetail .operating .prev {
    background-image: url(../images/news/newsDIconPrev.png);
}

.newsDetail .operating .next {
    background-image: url(../images/news/newsDIconNext.png);
}

.newsDetail .operating .menu {
    background-image: url(../images/news/newsDIconList.png);
}

.newsDetail .operating .btn:hover {
    background-color: #0149b2;
    border-color: #0149b2;
}

.newsDetail .operating .prev:hover {
    background-image: url(../images/news/newsDIconPrevOn.png);
}

.newsDetail .operating .next:hover {
    background-image: url(../images/news/newsDIconNextOn.png);
}

.newsDetail .operating .menu:hover {
    background-image: url(../images/news/newsDIconListOn.png);
}

/* about */
.aboutLump1 {
    padding: 100px 0;
}

.aboutLump1 .wLe {
    float: left;
    width: 36%;
}

.aboutLump1 .wLe h4 {
    font-size: 18px;
    color: #0042a3;
    line-height: 30px;
    margin-top: 26px;
}

.aboutLump1 .wLe .logos {
    margin-top: 26px;
}

.aboutLump1 .wLe ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px;
}

.aboutLump1 .wLe li {
    margin-right: 46px;
}

.aboutLump1 .wLe li:last-child {
    margin-right: 0;
}

.aboutLump1 .wLe li .num {
    font-size: 48px;
    color: #0042a3;
    line-height: 1;
    font-family: "BrandonGrotesque";
    letter-spacing: -2px;
}

.aboutLump1 .wLe li em {
    font-size: 14px;
    color: #808080;
}

.aboutLump1 .wLe li .p {
    font-size: 16px;
    color: rgba(51, 51, 51, .8);
    line-height: 24px;
}

.aboutLump1 .wRi {
    float: right;
    width: 60%;
    max-width: 990px;
}

.aboutLump1 .wRi .dl {
    margin-top: 20px;
}

.aboutLump1 .wRi .dl:first-child {
    margin-top: 0;
}

.aboutLump1 .wRi .dt {
    border-bottom: 1px solid #eee;
    padding: 0 0 18px;
}

.aboutLump1 .wRi .dt h4 {
    position: relative;
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.aboutLump1 .wRi .dt h4:after {
    content: "";
    display: block;
    position: absolute;
    width: 38px;
    height: 2px;
    background: #0042a3;
    left: 0;
    bottom: -19px;
}

.aboutLump1 .wRi .dd {
    padding-top: 20px;
}

.aboutLump2 {
    height: 626px;
    padding-top: 155px;
    background: url(../images/about/aboutL2Bg.jpg) no-repeat center;
}

.aboutLump2 .tilCn {
    font-size: 45px;
    color: #fff;
    line-height: 55px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.aboutLump2 .tilEn {
    font-size: 24px;
    color: rgba(255, 255, 255, .5);
    line-height: 28px;
    font-family: "BrandonGrotesque";
}

.aboutLump3 {
    height: 740px;
    background: url(../images/about/aboutL3Bg.jpg) no-repeat center;
}

.aboutLump3 .auto {
    position: relative;
    height: 100%;
}

.aboutLump3 .tilBox {
    position: absolute;
    left: 0;
    top: 130px;
}

.aboutLump3 .honorSwiper {
    height: 100%;
}

.aboutLump3 .honorSwiper .swiper-slide {
    height: 740px;
}

.aboutLump3 .btnPop {
    position: absolute;
    left: 0;
    top: 312px;
    z-index: 50;
}

.aboutLump3 .honorSwiper .box {
    position: absolute;
    width: 600px;
    display: none;
}

.aboutLump3 .honorSwiper .box img {
    display: block;
    border: 14px solid #f5f5f5;
    box-shadow: 0 5px 4px rgba(0, 0, 0, .2);
    margin: 0 auto;
}

.aboutLump3 .honorSwiper .b1 {
    left: 50%;
    bottom: 265px;
    margin-left: -486px;
}

.aboutLump3 .honorSwiper .b2 {
    left: 50%;
    bottom: 378px;
    margin-left: 138px;
}

.aboutLump3 .honorSwiper .b3 {
    left: 50%;
    bottom: 130px;
    margin-left: 137px;
}

.aboutLump3 .honorSwiper .swiper-slide-active .box {
    display: block;
}

.about2Lump1 {
    height: 804px;
    padding: 100px 0;
    background: url(../images/about/about2K1Bg.jpg) no-repeat center;
}

.about2Lump1 .main {
    position: relative;
    padding: 80px 0 0;
}

.about2Lump1 .hd {
    position: absolute;
    right: 0;
    top: -50px;
    height: 50px;
    border-bottom: 2px solid #e6e7e9;
}

.about2Lump1 .hd ul {
    display: flex;
}

.about2Lump1 .hd li {
    position: relative;
    height: 50px;
    overflow: hidden;
    font-size: 20px;
    color: #b5b5b5;
    line-height: 40px;
    margin: 0 24px;
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}

.about2Lump1 .hd li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -102%;
    width: 100%;
    height: 2px;
    background: #014ab3;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2Lump1 .hd li:first-child {
    margin-left: 0;
}

.about2Lump1 .hd li:last-child {
    margin-right: 0;
}

.about2Lump1 .hd li.on {
    color: #014ab3;
}

.about2Lump1 .hd li.on:after {
    left: 0;
}

.about2Lump1 .swiper-slide {
    width: 545px;
    height: 256px;
    padding: 40px 50px;
    border-radius: 20px;
    background: url(../images/about/about2K1ItemBg.jpg) no-repeat center;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2Lump1 .bd .num {
    font-size: 52px;
    color: #0149b2;
    line-height: 46px;
    font-family: "BrandonGrotesque";
    margin-bottom: 20px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2Lump1 .bd p {
    padding-left: 17px;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    margin-bottom: 10px;
    background: url(../images/about/about2L1Dot.png) no-repeat left 4px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2Lump1 .swiper-slide.on {
    background-image: url(../images/about/about2K1ItemBgOn.jpg);
}

.about2Lump1 .swiper-slide.on .num {
    color: #fff;
}

.about2Lump1 .swiper-slide.on p {
    color: rgba(255, 255, 255, .7);
    background-image: url(../images/about/about2L1DotOn.png);
}

.about2Lump1 .coursePaging {
    display: flex;
    border-top: 2px solid #dcdcdc;
    height: 84px;
    margin-top: 94px;
}

.about2Lump1 .coursePaging .li {
    position: relative;
    flex: 1;
    margin-top: -2px;
}

.about2Lump1 .coursePaging .li:last-child {
    max-width: 2px;
}

.about2Lump1 .coursePaging .li:last-child:after {
    display: none;
}

.about2Lump1 .coursePaging .li:before {
    content: "";
    display: block;
    width: 2px;
    height: 11px;
    position: absolute;
    left: 0;
    top: -9px;
    background: #dcdcdc;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2Lump1 .coursePaging .li:after {
    position: relative;
    z-index: 5;
    content: "";
    display: block;
    background: #0149b2;
    height: 2px;
    width: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.about2Lump1 .coursePaging .li .year {
    position: absolute;
    z-index: 10;
    left: 0;
    top: -14px;
    width: 60px;
    margin-left: -30px;
    padding-top: 14px;
    text-align: center;
    font-size: 22px;
    color: #999;
    line-height: 40px;
    font-family: "BrandonGrotesque";
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about2Lump1 .coursePaging .li.on .year {
    color: #0149b2;
}

.about2Lump1 .coursePaging .li.on:before {
    background: #0149b2;
}

.about2Lump1 .coursePaging .li.on:after {
    width: 100%;
}

.about2Lump1 .cSwiperBtns {
    float: right;
}

.about3Lump1 {
    padding: 100px 0 0;
    background: #f7f7f7;
}

.about3Lump1 .l1txtTab {
    margin-top: 60px;
    padding-bottom: 80px;
}

.about3Lump1 .hd {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 14px 24px;
    border-bottom: 2px solid #e8e9ea;
}

.about3Lump1 .hd ul {
    display: flex;
    justify-content: space-between;
}

.about3Lump1 .hd li {
    cursor: pointer;
}

.about3Lump1 .hd li * {
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about3Lump1 .hd .icon {
    width: 136px;
    height: 136px;
    margin: 0 auto 16px;
    background: no-repeat center;
}

.about3Lump1 .hd .it1 .icon {
    background-image: url(../images/about/about3L1Icon1.png);
}

.about3Lump1 .hd .it2 .icon {
    background-image: url(../images/about/about3L1Icon2.png);
}

.about3Lump1 .hd .it3 .icon {
    background-image: url(../images/about/about3L1Icon3.png);
}

.about3Lump1 .hd .it4 .icon {
    background-image: url(../images/about/about3L1Icon4.png);
}

.about3Lump1 .hd .it5 .icon {
    background-image: url(../images/about/about3L1Icon5.png);
}

.about3Lump1 .hd .it6 .icon {
    background-image: url(../images/about/about3L1Icon6.png);
}

.about3Lump1 .hd .it1.on .icon {
    background-image: url(../images/about/about3L1IconOn1.png);
}

.about3Lump1 .hd .it2.on .icon {
    background-image: url(../images/about/about3L1IconOn2.png);
}

.about3Lump1 .hd .it3.on .icon {
    background-image: url(../images/about/about3L1IconOn3.png);
}

.about3Lump1 .hd .it4.on .icon {
    background-image: url(../images/about/about3L1IconOn4.png);
}

.about3Lump1 .hd .it5.on .icon {
    background-image: url(../images/about/about3L1IconOn5.png);
}

.about3Lump1 .hd .it6.on .icon {
    background-image: url(../images/about/about3L1IconOn6.png);
}

.about3Lump1 .hd .cn {
    font-size: 20px;
    color: #333;
    line-height: 24px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 4px;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about3Lump1 .hd .en {
    font-size: 14px;
    color: #808080;
    line-height: 1;
    text-align: center;
    font-family: "MyriadPro-Regular";
    text-transform: uppercase;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.about3Lump1 .hd li.on .cn {
    color: #0445a4;
}

.about3Lump1 .bd {
    padding-top: 25px;
}

.about3Lump1 .bd .item {
    display: none;
}

.about3Lump1 .bd .til {
    position: relative;
    font-size: 20px;
    color: #014bb3;
    text-align: center;
    line-height: 30px;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-weight: 600;
}

.sMo {
    display: none;
}

.about3Lump1 .bd .til:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -13px;
    width: 26px;
    height: 2px;
    background: #014bb3;
}

.about3Lump1 .bd p {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.about3Lump2 .auto {
    position: relative;
    min-height: 780px;
    padding: 100px 0;
}

.about3Lump2 .wLe {
    float: left;
    max-width: calc(100% - 840px);
}

.about3Lump2 .wLe ul {
    padding-top: 10px;
}

.about3Lump2 .wLe li {
    display: flex;
    padding: 48px 0 12px;
    border-bottom: 1px solid #e5e5e5;
}

.about3Lump2 .wLe .label {
    font-size: 20px;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding-left: 46px;
    background: no-repeat left center;
    width: 164px;
    margin-right: 30px;
    white-space: nowrap;
}

.about3Lump2 .wLe .txt {
    flex: 1;
    padding: 7px 0;
}

.about3Lump2 .wRi {
    position: absolute;
    right: 0;
    top: 62px;
    width: 762px;
}

.about3Lump2 .wRi .b1 {
    position: absolute;
    left: 0;
    top: 244px;
    width: 384px;
    height: 384px;
    background: no-repeat center;
    background-size: cover;
    border-radius: 50%;
}

.about3Lump2 .wRi .b2 {
    float: right;
    width: 563px;
    height: 563px;
    background: no-repeat center;
    background-size: cover;
    border-radius: 50%;
}

.about3Lump3 {
    height: 547px;
    padding-top: 75px;
    background: url(../images/about/about3L3Bg.jpg) no-repeat center;
}

.about3Lump3 .cTilEn {
    color: #fff;
}

.about3Lump3 .cTilCn {
    color: #fff;
}

.about3Lump3 ul {
    display: flex;
    margin-top: 90px;
    justify-content: space-between;
}

.about3Lump3 li {
    width: 32%;
    max-width: 450px;
}

.about3Lump3 .title {
    display: flex;
    justify-content: space-between;
}

.about3Lump3 .title .cn {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
}

.about3Lump3 .title .en {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-family: "MyriadPro-Regular";
    text-transform: uppercase;
}

.about3Lump3 .txt {
    margin-top: 12px;
}

.about3Lump3 .txt p {
    color: rgba(255, 255, 255, .6);
}

/* contact */
.contactLump1 {
    padding: 100px 0 40px;
}

.contactLump1 dl {
    display: flex;
    margin-top: 50px;
    height: 458px
}

.contactLump1 dt {
    width: 51.2%;
    height: 100%;
    background: no-repeat center;
}

.contactLump1 dd {
    flex: 1;
    padding: 88px 66px;
    background: url(../images/contact/contactL1RiBg.jpg) no-repeat center;
    background-size: cover;
}

.contactLump1 dd .til {
    font-size: 32px;
    color: #444343;
    line-height: 42px;
    margin-bottom: 40px;
}

.contactLump1 dd li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.contactLump1 dd .icon {
    width: 44px;
    height: 44px;
    background: #fff no-repeat center;
    border-radius: 50%;
    margin-right: 14px;
}

.contactLump1 dd .p {
    flex: 1;
    padding: 10px 0;
    font-size: 16px;
    color: #686767;
    line-height: 24px;
}

.contactLump1 dd .phone .p {
    font-size: 20px;
    color: #ff821d;
    font-family: "Gilroy_Bold";
    letter-spacing: 1px;
}

.contactLump2 {
    min-height: 580px;
    padding-top: 190px;
    padding-bottom: 80px;
    background: url(../images/contact/contactL2Bg.jpg) no-repeat center;
    background-size: cover;
}

.contactLump2 .wLe {
    position: relative;
    float: left;
    margin-bottom: 50px;
}

.contactLump2 .wLe .tilEn {
    position: relative;
    font-size: 45px;
    color: #1ab917;
    line-height: 55px;
    padding-bottom: 8px;
    font-family: "BrandonGrotesque";
    margin-bottom: 12px;
    text-transform: uppercase;
}

.contactLump2 .wLe .tilEn:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 27px;
    height: 4px;
    background: #1ab917;
}

.contactLump2 .wLe .tilCn {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
}

.contactLump2 .wLe:after {
    content: "";
    display: block;
    position: absolute;
    left: 150px;
    top: 80px;
    width: 147px;
    height: 240px;
    background: url(../images/contact/contactL2Adorn.png) no-repeat center;
}

.contactLump2 .wRi {
    float: right;
    display: flex;
}

.contactLump2 .wRi dl {
    margin-left: 20px;
}

.contactLump2 .wRi dt {
    width: 210px;
    height: 210px;
    background: #fff;
    border-radius: 12px;
    padding: 20px;
}

.contactLump2 .wRi dd {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin-top: 7px;
}

.contactLump3 {
    padding: 100px 0;
    background: #e9e9e9;
}

.contactLump3 .auto {
    display: flex;
}

.contactLump3 .wLe {
    width: 66.4%;
}

.contactLump3 .wLe video {
    width: 100%;
}

.contactLump3 .wRi {
    flex: 1;
    /* height: 480px; */
    width: 33.6%;
    padding-top: 41.4%;
    /* border: 4px solid #fff; */
    border-left: 0 none;
}

.contactLump3 .mapWrap {
    height: 100%;
    position: relative;
}

.mapBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
}

.contactLump3 .tdt-control-copyright.tdt-control {
    display: none !important;
}

.contactLump3 .mapWrap {
    width: 100%;
    /* padding-top: 40%; */
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contactLump3 #map {
    /* width: 100%; */
    width: 500px;
    /* min-width: 500px; */
    height: calc(100% - 7px);
    z-index: 1;
    border: 4px solid #FFF;
    border-left-width: 0;
    position: absolute !important;
    left: 0;
    top: 0;
}

.contactLump3 #map .tdt-label {
    width: 160px;
    padding: 10px;
    bottom: 50px;
    margin-left: -80px;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
}

.contactLump3 #map .tdt-label:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: auto;
    margin-left: -16px;
    bottom: -18px;
    width: 32px;
    height: 18px;
    background: url(../images/contact/mapTxtIconAngle.png) no-repeat top center;
    border: 0 none;
}




@media (max-width: 1820px) {
    .contactLump1 dt {
        width: 51.2%;
    }

    .contactLump1 dd {
        flex: 1;
    }
}

@media (max-width: 1600px) {
    .about3Lump2 .wLe {
        max-width: 45%;
    }

    .about3Lump2 .wRi {
        width: 50%;
    }

    .about3Lump2 .wRi .b1 {
        height: 0;
        padding-bottom: 50%;
        width: 50%;
    }

    .about3Lump2 .wRi .b2 {
        height: 0;
        padding-bottom: 74%;
        width: 74%;
    }
}


.uxCont {
    width: 1660px;
    position: relative;
    margin: auto;
}

.uxCont .testPos {
    width: 2200px;
    max-width: none;
    margin-left: 50%;
    transform: translateX(-50%);
    position: relative;
}

@media (max-width: 1760px) {
    .uxCont .testPos {
        width: calc(100vw + 27%);
    }
}

.flsmBtn {
    cursor: pointer;
    transition: all .3s;
}

.flsmBtn:hover {
    color: #FFF !important;
}

.flsmPop .close {
    position: absolute;
    right: -40px;
    top: 0;
    cursor: pointer;
}

.flsmPop .pop-cont {
    width: 900px;
    background-color: #FFF;
    padding: 50px 50px 70px;
}

.flsmPop h3 {
    color: #0042a3;
    font-size: 28px;
    line-height: 24px;
    font-family: BrandonGrotesque;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.flsmPop h4 {
    color: #686767;
    font-size: 26px;
    line-height: 1.3;
    padding-bottom: 22px;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 20px;
}

.flsmPop h5 {
    color: #686767;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px;
    position: relative;
    margin-top: 25px;
}

.flsmPop h5::after {
    content: "";
    display: block;
    width: 17px;
    height: 3px;
    background-color: #77cbc6;
    margin-top: 10px;
}

.flsmPop p {
    color: #919090;
}

.industry2Lump2 .list {
    display: flex;
    flex-wrap: wrap;
}

.industry2Lump2 .list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-bottom: -40px;
}

.industry2Lump2 .list .li {
    margin-right: 30px;
    margin-bottom: 40px;
    min-width: 161px;
}

.industry2Lump2 .list .bir {
    display: block;
    width: 100%;
    height: 0;
    border-top: 1px solid #e5e5e5;
    margin-top: -20px;
    margin-bottom: 20px;
}

.industry2Lump2 .list .sx .h5 {
    position: relative;
    display: inline-block;
}

.industry2Lump2 .list .sx sup {
    position: absolute;
    left: 100%;
    margin-left: 5px;
    top: 0;
    color: #0042a3;
    font-size: 14px;
    line-height: 1;
    /* font-family: Gilroy_Bold; */
}

.industry2Lump2 .list .sx sub {
    position: absolute;
    left: 100%;
    margin-left: 6px;
    top: 19px;
    font-size: 14px;
    line-height: 1;
    color: #0042a3;
}

.industry2Lump2 .list .ic {
    height: 60px;
}

.industry2Lump2 .list .sx em {
    display: block;
    color: #0042a3;
    font-size: 40px;
    line-height: 40px;
    font-family: Gilroy_Bold;
    margin-bottom: 10px;
}

.industry2Lump2 .list span {
    display: block;
    color: #999999;
    line-height: 22px;
    font-weight: bold;
}

.csxkTable {
    width: 100%;
    margin-bottom: 10px;
}

.csxkTable th {
    background-color: #0042a3;
    color: #ffffff;
    font-size: 16px;
    border-left: 1px solid #4d7bbf;
    border-right: 1px solid #4d7bbf;
}

.csxkTable td {
    background-color: #FFF;
}

.csxkTable tr:nth-child(2n) td {
    border-left: 1px solid #edf2f9;
    border-right: 1px solid #edf2f9;
    background-color: #e5ecf6;
}

.csxkTable td,
.csxkTable th {
    padding: 6px 5px;
    /* border: 1px solid #edf2f9; */
    text-align: center;
}

/* 移动端 */
#moHeader {
    display: none;
}

.newsListMo {
    display: none !important;
}


.indexCont4 .list.listMo {
    display: none;
}

.industry2Swiper .dixList .dt .i {
    display: none;
}

.industry2Swiper .dixList .dt p {
    color: #0149b2;
    font-weight: bold;
}

.csxkTableCont {
    width: 100%;
}

/* ===== */
.contactLump4 {
    height: 574px;
    background: #0149b2 url(../images/contact/contactLump4-bg.jpg) no-repeat center top;
}

.contactLump4 .auto {
    height: 100%;
    position: relative;
}

.contactLump4 .pos {
    position: absolute;
    left: 50%;
    top: 290px;
    width: 42px;
}

.contactLump4 .pos .ic {
    width: 42px;
    height: 42px;
    background: #ff821d url(../images/contact/contactLump4-ic1.png) no-repeat center;
    border-radius: 50%;
    margin-bottom: 30px;
}

.contactLump4 .pos .ic em {
    width: 42px;
    height: 42px;
    background: #ff821d url(../images/contact/contactLump4-ic1.png) no-repeat center;
    border-radius: 50%;
    margin-bottom: 30px;
    position: relative;
    z-index: 10;
}

.contactLump4 .pos .ic::before,
.contactLump4 .pos .ic::after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    left: -9px;
    top: -9px;
    background-color: #ff821d;
    opacity: .5;
    border-radius: 50%;
    z-index: 1;

}

.contactLump4 .pos .ic::before {
    animation: busMapBoxIc2 3s 0s ease infinite;
}

.contactLump4 .pos .ic::after {
    animation: busMapBoxIc2 3s .5s ease infinite;
}

.contactLump4 .pos span {
    display: block;
    color: #FFF;
    font-size: 20px;
    line-height: 1.4;
    width: 200px;
    margin-left: 21px;
    text-align: center;
    transform: translateX(-50%);
    font-family: AlimamaShuHeiTi;
}

@media (max-width:1000px) {
    #footer .wxCosW {
        float: right;
    }

    .csxkTableCont {
        width: 100%;
        overflow-x: auto;
        margin-bottom: 10px;
    }

    .csxkTable {
        width: 600px;
        margin-bottom: 10px;
    }

    #sec01 .main__slide-item {
        height: 134vw;
    }

    #sec01 .main__slide-item .cont {
        margin-top: -60px;
    }

    #sec01 .main__slide-item .txt,
    #header .header__wrap,
    .w1660,
    .indexCont2 .t {
        width: 92% !important;
    }

    .page_navWrap {
        display: none;
    }

    #header {
        display: none;
    }

    #moHeader {
        display: block;
    }

    #moHeader {
        display: block;
    }

    #moHeader {
        width: 100%;
        height: 60px;
        background-color: #FFF;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
    }

    #moHeader .logo {
        position: absolute;
        left: 20px;
        top: 12px;
        width: 210px;
        /* height: 80%; */
        height: 35px;
        background: url(../images/logoMo.png) no-repeat 0 0;
        /* background-size: auto; */
        background-size: contain;
    }

    #moHeader .menuBtn {
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 40px;
    }

    #moHeader .menuBtn .ix {
        width: 25px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    #moHeader .menuBtn .ix li {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #8a8a8a;
        transition: all .3s;
        opacity: 1;
    }

    #moHeader .menuBtn .ix li:nth-child(1) {
        top: 0;
    }

    #moHeader .menuBtn .ix li:nth-child(2) {
        top: 9px;
    }

    #moHeader .menuBtn .ix li:nth-child(3) {
        top: 18px;
    }

    #moHeader .menuBtn.on .ix li:nth-child(1) {
        top: 50%;
        transform: rotate(45deg);
    }

    #moHeader .menuBtn.on .ix li:nth-child(2) {
        top: 50%;
        transform: rotate(-45deg);
    }

    #moHeader .menuBtn.on .ix li:nth-child(3) {
        top: 18px;
        width: 0;
        opacity: 0;
        transform: translateX(-30%);
    }

    #moHeader .moMenuCont {
        display: none;
        position: absolute;
        left: 0;
        top: 60px;
        width: 100vw;
        height: calc(100vh - 60px);
        overflow: auto;
        background-color: #FFF;
        padding: 20px 20px 50px;
    }

    #moHeader .nav .dl {
        border-top: 1px solid #ddd7d7;
    }

    #moHeader .nav .dl:nth-child(1) {
        border-top: 0;
    }

    #moHeader .nav .dd {
        display: none;
        padding-bottom: 20px;
    }

    /* #moHeader .nav .dl.active .dd{
    			display: block;
    		} */

    #moHeader .nav .dd a:nth-child(1) {
        margin-top: 0;
    }

    #moHeader .nav .dd a {
        display: block;
        margin-top: 10px;
        color: #666;
    }

    #moHeader .nav .dd a.on {
        color: #004884;
    }

    #moHeader .nav .dt {
        height: 50px;
        /* border-top: 1px solid #CCC; */
        display: flex;
        align-items: center;
        position: relative;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.2;
    }

    #moHeader .nav .dl.active .dt {
        color: #004884;
    }

    #moHeader .nav .dt::before {
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-top: 5px solid #ccc;
        border-bottom: 0;
    }

    #moHeader .nav .dl.noDrr .dt::before {
        display: none;
    }

    #moHeader .nav .dl.active .dt::before {
        transform: translateY(-50%) rotate(180deg);
    }

    #moHeader .langTab {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }

    #moHeader .langTab a {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        border: 1px solid #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background-color: #FFF;
        font-size: 16px;
        margin: 0 10px;
        font-family: Rubik;
    }

    #moHeader .langTab a.on {
        background-color: #004884;
        color: #FFF;
    }

    #sec01 .main__slide-item .txt .c1 {
        font-size: 28px;
        line-height: 1;
        margin-bottom: 10px;
    }

    #sec01 .main__slide-item .txt .it1 {
        margin-bottom: 0;
        width: auto;
        /* height: 7.5vw; */
    }

    img.it1 {}

    #sec01 .main__slide-item .txt .c3 {
        font-size: 5.5vw;
        margin-top: 2.5vw;
        margin-bottom: 4vw;
    }

    #sec01 .main__slide-item .to {
        height: auto;
    }



    .kioBtn span {
        font-size: 20px;
    }

    .indexCont1 .vkBox .item {
        height: 200px;
        padding-top: 20px !important;
    }

    .indexCont1 .vkBox h5 {
        font-size: 18px;
    }

    .indexCont1 .vkBox .item {
        width: 100%;
        margin-bottom: 40px;
        padding: 70px 15px 0;
    }

    .indexCont1 .vkBox {
        display: block;
        margin-bottom: 50px;
    }

    .tuxBox.animated h5 {
        font-size: 55px;
    }

    .indexCont1 .vkBox .en {
        font-size: 16px;
    }

    .indexCont1 .axgBox h4 {
        font-size: 26px;
    }

    .kioBtn {
        transform-origin: 0 0;
        transform: scale(.7);
    }

    .kioBtn.fadeInUp50 {
        animation-name: fadeInUp50Mo;
    }

    .indexCont7 .kioBtn {
        margin-top: 30px;
    }

    @keyframes fadeInUp50Mo {
        0% {
            opacity: 0;
            transform: translate3d(0, 50px, 0) scale(.7);
        }

        100% {
            transform: translate3d(0, 0, 0) scale(.7);
            opacity: 1;
        }
    }

    .indexCont1 .axgBox .kioBtn {
        transform-origin: unset;
        margin-top: 20px;
    }

    .indexCont1 .axgBox {
        padding-bottom: 100px;
    }

    .indexCont2 .t h4 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .indexCont2 .t h3 {
        font-size: 16px;
        line-height: 1.6;
    }

    .indexCont3 .idxTit h3 {
        margin-left: 0;
    }

    .idxTit h3 {
        font-size: 20px;
        margin-bottom: 5px;
        line-height: 1;
    }

    .idxTit h4 {
        font-size: 24px;
    }

    .indexCont3 {
        padding-top: 50px;
    }

    .indexCont3 .idxTit {
        margin-bottom: 30px;
    }

    .indexCont3 .osDt .lit {
        margin-left: 18px;
        font-size: 16px;
    }

    .indexCont3 .osDd h5 {
        font-size: 20px;
    }

    .indexCont3 .osDd .kioBtn {
        margin-top: 24px;
    }

    .indexCont2 .list li .t2 {
        opacity: 1;
    }

    .indexCont2 .list li:nth-child(1) {
        height: 450px;
    }

    .indexCont2 .list li:nth-child(1) .w1660 {
        padding-top: 50px;
    }

    .indexCont2 .list h5 {
        font-size: 20px;
    }

    .indexCont2 .list p {
        font-size: 14px;
        color: rgba(255, 255, 255, .8);
    }

    .indexCont4 {
        padding: 50px 0;
        background-size: auto 260px;
    }

    .indexCont4 .list h5 {
        padding: 20px 15px;
        font-size: 20px;
    }

    .indexCont4 .list {
        justify-content: center;
        flex-wrap: wrap;
    }

    .indexCont4 .list .li {
        width: 100%;
        margin-bottom: 20px;
    }

    .indexCont4 .list {
        margin-bottom: -20px;
    }

    .indexCont4 .list .li .co {
        transform: rotate3d(0, 1, 0, 0) scale(1) translateX(0);
    }

    .indexCont5 .top {
        margin-bottom: 40px;
    }

    .indexCont5 .top h5,
    .indexCont4 .top h5 {
        font-size: 26px;
    }

    .indexCont4 .top {
        margin-bottom: 40px;
    }

    .indexCont5 .list {
        flex-wrap: wrap;
        margin-bottom: -30px;
    }

    .indexCont5 .list .li {
        width: 47%;
        padding-bottom: 47%;
        margin-bottom: 30px;
    }

    .indexCont5 .list .li h5 {
        font-size: 14px;
    }

    .indexCont5 .list .li h6 {
        font-size: 12px;
    }

    .indexCont5 {
        padding: 50px 0;
    }

    .indexCont6 {
        padding: 50px 0;
    }

    .cTilEn {
        font-size: 22px;
    }

    .cTilEn:after {
        transform: scale(.8) translateY(-4px);
    }

    .cTilCn {
        font-size: 24px;
        line-height: 1;
    }

    .indexCont6 .top ul {
        float: none;
        clear: both;
        margin-right: -20px;
    }

    .indexCont6 .top ul li {
        float: left;
        display: block;
        margin-left: 0;
        margin-bottom: 20px;
        margin-right: 18px;
    }

    .indexCont6 .top ul li:nth-child(3) {
        width: 100%;
    }

    .indexCont6 .top ul li h5 {
        font-size: 15px;
    }

    .indexCont6 .top ul li h5 span {
        font-size: 25px;
    }

    .indexCont6 .top ul li h5 sup {
        font-size: 20px;
        transform: translateY(-5px);
        margin-left: 2px;
    }

    .indexCont6 .top {
        margin-bottom: 30px;
    }

    .prMapBox {
        transform-origin: 0 0;
        transform: scale(.48) translateX(-50%);
        margin-top: 130px;
        margin-left: 63%;
        margin-bottom: -270px;
    }

    .prMapBox .pos .it13 {
        left: 432px;
        top: -57px;
    }

    .prMapBox .pos li {
        transform: scale(1.4);
    }

    .indexCont3 .mapTit h5 {
        font-size: 24px;
    }

    .indexCont3 .mapTit h4 {
        font-size: 36px;
    }

    .prMapBox .mapImgMo {
        display: block;
    }

    .prMapBox .mapImg {
        display: none;
    }

    .prMapBox .pos .tox::before {
        border-width: 7px;
    }

    .prMapBox .pos .it1 .tox,
    .prMapBox .pos .it2 .tox,
    .prMapBox .pos .it3 .tox,
    .prMapBox .pos .it4 .tox {
        margin-left: 43px;
    }

    .prMapBox .pos .it1 .tox::before,
    .prMapBox .pos .it2 .tox::before,
    .prMapBox .pos .it3 .tox::before,
    .prMapBox .pos .it4 .tox::before {
        transform: translateX(-43px);
    }

    .indexCont3 {
        height: 935px;
        overflow: hidden;
        background-size: 1055px auto;
    }

    .loSlideBox {
        transform: scale(.65);
        transform-origin: 0 0;
        margin-bottom: -150px;
    }

    /* .loSlideBox .bd li {
        width: 200px;
            height: 90px;
    }

    .loSlideBox .bd li::before {
        width: 331px;
        height: 151px;
    } */
    .newsListPc {
        display: none;
    }

    .newsListMo {
        display: block !important;
    }

    .indexCont7 .newsListMo {
        overflow: visible;
    }

    .newsListMo .swiper-slide,
    .indexCont7 .newsListMo .li {
        width: 85vw;
    }

    .prMapBox .pos .li19 {
        left: 436px;
        top: -51px;
    }

    .prMapBox .pos li h5 {
        font-size: 18px;
    }

    .newsListPc {
        display: none !important;
    }

    .indexCont7 {
        padding-bottom: 50px;
    }

    .indexCont7 .cTilCn {
        margin-bottom: 30px;
    }

    #footer,
    #footer .w1660 {
        height: auto;

    }

    #footer {
        padding: 30px 0;
    }

    #footer .w1660 {
        display: block;
    }

    #footer .le {
        margin-bottom: 40px;
    }

    #footer .wxCos {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    #footer .wxCos .pos {
        right: -72px;
        left: auto;
    }

    #footer .wxCos.w2 .pos {
        right: -116px;
    }

    #footer .wxCos.w3 .pos {
        right: -124px;
    }

    .subBan .top {
        height: 266px;
    }

    .subBan .top .w1660 {
        padding-top: 130px;

    }

    .subBan .top h2 {
        font-size: 22px;
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 7px;
    }

    .subBan .top h1 {
        font-size: 22px;
    }

    .district1Cont1 {
        padding: 50px 0;
    }

    .district1Cont1 .L,
    .district1Cont1 .R {
        width: auto;
        float: none;
    }

    .district1Cont1 .L h4 {
        font-size: 26px;
    }

    .district1Cont1 .list {
        display: block;
    }

    .district1Cont1 .list li {
        margin-bottom: 20px;
    }

    .district1Cont1 .L h5 {
        font-size: 16px;
    }

    .district1Cont1 .card .img h5 {
        font-size: 26px;
    }

    .district1Cont2 .R {
        float: none;
        width: auto;
    }

    .district1Cont2 .L {
        float: left;
        width: 100%;
    }

    .district1Cont1 {
        padding-bottom: 10px;
    }

    .district1Cont2 .L .mapImg {
        width: 700px;
        margin-right: -60px;
    }

    .district1Cont2 .R {
        margin-top: -20px;
    }

    .district1Cont2 .R {
        padding-top: 20px;

    }

    .district1Cont2 .R h3 {
        font-size: 24px;
    }

    .district1Cont2 .R .list {
        margin-bottom: 30px;
    }

    .district1Cont2 .R .list li {
        width: 100%;
        margin-bottom: 20px;
    }

    .district1Cont4 {
        padding: 50px 0;
    }

    .district1Cont4 .R,
    .district1Cont4 .L {
        width: auto;
        float: none;
    }

    .district1Cont4 .L h3 {
        font-size: 24px;
    }

    .district1Cont4 .R .lit {
        display: block;
    }

    .district1Cont4 .R .lit .img {
        width: 100%;
    }

    .district1Cont4 .R .lit .co {
        width: 100%;
    }

    .district1Cont4 .R .lit .co {
        padding: 34px 20px;
    }

    .district1Cont3 {
        padding: 50px 0;
    }

    .district1Cont3 .L,
    .district1Cont3 .R {
        width: auto;
        float: none;
    }

    .district1Cont3 .L h3 {
        font-size: 24px;
    }

    .district1Cont3 .L h4 {
        margin-bottom: 14px;
    }

    .district1Cont3 .card .lit {
        width: 100%;
        height: 140px !important;
    }

    .district1Cont5 {
        padding: 50px 0;
    }

    .district1Cont5 .L {
        width: 100%;
    }

    .district1Cont5 .R {
        width: 100%;
    }

    .district1Cont5 .list .li {
        width: 48%;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
        padding-top: 20px;
    }

    .district1Cont5 .list .li h5 span {
        font-size: 24px;
    }

    .district1Cont5 .list .li p {
        font-size: 14px;
    }

    .district1Cont5 .cTilCn {
        margin-bottom: 40px;
    }

    .district1Cont5 .L h3 {
        font-size: 24px;
    }

    .district1Cont5 .top {
        padding-bottom: 20px;
        margin-bottom: 40px;
    }

    .district1Cont5 .list .li:nth-child(5),
    .district1Cont5 .list .li:nth-child(6) {
        border-bottom: 0;
    }

    .district1Cont5 .bom .list .lit {
        width: 100%;
        padding: 30px 20px;
        min-height: 0;
    }

    .scoId {
        transform: translateY(-40px) !important;
    }

    .district1Cont5 .bom h5 {
        font-size: 22px;
    }

    .project1Cont1 {
        padding: 50px 0;
    }

    .project1Cont1 .L,
    .project1Cont1 .R {
        width: auto;
        float: none;
    }

    .project1Cont1 .list {
        margin-right: -37px;
    }

    .project1Cont1 .list .li h5 span {
        font-size: 24px;
    }

    .project1Cont1 .list .li p {
        font-size: 14px;
    }

    .project1Cont2 .L {
        padding-top: 50px;
    }

    .project1Cont2 .proxDd {
        margin-top: 30px;
    }

    .project1Cont2 .proxDd h5 {
        font-size: 22px;
    }

    .project1Cont2 .proxDd li {
        width: 100%;
    }

    .project1Cont2 .lxBg {
        margin-right: 34vw;
        width: 231vw;
    }

    .project1Cont2 {
        height: auto;
        background-color: #11649a;
    }

    .project1Cont2 .w1660 {
        padding-bottom: 70vw;
    }

    .project1Cont2 .proxDt {
        display: flex;
        justify-content: space-between;
        bottom: 49vw;
        margin: 0 3vw;
    }

    .project1Cont2 .proxDt .lit {
        margin-left: 0;
        transform: scale(.9);
    }

    .project1Cont3 {
        padding: 50px 0;
        overflow: hidden;
    }

    .project1Cont3 .le h3 {
        font-size: 24px;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    .project1Cont3 .le .top {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .project1Cont3 .mapBox {
        margin-top: 100px;
        margin-bottom: -270px;
    }

    .project1Cont4 {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .project1Cont4 .list .li {
        width: 100%;
        margin-bottom: 40px;
    }

    .project1Cont4 .list .dt {
        margin-bottom: 14px;
        padding-bottom: 10px;
        min-height: 40px;
    }

    .project1Cont4 .cTilCn {
        margin-bottom: 40px;
    }

    .service1Cont1 {
        padding: 50px 0 30px;
    }

    .service1Cont1 .cTilCn {
        margin-bottom: 30px;
    }

    .service1Cont1 .le,
    .service1Cont1 .ri {
        width: auto;
        float: none;
    }

    .service1Cont1 .le h5 {
        margin-bottom: 30px;
    }

    .service1Cont2 {
        padding: 50px 0;
    }

    .service1Cont2 .list .cont {
        padding: 30px 20px;
    }

    .service1Cont2 .list {
        display: block;
    }

    .service1Cont2 .list .lit {
        width: 100%;
        margin-bottom: 30px;
    }

    .service1Cont2 .list h4 {
        font-size: 20px;
    }

    .service1Cont2 .list {
        margin-bottom: -30px;
    }

    .service1Cont2 .list h5 {
        font-size: 16px;
    }

    .service1Cont2 .list em {
        top: 25px;
        right: 20px;
    }

    .service2Cont1 {
        padding: 50px 0;
    }

    .service2Cont1 .cTilCn {
        margin-bottom: 30px;
    }

    .service2Cont1 .le h5 {
        font-size: 26px;
    }

    .service2Cont2 .ri,
    .service2Cont1 .ri,
    .service2Cont2 .le,
    .service2Cont1 .le {
        width: auto;
    }

    .service2Cont1 .le {
        margin-bottom: 55px;
    }

    .service2Cont1 .ri .list .li {
        width: 100%;
    }

    .service2Cont2 {
        padding: 50px 0;
    }

    .service2Cont2 .le h4 {
        font-size: 26px;
        margin-top: 40px;
    }

    .service2Cont2 .ri .box {
        padding: 30px 20px;
    }

    .service2Cont2 .oasDt .li {
        font-size: 20px;
    }

    .service2Cont2 .dlKio dt .ic {
        transform: scale(.8);
    }

    .service2Cont2 .dlKio dt h6 {
        font-size: 14px;
    }

    .service2Cont3 {
        padding: 50px 0 30px;
    }

    .service2Cont3 .list {
        display: block;
    }

    .service2Cont3 .list .item {
        width: auto;
        margin-bottom: 30px;
    }

    .service2Cont3 .list .co {
        padding: 30px 20px;
        min-height: auto;
    }

    .service2Cont3 .list h5 {
        font-size: 20px;
    }

    .service2Cont3 .list h6 {
        font-size: 16px;
        padding-right: 60px;
    }

    .service1Cont2 .list h5 {
        padding-right: 60px;
    }

    .service2Cont3 .list span {
        top: 30px;
        right: 20px;
    }

    .service3Cont1 {
        padding: 50px 0;
    }

    .service3Cont1 .ri,
    .service3Cont1 .le {
        float: none;
        width: auto;
    }

    .service3Cont1 .list .sx em {
        font-size: 30px;
    }

    .service3Cont1 .list .sx sup {
        font-size: 22px;
        line-height: 18px;
        transform: translateY(4px);
    }

    .service3Cont1 .list .sx sub {
        transform: translateY(-3px);
        font-size: 12px;
    }

    .service3Cont1 .list span {
        transform: translateY(-10px);
    }

    .service3Cont1 .list .ic {
        height: 50px;
        transform: scale(.8);
        transform-origin: 0 0;
        margin-bottom: -10px;
    }

    .service3Cont1 .list .li {
        margin-right: 2%;
        min-width: 45%;
    }

    .service3Cont1 .ri {
        margin-top: 40px;
    }

    .service3Cont2 {
        padding: 50px 0;
    }

    .service3Cont2 .top h4 {
        font-size: 24px;
    }

    .service3Cont2 .top {
        width: auto;
    }

    .service3Cont2 .list {
        display: block;
    }

    .service3Cont2 .list .lit {
        width: auto;
        margin-bottom: 20px;
        padding: 24px 20px 30px;
        min-height: auto;
    }

    .service3Cont2 .list .ic {
        transform: scale(.8);
        transform-origin: 0 0;
    }

    .service3Cont2 .list .lit em {
        font-size: 30px;
    }

    .service3Cont2 .list h6 {
        font-size: 16px;
        margin-top: -10px;
    }

    .service3Cont3 {
        padding: 50px 0 20px;
    }

    .service3Cont3 .ri,
    .service3Cont3 .top {
        width: auto;
        float: none;
        position: static;
    }

    .service3Cont3 .ri {
        text-align: justify;
        margin-bottom: 30px;
    }

    .service3Cont3 .ri p {
        text-align: justify;
    }

    .service3Cont3 .top {
        margin-bottom: 10px;
    }

    .service3Cont3 .top h4 {
        font-size: 24px;
    }

    .service3Cont3 .list {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .service3Cont3 .list .px {
        display: none;

    }

    .service3Cont3 .list .ic {
        margin-bottom: 30px;
    }

    .service3Cont3 .list .lit {
        width: 48%;
        margin-bottom: 40px;
    }

    .service3Cont3 .list h5 {
        font-size: 16px;
        margin-bottom: 6px;
    }

    .service3Cont3 .list h6 {
        font-size: 13px;
    }

    .service3Cont4 .le {
        padding-top: 50px;
        width: auto;
        float: none;
    }

    .service3Cont4 .top h4 {
        font-size: 26px;
    }

    .service3Cont4 .usxDt .li {
        font-size: 16px;
        margin-left: 30px;
    }

    .service3Cont4 .usxDd ul li {
        width: 100%;
    }

    .service3Cont4 .ri {
        width: auto;
        float: none;
        margin-top: -70px;
    }

    .service3Cont4 .ri .card::before {
        display: none;
    }

    .service3Cont4 {
        padding-bottom: 50px;
    }

    .service3Cont5 {
        padding: 50px 0;
    }

    .service3Cont5 .top h4 {
        font-size: 24px;
    }

    .service3Cont5 .top {
        width: auto;
        float: none;
    }

    .service3Cont5 .list {
        flex-wrap: wrap;
    }

    .service3Cont5 .list .li {
        width: 100%;
        margin-bottom: 30px;
        height: 120px;
        background-size: auto 100px;
    }

    .service3Cont5 .list .li h5 {
        font-size: 16px;
    }

    .service3Cont5 .list .li h6 {
        font-size: 12px;
    }

    .industryLump1 {
        padding: 50px 0;
    }

    .industryLump1 .wr {
        margin-top: 30px;
    }

    .industryLump1 .wRi,
    .industryLump1 .wLe {
        float: none;
        width: auto;
        max-width: none;
    }

    .industryLump1 .wLe .til {
        font-size: 24px;
        line-height: 1.6;
    }

    .industryLump1 .wLe .infoUl {
        margin-top: 30px;
        padding-top: 30px;
        flex-wrap: wrap;
    }

    .industryLump1 .infoUl .num {
        font-size: 30px;
    }

    .industryLump1 .infoUl .num em {
        margin-left: 4px;
    }

    .industryLump1 .infoUl p {
        font-size: 14px;
    }

    .industryLump2 .wLe {
        width: auto;
        float: none;
        padding-top: 50px;
    }

    .industryLump2 .wLe .svv {
        width: 200px;
    }

    .industryLump2 {
        height: auto;
        background-size: cover;
        padding-bottom: 50px;
    }

    .industryLump2 .wLe .svv {
        margin-top: 30px;
    }

    .industryLump2 .wRi {
        width: auto;
        float: none;
    }

    .industrySwiper {
        height: auto;
        margin-top: 40px;
        overflow: visible;
    }

    .industrySwiper .swiper-slide {
        width: 90%;
        height: auto;
        opacity: 1;
    }

    .industrySwiper .dl {
        display: block;
        padding: 30px 20px 20px;
    }

    .industrySwiper .dl .dd {
        margin-top: 20px;
    }

    .industrySwiper .dl .dd img {
        width: 100%;
    }

    .industrySwiper .dt {
        margin-right: 0;
        min-height: 180px;
    }

    .industrySwiper .dt h4 {
        margin-bottom: 10px;
    }

    .industryLump3 {
        padding: 50px 0;
    }

    .industryLump3 .dl {
        display: block;
        height: auto;
    }

    .industryLump3 .dt {
        width: 100%;
        padding: 30px 20px 20px;
    }

    .industryLump3 .dd {
        height: 240px;
        width: 100%;
    }

    .industryLump3 .dt .pBox {
        margin-top: 20px;
    }

    .industryLump3 .dt .pBox p {
        margin-bottom: 10px;
    }

    .industryLump3 .dt li .num {
        font-size: 26px;
    }

    .industryLump3 .dt ul {
        display: block;
    }

    .industryLump3 .dt li {
        margin-right: 0;
        width: 48%;
        margin-bottom: 10px;
    }

    .industry2 .industryLump1 .iconList .ul {
        margin-top: 26px;
        padding-top: 20px;
    }

    .industryLump1 .wRi .dt {
        height: 200px;
        background-size: cover;
        margin-top: 30px;
    }

    .industryLump1 .iconList .li p {
        font-size: 15px;
    }

    .industry2Lump2 {
        height: auto;
        padding: 50px 0;
        background-size: cover;
    }

    .industry2Lump2 .wLe,
    .industry2Lump2 .wRi {
        float: none;
        width: auto;
        position: relative;
    }

    .industry2Lump2 .wLe {
        background-size: cover;
        height: 200px;
    }

    .industry2Lump2 .wRi {
        height: auto;
        padding: 30px 20px;
    }

    .industry2SwiperHd .li {
        font-size: 18px;
        line-height: 30px;
        height: 40px;
    }

    .industry2Swiper .dt .i {
        margin-right: 0;
    }

    .industry2Swiper .dt {
        margin-right: 10px;
        transform: scale(.9) translateX(-10px) translateY(3px);
        transform-origin: 0 0;
        font-size: 18px;
    }

    .industry2Lump3 {
        padding: 50px 0;
    }

    .industry2Lump3 .wLe {
        width: auto;
        max-width: none;
        float: none;
    }

    .industry2Lump3 .wLe .til {
        font-size: 24px;
        line-height: 1.3;
    }

    .industry2Lump3 .auto p {
        margin-bottom: 10px;
    }

    .industry2Lump3 .wRi {
        width: auto;
        max-width: none;
        float: none;
        margin-top: 40px;
    }

    .industry2Lump3 .wRi .dt {
        height: 200px;
        background-size: cover;
    }

    .industry2Lump4 {
        padding-top: 50px;
        padding-bottom: 40px;
    }

    .industry2Lump4 .bgEn {
        width: 200px;
        top: 10px;
    }

    .industry2Lump4 ul {
        display: block;
    }

    .industry2Lump4 li {
        width: auto;
        margin-bottom: 20px;
        padding: 30px 20px;
        margin-right: 0;
    }

    .industry3 .industry2Lump2 .wRi li {
        width: 100%;
        margin-top: 10px;
    }

    .industry3 .industry2Lump4 {
        padding-top: 0;
    }

    .industry2Lump4 ul {
        margin-top: 30px;
    }

    .industry2Lump3 .wLe .til {
        font-size: 20px;
    }

    .industry2Lump3 .wLe .tilEn {
        font-size: 18px;
        line-height: 1;
    }

    .industry4 .industryLump1 .iconList .li .i {
        width: 50px;
        display: flex;
        justify-content: center;
    }

    .industry4 .industryLump1 .iconList .li {
        width: 48%;
        margin-right: 0;
    }

    .industry4 .industry2Swiper .dl {
        width: 100%;
    }

    .news .topBox dl dt {
        height: 200px;
        background-size: cover;
    }

    .news .topBox dl {
        height: auto;
        display: block;
    }

    .news .topBox dt {
        width: 100%;
    }

    .news .topBox dd {
        padding: 30px 20px 10px;
    }

    .news {
        padding: 50px 0;
    }

    .news .topBox h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .news .topBox .time {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .news .topBox .more {
        transform: scale(.7);
        transform-origin: 0 0;
    }

    .news .topBox .more em {
        font-size: 20px;
    }

    .news .topBox p {
        margin-bottom: 30px;
    }

    .news .list .li {
        width: 100%;

    }

    .news .list .dd h4 {
        font-size: 18px;
        line-height: 1.5;
    }

    .news .list .dd .time {
        font-size: 14px;
    }

    .news .list .dd {
        height: auto;
    }

    .news .list .li {
        margin-bottom: 40px;
    }

    .operating_floor .amount {
        display: block;
        font-size: 14px;
    }

    .newsDetail {
        padding: 50px 0;
    }

    .newsDetail .tilBox .time {
        font-size: 16px;
    }

    .newsDetail .tilBox h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .newsDetail .operating {
        display: none;
    }

    .news .list {
        margin-top: 40px;
    }

    .aboutLump1 {
        padding: 50px 0;
    }

    .aboutLump1 .wLe {
        float: none;
        width: auto;
    }

    .aboutLump1 .wRi {
        float: none;
        width: auto;
        margin-top: 30px;
    }

    .aboutLump1 .wLe li .num {
        font-size: 26px;
    }

    .aboutLump1 .wLe li {
        width: 48%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .aboutLump1 .wLe li:last-child {
        width: 100%;
    }

    .aboutLump3 {
        height: auto;
    }

    .about2Lump1 {
        padding: 50px 0;
        height: auto;
    }

    .about2Lump1 .hd {
        position: static;
    }

    .about2Lump1 .main {
        padding-top: 40px;
    }

    .about2Lump1 .hd {
        margin-bottom: 30px;
    }

    .about2Lump1 .hd li {
        font-size: 16px;
        margin-left: 0;
    }

    .about2Lump1 .swiper-slide {
        width: 100%;
    }

    .about2Lump1 .coursePaging {
        display: none !important;
    }

    .about2Lump1 .cSwiperBtns {
        margin-top: 30px;
    }

    .about2Lump1 .swiper-slide.on {
        background: url(../images/about/about2K1ItemBg.jpg) no-repeat center;
    }

    .about2Lump1 .swiper-slide.on .num {
        color: #0149b2;
    }

    .about2Lump1 .swiper-slide.on p {
        color: #666;
        background: url(../images/about/about2L1Dot.png) no-repeat left 4px;
    }

    .about2Lump1 .swiper-slide {
        padding: 40px 20px 0;
    }

    .about2Lump1 .bd .num {
        font-size: 34px;
        line-height: 1;
        margin-bottom: 15px;
    }

    .about3Lump1 .l1txtTab {
        margin-bottom: 0;
    }

    .about3Lump1 {
        overflow: hidden;
    }

    .about3Lump1 .hd ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about3Lump1 .hd li {
        /* transform: scale(.7); */
        transform-origin: 0 0;
        width: 30%;
        margin-bottom: 20px;
    }

    .about3Lump1 .hd li .icon {
        /* transform: scale(.7); */
        /* transform-origin: 0 0; */
        margin-bottom: 10px;
    }

    .about3Lump1 .hd .cn {
        font-size: 16px;
    }

    .about3Lump1 .hd .en {
        font-size: 12px;
    }

    .about3Lump2 {
        height: auto;
        overflow: hidden;
    }

    .about3Lump2 .auto {
        padding: 50px 0;
    }

    .about3Lump2 .wRi,
    .about3Lump2 .wLe {
        float: none;
        width: auto;
        max-width: none;
    }

    .about3Lump2 .wLe .label {
        width: 130px;
        margin-right: 0;
        padding-left: 34px;
        transform-origin: 0 0;
        transform: scale(.8);
    }

    .about3Lump2 .wLe .txt {
        padding: 0;
        width: calc(100% - 150px);
    }

    .about3Lump3 {
        height: auto;

    }

    .about3Lump2 .wRi {
        margin-top: 50px;
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        padding-bottom: 83%;
    }

    .about3Lump2 .wRi .b2 {
        padding-bottom: 70%;
        width: 70%;
    }

    .about3Lump2 .wRi .b1 {
        padding-bottom: 50%;
        width: 50%;
        top: 30vw;
        left: auto;
        right: 43%;
    }

    .about3Lump3 {
        background-size: cover;
        padding-bottom: 50px;
    }

    .about3Lump3 ul {
        margin-top: 40px;
        flex-wrap: wrap;
    }

    .about3Lump3 ul li {
        width: 100%;
        margin-bottom: 40px;
    }

    .about3Lump1 .hd .icon {
        width: 80px;
        height: 80px;
        background-size: contain;
    }

    .contactLump1 {
        padding: 50px 0;
    }

    .contactLump1 dl {
        display: block;
        height: auto;
    }

    .contactLump1 dt {
        width: 100%;
        height: auto;
        padding-bottom: 58%;
        background-size: cover;
    }

    .contactLump1 dd {
        width: 100%;
        padding: 30px 20px;
    }

    .contactLump1 dd .til {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .contactLump1 dd li {
        align-items: center;
    }

    .contactLump2 {
        min-height: 0;
        height: auto;
        padding: 50px 0;
        background-size: cover;
    }

    .contactLump2 .wRi,
    .contactLump2 .wLe {
        float: none;
        width: auto;
    }

    .contactLump2 .wLe .tilEn {
        font-size: 22px;
        line-height: 1;
        padding-bottom: 12px;
    }

    .contactLump2 .wLe .tilCn {
        font-size: 24px;
        line-height: 1;
    }

    .contactLump2 .wRi {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .contactLump2 .wRi dl {
        margin: 0 0 30px;
        width: 48%;
    }

    .contactLump2 .wRi dt {
        width: 140px;
        height: 140px;
        margin: auto;
        padding: 15px;
    }

    .contactLump2 .wRi dd {
        text-align: center;
    }

    .contactLump3 {
        padding: 50px 0;
    }

    .contactLump3 .auto {
        display: block;
    }

    .contactLump3 .wRi {
        height: 340px;
        border: 4px solid #fff;
    }

    .contactLump3 .wRe,
    .contactLump3 .wLe {
        float: none;
        width: auto;
    }

    .aboutLump3 {
        padding: 0;
        background: url(../images/about/aboutL3Bg-mo.jpg) no-repeat left bottom;
        background-size: 100% auto;
    }

    .aboutLump3 .tilBox {
        position: absolute;
        left: 0;
        top: 11vw;
    }

    .aboutLump3 .honorSwiper .swiper-slide {
        height: 0;
        padding-top: 91%;
        position: relative;
    }

    .aboutLump3 .honorSwiper .b1 {
        bottom: 30.5%;
        width: 33%;
        left: 9%;
        margin-left: 0;
    }

    .aboutLump3 .honorSwiper .b2 {
        bottom: 42%;
        width: 33%;
        left: 64%;
        margin-left: 0;
    }

    .aboutLump3 .honorSwiper .b3 {
        bottom: 17%;
        width: 33%;
        left: 47%;
        margin-left: 0;
    }

    .aboutLump3 .honorSwiper .box img {
        border-width: 1.6vw;
    }

    .aboutLump3 .btnPop {
        left: auto;
        right: 0;
        top: 10vw;
        transform-origin: 100% 0;
        transform: scale(.8);
    }

    .indexCont2 .list li .video {
        display: none;
    }

    .indexCont2 .list .moBg {
        height: 100%;
        background: url(../images/index/indexCont2ListMo.gif) no-repeat center;
        background-size: cover;
        position: relative;
    }

    .indexCont2 .list .moBg::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, .3);
    }

    .indexCont2 .list .w1660 .wow {
        animation-delay: .6s !important;
    }

    .indexCont2 .list li .t2 {
        margin-top: 15px;
    }

    .indexCont2 .kioBtn {
        margin-top: 30px;
    }

    .indexCont2 .list h6 {
        margin-top: 0;
        font-size: 16px;
    }

    .indexCont2 .list h6 span {
        margin: 0 8px;
    }

    .flsmPop .pop-cont {
        width: 94%;
        padding: 40px 20px;
    }

    .flsmPop h3 {
        font-size: 22px;
    }

    .flsmPop h4 {
        font-size: 22px;
        padding-bottom: 12px;
        margin-bottom: 10px;
    }

    .flsmPop .pop-cont {
        /* top: 20vh !important; */
        top: auto !important;
        bottom: 10vh !important;

        height: 80vh !important;
        overflow-y: auto !important;
    }

    .flsmPop .close {
        display: none;
    }

    #footer .wxCos {
        position: relative;
        z-index: 200;
    }

    .indexCont1 .vkBox .item.xcx {
        height: 215px;
        padding-top: 40px !important;
    }

    .indexCont3 {
        height: auto;
    }

    .indexCont3 .osDd p {
        /* height: 220px; */
        /* overflow: auto; */
    }

    .indexCont7 .newsList .li .pos {
        display: none;
    }

    .indexCont7 .newsList .li:hover .ite {
        top: 0;
    }

    .indexCont7 .newsList .li .co {
        height: 150px;
    }

    .indexCont7 .newsList .li h4 {
        margin-bottom: 15px;
    }

    .service2Cont2 .oasDd .dd .ix {
        display: none;
    }

    .service2Cont2 .oasDd .dd .ixMo {
        display: block;
    }

    .service2Cont2 .ri {
        width: 100%;
    }

    .contactLump3 .wRi {
        width: 100%;
    }

    .contactLump3 #map {
        border-width: 0;
        height: 100%;
    }

    #sec01 .main__slide-item .txt2 {
        left: 4%;
        top: 260px;
    }

    #sec01 .main__slide-item .txt2 h2 {
        font-size: 24px;
    }

    #sec01 .main__slide-item .txt2 h3 {
        font-size: 8vw;
    }

    .indexCont4 .list.listPc {
        display: none;
    }

    .indexCont4 .list.listMo {
        display: block;
    }

    .indexCont4 .list.listMo .swiper {
        overflow: visible;
    }

    .indexCont4 .list.listMo .swiper-slide {
        width: 85vw;
    }

    #sec01 .main__slide-item .bgPc {
        display: none;
    }

    #sec01 .main__slide-item .bgMo {
        display: block;
    }

    .main__slide {
        margin-top: 60px;
    }

    #sec01 .main__slide-item .txt2 {
        left: 57%;
        top: 25%;
    }

    #sec01 .main__slide-item .txt2 h2 {
        line-height: 1.1;
        margin-bottom: 1vw;
    }

    #sec01 .main__slide-item .txt2 h3 {
        line-height: 1.2;
        /* margin-bottom: 12px; */
    }

    .sPc {
        display: none;
    }

    .sMo {
        display: block;
    }

    .industry2Lump2 .list {
        justify-content: space-between;
    }

    .industry2Lump2 .list .li {
        min-width: 48%;
        margin-right: 0;
    }

    .industry2Lump2 .list .sx em {
        font-size: 34px;
        line-height: 34px;

    }

    .industry2Lump2 .list {
        margin-bottom: -20px;
    }

    .industry2Lump2 .list .li {
        margin-bottom: 20px;
    }

    .industry2Lump2 .list .li .sx {
        margin-bottom: -6px;
    }

    .industry2Lump2 .list .sx sub {
        top: 16px;
    }

    #footer .tx {
        display: block;
    }

    .erxPop .pop-cont {
        width: 92vw;
    }

    .erxPop .close {
        right: 0;
        top: -56px;
        transform-origin: 100% 100%;
        transform: scale(.8);
    }

    #sec01 .main__slide-item .txt2 h4 {
        margin-top: 10px;
        font-size: 22px;
    }
}