.de-banner .swiper-slide {
    min-height: 100px
}

.de-banner .swiper-slide img {
    display: block;
    width: 100%
}

.swiper-slide {
    cursor: pointer
}

.swiper-button-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4BAMAAABaqCYtAAAAKlBMVEUAAAAAAAAAAABhYWH4+PgAAAAAAAAAAAAAAAAAAAAAAAD19fXw8PD////JjQbfAAAADXRSTlMmACE32hsRFQsIBczASSBGWQAAAQRJREFUOMt9lb0SwUAUhY8YQUdm/FZJwRiVwhuozYRKGRotjRozeh6BJ/ACnkDrgWxM5Gaz2fOV+eYmm917z6KZ0tsugcHhJk9EXpCwMmWEFDcvN8gw1OUZGqOs7CDHPiPDvKyIfMBg/Jd935TOPZEeCghiKV80vwpZqrlgJY/FsvaTfrF0YtmGhbWSnk0GSkY26SoJG0p1IbwnmjyhBeE10+QCDQjTj1ZawhVCea6V1hHBWupiB2tpFSGspRX4sJY6EKQ0j5Q+uRTYa+mC6K/QTaDbRzeeHhk9bNomrMFoa9KmpuPABomOIB1eNvY0MGjUsJBi8caDkUcqD2Me4/wCoFfHF1xNQA0MV7WSAAAAAElFTkSuQmCC) !important;
    right: 34px !important
}

.swiper-button-next,
.swiper-button-prev {
    width: 56px !important;
    height: 56px !important;
    cursor: pointer
}

.swiper-button-prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4BAMAAABaqCYtAAAAKlBMVEUAAAAAAAAAAABhYWH4+PgAAAAAAAAAAAAAAAAAAAAAAAD19fXw8PD////JjQbfAAAADXRSTlMmACE32hsRFQsIBczASSBGWQAAAQJJREFUOMuFlb0SwUAUhY8YwWgw47eKgjEqhTdQm0GlDI2WRo0ZPY/Ac3gMnZexDLnZbO7xlfnmZjebe8+iEtFaz4Hu7iJPRJ7wZeHKEBF+Uq4Qo2fLIyz6cdlAgm1MTpMyJ/IGh8FPtgNXetevrCKFzlvKiu6qkK26GzZyny4LHxmkS+8t61BYGlnVZMfIUJO+kdAwqok42TuEA2qWHD0hzFC2CidjCBmcrcLHEEIRoVoIHxu1EHlM1ULkEKiF8JwVFUpW4V9JX0s3RD+FHgI9Pnrw9JfRn03bhDUYbU3a1HQc2CDREaTDy8aeBgaNGhZSLN54MPJI5WHMY5xfAPTqeAGbfz6Hlu1WcAAAAABJRU5ErkJggg==) !important;
    left: 34px !important
}

.dp-inline {
    display: inline-block
}

.swipper {
    width: 100%;
    height: inherit
}

.swipper .banner-hei {
    margin: auto
}

.kfzzx {
    display: flex;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap
}

.kfzzx .flex {
    flex: 1;
    min-width: 120px
}

.kfzzx .flex .kfz-h1 {
    padding: 12px 0;
    font-size: 16px;
    color: #777;
    font-weight: 700
}

.kfzzx .flex .ccc-h1 {
    padding: 0 10%;
    font-size: 14px;
    color: #777;
    font-weight: 400;
    margin-bottom: 10px
}

.kfz-but {
    text-align: center
}

.three-prople {
    width: 100%;
    background-color: #f9f9f9;
    position: relative
}

.three-prople .hover:hover {
    background: #fefefe
}

.three-prople .hover:hover .title-1 {
    color: #1aa8b8
}

.three-prople .container-area-tp {
    text-align: center
}

.three-prople .container-area-tp .title-1 {
    margin-top: 6px;
    font-size: 22px;
    color: #212121;
    letter-spacing: -.05px;
    line-height: 20px;
    font-weight: bolder
}

.three-prople .container-area-tp .title-2 {
    margin-top: 14px;
    font-size: 14px;
    color: #6f6f6f;
    letter-spacing: -.04px;
    line-height: 20px;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.container-jjfa {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.container-jjfa .but_onclick {
    color: #fff;
    background: transparent
}

.container-jjfa .box {
    max-width: 1230px;
    width: 100%;
    overflow: hidden;
    height: 320px;
    position: relative
}

.container-jjfa .box .menu {
    width:100%;
    overflow: hidden;
    height: 320px;
    position: relative
}
.next.clickbut{
    position: absolute;
    right: 0;top:0;
}
.prev.clickbut{
    position: absolute;
    left: 0;top:0;
}

.container-jjfa .box ul {
    margin: 0 auto;
    width: 1155px;
    font-size: 0
}

.container-jjfa .box li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    height: 320px;
    width: 288px
}

.container-jjfa .box .clickbut {
    float: left;
    height: 100%;
    line-height: 30px;
    font-size: 28px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    padding-top: 133px
}

.container-jjfa .box .clickbut:hover {
    background: #05797d
}

.container-jjfa .jjfa-bg {
    padding: 80px 24px;
    cursor: pointer;
    background: rgba(0, 0, 0, .1);
    width: 100%;
    height: 320px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    text-align: center
}

.container-jjfa .jjfa-bg .jjfa-p1 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    margin-top: 32px;
    overflow: hidden;
    height: 22px
}

.container-jjfa .jjfa-bg .jjfq-p2 {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    display: none;
    margin-top: 16px
}

.container-jjfa .jjfa-bg:hover {
    padding-top: 40px;
    background-color: rgba(18, 147, 253, .6)
}

.container-jjfa .jjfa-bg:hover .jjfq-p2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7
}

.kfzsq {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.kfzsq .kfzsq-contain {
    padding: 64px 0
}

.kfzsq .w-word {
    color: #fff
}

.map {
    background-color: #f7f8fa;
    padding: 64px 0
}

.map .h1-padding {
    margin-bottom: 48px
}

.map .main-img {
    padding: 20px 0;
    width: 100%;
    position: relative
}

.map .main-img .point-1 {
    left: 81.89%;
    top: 22.99%
}

.map .main-img .point-2 {
    left: 18%;
    top: 23%
}

.map .main-img .point-3 {
    left: 10%;
    top: 21%
}

.map .main-img .point-4 {
    left: 11%;
    top: 36%
}

.map .main-img .point-5 {
    left: 67%;
    top: 38%
}

.map .main-img .point-6 {
    left: 79%;
    top: 32%
}

.map .main-img .point-7 {
    left: 94%;
    top: 73%
}

.map .main-img .point-8 {
    left: 53%;
    top: 10%
}

.map .main-img .point-9 {
    left: 84.5%;
    top: 24%
}

.map .main-img .point-10 {
    left: 80.5%;
    top: 28%
}

.map .main-img .point-buling {
    -webkit-animation: sploosh-data-v-6cb270da 1.5s cubic-bezier(.165, .84, .44, 1);
    animation: sploosh-data-v-6cb270da 1.5s cubic-bezier(.165, .84, .44, 1)
}

.map .main-img .point-buling2 {
    -webkit-animation: sploosh2-data-v-6cb270da 1.5s cubic-bezier(.165, .84, .44, 1);
    animation: sploosh2-data-v-6cb270da 1.5s cubic-bezier(.165, .84, .44, 1)
}

.map .main-img .point-buling3 {
    -webkit-animation: sploosh3-data-v-6cb270da 1.5s cubic-bezier(.165, .84, .44, 1);
    animation: sploosh3-data-v-6cb270da 1.5s cubic-bezier(.165, .84, .44, 1)
}

.map .main-img .point-buling2,
.map .main-img .point-buling3,
.map .main-img .point-buling {
    height: 10px;
    width: 10px;
    line-height: 10px;
    border-radius: 100%;
    position: absolute;
    z-index: 10;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background: transparent
}

.map .map_title {
    margin-top: 32px;
    padding-left: 110px
}

.map .map_title .t_h1 {
    font-size: 14px;
    color: #333;
    line-height: 14px
}

.map .map_title .line {
    height: 4px;
    width: 16px;
    background: #09f;
    margin: 10px 0
}

.map .map_title .t_h2 {
    font-size: 14px;
    color: #333;
    line-height: 14px
}

.map .map_title .t_h2 .t_b {
    font-size: 48px;
    color: #333;
    line-height: 48px
}

.shengtai .mar-top {
    margin-top: 64px
}

.shengtai .img-looper {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 560px
}

.shengtai .img-looper .bg-top {
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    height: 130px;
    width: 100%;
    z-index: 666;
    position: relative
}

.shengtai .img-looper .bg-buttom {
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
    height: 130px;
    width: 100%;
    z-index: 666;
    position: relative;
    top: 330px
}

.shengtai .img-looper .img-sc {
    position: relative;
    width: 100%;
    animation: bgScroll-data-v-6cb270da 40s linear infinite;
    -webkit-animation: bgScroll-data-v-6cb270da 40s linear infinite;
    will-change: transform;
    z-index: 1
}

.shengtai .img-looper .img-sc img {
    width: 100%
}

.shengtai .img-looper-m {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 260px
}

.shengtai .img-looper-m .bg-top {
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    height: 130px;
    width: 100%;
    z-index: 666;
    position: relative
}

.shengtai .img-looper-m .bg-buttom {
    background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
    height: 130px;
    width: 100%;
    z-index: 666;
    position: relative
}

.shengtai .img-looper-m .img-sc {
    position: relative;
    width: 100%;
    animation: bgScroll-data-v-6cb270da 40s linear infinite;
    -webkit-animation: bgScroll-data-v-6cb270da 40s linear infinite;
    will-change: transform;
    z-index: 1
}

.shengtai .img-looper-m .img-sc img {
    width: 100%
}

.el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: .75;
    line-height: 300px;
    margin: 0
}

.bangzhu {
    background-color: #f6f6f6;
    width: 100%;
    padding: 40px 0 24px;
    text-align: center
}

.bangzhu .ba-con {
    cursor: pointer;
    padding: 72px 0 20px
}

.bangzhu .ba-con .bz-h1 {
    font-size: 16px;
    color: #777;
    line-height: 16px;
    font-weight: 700;
    padding: 12px
}

.bangzhu .ba-con .bz-p {
    font-size: 14px;
    color: #777;
    font-weight: 320;
    line-height: 22px;
    padding: 0 12 24 12px
}

.sthb .sthb-bg {
    height: 200px;
    margin-top: 18px;
    margin-bottom: 18px;
    padding-top: 40px;
    background: url(img/d7e0e92.png);
    background-size: cover
}

.sthb .sthb-text1 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 12px
}

.sthb .sthb-text2 {
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.sthb .sthb-btn {
    width: 128px;
    height: 40px;
    font-size: 14px;
    color: #09f;
    margin-top: 28px
}

.zyy {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 32px
}

.zyy .el-collapse-item {
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6
}

.zyy .zyy-title-text {
    font-size: 18px;
    color: #000;
    margin-top: 36px;
    margin-bottom: 20px;
    text-align: center
}

.zyy .zyy-title-bg {
    background: url(img/d4de601.png);
    background-size: cover;
    width: 100%;
    margin-left: .5px
}

.zyy .zyy-img1 {
    margin-left: 20px;
    margin-right: 12px;
    height: 26px;
    margin-top: 12px;
    float: left
}

.zyy .zyy-text1 {
    font-size: 16px;
    color: #333
}

.zyy .zyy-sub-text1 {
    font-size: 14px;
    color: #777;
    margin-left: 20px;
    margin-right: 20px;
    line-height: 40px;
    border-bottom: 1px solid #f6f6f6
}

@-webkit-keyframes sploosh-data-v-6cb270da {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 153, 255, .2);
        background: rgba(0, 153, 255, .2)
    }

    to {
        box-shadow: 0 0 0 30px rgba(255, 220, 1, 0);
        background: rgba(255, 220, 1, 0)
    }
}

@keyframes sploosh-data-v-6cb270da {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 153, 255, .2);
        background: rgba(0, 153, 255, .2)
    }

    to {
        box-shadow: 0 0 0 30px rgba(255, 220, 1, 0);
        background: rgba(255, 220, 1, 0)
    }
}

@-webkit-keyframes sploosh2-data-v-6cb270da {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 153, 255, .2);
        background: rgba(0, 153, 255, .2)
    }

    to {
        box-shadow: 0 0 0 20px rgba(0, 153, 255, 0);
        background: rgba(0, 153, 255, .3)
    }
}

@keyframes sploosh2-data-v-6cb270da {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 153, 255, .2);
        background: rgba(0, 153, 255, .2)
    }

    to {
        box-shadow: 0 0 0 20px rgba(0, 153, 255, 0);
        background: rgba(0, 153, 255, .3)
    }
}

@-webkit-keyframes sploosh3-data-v-6cb270da {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 153, 255, .2);
        background: rgba(0, 153, 255, .2)
    }

    to {
        box-shadow: 0 0 0 10px rgba(0, 153, 255, 0);
        background: rgba(0, 153, 255, .5)
    }
}

@keyframes sploosh3-data-v-6cb270da {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 153, 255, .2);
        background: rgba(0, 153, 255, .2)
    }

    to {
        box-shadow: 0 0 0 10px rgba(0, 153, 255, 0);
        background: rgba(0, 153, 255, .5)
    }
}

@-webkit-keyframes bgScroll-data-v-6cb270da {
    0% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px)
    }

    to {
        -webkit-transform: translateY(-1241px);
        transform: translateY(-1241px)
    }
}

@keyframes bgScroll-data-v-6cb270da {
    0% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px)
    }

    to {
        -webkit-transform: translateY(-1241px);
        transform: translateY(-1241px)
    }
}

.bg-dev {
    background: url(img/3bd642a.png) -5px -5px
}

.bg-dev,
.bg-sc {
    display: inline-block;
    width: 48px;
    height: 48px
}

.bg-sc {
    background: url(img/3bd642a.png) -5px -63px
}

.bg-wd {
    background: url(img/3bd642a.png) -5px -121px
}

.bg-wd,
.bg-zk {
    display: inline-block;
    width: 48px;
    height: 48px
}

.bg-zk {
    background: url(img/3bd642a.png) -5px -179px
}

.bg-cxcx {
    background: url(img/c808fb2.png) -5px -5px
}

.bg-cxcx,
.bg-devops {
    width: 50px;
    height: 50px
}

.bg-devops {
    background: url(img/c808fb2.png) -5px -65px
}

.bg-sjqd {
    background: url(img/c808fb2.png) -5px -125px
}

.bg-sjqd,
.bg-wfw {
    width: 50px;
    height: 50px
}

.bg-wfw {
    background: url(img/c808fb2.png) -5px -185px
}

.bg-zdyw {
    width: 50px;
    height: 50px;
    background: url(img/c808fb2.png) -5px -245px
}

.bg-hy_fcicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -5px -5px
}

.bg-hy_jdicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -63px -5px
}

.bg-hy_jxicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -5px -63px
}

.bg-hy_jyicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -63px -63px
}

.bg-hy_zhnyicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -121px -5px
}

.bg-ly_jticon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -121px -63px
}

.bg-ly_mjicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -5px -121px
}

.bg-ly_nyicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -63px -121px
}

.bg-ly_yqicon {
    width: 48px;
    height: 48px;
    background: url(img/9fdce6e.png) -121px -121px
}