@charset "utf-8";

/* CSS Document */
body {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}
#ffhyjy{display:none}
.jjwznn p{margin:0}

.bgdt {
    width: 100%;
}

.bgdt img {
    width: 100%;
    height: auto;
    display: block;
}

.sjdh {
    margin: 20px auto;
    overflow: hidden;
}

.sjdh li {
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 8px;
}

* {
    font-family: 微软雅黑;
}

.sjdh li a {
    color: #d8d8d8;
    width: 100%;
    display: block;
    border: 1px solid rgba(230, 230, 230, 0.09);
    border-radius: 5px;
}

.sjdh li .aa0 {
    background: #00a43b;
    border: 1px solid #00a43b
}

.btn-default, .btn-default:hover {

    background-color: #26a6ed !important;

    border-color: #26a6ed !important;

}

.nyt img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #26a6ed !important;

    border-color: #26a6ed !important;
}

.hdp .swiper-slide img {
    width: 100%;
    height: auto
}

#CB_Thumbs2 {
    opacity: 0 !important;
}

.sub_01 {
    display: block !important;
}


body {
    color: #333;
    font: 14px/1.5 '微软雅黑', sans-serif;
    margin: 0 auto;
    /* overflow-x: hidden; */ /* min-width: 1600px; */
    background-color: #fff;
}

@media (max-width: 768px) {
    .altpl{height: 100px ;overflow: hidden}

    .yc {
        display: none !important;
    }

    .yc0 {
        display: block !important;
    }

    .ttop {
        width: 100%;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand {
        font-size: 14px !important;
        color: #fff !important;
    }

    .navbar-default .navbar-toggle {
        border-color: #666 !important;
        margin-top: 10px !important;
    }

    .navbar-default {
        background: #fff;
        border: none;
        position: relative;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #666 !important;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #fff !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #fff !important;
    }

    .navbar-default .navbar-nav li .active, .navbar-default .navbar-nav li .active:focus, .navbar-default .navbar-nav li a:hover {
        color: #fff;
        background-color: #00b0d8 !important
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff !important;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background: none;
        color: #e2e2e2 !important;
        border-radius: 2px;
    }

    .logo, .ycdh, .top {
        padding: 0;
    }

    .logo img {
        display: block;
        float: left;
    }

    .logo {
        width: 80%;
        float: left;
        position: relative;
        z-index: 99;
        padding: 5px;
    }

    .navbar-nav {
        background: #003b83;
        margin: 0 -15px;
    }

    .sjklj {
        font-size: 14px;
        line-height: 50px;
        color: #333;
        width: 50%;
        overflow: hidden;
        float: left;
    }

    .yyqh {
        width: 80px;
        float: right;
        font-size: 14px;
        line-height: 50px;
        background: url("../images/yyicon1.png") no-repeat left center;
        padding-left: 26px;
    }

    .yyqh a, .yyqh1 a, .yyqh2 a {
        color: #333;
    }

    .stt {
        width: 1px;
        margin: 18px 8px 0 8px;
        float: right;
    }

    .yyqh1 {
        width: 50px;
        float: right;
        font-size: 14px;
        line-height: 50px;
        background: url("../images/oaicon1.png") no-repeat left center;
        padding-left: 26px;
    }

    .dlty1 {
        width: 100% !important;
        float: left;
        margin-top: 10px;
        display: flex !important;;
        align-items: end;
        justify-content: flex-end;
        padding: 0;
        z-index: 99;
        position: relative
    }

    .dlty1 a {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;

        padding: .375rem .75rem;
        line-height: 1.5;
        border-radius: 50px;
        color: #007fff;
        font-size: 16px;
    }

    .dlty1 .zc {
        background: #007fff;
        color: #fff;
        margin: 0 8px;
    }

    .navbar-toggle {
        margin: 0;
        right: 5px;
        z-index: 1000
    }

    .dht {
        position: relative
    }

    .hdp .swiper-slide {
        position: relative
    }

    .dtwz {
        position: absolute;
        z-index: 20;
        display: flex !important;
        flex-direction: column;
        top: 0 !important;
        justify-content: center;
        margin-top: 0 !important;
        height: calc(100% - 80px - 40px - 100px);
        bottom: auto;
        text-align: left;
        left: 0;
        right: 0;
        max-width: 1200px;
        margin: 0 auto;
        height: 100%;
        padding-left: 30px;
        padding-top: 0 !important;
    }

    .dtzz {
    }

    .dtzz h1 {
        font-size: 50px;
        line-height: 30px !important;
        color: #051542;
        font-weight: bold;
        margin: 0;
    }

    .dtzz article {
        font-size: 13px !important;
        line-height: 28px;
        color: #687189;
        margin: 0 !important;
    }

    .dtzz a {
        width: 170px;
        line-height: 46px;
        display: block;
        margin-top: 50px;
        background: #0089ff;
        text-align: center;
        font-size: 16px;
        color: #fff;
        border-radius: 5px;
    }

    /*首页数字*/
    .bjwz {
        width: 100%;
        background: url("../images/szbj.jpg") no-repeat;
        padding: 30px 0;
        transition: background-position 0.6s ease;
        background-position: center bottom
    }

    .szbt h1 {
        margin: 0 auto;
        font-size: 2.2rem !important;
        line-height:38px !important;
        text-align: center;
        font-weight: bold;
        color: #333;
        width:98%;
    }

    .szbt article {
        font-size: 14px;
        color: #555;
        text-align: center;
        line-height: 20px;
        padding: 8px 0
    }

    .bjwz:hover {
        background-position: center 15px
    }

    /*计数*/
    .zsbh {
        background: #fff;
        background-clip: content-box;
        margin-top: -100px !important;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 5px 15px 45px #e6e6e6;
        position: relative;
        z-index: 999;
    }

    .xjt {
        max-width: 1200px;
        display: block;
        overflow: hidden;
        margin: 10px auto
    }

    .xjt li {
        text-align: center;
        color: #fff;
        background: url("../images/sticon.png") no-repeat right center;
        padding: 0 5px;
    }

    .xjt li:last-child {
        border-right: none;
        background: none;
    }

    .xjt h3, .timer, .xjt h3 span {
        font-size: 34px;
        font-weight: bold;
        line-height: 40px;
        color: #108cee;
    }

    .xjt sub {
        font-size: 15px;
        line-height: 0;
        font-weight: normal;
        color: #555;
    }

    .jjszk {
        background: #11439b;
        padding: 30px 0;
        overflow: hidden;
        background-size: cover
    }

    .xjt li p {
        margin: 0;
        font-size: 14px;
        color: #333;
        line-height: 40px;
    }

    .xjt h3 i {
        font-size: 20px !important;
        display: inline-block;
        transform: translateY(-17px);
        font-style: normal;
        margin-left: 4px;
    }

    .xjt li:hover h3 span, .xjt li:hover i {
        text-shadow: 0 8px 18px rgba(16, 140, 238, 0.4)
    }

    /*表单弹出*/
    .bdtc .modal {
        top: 30%;
    }

    .bdtc .modal-content {
        background: linear-gradient(to bottom, #ffffff 0%, #f6fcff 100%);
    }

    .tcbt {
        font-size: 24px;
        line-height: 60px;
        text-align: center;
        font-weight: bold;
        color: #333;
    }

    .tcbdk {
        width: 86%;
        overflow: hidden;
        margin: 0px auto;
    }

    .tcerm {
        width: 100%;
        float: left;
    }

    .tcerm img {
        display: block;
        margin: 15px auto;
    }

    .tcbdw {
        width: 100%;
        float: right;
    }

    .tcbdw .srk {
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        height: 40px;
        background: #fff;
        margin-bottom: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .tcbdw input::placeholder {
        font-size: 14px;
        color: #666;
    }

    .tcbdw input:focus {
        border: 1px solid #0089ff;
        outline: none;
    }

    .tjan {
        width: 100%;
        background: #2c7ef8;
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        border-radius: 4px;
        display: block;
    }

    /*首页行业*/
    .syhyk {
        padding: 20px 0 10px 0;
    }

    .syjjfa {
        margin: 0px auto;
    }

    .qhtt {
        width: 100%;
        margin-top: 70px;
        border-bottom: 1px solid #eaedef;
        text-align: center;
    }

    .qhtt ul li {
        display: inline-block;
        margin: 0 15px;
    }

    .qhtt ul li a {
        font-size: 16px;
        line-height: 50px;
        color: #333333;
        display: block;
    }

    .qhtt ul li.active a {
        color: #2468f2;
        border-bottom: 3px solid #2468f2;
    }

    .drugnav {
        overflow-x: scroll;
        white-space: nowrap
    }

    .qhtt ul li a {
        text-decoration: none;
    }

    /*切换内容*/
    .qhnr {
        margin-top: 10px;
    }

    .qhtp {
        margin-top: 20px;
        padding: 0;
    }

    .qhyb {
        padding-right: 20px;
    }

    .qhyb h1 {
        margin: 0;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
        line-height: 30px;
        padding: 10px 0;
    }

    .xhxsy {
        width: 46px;
        height: 4px;
        border-radius: 5px;
        background: #2468f2;
        display: block;
    }

    .qhdes {
        margin: 10px auto;
        font-size: 14px;
        line-height: 28px;
        color: #555;
    }

    .khfb, .ankk {
        width: 100%;
        overflow: hidden;
        margin: 20px auto 0;
    }

    .khfb li {
        width: 24%;
        margin-right: 1%;
        border-radius: 4px;
        border: 1px solid #eaedef;
        overflow: hidden;
        float: left;
    }

    .ankk {
        width: 100%;
        overflow: hidden;
    }

    .zxan {
        width: 40%;
        float: left;
        background: #2c7ef8;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }

    .zxan:hover {
        background: #0067f8;
        color: #fff;
    }

    .gdan {
        width: 40%;
        float: left;
        background: #fff;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        line-height: 38px;
        text-align: center;
        color: #2c7ef8;
        margin-left: 30px;
        border: 1px solid #2c7ef8
    }

    .gdan:hover {
        border: 1px solid #0067f8;
        color: #0067f8;
        background: #ddecff;
    }

    .ljgd {
        width: 100%;
        float: left;
    }

    .ljgd a {
        font-size: 14px;
        line-height: 60px;
        color: #2c7ef8;
    }

    /*首页产品功能*/
    .gnqh {
        margin: 20px auto;
        background: url("../images/qhbg.jpg") no-repeat center center;
        background-size: cover;
        padding: 30px 10px 20px
    }

    .zcdh {
        padding: 0;
        margin-top: 20px;
    }

    .drugnav1 {
    }

    .drugnav1 li {
        display: inline-block;
        font-size: 15px;
        line-height: 42px;
        color: #333;
        width: 32%;
        margin-bottom: 5px;
        text-align: center;
        background: #fff;
        border-bottom: 2px solid #fff;
    }

    .drugnav1 li.active {
        border-bottom: 2px solid #2c7ef8;
        color: #2c7ef8
    }

    .drugnav1 li.active a {
        color: #2c7ef8
    }

    .drugnav1 li a {
        display: block;
        color: #333;
        padding: 0 5px;
    }

    .ycbh {
        padding: 0;
    }

    .sygn {
        margin: 10px auto;
        overflow: hidden;
    }

    .wzgn {
        margin: 0px auto;
    }

    .wzgn h1 {
        margin: 0;
        font-size: 16px;
        line-height: 40px;
        color: #333;
    }

    .gdan1 {
        width: 160px;
        float: left;
        background: #2c7ef8;
        border-radius: 5px;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        margin-top: 15px;
        cursor: pointer
    }

    .gdan1:hover {
        background: #0067f8;
        color: #fff;
    }

    /*首页价格*/
    .jgnk {
        margin: 20px auto;
        padding: 0 10px;
    }

    .jgk {
        width: 100%;
        overflow: hidden;

        border-radius: 8px;
        padding: 10px 20px 20px;
        margin-bottom: 15px;
        overflow: hidden;
    }
    .wgbj{padding:15px 5px;background: url("../images/wgbg.png") no-repeat center center;background-size: cover;}
    .jgnk li:nth-child(1){min-width: 0;

        background:linear-gradient(90deg, #42a9ff, #3b75f9);
    }
    .jgnk li:nth-child(2){min-width: 0;

        background:linear-gradient(90deg, #02a3fe, #2378f1);
    }
    .jgnk li:nth-child(3){min-width: 0;

        background:linear-gradient(90deg, #0d5ace, #07328a);
    }
    .hyicon {
        width: 100%;display: flex;align-items: center;
        margin-top: 10px
    }
    .hyicon img{height:50px;width:auto;margin-right:3px ;
    }

    .jgwz {
        margin-top:3px;
        width: 95%;
        float: left;
    }

    .jgnk li h1 {
        margin: 0;
        font-size: 20px;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: #b4dfff;
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        background-image: linear-gradient(to right, var(--tw-gradient-stops));
        --tw-gradient-from: #fff;
        line-height: 50px;
    }

    .jgwz p {
        margin: 0;
        font-size: 15px;
        line-height: 24px;
        color: #fff;
    }

    .jgwz article {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        margin-top: 20px;
    }

    .zxty1 {
        width: 120px;
        font-size: 14px;
        line-height: 34px;
        text-align: center;
        background: #fff;
        border-radius: 4px;
        color: #333;
        overflow: hidden;
        margin-top: 10px;
    }



    .jgnk li .zxty1 a {
        background: #fff;
        display: block;
        color: #015fff;
        border: none;
    }

    /*首页客户案例*/
    .aldk {
        width: 100%;
        background: #eef8fa;
        padding: 20px 0;
    }

    .khal {
        margin: 20px auto;
    }

    .cplbxk {
        background: #2c7ef8;
    }

    .gsmc {
        width: 100%;
        overflow: hidden;
    }

    .xtb {
        height: 40px;
        width: auto;
        margin-top: 10px;
    }

    .khzb {
        padding: 10px;
        width: 100%;
    }

    .khzb article {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        margin: 15px auto;
    }

    .gsmc {
        font-size: 20px;
        color: #fff;
        line-height: 60px;
        font-weight: bold;
        display: flex;
        justify-content: flex-start
    }

    .gsry {
        width: 100%;
        overflow: hidden;
        margin: 20px auto;
    }

    .gszb {
        width: 80%;
        float: left;
    }

    .gstx {
        width: 16%;
        border-radius: 100px;
        overflow: hidden;
        float: left;
    }

    .gsrjs {
        width: 82%;
        float: right;
    }

    .gsrjs h1 {
        margin: 0;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
    }

    .gsrjs p {
        font-size: 14px;
        margin: 0;
        line-height: 20px;
        color: rgba(255, 255, 255, .5) !important;
    }

    .lgljan {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start;margin-top: 15px;
    }

    .lgljan a {
        width: 30%;
        margin-right: 2%;
    }

    .tyr, .tyr:hover {
        background: #0089ff;
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        padding: 0;
        border-radius: 4px;text-align: center;
    }

    .ckwz, .ckwz:hover {
        border: 1px solid #0089ff;
        font-size: 16px;
        color: #0089ff;
        line-height: 38px;
        border-radius: 4px;
        text-align: center;
    }

    .ybtp {
        width: 100%;
        float: left;
    }

    .ybtp img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .khal .swiper {
        padding-bottom: 40px;
        margin-top: 20px
    }

    /*三大产品*/
    .cpjz {
        margin: 20px auto;
        overflow: hidden;
    }

    .cpjzlb {
        margin: 20px auto;
        overflow: hidden;
    }

    .cpjzlb li {
        padding: 0;
    }

    .jzk {
        position: relative;
        overflow: hidden;
        margin-bottom: 15px;
        background: linear-gradient(145deg, #cedefe, #f3f7ff);
        padding: 20px 15px;
        border-radius: 5px;
    }

    .jzk img {
        object-fit: cover
    }

    .jztp img {
        display: block;
        margin: 0 auto;
    }

    .jzwz {
        width: 100%;
        bottom: 0;
        padding: 0;
    }

    .jzwz h1 {
        margin: 0;
        font-size: 24px;
        line-height: 50px;
        color: #333;
        font-weight: bold;
        text-align: center
    }

    .jzwz article {
        font-size: 14px;
        line-height: 26px;
        color: #555;
        text-align: center
    }

    .cpjzlb li:hover .jzwz {
        height: 100%;
        padding-top: 30%
    }

    .jzt {
        display: flex
    }

    .cpjzlb li:hover .jzwz h1 {
        height: auto;
        line-height: 50px;
    }

    /*转化*/
    .gch {
        width: 100%;
        background: url("../images/zhbg.png") no-repeat center top #58b0f8;
        padding: 20px 0 70px;
        background-size:auto 100%;
    }

    .zxzb {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .zxzb h1 {
        margin: 0;
        font-size: 2rem !important;
        line-height: 40px !important;
        font-weight: bold;
        color: #fff;
    }

    .zxzb article {
        font-size: 14px;
        line-height: 25px;
        color: #fff;
        margin: 10px 0
    }

    .zhyb {
        width: 100%;
        float: left;
    }

    .ewm1 {
        width: 30%;
        float: left;
    }

    .ewmw {
        width: 70%;
        float: right;
        background: url("../images/dhicon.png") no-repeat left center;
        padding-left: 50px;
        background-size: 10%;
        margin-top: 20px;
    }

    .ewmw h1 {
        margin: 0;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
    }

    .ewmw p {
        margin: 0;
        font-size: 26px;
        font-weight: bold;
        color: #fff;
    }

    .end {
        padding: 10px;
        overflow: hidden;
    }

    /*转化表单*/
    .zhbd {
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
        position: relative;
        padding: 20px;
        width: 96%;
        margin: -50px auto 0;
    }

    .zhbdbt h1 {
        margin: 0;
        font-size: 20px;
        text-align: center;
        color: #333;
        line-height: 50px;
        font-weight: normal;
    }

    .zhbdbt article {
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #555;
    }

    .zhbdk {
        width: 96%;
        overflow: hidden;
        margin: 40px auto 0;
    }

    .srk1 {
        width: 100%;
        float: left;
        border-radius: 2px;
        border: 1px solid #ced4da;
        height: 40px;
        padding: 0 5px;
    }

    .srk2 {
        width: 100%;
        float: left;
        border-radius: 2px;
        border: 1px solid #ced4da;
        height: 40px;
        padding: 0 5px;
        margin: 10px auto
    }

    .srk3 {
        width: 100%;
        float: left;
        border-radius: 2px;
        border: 1px solid #ced4da;
        height: 40px;
        padding: 0 5px;
    }

    .bdtj {
        width: 100%;
        float: left;
        background: #007bff;
        border-radius: 5px;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        border: none;
        margin-top: 10px;
    }

    /*行业经验*/
    .hyjyk {
        margin: 20px auto 0;
        background: linear-gradient(180deg, #ebf2ff, #fbfdff);;
        padding: 20px 0;
    }

    .szbt p {
        color: transparent !important;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        --tw-gradient-from: #00a4ff !important;
        --tw-gradient-to: rgba(0, 164, 255, 0) !important;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
        --tw-gradient-to: #ed6336 !important;
        background-clip: text !important;
        background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
    }

    .csz {
        width: 100%;
        margin: 0 auto;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.67) 23%, rgba(255, 255, 255, 0.67) 79%,
        rgba(255, 255, 255, 0.00) 100%), linear-gradient(90deg, rgba(144, 215, 255, 0.00) 0%, rgba(115, 205, 255, 0.30) 23%, rgba(255, 240, 162, 0.30) 50%, rgba(255, 160, 129, 0.30) 73%, rgba(255, 101, 51, 0.00) 100%);
    }

    .hyjyxk {
        background: url("../images/hybg.png") no-repeat center top #fff;
        border: 1px solid rgba(89, 149, 255, .24) !important;
        border-radius: 15px;
        background-size: 100%;
        padding: 20px;
    }

    .hytw {
        width: 100%;
        overflow: hidden;
    }

    .hytb {
        width: 20%;
        float: left;
    }

    .hygs {
        width: 78%;
        float: right;
    }

    .hygs h1 {
        margin: 0;
        font-size: 18px;
        line-height: 30px;
        color: #333;
    }

    .hygs p {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        color: #666;
    }

    .hygd {
        width: 308px;
        line-height: 46px;
        margin: 30px auto 20px;
        border-radius: 4px;
        border: 1px solid #2c7ef8;
        background: #fff;
    }

    .hygd a {
        display: block;
        width: 100%;
        line-height: 46px;
        font-size: 15px;
        text-align: center;
        color: #2c7ef8
    }

    /*footer*/
    .footer {
        padding: 20px 0 10px;
        border-top: 1px solid #e6e6e6;
    }

    .lxzb {
        width: 100%;
        float: left;
    }

    .lxgst {
        font-size: 16px;
        line-height: 40px;
        color: #333;
    }

    .lxwk {
        background: url("../images/dlx.png") no-repeat left center;
        padding-left: 30px;
        margin: 15px 0 0;
    }

    .lxwk h1 {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        color: #555;
    }

    .lxwk p {
        margin: 0;
        font-size: 24px;
        color: #333;
    }

    .yysj {
        font-size: 16px;
        line-height: 40px;
        color: #333;
    }

    .ksdh {
        width: 100%;
        float: left;display: none;
    }

    .ksdh li {
        width: 33%;
        float: left;
    }

    .ksdh li h1 {
        margin: 0;
        font-size: 17px;
        line-height: 40px;
        color: #333;
        font-weight: 700;
    }

    .ksdh li p {
        margin: 0;
    }

    .ksdh li p a {
        font-size: 13px;
        line-height: 28px;
        color: #555;
    }

    .bqxx {
        width: 100%;
        border-top: 1px solid #e6e6e6;
        font-size: 15px;
        line-height: 60px;
        color: #555;
        display: none
    }

    .bqxx a {
        color: #555;
    }

    .dtwz {
        padding-top: 0 !important;
    }

    .ksdh li p a:hover {
        color: #1b97f6
    }

    .dblj {
        width: 100%;
        overflow: hidden;
        margin: 20px auto
    }

    .wxtc, .wxtc1 {
        width: 50%;
        float: left;
        padding-right: 20px;
    }

    /*知工程介绍*/
    .zgcjs {
        margin: 20px auto;
    }

    .jskk {
        overflow: hidden;
    }

    .ybjswz {
        margin-top: 20px;
    }

    .ybjswz h1 {
        margin: 0;
        font-size: 22px;
        color: #333;
        line-height: 32px;
        position: relative
    }

    .ybjswz h1:after {
        content: '';
        position: absolute;
        width: 60px;
        height: 4px;
        background: #0050fd;
        border-radius: 20px;
        left: 0;
        top: 50px;
    }

    .ybjswz article {
        margin: 40px auto 20px;
        font-size: 16px;
        line-height: 28px;
        color: #555;
    }

    .cpgnk {
        width: 100%;
        background: url("../images/gnmkbg.jpg") no-repeat top center;
        padding: 20px 10px;
        background-size: cover
    }

    /*知工程功能模块*/
    .gnzb {
        margin: 20px auto !important;
        overflow: hidden;
    }

    .gnzcdh {
        width: 100%;
        float: left;
    }

    .drugnav2 li {
        display: block;
        font-size: 16px;
        line-height: 40px;
        color: #333;
        background: url("../images/muxz1.png") no-repeat left center;
        width: 31%;
        float: left;
        margin: 10px 1%;
        text-align: center;
    }

    .drugnav2 li.active {
        background: #0063ff;
        color: #fff;
        border-radius: 4px;
    }

    .drugnav2 li.active a {
        color: #fff
    }

    .drugnav2 li a {
        display: block;
        padding-left: 15px;
        color: #333;
    }

    .ycgn {
        width: 100%;
        float: right;
        padding: 5px;
    }

    .ycgnk {
        background: linear-gradient(180deg, #e9f5ff, #fcfeff);
        border-radius: 8px;
        padding: 20px;
        box-shadow: 0 0px 5px 5px #e4ecf1;
    }

    .gnbt h1 {
        margin: 0;
        font-size: 22px;
        color: #333333;
        line-height: 50px;
        font-weight: bold;
        position: relative;
        padding-left: 20px;
    }

    .gnbt h1:after {
        height: 30px;
        width: 8px;
        border-radius: 10px;
        background: #0050fd;
        left: 0;
        position: absolute;
        content: '';
        top: 16px;
    }

    .gnbt article {
        font-size: 16px;
        color: #666666;
        line-height: 24px;
        padding: 5px 0;
    }

    .gnmk {
        width: 100%;
        overflow: hidden;
        margin: 20px auto 20px;
    }

    .gnmk li {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e6e6e6;
        padding: 10px 0
    }

    .gnmk li:nth-child(2) {
        border-bottom: none;
    }

    .gnmk li h1 {
        margin: 0;
        font-size: 20px;
        line-height: 50px;
        color: #333;
    }

    .gnmk li article {
        font-size: 16px;
        line-height: 28px;
        color: #555;
    }

    /*企业痛点*/
    .qytdk {
        margin: 0px auto !important;
        overflow: hidden;
    }

    .jjfnk {
        margin: 0px auto;
        overflow: hidden;
        padding: 10px;
    }

    .jjbtk {
        width: 100%;
        float: left;
        background: url("../images/tdzt.png") no-repeat center top;
        padding: 20px 30px 20px;
        border-radius: 8px;
    }

    .jjbtk h1 {
        margin: 0;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        line-height: 30px;
    }

    .jjbtk article {
        margin: 10px auto;
        font-size: 14px;
        line-height: 26px;
        color: #fff;
    }

    .jjbtk a {
        width: 160px;
        line-height: 38px;
        border-radius: 100px;
        border: 1px solid #fff;
        font-size: 16px;
        text-align: center;
        color: #fff;
        display: block;
        margin-top: 10px;
    }

    .jjybnr {
        width: 100%;
        background: url("../images/tdyt.png") no-repeat right center #edf5fd;
        border-radius: 8px;
        overflow: hidden;
        padding: 20px 10px;
        box-shadow: 0 0px 5px 5px #f5f9fb;
    }

    .jjybnr li {
        width: 100%;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .jjtb {
        width: 15%;
        float: left;
    }

    .tdybz {
        width: 80%;
        float: right;
    }

    .tdybz h1 {
        margin: 0;
        font-size: 20px;
        color: #262626;
        font-weight: bold;
        line-height: 30px;
    }

    .tdybz article {
        font-size: 14px;
        line-height: 20px;
        color: #555;
    }

    .jjybnr li:last-child {
        margin-bottom: 0;
    }

    /*工程解决方案*/
    .gcjjfa {
        width: 100%;
        background: #f6f7fb;
        padding: 20px 0;
        margin: 15px auto
    }

    .zbjj h1 {
        margin: 0;
        font-size: 22px;
        color: #333333;
        font-weight: bold;
        line-height: 30px;
    }

    .jjxwz {
        display: block;
        margin: 10px 0;
        font-size: 18px;
        background: #0089ff;
        padding: 8px 15px;
        color: #fff;
        line-height: 26px;
        border-radius: 5px;
    }

    .zbjj .mswz {
        font-size: 15px;
        line-height: 26px;
        color: #4e4e4e;
    }

    .zbjj {
        margin-top: 10px;
    }

    .jjybt img {
        display: block;
        float: right;
    }

    /*合作伙伴*/
    .hzhbk {
        margin: 20px auto;
    }

    .hztp img {
        display: block;
        margin: 15px auto;
    }

    /*下载二维码*/
    .hzewm {
        width: 100%;
        background: url("../images/zbgt.jpg") no-repeat;
        padding: 20px 0 60px;
        background-size: cover;
    }

    .ewwz {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        line-height: 60px;
        text-align: center;
    }

    .ewmkn {
        background: #f3faff;
        padding: 10px 5px;
        border-radius: 15px;
        border: 1px solid #91d3ff;
        margin: -40px auto 40px !important;
        position: relative;
        overflow: hidden;
        width: 96%
    }

    .ewzwz {
        width: 100%;
    }

    .ewzwz h1 {
        margin: 0;
        font-size: 22px;
        color: #0063ff;
        font-weight: bold;
        line-height: 40px;
        text-align: center
    }

    .ewzwz article {
        font-size: 14px;
        line-height: 30px;
        color: #333;
        text-align: center
    }

    .ewybt img {
        display: block;
        margin: 15px auto;
    }

    /*星汉简介*/
    .ybjswz1 h1 {
        font-size: 22px !important;
        font-weight: bold !important;
        color: #111111;
        line-height: 50px !important;
    }

    .ybjswz1 h1:after {
        top: 50px !important;
    }

    .yylbnk {
        width: 100%;
        overflow: hidden;
        margin: 10px auto;
    }

    .yylbnk li {
        width: 50%;
        float: left;
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .yybk {
        background: #f5f9ff;
        border-radius: 10px;
        border: 1px solid #c7d1ec;
        padding: 5px 10px;
    }

    .ybjswz article {
        margin-top: 15px !important;
    }

    .yybk img {
        display: block;
        margin: 0 auto;
    }

    .yybk p {
        margin: 0;
        font-size: 18px;
        color: #333;
        text-align: center;
        line-height: 30px;
    }

    .yylbnk li:nth-child(2) .yybk, .yylbnk li:nth-child(9) .yybk {
        background: #f0fcfe
    }

    .yylbnk li:nth-child(4) .yybk, .yylbnk li:nth-child(7) .yybk {
        background: #fef7f5
    }

    .zbsp1 img {
        width: 70%;
        display: block;
        margin: 0 auto;
    }

    .ybjswz1 {
        padding: 0 5px;
    }

    /*平台大模型*/
    .mkhk {
        width: 100%;
        background: #eaf2f7;
        padding: 20px 0 0;
    }

    .mkk {
        margin-top: 10px;
    }

    .mkk img {
        display: block;
        margin: 0 auto;
    }

    /*产品价值*/
    .cpjzk {
        margin: 20px auto;
    }

    .sqglz {
        margin: 10px auto 10px !important;
        overflow: hidden;
        padding: 10px;
    }

    .zbyqk, .zbyqk1 {
        width: 100%;
        background: url("../images/sqbg1.png") no-repeat center center;
        background-size: cover;
        border-radius: 10px;
        overflow: hidden;
        padding: 20px 10px;
        margin-bottom: 10px;
    }

    .zbyqk1 {
        background: url("../images/sqbg2.png") no-repeat center center;
        background-size: cover;
    }

    .zbyqk h1, .zbyqk1 h1 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;;
        line-height: 40px;
        color: #fff;
    }

    .zbyqk .zbyqwz, .zbyqk1 .zbyqwz {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        margin: 0px auto;
    }

    .zbyqk a, .zbyqk1 a {
        display: block;
        width: 150px;
        line-height: 36px;
        border-radius: 50px;
        border: 1px solid #c3d5e9;
        text-align: center;
        font-size: 15px;
        color: #fff;
        margin-top: 10px;
    }

    .ybxqk {
        width: 100%;
        background: linear-gradient(180deg, #e9f5ff, #fcfeff);
        border-radius: 8px;
        padding: 10px;
        overflow: hidden;
    }

    .ybxqk li {
        width: 100%;
        float: left;
        padding: 10px;
        margin-bottom: 10px;
    }

    .sqtb {
        width: 20%;
        float: left;
        margin-top: 5px;
    }

    .sqybw {
        width: 78%;
        float: right;
    }

    .sqybw h1 {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
        color: #333;
        line-height: 30px;
    }

    .sqybw .zqybwz {
        font-size: 15px;
        line-height: 24px;
        color: #666;
    }

    /*智慧门禁*/
    .zhmjk {
        width: 100%;
        background: url("../images/mjbg.jpg") no-repeat top center;
        background-size: cover;
        padding: 30px 0;
    }

    .mjkk {
        overflow: hidden;
    }

    .ybmjwz {
        margin-top: 15px;
    }

    .mjbt {
        font-size: 24px;
        color: #333;
        font-weight: bold;
        line-height: 80px;
        position: relative
    }

    .mjbt:after {
        content: '';
        position: absolute;
        width: 60px;
        height: 8px;
        background: #0050fd;
        border-radius: 20px;
        left: 0;
        top: 80px;
    }

    .mjsmz {
        padding: 20px 0;
        border-bottom: 1px dashed #777;
    }

    .mjsmz h1 {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
        color: #444444;
        line-height: 20px;
        padding: 10px 0
    }

    .mjsmz .mjsmzwz {
        font-size: 15px;
        line-height: 30px;
        color: #666;
    }

    .mjsmz .xzz {
        font-size: 10px;
        padding-right: 5px;
        color: #0050fd
    }

    .mjsmz1 {
        border-bottom: none;
    }

    /*智慧车管*/
    .zhcg {
        margin: 20px auto !important;
    }

    .cgkk {
        width: 100%;
        margin: 20px auto;
        overflow: hidden;
        padding: 10px;
    }

    .cgkk li {
        margin-bottom: 10px;
        padding: 0
    }

    .cgkk li .cgkn {
        background: url("../images/cgbg.jpg") no-repeat right top;
        border-radius: 10px;
        border: 1px solid #b3d5e0;
        padding: 10px;
        box-shadow: 0 0px 3px 3px #e4ecf1;
        overflow: hidden;
    }

    .cgtp {
        width: 30%;
        float: left;
    }

    .cgwz {
        width: 70%;
        float: right;
    }

    .cgwz h1 {
        font-size: 20px;
        line-height: 30px;
        color: #336bfb;
        margin: 0;
    }

    .cgwz .cgwznr {
        margin: 5px auto;
        font-size: 14px;
        line-height: 24px;
        color: #555;
    }

    .cgwz .xfk {
        font-size: 8px;
        padding-right: 5px;
    }

    /*智慧物业*/
    .zhwyk {
        width: 100%;
        background: url("../images/mjbg.jpg") no-repeat top center;
        background-size: cover;
        padding: 20px 0;
    }

    .wynk {
        margin: 0px auto !important;
        overflow: hidden;
        padding: 10px;
    }

    .wynk .wylb {
        padding: 0 5px;
        margin-bottom: 15px;
    }

    .wyk {
        background: #fff;
        padding: 5px;
        border-radius: 10px;
        box-shadow: 0 0px 3px 3px #e4ecf1;
    }

    .wytp {
        border-radius: 10px;
        overflow: hidden;
        width: 96%;
        margin: 0 auto;
        margin-top: 5px;
    }

    .wywz {
        padding: 10px;
        overflow: hidden;
    }

    .wywz li {
        width: 50%;
        float: left;
        padding: 0 5px;
        font-size: 15px;
        line-height: 28px;
        color: #555;
    }

    .wywz li .xfk {
        font-size: 8px;
        padding-right: 5px;
    }

    /*五大优势*/
    .zcys {
        width: 100%;
        background: url("../images/ysbg1.jpg") no-repeat top center;
        background-size: cover;
        padding: 20px 10px;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 15px;

    }

    .yskk {
        margin: 10px auto 0 !important;
        overflow: hidden;
    }

    .zcys img, .ysxkk img {
        display: block;
        margin: 0 auto;
    }

    .ysxkk h1 {
        color: #333 !important
    }

    .zcys h1, .ysxkk h1 {
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 60px;
        margin: 0;
    }

    .ysxwz {
        font-size: 15px;
        line-height: 30px;
        color: #fff;
    }

    .ysxkk .ysxwz {
        color: #555;
    }

    .ycys {
        width: 100%;
        float: right;
    }

    .ysxkk {
        width: 100%;
        float: left;
        background:#fff;
        border-radius: 10px;

        padding: 20px 10px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .zgcjs .ybjswz article {
        margin-top: 40px !important
    }

    .yybk1 p {
        font-size: 16px !important;
        line-height: 20px !important;
        height: 46px;
        overflow-y: scroll
    }

    .yqicon {
        height: 44px;
        margin: 10px auto
    }

    /*智慧园区概述*/
    .szbt {
        text-align: center
    }

    .xtbt {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        background: #f5feff;
        color: #333;
        margin: 10px auto;
        border-radius: 100px;
        border-top: 1px solid #0066ff;
        border-bottom: 1px solid #0066ff;
        border-left: 8px solid #0066ff;
        padding: 0 20px;
        border-right: 8px solid #0066ff;
    }

    .gadk {
        margin: 20px auto 0 !important;
        overflow: hidden;
    }

    .ybgsw {
        margin-top: 20px;
    }

    .ybgsw li {
        width: 50%;
        float: left;
        margin-bottom: 10px;
        padding: 5px;
    }

    .gsicon {
        width: 100%;
        margin: 10px auto;
    }

    .gsicon img {
        display: block;
        margin: 0 auto;
    }

    .gswz {
        width: 100%;
    }

    .gswz h1 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        line-height: 40px;
        text-align: center
    }

    .gswz .gswzxz {
        font-size: 15px;
        line-height: 24px;
        color: #555;
        text-align: center
    }

    /*星汉智慧园区使用场景*/
    .sycjk {
        margin: 20px auto !important;
        overflow: hidden
    }

    .zccjt {
        width: 100%;
        background: url(../images/gnbg.jpg) no-repeat center center;
        background-size: cover;
        border-radius: 10px;
        overflow: hidden;
        padding: 20px 5px;
    }

    .zccjt h1 {
        margin: 0;
        font-size: 30px;
        font-weight: bold;
        line-height: 40px;
        color: #fff;
    }

    .zccjt article {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        margin: 30px auto;
    }

    .zccjt a {
        display: block;
        width: 150px;
        line-height: 36px;
        border-radius: 50px;
        border: 1px solid #c3d5e9;
        text-align: center;
        font-size: 15px;
        color: #fff;
        margin-top: 20px;
    }

    .ycyycj {
        width: 100%;
        overflow: hidden;
        margin-top: 15px;
    }

    .ycyycj li {
        width: 48%;
        float: left;
        margin: 0 1%;
        background: url("../images/gnbg1.jpg") no-repeat right center;
        border-radius: 10px;
        border: 1px solid #b3d5e0;
        padding: 15px 10px;
        margin-bottom: 15px;
        box-shadow: 0 0px 10px 2px #e4ecf1;
    }

    .ycyycj li h1 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        line-height: 60px;
    }

    .cjxtb img {
        margin-top: -15px;
    }

    .ycyycj li .ycyycjw {
        margin: 5px auto;
        font-size: 14px;
        line-height: 26px;
        color: #555;
    }

    /*数据大脑*/
    .sjdk {
        width: 100%;
        background: #f9fbfc;
        padding: 20px 0;
    }

    /*招商体系*/
    .zstxk {
        margin: 20px auto !important;
        overflow: hidden;
    }

    .txkk {
        margin: 20px auto;
        overflow: hidden;
    }

    .txkk li {
        width: 48%;
        margin: 10px 1%;
        background: url("../images/gnbg1.jpg") no-repeat right center;
        padding: 10px 10px;
        border-radius: 10px;
        border: 1px solid #b3d5e0;
        box-shadow: 0 0px 10px 2px #e4ecf1;
        float: left;
        min-height: 174px;
    }

    .txkk li:last-child {
        width: 100%;
        margin: 0;
    }

    .zstp {
        width: 50px;
        height: 50px;
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 50px;
        background: linear-gradient(120deg, #0d62cc, #0285f9);
        border-radius: 100px;
        margin-bottom: 5px;
    }

    .txkk li h1 {
        margin: 0;
        font-size: 20px;
        color: #333;
        line-height: 40px;
        text-align: center;
    }

    .txkk li .txkkw {
        font-size: 14px;
        line-height: 25px;padding:0 10px;
        color: #555;
    }

    .wltp img {
        display: block;
        margin: 10px auto
    }

    /*场景扩展*/
    .cjkzk {
        width: 100%;
        background: #f0f6f8;
        padding: 20px 0;
    }

    .cjkz {
        margin: 20px auto;
        overflow: hidden
    }

    .cjkz li {
        width: 46%;
        float: left;
        margin: 10px 2%;
        background: #f8fbfc;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #87b3f3
    }

    .cjkz li:last-child {
        width: 100%;
        margin: 0;
    }

    .xbtp {
        position: relative;
        height: 80px;
        overflow: hidden;
    }

    .xbtp img {
        width: 100%;
    }

    .xbtp h1 {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        font-size: 20px;
        margin: 0;
        font-weight: bold;
        color: #333;
        line-height: 80px;
        text-align: center;
        width: 100%;
    }

    .kzwz {
        padding: 10px;
        font-size: 15px;
        line-height: 30px;
        color: #333;
        text-align: center;
    }

    /*解决方案列表*/
    .jjfdk {
        width: 100%;
        margin: 20px auto;
    }

    .jjfdk li {
        padding: 20px 0;
        overflow: hidden;
    }

    .ybwz h1 {
        font-size: 22px;
        color: #111111;
        font-weight: bold;
        margin: 0;
        line-height: 60px;
    }

    .zjjwz {
        font-size: 15px;
        line-height: 28px;
        color: #555;
    }

    .sllj {
        width: 100%;
        overflow: hidden;
        margin: 20px auto;
        display: flex;;
        align-items: center;
    }

    .sllj a {
        font-size: 14px;
        font-weight: bold;
        color: #0089ff;
        line-height: 46px;
        float: left;
        margin: 0 5px;
        background: #f5f9ff;
        border-radius: 10px;
        padding: 0 10px;
    }

    .sllj a:nth-child(2) {
        background: #f0fcfe
    }

    .sllj a:nth-child(3) {
        background: #fef7f5
    }

    .sllj a img {
        display: block;
        margin: 10px auto 0
    }

    .jjfdk li .ckgd {
        width: 156px;
        line-height: 42px;
        border-radius: 5px;
        font-size: 15px;
        text-align: center;
        color: #fff;
        background: #0089ff;
        display: block;
        margin-top: 40px;
    }

    /*产品推荐*/
    .tjalk {
        width: 100%;
        background: url("../images/mkbg.jpg") no-repeat right center;
        background-size: cover;
        padding: 20px 0;
    }

    .anlbk {
        margin: 20px auto !important;
        overflow: hidden;
    }

    .anlbk li {
        width: 46%;
        float: left;
        margin: 5px 2%;
        background: #fff;
        padding: 5px;
        border-radius: 10px;
        box-shadow:0 0px 10px 5px #fbfbfb
    }

    .altp {
        border-radius: 5px;
        overflow: hidden;
    }

    .alwz {
        padding: 5px;
    }

    .alwz h1 {
        font-size: 16px;
        margin: 0;
        line-height: 40px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .alwz article {
        display: none;
    }

    .algd {
        font-size: 15px;
        line-height: 28px;
        border-radius: 50px;
        border: 1px solid #3c93ff;
        color: #3c93ff;
        display: block;
        width: 70px;
        text-align: center;
        margin-top: 8px;
    }

    /*知工程案例*/
    .khalal {
        margin: 20px auto !important
    }

    .altp {
        height: 50px;margin:20px auto;
    }
    .altp img{height: 50px;width: auto;}

    .alwzn {
        margin: 0px auto 15px;
        font-size: 15px;
        line-height: 30px;
        color: #555;
        display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 4;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
    }

    .sycj {
        width: 100%;
        overflow: hidden;
        border: 1px solid #0089ff;
        border-radius: 8px;
    }

    .sybt {
        width: 32%;
        float: left;
        background: url("../images/sybg.png") no-repeat left center;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        line-height: 57px;
        text-align: center;
    }

    .sywz {
        width: 68%;
        float: left;
        font-size: 18px;
        font-weight: bold;
        color: #0089ff;
        line-height: 57px;
        padding-left: 20px;
    }

    .cgaly {
        margin-top: 20px;
    }

    .cgaly img {
        border-radius: 15px;
    }

    .tbhy {
        width: 100%;
        background: #f2f7ff;
        padding: 50px 0;
    }

    .tbgt {
        font-weight: bold;
        font-size: 27px;
        line-height: 60px;
        color: #333;
    }

    .zhbd1 {
        margin-bottom: 30px !important;
    }

    /*知工程解决方案*/
    .szbtn {
        margin: 10px auto;
    }

    .aldk1 {
        width: 100%;
        background: #f5faff;
        padding: 20px 0
    }

    .ybfbt {
        font-size: 20px;
        line-height: 32px;
        font-weight: bold;
        color: #333;
        padding: 10px 0
    }

    .fawz {
        margin: 10px auto;
        font-size: 15px;
        line-height: 30px;
        color: #555555;
    }
    .fawz p{margin:0}

    .fabtz {
        display: block;
        width: 100%;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        color: #0089ff;
    }

    .fazb {
        margin-top: 10px;
    }

    .aldk1 .khal .swiper {
        padding-bottom: 40px;
    }

    .khal .swiper-button-prev {
        background: url(../images/zjt.png) no-repeat center center !important;
        width: 53px !important;
        height: 53px !important;
        top: 95%;
        left: 33%;
    }

    .khal .swiper-button-next {
        background: url(../images/yjt.png) no-repeat center center !important;
        width: 53px !important;
        height: 53px !important;
        top: 95%;
        right: 33%;
    }

    /*园区解决方案*/
    .yqjj {
        margin: 20px auto !important;
    }

    .jjtp img {
        margin: 10px auto;
    }

    .sgtd {
        width: 100%;
        background: #f1f9fd;
        padding: 40px 0;
        overflow: hidden;
    }

    .sgtd li {
        width: 33%;
        float: left;
    }

    .sgtd li h1 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #0089ff;
        line-height: 40px;
        text-align: center;
    }

    .sgtd li p {
        margin: 0;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        color: #555;
    }

    /*四大功能*/
    .sdgn {
        margin: 10px auto !important;
        overflow: hidden;
        padding: 0 5px;
    }

    .sdgn li {
        width: 100%;
        float: left;
        margin: 10px auto;
        background: #f5f9ff;
        border-radius: 15px;
        border: 1px solid #90a3da;
        padding: 10px 5px;
    }

    .sdgn li:nth-child(2) {
        background: #f0fcfe
    }

    .sdgn li:nth-child(3) {
        background: #fef7f5
    }

    .gnzt {
        width: 20%;
        float: left;
    }

    .gnwz {
        width: 80%;
        float: left;
    }

    .gnwz h1 {
        margin: 0;
        font-size: 24px;
        color: #333;
        line-height: 50px;
        font-weight: bold;
    }

    .gnwz article {
        font-size: 16px;
        line-height: 30px;
        color: #555;
    }

    /* N个场景解决方案 */
    .cjkk {
        width: 100%;
        background: #ebf2f7;
        padding: 20px 0 10px;
    }

    .cjnk {
        margin: 20px auto !important;
        overflow: hidden;
    }

    .zjzb {
        width: 100%;
    }

    .zjzb h1 {
        margin: 0;
        font-size: 24px;
        line-height: 38px;
        color: #333;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .kk {
        margin-left: 25px;
    }

    .zjzb li {
        font-size: 18px;
        line-height: 44px;
        color: #ebf6ff;
        border-radius: 5px;
        background: #4472c4;
        padding-left: 30px;
        width: 46%;
        float: left;
        margin: 0 2% 10px;
    }

    .zjzb li .xfk {
        font-size: 8px;
    }

    .ybcjt {
        width: 100%;
        margin-top: 15px;
    }

    .tjalk1 {
        padding: 15px 0
    }

    /*物业管理系统功能结构*/
    .khalal .swiper {
        padding-bottom: 20px;
    }

    .wyybz h1 {
        font-size: 24px !important;
        font-weight: bold !important;
        color: #111111;
        line-height: 80px !important;
        position: relative;
    }

    .wyybz h1:after {
        top: 80px !important;
        position: absolute;
        width: 60px;
        height: 8px;
        background: #0050fd;
        border-radius: 15px;
        left: 0;
        content: '';
    }

    .wltpz {
        width: 100%;
        margin-bottom: 10px;
    }

    .wltpz img {
        width: 50%;
        margin: 0 auto
    }

    .wyybz {
        width: 100%;
        padding: 0 5px;
    }

    .wywzm {
        margin: 20px auto;
        font-size: 16px;
        line-height: 30px;
        color: #555;
    }

    .wylbkk {
        margin: 10px auto;
        overflow: hidden;
    }

    .wylbkk li {
        width: 48%;
        float: left;
        margin: 5px 1%;
        background: #f7fdfe;
        border-radius: 15px;
        border: 1px solid #90a3da;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 60px;
        color: #333;
    }

    .wylbkk li img {
        margin-right: 5px;
    }

    .wylbkk li:nth-child(1) {
        background: #f5f9ff
    }

    .wylbkk li:nth-child(3), .wylbkk li:nth-child(5) {
        background: #fefbfa
    }

    /*核心功能*/
    .hxgnk {
        width: 100%;
        background: url("../images/hxbg.png") no-repeat top center;
        padding: 20px 0;
        background-size: cover
    }

    .gnnkk {
        margin: 0px auto !important;
        overflow: hidden;
    }

    .gnnkk li {
        width: 48%;
        float: left;
        margin: 5px 1%;
        background: #fff;
        border-radius: 15px;
        border: 1px solid #cedcec;
        padding: 10px;
        min-height: 297px;
        box-shadow: 0 0px 10px 5px #e4ecf1;
    }

    .hxtbp img {
        display: block;
        margin: 15px auto;
    }

    .hxwzn h1 {
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        color: #333;
        text-align: center;
        line-height: 50px;
    }

    .hxwzn article {
        font-size: 16px;
        line-height: 28px;
        color: #555;
        text-align: center;
    }

    /*服务对象*/
    .fwnkk {
        margin: 20px auto !important;
        overflow: hidden;
        padding: 15px 0
    }

    .fwnkk li {
        width: 96%;
        margin: 0 auto;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0 0px 10px 5px #f7fafb;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .fwwzk {
        padding: 10px;
    }

    .fwwzk h1 {
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        color: #333;
        text-align: center;
        line-height: 50px;
    }

    .fwwzk article {
        font-size: 16px;
        line-height: 28px;
        color: #555;
        text-align: center;
    }

    .fwwzk a {
        display: block;
        width: 90%;
        margin: 20px auto;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        color: #fff;
        background: #0089ff;
        border-radius: 50px;
    }

    /*服务案例*/
    .tjalknk {
        width: 100%;
        background: #ebf2f7;
        padding: 20px 0;
    }

    /*价格列表*/
    .jglbk {
        margin: 10px auto !important;
        overflow: hidden;
    }

    .jgnbk {
        margin: 10px auto;
        overflow: hidden;
        padding: 10px 0
    }

    .jgnbk li {
        width: 96%;
        margin: 5px auto;
        border-radius: 15px;
        overflow: hidden;

        border: 1px solid #c5d9e7;
        border-top: 4px solid #1cadfe;
        min-height: 488px;
    }

    .jgnbk li:nth-child(2) {
        border-top: 4px solid #2c7ef8;
    }

    .jgnbk li:nth-child(3) {
        border-top: 4px solid #3f5bff;
    }

    .jgbt {
        padding: 10px;background: #fafbff;
    }

    .jgbt h1 {
        margin: 0;
        font-size: 28px;
        line-height: 40px;
        font-weight: bold;
        color: #1cadfe;
    }

    .jgnbk li:nth-child(2) .jgbt h1 {
        color: #0078df
    }

    .jgnbk li:nth-child(3) .jgbt h1 {
        color: #3f5bff
    }

    .jgbt article {
        font-size: 16px;
        line-height: 32px;
        color: #555;
    }

    .jgwzn {
        width: 100%;
        border-radius: 10px;
        background: linear-gradient(180deg, #fafbff, #fff);
        padding: 10px 10px 30px 10px;
        overflow: hidden
    }

    .jgwznn {
        font-size: 16px;
        line-height: 52px;
        color: #333;
    }

    .jgwznn .jgs {
        font-size: 36px;
        color: #333;
        font-weight: bold;
    }

    .jgnbk li:nth-child(2) .jgs {
        font-size: 32px;
        color:  #0078df;
        font-weight: bold;
    }

    .jgwznn1 {
        line-height: 32px;
    }

    .jgbq {
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }

    /*下载页面*/
    .appxz {
        margin: 20px auto !important;
    }

    .xzkk {
        width: 98%;
        margin: 20px auto;
        overflow: hidden;
        background: linear-gradient(90deg, #e4e7fe, #f0faff);
        border-radius: 15px;
        padding: 20px;
    }

    .ewmtp {
        width: 36%;
        float: left;
    }

    .xzwzk {
        width: 60%;
        float: right;
        margin-top: 20px;
    }

    .xzwzk h1 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        line-height: 40px;
    }

    .xzwzk article {
        font-size: 16px;
        line-height: 24px;
        color: #555;
    }

    .lglj {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

    .lglj li {
        width: 46%;
        float: left;
        margin-right: 2%;
    }

    .lglj li a {
        background: #0089ff;
        display: block;
        border-radius: 5px;
        font-size: 18px;
        line-height: 50px;
        color: #fff;
        text-align: center;
    }

    .lglj li:nth-child(2) a {
        background: #2f69fe;
    }

    /*保修表单*/
    .bdnkk {
        margin: 20px auto;
        overflow: hidden;
    }

    .srxk {
        width: 96%;
        margin: 15px auto;
        background: #fbfbfb;
        border-radius: 5px;
        padding: 0 5px;
        height: 44px;
        border: 1px solid #e6e6e6;
        line-height: 42px;
        font-size: 15px;
        color: #555;
        display: block;
    }

    .srnr {
        width: 96%;
        margin: 15px auto;
        display: block;
        background: #fbfbfb;
        border-radius: 5px;
        padding: 0 5px;
        line-height: 28px;
        border: 1px solid #e6e6e6;
        min-height: 80px;
        font-size: 15px;
        color: #555
    }

    .tja {
        width: 160px;
        background: #0089ff;
        border: 5px;
        font-size: 16px;
        line-height: 44px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        color: #fff;
        margin-left: 10px;
    }

    .tja a {
        display: block;
        text-align: center;
        line-height: 42px;
        color: #fff;
    }

    .lxnkl {
        width: 100%;
        background: url("../images/lxdhbg.jpg") no-repeat top center;
        background-size: cover;
        padding: 20px 0;
    }

    .lxdfh {
        width: 400px;
        margin: 0 auto;
        background: url("../images/lxicon.png") no-repeat left 10px;
        padding-left: 70px;
        background-size: 14%;
    }

    .lxdfh p {
        margin: 0;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
    }

    .lxdfh h1 {
        font-size: 30px;
        margin: 0;
        line-height: 36px;
        color: #fff;
        font-weight: bold;
    }

    /*手册列表*/
    .cslbnk {
        margin: 20px auto;
        overflow: hidden;
    }

    .czsnk {
        margin: 30px auto !important;
    }

    .czsnk li {
        width: 96%;
        overflow: hidden;
        background: url("../images/pdf.png") no-repeat left center;
        padding: 0 40px 0 50px;
        border-bottom: 1px dashed #e6e6e6;
        margin: 0 auto;
    }

    .czsnk li a {
        width: 70%;
        float: left;
        font-size: 16px;
        line-height: 50px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .czsnk li .scsj {
        width: 30%;
        float: right;
        font-size: 16px;
        line-height: 50px;
        color: #555;
        text-align: right
    }

    .khalg, .fakk {
        overflow: hidden
    }

    /*发展历程*/
    .warper {
        max-width: 1300px;
        margin: 0 auto;
    }

    .about-main2 {
        /*height: 650px;*/
        width: 100%;
        overflow: hidden;
    }

    .about-main2 .licheng-bg {
        background-color: rgba(255, 255, 255, .8);
        width: 100%;
        height: 100%;
        position: relative;
    }

    .about-main2 .licheng-bg .warper {
        height: 100%;
    }

    .about-main2 .licheng-bg .imgk {
        position: absolute;
        width: 100%;
        background: #fafafa;
        bottom: 0px;
        left: 0;
    }

    .ny-title .title-en {
        font-size: 36px;
        color: #b4b4b4;
        font-family: arial;
        line-height: 36px;
        font-weight: normal;
    }

    .ny-title .title-ch {
        font-size: 26px;
        color: #333333;
        margin: 15px 0;
        font-weight: normal;
    }

    .ny-title i {
        display: block;
        width: 42px;
        height: 1px;
        background-color: #b5b5b5;
    }

    .about-main2 li:hover {
        transform: translateX(6px)
    }

    .about-main2 a:hover h3 {
        color: #0089ff
    }

    .about-main2 a:hover p {
        color: #333
    }

    .about-main2 .licheng-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .about-main2 .licheng-content ul li {
        width: 90%;
        margin: 0 auto;
        border-bottom: solid 1px #dedede;
        padding-bottom: 15px;
        display: block;
        overflow: hidden
    }

    .about-main2 .licheng-content .right-text h3 {
        font-size: 22px;
        margin-bottom: 10px;
        color: #0089ff
    }

    .about-main2 .licheng-content .right-text p {
        font-size: 14px;
        margin: 0 auto;
        line-height: 28px;
        color: #333;
    }

    .lc-swiper-btn {
        width: 100%;
        position: absolute;
        bottom: 100px;
        cursor: pointer;
        z-index: 1000
    }

    .lc-swiper-btn a {
        display: block;
        position: absolute;
    }

    .lc-swiper-btn .btn-prev {
        position: absolute;
        left: 30%;
        top: 30px;
    }

    .lc-swiper-btn .btn-next {
        position: absolute;
        right: 30%;
        top: 30px;
    }

    .lc-swiper-btn .iconfont {
        font-size: 30px;
    }

    /*公司简介*/
    .jjnrk {
        margin: 20px auto !important;
    }

    .jjbtn {
        font-size: 26px;
        line-height: 40px;
        text-align: center;
        color: #333;
        font-weight: bold;
    }

    .jjwznn {
        margin: 10px auto;
        font-size: 15px;
        line-height:26px;
        color: #555;
        padding: 0 10px;
    }

    /*加入我们*/
    .zpxx {
        margin: 10px auto !important;
        font-size: 16px;
        line-height: 32px;
        color: #333;
        padding: 0 10px;
    }

    .lxwm {
        width: 240px;
        background: #2f69fe;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 40px;
        border-radius: 8px;
        line-height: 54px;
    }

    /*企业文化*/
    .whkk {
        margin: 10px auto !important
    }

    .whywz {
        font-size: 16px;
        line-height: 30px;
        color: #333;
        margin-top: 70px;
    }

    .whtpp {
        margin: 20px auto;
        float: left;
    }

    .whtpp img {
        margin: 10px auto;
    }

    .whywz h1 {
        font-size: 18px;
        line-height: 50px;
        color: #0089ff;
        margin: 0;
        font-weight: bold;
    }

    /*新闻资讯*/
    .xwlbnk {
        margin: 20px auto !important;
        overflow: hidden
    }

    .xwlbnk ul {
        display: block;
        margin-top: 20px !important;
        overflow: hidden
    }

    .xwlbnk li {
        margin-bottom: 20px;
        padding: 0 5px;
    }

    .xwlbnk li a {
        display: block;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0px 10px 2px #e4ecf1
    }

    .xwbtz {
        padding: 5px;
    }

    .xwbtz h1 {
        margin: 0 auto;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        color: #333;;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .xhx {
        display: block;
        margin: 10px auto;
        width: 100%;
        height: 1px;
        background: #e6e6e6;
    }

    .xwgd {
        width: 84px;
        line-height: 26px;
        font-size: 14px;
        background: #eef4f9;
        color: #007bff;
        text-align: center;
        margin-top: 10px;
        border-radius: 5px;
    }

    /*联系我们*/
    .lxdkk {
        width: 100%;
        background: url("../images/dtbg.png") no-repeat top center;
        background-size: cover;
        padding: 20px 0;
    }

    .lxnkk {
        margin: 10px auto !important;
        overflow: hidden;
    }

    .lxwzz {
        background: #0089ff;
        padding: 20px;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .gsmcn {
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        line-height: 50px;
    }

    .lxdhzt {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid rgb(252 252 252 / 31%);
        padding: 10px 0;
    }

    .lxztp {
        width: 15%;
        float: left;
        margin-top: 10px;
    }

    .lxybwz {
        width: 83%;
        float: left;
    }

    .lxybwz p {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
    }

    .lxybwz h1 {
        margin: 0;
        font-size: 22px;
        line-height: 30px;
        color: #fff;
    }

    .syan {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }

    .syan a {
        width: 120px;
        font-size: 16px;
        line-height: 34px;
        background: #fff;
        border-radius: 50px;
        text-align: center;
        float: left;
        margin-right: 20px;
    }

    .alkhk {
        width: 100%;
        background: #f2f7ff;
        padding: 10px 0;
    }

    .ycgn {
        font-size: 15px;
        line-height: 28px;
        color: #555;
    }

    .xwxqbt {
        font-size: 20px;
        line-height: 30px;
        color: #333;
        font-weight: bold;
        padding: 10px;
        margin-top: 30px !important;
    }

    .sxp {
        margin: 20px auto !important;
        overflow: hidden;
    }

    .sxp li {
        font-size: 15px;
        line-height: 34px;
        color: #017cc8;
        width: 50%;
        float: left;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sxp li a {
        font-size: 15px;
        line-height: 34px;
        color: #666;
    }
    .hzqynkk{width: 100%;overflow: hidden;}
    .hzqynkk li{margin-bottom: 10px;padding: 0px 5px!important;}
    /*技术实力*/
    .jsslkk{width: 100%;background: #f4f8ff;padding: 30px 0;}
    .sbbs{overflow: hidden;position: relative;padding-bottom: 50px;}
    .jsslkk .swiper-pagination{width: 100%;bottom: 0;}
    .jsslkk .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 3px;}
    
     .gnqh-bg{background: #F1F2F8;padding:0px 15px;overflow:hidden}
    .xwtpk{height:100px;overflow: hidden;}
    .xwbtz h1{height:48px;overflow: hidden;font-weight: normal;font-size: 15px;}
     /*发展示历程*/
    .develop-box{max-width: 1350px;margin:20px auto;overflow:hidden;padding-bottom:35px}
    .develop{width:100%;display:flex;justify-content:space-betwee;flex-direction:column}
    .develop li{display: flex;width:90%;flex-direction:column;margin:0 auto}
    .develop .img{width:100%;order:0;height:140px;position:relative;display:flex;align-items:center;justify-content:center;display:none;
    }
    .develop  .bg{background:url(../images/developbg.jpg) no-repeat ;width:100%;order: 1;
    height:8px;background-size:50% 18px;margin:0 auto;display:none}
    
    .develop .img img{display:block;width:85px;height:85px;object-fit:cover;border-radius:85px}
    .develop .img::after{content:"";display:block;position:absolute;left:49.5%;bottom:0;height:50%;background:#ccc;width:1px;z-index:-1}
    .develop .content{width:100%;color:#555;order:2;display:flex;flex-direction:column;border-bottom:solid 1px #dedede;
    padding-bottom:10px;margin-top:10px}
    .develop .content .article{width:100%;font-size:14px;line-height:22px;margin-top:10px}
    .develop .content .time{font-size:22px;text-align:left;width:100%;font-weight:700;order:-2;color:#007fff;margin:3px auto 10px;}

     .develop-box .swiperbutton{width:100%;text-align:center;position: relative; padding-top:25px; }
      .develop-box .swiper-pagination{width:100%}
     .develop-box  .swiper-pagination-bullet{width:100px!important;border-radius:1px!important;height:3px}
     .space-top{margin-top:30px}
     
   
}

/*当前位置*/
.dqwz {
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.dq {
    font-size: 14px;
    line-height: 50px;
    color: #555;
}

.dq a {
    color: #2569f0;
}

.jjwznn img {
    display: block;
    max-width: 100%;
    margin: 20px 0
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-next:after, .swiper-button-prev:after {
    display: none
}

@media (min-width: 768px) {
    /*发展示历程*/
    .develop-box{max-width: 1350px;margin:20px auto;overflow:hidden;padding-bottom:35px}
    .develop{width:100%;display:flex;}
    .develop li{display: flex;width:19%;flex-direction:column}
    .develop .img{width:100%;order:0;height:145px;position:relative;display:flex;align-items:center;justify-content:center}
    .develop  .bg{background:url(../images/developbg.jpg) no-repeat ;width:100%;order: 1;
    height:18px;background-size:100% 18px;margin:0 auto}
    
    .develop .img img{display:block;width:85px;height:85px;object-fit:cover;border-radius:85px}
    .develop .img::after{content:"";display:block;position:absolute;left:49.5%;bottom:0;height:50%;background:#ccc;width:1px;z-index:-1}
    .develop .content{width:100%;color:#555;order:2;height:145px;display:flex;flex-direction:column;justify-content:space-around}
    .develop .content .article{width:100%;font-size:14px;line-height:23px;overflow: hidden;
        -webkit-line-clamp: 5;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;}
    .develop .content .time{font-size:22px;text-align:center;width:100%;font-weight:700;margin-bottom:10px}
    
    
    .develop li:nth-child(odd) .img{order:2}
    .develop li:nth-child(odd) .content{order:0}
    .develop li:nth-child(even) .content .time{order:-1}
    .develop li:nth-child(even) .bg{opacity:.5}
     .develop li:nth-child(even) .time{margin-top:10px}
     .develop li:nth-child(odd) .img::after{content:"";display:block;position:absolute;left:49.5%;top:0;height:50%;background:#ccc;width:1px;z-index:-1}
     .develop-box .swiperbutton{width:100%;text-align:center;position: relative; padding-top:45px; }
      .develop-box .swiper-pagination{width:100%}
     .develop-box  .swiper-pagination-bullet{width:100px!important;border-radius:1px!important;height:3px}
     
   
   
    
    .xwtpk{height: 210px;overflow: hidden;}
    .xwbtz h1{height: 52px;overflow: hidden;}
    .hyicon img{height: 50px; margin-right:5px}

    .altpl{height: 220px;overflow: hidden;}
/*悬浮链接*/
.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    top: 285px;
    width: 80px;
    height: 240px;
}

.suspension-box {
    position: relative;
    float: right;
}

.suspension .a {
    display: block;
    margin-bottom: 0px;
    cursor: pointer;
    outline: none;
}

.bg1 {
    background: url(../images/zxdot1.png) no-repeat top left;
    width: 80px;
    height: 84px;
}

.bg2 {
    background: url(../images/zxdot2.png) no-repeat top left;
    width: 80px;
    height: 85px;
}

.bg0 {
    background: url(../images/zxdot0.png) no-repeat top left;
    width: 80px;
    height: 89px;
}

.suspension .a .i {
    float: left;
    width: 60px;
    height: 60px;
    background-image: url(../images/side_icon.png);
    background-repeat: no-repeat;
}

.suspension .a-service .i {
    width: 20px;
    height: 20px;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.suspension .a-service-phone .i {
    width: 20px;
    height: 20px;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension-bg.png);
    background-repeat: no-repeat;
    background-position: -27px 0;
}

.suspension .a-qrcode .i {
    background-position: -44px 0;
}

.suspension .a-top {
    background: url(../images/zxdot3.png) no-repeat left top;
    width: 80px;
    height: 57px
}

.suspension .a-top:hover {
    background: #c0c1c3;
}

.suspension .d {
    display: none;
    width: 180px;
    background: #fff;
    position: absolute;
    right: 67px;
    min-height: 40px;
}

.suspension .d .arrow {
    position: absolute;
    width: 8px;
    height: 12px;
    background: url(../images/side_bg_arrow.png) no-repeat;
    right: -8px;
    top: 31px;
}

.suspension .d-service-phone {
    top: 87px;
    right: 81px;
    width: 250px;
    background: url(../images/zxlbg1.png) no-repeat left center;
}

.suspension .d-service-item .text {
    float: left;
    line-height: 80px;
    font-size: 16px;
    margin-left: 22px;
    font-weight: bold;
    color: #333;
}

.suspension .d-qrcode {
    text-align: center;
    top: 171px;
    background: url(../images/zxlbg2.png) no-repeat left center;
    right: 90px;
    width: 168px;
    height: 168px;
    img{width:130px;height:130px}
}

.suspension .d-qrcode .inner-box {
    padding: 20px 0;
}

.suspension .d-qrcode p {
    font-size: 16px;
    color: #333;
}
.cd-top {
    height: 57px;
    width: 80px;
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/zxdot3.png) no-repeat top left;
    width: 80px;
    height: 57px;
}
.qrcode-img {
    margin-top: 18px;
    margin-left:-8px ;
}

    .logo a{display: block;height: 80px;}
    /*技术实力*/
    .jsslkk{width: 100%;background: #f4f8ff;padding: 50px 0;}
    .sbbs{overflow: hidden;position: relative;padding-bottom: 50px;}
    .jsslkk .swiper-pagination{width: 100%;bottom: 0;}
    .jsslkk .swiper-pagination-clickable .swiper-pagination-bullet{margin: 0 3px;}
     /*浮动客服*/
    .fdkf {
        width: 120px;
        position: fixed;
        right: 8px;
        bottom: 10%;
        z-index: 9999;
    }

    .mfdh {
        background:linear-gradient(225deg, #ffffff, #c5ecff);
        border-radius: 8px;
        border:1px solid #c1daff;
        margin-bottom: 5px;
    }

    .fdlx {
        padding: 15px 5px 15px 10px;
    }

    .fdlx h1 {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        color: #333;
    }

    .dhfd {
        font-size: 14px;
        font-weight: bold;
        color: #0bacd0;
    }

    .mfdhzx {
        position: relative;
        ;}

    .kftp img {
        display: block;
        margin: 10px auto 0;
    }

    .mfdh1 h1 {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        color: #333;
        text-align: center;
        line-height: 30px;
    }

    .ewmtc {
        position: absolute;
        right: 120px;
        top: 0;
        display: none;
        width: 100px;
        height: 100px;
        padding: 1px;
        background: #fff;
        border: 4px solid #1e766e
    }

    .mfdhzx:hover .ewmtc {
        display: block;
        visibility: visible;
    }
    .hzqynkk{width: 100%;overflow: hidden;}
    .hzqynkk li{margin-bottom: 30px;}

    .ycgn {
        font-size: 16px;
        line-height: 28px;
        color: #555;
    }

    .xwxqbt {
        font-size: 20px;
        line-height: 30px;
        color: #333;
        font-weight: bold;
        padding: 10px 0;
        margin-top: 60px !important;
    }

    .sxp {
        margin: 40px auto !important;
        overflow: hidden;
    }

    .sxp li {
        font-size: 16px;
        line-height: 44px;
        color: #017cc8;
        width: 50%;
        float: left;
        padding: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sxp li a {
        font-size: 16px;
        line-height: 44px;
        color: #666;
    }

    /*联系我们*/
    .lxdkk {
        width: 100%;
        background: url("../images/dtbg.png") no-repeat top center;
        background-size: cover;
        padding: 60px 0;
    }

    .lxnkk {
        margin: 30px auto !important;
        overflow: hidden;
    }

    .lxwzz {
        background: #0089ff;
        padding: 40px;
        border-radius: 8px;
    }

    .gsmcn {
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        line-height: 70px;
    }

    .lxdhzt {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid rgb(252 252 252 / 31%);
        padding: 20px 0;
    }

    .lxztp {
        width: 15%;
        float: left;
        margin-top: 10px;
    }

    .lxybwz {
        width: 83%;
        float: left;
    }

    .lxybwz p {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        color: #fff;
    }

    .lxybwz h1 {
        margin: 0;
        font-size: 22px;
        line-height: 30px;
        color: #fff;
    }

    .syan {
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }

    .syan a {
        width: 120px;
        font-size: 16px;
        line-height: 34px;
        background: #fff;
        border-radius: 50px;
        text-align: center;
        float: left;
        margin-right: 20px;
    }

    .alkhk {
        width: 100%;
        background: #f2f7ff;
        padding: 60px 0;
    }

    /*新闻资讯*/
    .xwlbnk {
        margin: 60px auto !important;
    }

    .xwlbnk li {
        margin-bottom: 40px;
    }

    .xwlbnk li a {
        display: block;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0px 10px 2px #e4ecf1
    }

    .xwbtz {
        padding: 15px;
    }

    .xwbtz h1 {
        margin: 0;
        font-weight: bold;
        font-size: 18px;
        line-height: 26px;
        color: #333;
        padding: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .xhx {
        display: block;
        margin: 10px auto;
        width: 100%;
        height: 1px;
        background: #e6e6e6;
    }

    .xwgd {
        width: 84px;
        line-height: 26px;
        font-size: 14px;
        background: #eef4f9;
        color: #007bff;
        text-align: center;
        margin-top: 15px;
        border-radius: 5px;
    }

    /*加入我们*/
    .zpxx {
        margin: 30px auto !important;
        font-size: 16px;
        line-height: 32px;
        color: #333;
    }

    .lxwm {
        width: 240px;
        background: #2f69fe;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 40px;
        border-radius: 8px;
        line-height: 54px;
    }

    /*企业文化*/
    .whkk {
        margin: 50px auto !important
    }

    .whywz {
        font-size: 18px;
        line-height: 36px;
        color: #333;
        margin-top: 70px;
    }

    .whtpp {
        margin: 40px auto
    }

    .whywz h1 {
        font-size: 24px;
        line-height: 50px;
        color: #0089ff;
        margin: 0;
        font-weight: bold;
    }

    /*发展历程*/
    .about-main2 {
        /*height: 702px;*/
        width: 100%;
        overflow: hidden;
    }

    .about-main2 .licheng-bg {
        background-color: rgba(255, 255, 255, .8);
        width: 100%;
        height: 100%;
        position: relative;
    }

    .pr {
        position: relative;
        overflow: hidden
    }

    .about-main2 .licheng-bg .warper {
        height: 100%;
    }

    .about-main2 .licheng-bg .imgk {
        position: absolute;
        width: 100%;
        height: 518px;
        background: url(../images/lc-quxian.png) no-repeat center center;
        bottom: 0px;
        left: 0;
    }

    .about-main2 .ny-title {
        padding-top: 80px;
    }

    .ny-title .title-en {
        font-size: 36px;
        color: #b4b4b4;
        font-family: arial;
        line-height: 36px;
        font-weight: normal;
    }

    .ny-title .title-ch {
        font-size: 26px;
        color: #333333;
        margin: 15px 0;
        font-weight: normal;
    }

    .ny-title i {
        display: block;
        width: 42px;
        height: 1px;
        background-color: #b5b5b5;
    }

    .about-main2 li {
        cursor: pointer;
        transition: all .4s
    }

    .about-main2 li:hover {
        transform: translateX(6px)
    }

    .about-main2 a:hover h3 {
        color: #0089ff
    }

    .about-main2 a:hover p {
        color: #333
    }

    .about-main2 .licheng-content {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .about-main2 .licheng-content .swiper-wrapper, .about-main2 .licheng-content .swiper-slide, .about-main2 .licheng-content ul {
        width: 100%;
        height: 100%;
    }

    .about-main2 .licheng-content ul li {
        width: 20%;
        float: left;
        height: 100%;
    }

    .about-main2 .licheng-content ul li a {
        display: block;
        width: 100%;
        position: relative;
        height: 320px
    }

    .about-main2 .licheng-content ul li:nth-child(odd) .line {
        margin-bottom: 30px;
    }

    .about-main2 .licheng-content ul li:nth-child(even) .line {
        margin-top: 30px;
    }

    .about-main2 .licheng-content ul li:nth-child(odd) .line:after {
        width: 25px;
        height: 25px;
        background-color: rgb(24 247 239 / 70%);
        display: block;
        content: "";
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        position: absolute;
    }

    .about-main2 .licheng-content ul li:nth-child(even) .line:before {
        width: 25px;
        height: 25px;
        background-color: #0089ff;
        display: block;
        content: "";
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        position: absolute;
    }

    .about-main2 .licheng-content ul li .lc-left {
        position: absolute;
    }

    .about-main2 .licheng-content ul li .line {
        height: 250px;
        width: 1px;
        display: block;
        background-color: #7facd2;
        position: relative;
        left: 30px;
    }

    .about-main2 .licheng-content ul li .lc-right {
        position: absolute;
        left: 30px;
        width: 400px;
        height: 100%;
        display: table;
    }

    .about-main2 .licheng-content ul li:nth-child(even) .lc-right {
        width: 400px;
    }

    .about-main2 .licheng-content ul li .lc-right .right-text {
        padding: 20px;
        display: table-cell;
        vertical-align: middle;
    }

    .about-main2 .licheng-content ul li:first-child a {
        top: 50px;
    }

    .about-main2 .licheng-content ul li:first-child .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li:first-child .lc-right {
        bottom: 68px;
    }

    .about-main2 .licheng-content ul li:nth-child(2) a {
        top: 301px;
    }

    .about-main2 .licheng-content ul li:nth-child(2) .lc-left .line:before {
        top: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li:nth-child(2) .lc-right {
        top: 80px;
    }

    .about-main2 .licheng-content ul li:nth-child(3) a {
        top: 136px;
    }

    .about-main2 .licheng-content ul li:nth-child(3) .lc-left .line:after {
        bottom: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li:nth-child(3) .lc-right {
        bottom: 100px;
    }

    .about-main2 .licheng-content ul li:nth-child(4) a {
        top: 328px;
    }

    .about-main2 .licheng-content ul li:nth-child(4) .lc-left .line:before {
        top: -25px;
        left: -11px;
    }

    .about-main2 .licheng-content ul li:nth-child(4) .lc-right {
        top: 70px;
    }

    .about-main2 .licheng-content .right-text h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .about-main2 .licheng-content .right-text p {
        font-size: 16px;
        color: #555
    }

    .lc-swiper-btn {
        width: 100%;
        position: absolute;
        top: 370px;
        cursor: pointer;
        z-index: 1000;
    }

    .lc-swiper-btn a {
        display: block;
        position: absolute;
    }

    .lc-swiper-btn .btn-prev {
        position: absolute;
        left: 15px;
        top: 50px;
    }

    .lc-swiper-btn .btn-next {
        position: absolute;
        right: 0;
        top: 50px;
    }

    .lc-swiper-btn .iconfont {
        font-size: 30px;
    }

    /*公司简介*/
    .jjnrk {
        margin: 50px auto !important;
    }

    .jjbtn {
        font-size: 34px;
        line-height: 60px;
        text-align: center;
        color: #333;
        font-weight: bold;
    }

    .jjwznn {
        margin: 40px auto;
        font-size: 15px;
        line-height: 32px;
        color: #555;
    }

    /*发展历程*/
    .fzlcdk {
        width: 100%;
        padding: 60px 0 0;
    }

    /*手册列表*/
    .cslbnk {
        margin: 60px auto;
        overflow: hidden;
    }

    .czsnk {
        margin: 30px auto !important;
    }

    .czsnk li {
        width: 48%;
        overflow: hidden;
        background: url("../images/pdf.png") no-repeat left center;
        padding: 0 40px 0 50px;
        border-bottom: 1px dashed #e6e6e6;
        float: left;
    }

    .czsnk li a {
        width: 80%;
        float: left;
        font-size: 18px;
        line-height: 60px;
        font-weight: bold;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .czsnk li .scsj {
        width: 20%;
        float: right;
        font-size: 16px;
        line-height: 60px;
        color: #555;
        text-align: right
    }

    /*保修表单*/
    .bdnkk {
        margin: 50px auto;
        overflow: hidden;
    }

    .srxk {
        width: 31%;
        margin: 0 15px;
        float: left;
        background: #fbfbfb;
        border-radius: 5px;
        padding: 0 5px;
        height: 44px;
        border: 1px solid #e6e6e6;
        line-height: 42px;
        font-size: 15px;
        color: #555
    }

    .srnr {
        width: 98%;
        margin: 30px auto;
        display: block;
        background: #fbfbfb;
        border-radius: 5px;
        padding: 0 5px;
        line-height: 28px;
        border: 1px solid #e6e6e6;
        min-height: 80px;
        font-size: 15px;
        color: #555
    }

    .tja {
        width: 160px;
        background: #0089ff;
        border: 5px;
        font-size: 16px;
        line-height: 44px;
        text-align: center;
        color: #fff;
        border-radius: 5px;
        color: #fff;
        margin-left: 1%;
    }

    .tja a {
        display: block;
        text-align: center;
        line-height: 42px;
        color: #fff;
    }

    .lxnkl {
        width: 100%;
        background: url("../images/lxdhbg.jpg") no-repeat top center;
        background-size: cover;
        padding: 50px 0;
    }

    .lxdfh {
        width: 400px;
        margin: 0 auto;
        background: url("../images/lxicon.png") no-repeat left 10px;
        padding-left: 90px;
    }

    .lxdfh p {
        margin: 0;
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }

    .lxdfh h1 {
        font-size: 40px;
        margin: 0;
        line-height: 36px;
        color: #fff;
        font-weight: bold;
    }

    /*下载页面*/
    .appxz {
        margin: 50px auto !important;
    }

    .xzkk {
        width: 90%;
        margin: 40px auto;
        overflow: hidden;
        background: linear-gradient(90deg, #e4e7fe, #f0faff);
        border-radius: 15px;
        padding: 40px;
    }

    .ewmtp {
        width: 18%;
        float: left;
    }

    .xzwzk {
        width: 30%;
        float: left;
        margin-top: 20px;
    }

    .xzwzk h1 {
        margin: 0;
        font-size: 28px;
        font-weight: bold;
        color: #000;
        line-height: 50px;
    }

    .xzwzk article {
        font-size: 16px;
        line-height: 30px;
        color: #555;
    }

    .lglj {
        width: 46%;
        float: left;
        margin-top: 40px;
    }

    .lglj li {
        width: 40%;
        float: left;
        margin-right: 20px;
    }

    .lglj li a {
        background: #0089ff;
        display: block;
        border-radius: 5px;
        font-size: 18px;
        line-height: 50px;
        color: #fff;
        text-align: center;
    }

    .lglj li:nth-child(2) a {
        background: #2f69fe;
    }

    /*价格报价*/
    .bjknn {
        margin: 50px auto !important;
    }

    .bjknn img {
        border-radius: 15px;
    }

    /*价格列表*/
    .jglbk {
        margin: 50px auto !important;
        overflow: hidden;
    }

    .jgnbk {
        margin: 40px auto;
        overflow: hidden;
        padding: 15px 0
    }

    .jgnbk li {
        width: 29%;
        margin: 0 2%;
        float: left;
        border-radius: 15px;
        overflow: hidden;

        border: 1px solid #c5d9e7;
        border-top: 4px solid #1cadfe;
        min-height: 488px;
    }

    .jgnbk li:nth-child(2) {
        border-top: 4px solid #2c7ef8;
    }

    .jgnbk li:nth-child(3) {
        border-top: 4px solid #3f5bff;
    }

    .jgbt {
        padding: 30px;background: #fafbff;
    }

    .jgbt h1 {
        margin: 0;
        font-size: 28px;
        line-height: 40px;
        font-weight: bold;
        color: #1cadfe;
    }

    .jgnbk li:nth-child(2) .jgbt h1 {
        color:#0078df
    }

    .jgnbk li:nth-child(3) .jgbt h1 {
        color: #3f5bff
    }

    .jgbt article {
        font-size: 16px;
        line-height: 40px;
        color: #555;
    }

    .jgwzn {
        width: 100%;
        border-radius: 10px;
        background: linear-gradient(180deg, #fafbff, #fff);
        padding: 40px 12px;
        overflow: hidden
    }

    .jgwznn {
        font-size: 16px;
        line-height: 50px;
        color: #5d5d5d;
        min-height: 168px;
    }

    .jgwznn .jgs {
        font-size: 32px;
        color: rgb(1, 137, 255);
        font-weight: bold;
    }

    .jgbq {
        font-size: 20px;
        font-weight: bold;
        color: #333;
    }

    .jgnbk li:nth-child(2) .jgs {
        font-size: 32px;
        color:  #0078df;
        font-weight: bold;
    }

    .jgwznn1 {
        line-height: 42px;
    }

    .gdan2 {
        width: 100% !important;
        line-height: 50px !important;
    }

    /*服务案例*/
    .tjalknk {
        width: 100%;
        background: #ebf2f7;
        padding: 50px 0;
    }

    /*服务对象*/
    .fwnkk {
        margin: 50px auto !important;
        overflow: hidden;
        padding: 15px 0
    }

    .fwnkk li {
        width: 29%;
        float: left;
        margin: 0 2%;
        background: #fff;
        border-radius: 15px;
        box-shadow:0 0px 10px 5px #f7fafb;
        overflow: hidden;
    }

    .fwwzk {
        padding: 20px;
    }

    .fwwzk h1 {
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        color: #333;
        text-align: center;
        line-height: 50px;
    }

    .fwwzk article {
        font-size: 16px;
        line-height: 28px;
        color: #555;
        text-align: center;
        min-height: 84px;
    }

    .fwwzk a {
        display: block;
        width: 90%;
        margin: 20px auto;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        color: #fff;
        background: #0089ff;
        border-radius: 50px;
    }

    /*核心功能*/
    .hxgnk {
        width: 100%;
        background: url("../images/hxbg.png") no-repeat top center;
        padding: 50px 0;
        background-size: cover
    }

    .gnnkk {
        margin: 0px auto !important;
        overflow: hidden;
    }

    .gnnkk li {
        width: 31%;
        float: left;
        margin: 20px 1%;
        background: #fff;
        border-radius: 15px;
        border: 1px solid #cedcec;
        padding: 30px;
        min-height: 297px;
        box-shadow: 0 0px 10px 5px #e4ecf1;
    }

    .hxtbp img {
        display: block;
        margin: 15px auto;
    }

    .hxwzn h1 {
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        color: #333;
        text-align: center;
        line-height: 50px;
    }

    .hxwzn article {
        font-size: 16px;
        line-height: 28px;
        color: #555;
        text-align: center;
    }

    /*物业管理系统功能结构*/
    .khalal .swiper {
        padding-bottom: 50px;
    }

    .wyybz h1 {
        font-size: 24px !important;
        font-weight: bold !important;
        color: #111111;
        line-height: 80px !important;
        position: relative;
    }

    .wyybz h1:after {
        top: 80px !important;
        position: absolute;
        width: 60px;
        height: 8px;
        background: #0050fd;
        border-radius: 15px;
        left: 0;
        content: '';
    }

    .wltpz {
        width: 40%;
        float: left;
    }

    .wyybz {
        width: 54%;
        float: right;
        margin-top: 40px;
    }

    .wywzm {
        margin: 40px auto;
        font-size: 16px;
        line-height: 30px;
        color: #555;
    }

    .wylbkk {
        margin: 30px auto;
        overflow: hidden;
    }

    .wylbkk li {
        width: 30%;
        float: left;
        margin: 5px 1%;
        background: #f7fdfe;
        border-radius: 15px;
        border: 1px solid #90a3da;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        line-height: 80px;
        color: #333;
    }

    .wylbkk li img {
        margin-right: 10px;
    }

    .wylbkk li:nth-child(1) {
        background: #f5f9ff
    }

    .wylbkk li:nth-child(3), .wylbkk li:nth-child(5) {
        background: #fefbfa
    }

    /* N个场景解决方案 */
    .cjkk {
        width: 100%;
        background: #ebf2f7;
        padding: 70px 0 20px;
    }

    .cjnk {
        margin: 50px auto !important;
        overflow: hidden;
    }

    .zjzb {
        width: 17%;
        float: left;
    }

    .zjzb h1 {
        margin: 0;
        font-size: 24px;
        line-height: 38px;
        color: #333;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .kk {
        margin-left: 25px;
    }

    .zjzb li {
        font-size: 18px;
        line-height: 44px;
        color: #ebf6ff;
        border-radius: 5px;
        background: #4472c4;
        margin-bottom: 20px;
        padding-left: 30px;
    }

    .zjzb li .xfk {
        font-size: 8px;
    }

    .ybcjt {
        width: 80%;
        float: right;
    }

    .tjalk1 {
        padding: 60px 0
    }

    /*园区解决方案*/
    .yqjj {
        margin: 60px auto !important;
    }

    .jjtp img {
        display: block;
        margin: 20px auto;
    }

    .sgtd {
        width: 100%;
        background: #f1f9fd;
        padding: 40px 0;
        overflow: hidden;
    }

    .sgtd li {
        width: 33%;
        float: left;
    }

    .sgtd li h1 {
        margin: 0;
        font-size: 28px;
        font-weight: bold;
        color: #0089ff;
        line-height: 50px;
        text-align: center;
    }

    .sgtd li p {
        margin: 0;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #555;
    }

    /*四大功能*/
    .sdgn {
        margin: 50px auto !important;
        overflow: hidden;
    }

    .sdgn li {
        width: 46%;
        float: left;
        margin: 20px 2%;
        background: #f5f9ff;
        border-radius: 15px;
        border: 1px solid #90a3da;
        padding: 15px 10px;
        min-height: 172px;
    }

    .sdgn li:nth-child(2) {
        background: #f0fcfe
    }

    .sdgn li:nth-child(3) {
        background: #fef7f5
    }

    .gnzt {
        width: 20%;
        float: left;
    }

    .gnwz {
        width: 80%;
        float: left;
    }

    .gnwz h1 {
        margin: 0;
        font-size: 24px;
        color: #333;
        line-height: 50px;
        font-weight: bold;
    }

    .gnwz article {
        font-size: 16px;
        line-height: 30px;
        color: #555;
    }

    .khal .swiper-button-prev {
        background: url(../images/zjt.png) no-repeat center center !important;
        width: 53px !important;
        height: 53px !important;
        top: 95%;
        left: 43%;
    }

    .khal .swiper-button-next {
        background: url(../images/yjt.png) no-repeat center center !important;
        width: 53px !important;
        height: 53px !important;
        top: 95%;
        right: 43%;
    }

    /*知工程案例*/
    .khalal {
        margin: 70px auto !important
    }

    .altp {
        height: 72px;
    }

    .alwzn {
        margin: 20px auto;
        font-size: 16px;
        line-height: 30px;
        color: #555;
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 4;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
    }

    .sycj {
        width: 100%;
        overflow: hidden;
        border: 1px solid #0089ff;
        border-radius: 8px;
    }

    .sybt {
        width: 32%;
        float: left;
        background: url("../images/sybg.png") no-repeat left center;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        line-height: 57px;
        text-align: center;
    }

    .sywz {
        width: 68%;
        float: left;
        font-size: 24px;
        font-weight: bold;
        color: #0089ff;
        line-height: 57px;
        padding-left: 20px;
    }

    .cgaly img {
        border-radius: 15px;
        width:95%;
        height: 450px;
        object-fit: cover;
    }

    .tbhy {
        width: 100%;
        background: #f2f7ff;
        padding: 50px 0;
    }

    .tbgt {
        font-weight: bold;
        font-size: 27px;
        line-height: 60px;
        color: #333;
    }

    .zhbd1 {
        margin-bottom: 30px !important;
    }

    /*知工程解决方案*/
    .szbtn {
        margin: 50px auto;
    }
    .fakk{display:flex;width:100%;align-items:center;flex-wrap:wrap}


    .khalg, .fakk {
        overflow: hidden
    }

    .khalg .fakk:nth-child(2) {
        margin: 0px auto
    }
    .khalg .fakk .fazb {
        order: 1;
    }
    .khalg .fakk:nth-child(2) .fazb {
        float: right;
        order: -1;
    }

    .aldk1 {
        width: 100%;
        background: #f5faff;
        padding: 30px 0
    }

    .ybfbt {
        font-size: 27px;
        line-height: 42px;
        font-weight: bold;
        color: #333;
        padding: 10px 0
    }

    .fawz {
        margin: 10px auto;
        font-size: 14px;
        line-height: 30px;
        color: #555555;
    }
    .fawz p{margin:0}

    .fabtz {
        display: block;
        width: 100%;
        font-size: 18px;
        line-height: 38px;
        font-weight: bold;
        color: #0089ff;
    }

    .fazb {
        margin-top: 10px;
    }

    .aldk1 .khal .swiper {
        padding-bottom: 80px;
    }

    /*产品推荐*/
    .tjalk {
        width: 100%;
        background: url("../images/mkbg.jpg") no-repeat right center;
        background-size: cover;
        padding: 50px 0;
    }

    .anlbk {
        margin: 50px auto !important;
        overflow: hidden;
    }

    .anlbk li {
        width: 31%;
        float: left;
        margin: 15px 1%;
        background: #fff;
        padding: 5px;
        border-radius: 10px;
        box-shadow: 0 0px 10px 5px #fbfbfb
    }

    .altp {
        border-radius: 5px;
        overflow: hidden;
    }

    .alwz {
        padding: 15px;
    }

    .alwz h1 {
        font-size: 20px;
        margin: 0;
        line-height: 50px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .alwz article {
        font-size: 14px;
        line-height: 26px;
        color: #555;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .algd {
        font-size: 15px;
        line-height: 28px;
        border-radius: 50px;
        border: 1px solid #3c93ff;
        color: #3c93ff;
        display: block;
        width: 70px;
        text-align: center;
        margin-top: 8px;
    }

    /*解决方案列表*/
    .jjfdk {
        width: 100%;
        margin: 50px auto;
    }

    .jjfdk li {
        padding: 50px 0;
        overflow: hidden;
    }

    .ybwz h1 {
        font-size: 38px;
        color: #111111;
        font-weight: bold;
        margin: 0;
        line-height: 120px;
    }

    .zjjwz {
        font-size: 15px;
        line-height: 28px;
        color: #555;
    }

    .sllj {
        width: 100%;
        overflow: hidden;
        margin: 20px auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .sllj a {
        font-size: 20px;
        font-weight: bold;
        color: #0089ff;
        line-height: 76px;
        float: left;
        margin: 0 5px;
        background: #f5f9ff;
        border-radius: 10px;
        padding: 0 15px;
    }

    .sllj a:nth-child(2) {
        background: #f0fcfe
    }

    .sllj a:nth-child(3) {
        background: #fef7f5
    }

    .sllj a img {
        margin-right: 5px;
    }

    .jjfdk li .ckgd {
        width: 156px;
        line-height: 42px;
        border-radius: 5px;
        font-size: 15px;
        text-align: center;
        color: #fff;
        background: #0089ff;
        display: block;
        margin-top: 40px;
    }

    .jjfdk li:nth-child(even) {
        background: #f5fcff
    }

    .jjfdk li:nth-child(even) .zjjt {
        float: right;
    }

    .jjfdk li:nth-child(even) .ybwz, .jjfdk li:nth-child(3) .ybwz {
        margin-top: 60px;
    }

    .jjfdk li:nth-child(even) .ckgd {
        background: #11bac9
    }

    /*场景扩展*/
    .cjkzk {
        width: 100%;
        background: #f0f6f8;
        padding: 50px 0;
    }

    .cjkz {
        margin: 50px auto;
        overflow: hidden
    }

    .cjkz li {
        width: 10%;
        float: left;
        margin: 0 5px;
        background: #f8fbfc;
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #87b3f3
    }

    .xbtp {
        position: relative;
    }

    .xbtp h1 {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        font-size: 20px;
        margin: 0;
        font-weight: bold;
        color: #333;
        line-height: 90px;
        text-align: center;
        width: 100%;
    }

    .kzwz {
        padding: 10px;
        font-size: 15px;
        line-height: 30px;
        color: #333;
        text-align: center;
    }

    /*物联*/
    .wltp {
        width: 28%;
        float: right;
        padding-left: 50px;
    }

    /*招商体系*/
    .zstxk {
        margin: 60px auto !important;
        overflow: hidden;
    }

    .txkk {
        margin: 40px auto;
        overflow: hidden;
    }

    .txkk li {
        width: 13%;
        float: left;
        margin: 0 .5%;
        background: url("../images/gnbg1.jpg") no-repeat right center;
        padding: 20px 0;
        border-radius: 10px;
        border: 1px solid #b3d5e0;
        box-shadow: 0 0px 10px 2px #e4ecf1;
        min-height: 230px;
    }

    .zstp {
        width: 60px;
        height: 60px;
        font-size: 32px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 60px;
        background: linear-gradient(120deg, #0d62cc, #0285f9);
        border-radius: 100px;
      
        margin:0 auto 10px;
    }

    .txkk li h1 {
        margin: 0;
        font-size: 20px;
        color: #333;
        line-height: 60px;text-align: center;
    }

    .txkk li .txkkw {
        font-size: 14px;
        line-height: 26px;
        color: #555;
        padding:0 3px;text-align: center;
    }

    /*数据大脑*/
    .sjdk {
        width: 100%;
        background: #f9fbfc;
        padding: 20px 0;
    }

    .sjdk li .cgkn {
        min-height: 410px !important
    }

    /*星汉智慧园区使用场景*/
    .sycjk {
        margin: 90px auto !important;
        overflow: hidden
    }

    .zccjt {
        width: 25%;
        float: left;
        float: left;
        background: url(../images/gnbg.jpg) no-repeat center center;
        background-size: cover;
        border-radius: 10px;
        overflow: hidden;
        padding: 100px 30px;
    }

    .zccjt h1 {
        margin: 0;
        font-size: 30px;
        font-weight: bold;
        line-height: 40px;
        color: #fff;
    }

    .zccjt article {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        margin: 30px auto;
    }

    .zccjt a {
        display: block;
        width: 150px;
        line-height: 36px;
        border-radius: 50px;
        border: 1px solid #c3d5e9;
        text-align: center;
        font-size: 15px;
        color: #fff;
        margin-top: 70px;
    }

    .ycyycj {
        width: 72%;
        float: right;
        overflow: hidden;
    }

    .ycyycj li {
        width: 31%;
        float: left;
        margin: 0 1%;
        background: url("../images/gnbg1.jpg") no-repeat right center;
        border-radius: 10px;
        border: 1px solid #b3d5e0;
        padding: 32px 10px;
        margin-bottom: 30px;
        box-shadow: 0 0px 10px 2px #e4ecf1;
    }

    .ycyycj li h1 {
        margin: 0;
        font-size: 26px;
        font-weight: bold;
        color: #333;
        line-height: 60px;
    }

    .cjxtb img {
        margin-top: -15px;
    }

    .ycyycj li .ycyycjw {
        margin: 15px auto;
        font-size: 14px;
        line-height: 26px;
        color: #555;
    }

    /*智慧园区概述*/
    .szbt {
        text-align: center
    }

    .xtbt {
        display: inline-block;
        font-size: 18px;
        line-height: 50px;
        background: #f5feff;
        color: #333;
        margin: 20px auto;
        border-radius: 100px;
        border-top: 1px solid #0066ff;
        border-bottom: 1px solid #0066ff;
        border-left: 8px solid #0066ff;
        padding: 0 20px;
        border-right: 8px solid #0066ff;
    }

    .gadk {
        margin: 50px auto 0 !important;
        overflow: hidden;
    }

    .ybgsw {
        padding-left: 80px;
        margin-top: 50px;
    }

    .ybgsw li {
        width: 50%;
        float: left;
        margin-bottom: 20px;
        padding: 20px;
    }

    .gsicon {
        width: 28%;
        float: left;
    }

    .gswz {
        width: 72%;
        float: right;
    }

    .gswz h1 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        line-height: 40px;
    }

    .gswz .gswzxz {
        font-size: 15px;
        line-height: 24px;
        color: #555;
    }

    /*智慧园区*/
    .zbsp2 {
        float: right !important;
        padding: 0 !important;
    }

    .ybjswz2 {
        padding-right: 80px !important;
        padding-left: 0 !important;
    }

    .xwz {
        font-size: 18px;
        line-height: 40px;
        color: #555;
    }

    .yybk1 p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .yqicon {
        height: 44px;
        margin: 10px auto
    }

    /*五大优势*/
    .zcys {
        width: 25%;
        float: left;
        background: url("../images/ysbg1.jpg") no-repeat top center;
        background-size: cover;
        padding: 90px 24px;
        border-radius: 10px;
        overflow: hidden;height: 576px;
    }

    .yskk {
        margin: 40px auto !important;
        overflow: hidden;
    }

    .zcys img, .ysxkk img {
        display: block;
        margin: 0 auto;
    }

    .ysxkk h1 {
        color: #333 !important
    }

    .zcys h1, .ysxkk h1 {
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: 60px;
        margin: 0;
    }

    .ysxwz {
        font-size: 15px;
        line-height: 30px;
        color: #fff;
    }

    .ysxkk .ysxwz {
        color: #555;
    }

    .ycys {
        width: 74%;
        float: right;
    }

    .ysxkk {
        width: 46%;
        float: left;
        margin: 0 1% 2% 2%;
        background: #fff;
        border-radius: 10px;
        padding: 20px 10px;
        margin-bottom: 15px;
        height: 280px;
        overflow: hidden;
    }

    /*智慧物业*/
    .zhwyk {
        width: 100%;
        background: url("../images/mjbg.jpg") no-repeat top center;
        background-size: cover;
        padding: 80px 0;
    }

    .wynk {
        margin: 0px auto !important;
        overflow: hidden;
        padding: 10px;
    }

    .wynk .wylb {
        padding: 0 34px;
    }

    .wyk {
        background: #fff;
        padding: 5px;
        border-radius: 10px;
        box-shadow: 0 0px 3px 3px #e4ecf1;
    }

    .wytp {
        border-radius: 10px;
        overflow: hidden;
    }

    .wywz {
        padding: 10px;
        overflow: hidden;
        min-height: 114px;
    }

    .wywz li {
        width: 50%;
        float: left;
        padding: 0 5px;
        font-size: 14px;
        line-height: 28px;
        color: #555;
    }

    .wywz li .xfk {
        font-size: 8px;
        padding-right: 5px;
    }

    /*智慧车管*/
    .zhcg {
        margin: 60px auto !important;
    }

    .cgkk {
        width: 100%;
        margin: 30px auto;
        overflow: hidden;
        padding: 10px;
    }

    .cgkk li .cgkn {
        background: url("../images/cgbg.jpg") no-repeat right top;
        border-radius: 10px;
        border: 1px solid #b3d5e0;
        padding: 10px;
        min-height: 500px;
        box-shadow: 0 0px 3px 3px #e4ecf1;
    }

    .cgtp img {
        display: block;
        margin: 0 auto;
    }

    .cgwz {
        margin-top: 30px;
    }

    .cgwz h1 {
        font-size: 20px;
        background: linear-gradient(90deg, #0c62cc, #0089ff);
        line-height: 40px;
        text-align: center;
        color: #fff;
        border-radius: 50px;
        width: 90%;
        margin: 10px auto;
    }

    .cgwz .cgwznr {
        margin: 15px auto;
        font-size: 15px;
        line-height: 28px;
        color: #555;
        text-align: center;
    }

    .cgwz .xfk {
        font-size: 8px;
        padding-right: 5px;
    }

    /*智慧门禁*/
    .zhmjk {
        width: 100%;
        background: url("../images/mjbg.jpg") no-repeat top center;
        background-size: cover;
        padding: 80px 0;
    }

    .mjkk {
        overflow: hidden;
    }

    .ybmjwz {
        padding-left: 60px;
    }

    .mjbt {
        font-size: 34px;
        color: #333;
        font-weight: bold;
        line-height: 80px;
        position: relative
    }

    .mjbt:after {
        content: '';
        position: absolute;
        width: 60px;
        height: 8px;
        background: #0050fd;
        border-radius: 20px;
        left: 0;
        top: 80px;
    }

    .mjsmz {
        padding: 20px 0;
        border-bottom: 1px dashed #777;
    }

    .mjsmz h1 {
        margin: 0;
        font-size: 18px;
        font-weight: bold;
        color: #444444;
        line-height: 20px;
        padding: 10px 0
    }

    .mjsmz .mjsmzwz {
        font-size: 15px;
        line-height: 30px;
        color: #666;
    }

    .mjsmz .xzz {
        font-size: 10px;
        padding-right: 5px;
        color: #0050fd
    }

    .mjsmz1 {
        border-bottom: none;
    }

    /*产品价值*/
    .cpjzk {
        margin: 60px auto;
    }

    .sqglz {
        margin: 20px auto 30px !important;
        overflow: hidden;
        padding: 10px;
    }

    .zbyqk, .zbyqk1 {
        width: 28%;
        float: left;
        background: url("../images/sqbg1.png") no-repeat center center;
        background-size: cover;
        border-radius: 10px;
        overflow: hidden;
        padding: 40px 50px;
    }

    .zbyqk1 {
        background: url("../images/sqbg2.png") no-repeat center center;
        background-size: cover;
    }

    .zbyqk h1, .zbyqk1 h1 {
        margin: 0;
        font-size: 30px;
        font-weight: bold;;
        line-height: 50px;
        color: #fff;
    }

    .zbyqk .zbyqwz, .zbyqk1 .zbyqwz {
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        margin: 30px auto;
    }

    .zbyqk a, .zbyqk1 a {
        display: block;
        width: 150px;
        line-height: 36px;
        border-radius: 50px;
        border: 1px solid #c3d5e9;
        text-align: center;
        font-size: 15px;
        color: #fff;
        margin-top: 50px;
    }

    .ybxqk {
        width: 70%;
        float: right;
        background: linear-gradient(180deg, #e9f5ff, #fcfeff);
        border-radius: 8px;
        padding: 44px 20px 30px;
        box-shadow: 0 0px 5px 1px #f4f6f7;
        overflow: hidden;
    }

    .ybxqk li {
        width: 50%;
        float: left;
        padding: 10px;
        margin-bottom: 30px;
    }

    .sqtb {
        width: 20%;
        float: left;
        margin-top: 5px;
    }

    .sqybw {
        width: 78%;
        float: right;
    }

    .sqybw h1 {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        color: #333;
        line-height: 30px;
    }

    .sqybw .zqybwz {
        font-size: 15px;
        line-height: 24px;
        color: #666;
    }

    /*平台大模型*/
    .mkhk {
        width: 100%;
        background: #eaf2f7;
        padding: 60px 0 0;
    }

    .mkk {
        margin-top: 30px;
    }

    .mkk img {
        display: block;
        margin: 0 auto;
    }

    /*星汉简介*/
    .ybjswz1 {
        padding-left: 80px
    }

    .ybjswz1 h1 {
        font-size: 38px !important;
        font-weight: bold !important;
        color: #111111;
        line-height: 80px !important;
    }

    .ybjswz1 h1:after {
        top: 90px !important;
    }

    .yylbnk {
        width: 100%;
        overflow: hidden;
        margin: 30px auto;
    }

    .yylbnk li {
        width: 20%;
        float: left;
        padding: 0 10px;
        margin-bottom: 30px;
    }

    .yybk {
        background: #f5f9ff;
        border-radius: 10px;
        border: 1px solid #c7d1ec;
        padding: 15px 10px;
    }

    .yybk img {
        display: block;
        margin: 0 auto;
    }

    .yybk p {
        margin: 0;
        font-size: 18px;
        color: #333;
        text-align: center;
        line-height: 30px;
    }

    .yylbnk li:nth-child(2) .yybk, .yylbnk li:nth-child(9) .yybk {
        background: #f0fcfe
    }

    .yylbnk li:nth-child(4) .yybk, .yylbnk li:nth-child(7) .yybk {
        background: #fef7f5
    }

    /*下载二维码*/
    .hzewm {
        width: 100%;
        background:
        url("../images/zhbg.png") no-repeat center top;
        padding: 60px 0 100px;
        background-size: cover;
    }

    .ewwz {
        font-size: 36px;
        font-weight: bold;
        color: #fff;
        line-height: 80px;
        text-align: center;
    }

    .ewmkn {
        background: #f3faff;
        padding: 30px 180px;
        border-radius: 15px;
        border: 1px solid #91d3ff;
        margin: -80px auto 40px !important;
        position: relative;
        overflow: hidden;
    }

    .ewzwz {
        width: 50%;
        float: left;
        margin-top: 40px;
    }

    .ewzwz h1 {
        margin: 0;
        font-size: 32px;
        color: #0063ff;
        font-weight: bold;
        line-height: 60px;
    }

    .ewzwz article {
        font-size: 22px;
        line-height: 30px;
        color: #333;
    }

    /*合作伙伴*/
    .hzhbk {
        margin: 50px auto;
    }

    .hztp img {
        display: block;
        margin: 15px auto;
    }

    /*工程解决方案*/
    .gcjjfa {
        width: 100%;
        background: #f6f7fb;
        padding: 60px 0
    }

    .zbjj h1 {
        margin: 0;
        font-size: 32px;
        color: #333333;
        font-weight: bold;
        line-height: 50px;
        position: relative;
        padding-bottom: 20px;
    }
    .zbjj h1:before{content:"";width:50px;height:6px;background:#3E7BFA;display:block;position:absolute;bottom:0;left:0}

    .jjxwz {
        display: block;
        margin: 20px 0 30px;
        font-size: 18px;
        /*background: #0089ff;*/
        /*padding: 0 15px;*/
        padding: 0;
        color: #030814;
        line-height: 40px;
        border-radius: 50px;
        text-align: left;
    }

    .zbjj .mswz {
        font-size: 17px;
        line-height: 32px;
        color: #4e4e4e;
    }

    .zbjj {
        margin-top: 50px;
    }

    .jjybt img {
        display: block;
        float: right;
    }

    /*企业痛点*/
    .qytdk {
        margin: 30px auto !important;
        overflow: hidden;
    }

    .jjfnk {
        margin: 40px auto;
        overflow: hidden;
        padding: 10px;
    }

    .jjbtk {
        width: 34%;
        float: left;
        background: url("../images/tdzt.png") no-repeat center top;
        padding: 120px 30px 60px;
        border-radius: 8px;
    }

    .jjbtk h1 {
        margin: 0;
        font-size: 24px;
        color: #fff;
        font-weight: bold;
        line-height: 40px;
    }

    .jjbtk article {
        margin: 30px auto;
        font-size: 18px;
        line-height: 32px;
        color: #fff;
    }

    .jjbtk a {
        width: 160px;
        line-height: 38px;
        border-radius: 100px;
        border: 1px solid #fff;
        font-size: 16px;
        text-align: center;
        color: #fff;
        display: block;
        margin-top: 60px;
    }

    .jjybnr {
        width: 64%;
        float: right;
        background: url("../images/tdyt.png") no-repeat right center #edf5fd;
        border-radius: 8px;
        overflow: hidden;
        padding: 70px 40px 50px;
        box-shadow: 0 0px 5px 5px #f5f9fb;
    }

    .jjybnr li {
        width: 100%;
        overflow: hidden;
        margin-bottom: 40px;
    }

    .jjtb {
        width: 12%;
        float: left;
    }

    .tdybz {
        width: 88%;
        float: right;
    }

    .tdybz h1 {
        margin: 0;
        font-size: 26px;
        color: #262626;
        font-weight: bold;
        line-height: 50px;
    }

    .tdybz article {
        font-size: 20px;
        line-height: 40px;
        color: #555;
    }

    .jjybnr li:last-child {
        margin-bottom: 0;
    }

    /*知工程介绍*/
    .zgcjs {
        margin: 70px auto;
    }

    .zbsp {
        padding-right: 30px;
    }

    .jskk {
        overflow: hidden;
    }

    .ybjswz {
        margin-top: 50px;
    }

    .ybjswz h1 {
        margin: 0;
        font-size: 26px;
        color: #333;
        line-height: 38px;
        position: relative
    }

    .ybjswz h1:after {
        content: '';
        position: absolute;
        width: 60px;
        height: 8px;
        background: #0050fd;
        border-radius: 20px;
        left: 0;
        top: 50px;
        display: none;
    }

    .ybjswz article {
        margin: 40px auto 20px;
        font-size: 16px;
        line-height: 28px;
        color: #555;
    }

    .cpgnk {
        width: 100%;
        background: url("../images/gnmkbg.jpg") no-repeat top center;
        padding: 60px 0;
        background-size: cover;
        margin-bottom: 50px;
    }

    /*知工程功能模块*/
    .gnzb {
        margin: 50px auto !important;
        overflow: hidden;
    }

    .gnzcdh {
        width: 20%;
        float: left;
    }

    .drugnav2 li {
        display: block;
        font-size: 16px;
        line-height: 40px;
        color: #333;
        background: url("../images/muxz1.png") no-repeat left center;
        margin-bottom: 15px;
    }

    .drugnav2 li.active {
        background: url("../images/muxz.png") no-repeat left center;
        color: #fff
    }

    .drugnav2 li.active a {
        color: #fff
    }

    .drugnav2 li a {
        display: block;
        padding-left: 15px;
        color: #333;
    }

    .ycgn {
        width: 80%;
        float: right;
        padding: 5px;
    }

    .ycgnk {
        background: linear-gradient(180deg, #e9f5ff, #fcfeff);
        border-radius: 8px;
        padding: 50px 60px;
        box-shadow: 0 0px 5px 5px #e4ecf1;
    }

    .gnbt h1 {
        margin: 0;
        font-size: 26px;
        color: #333333;
        line-height: 60px;
        font-weight: bold;
        position: relative;
        padding-left: 20px;
    }

    .gnbt h1:after {
        height: 30px;
        width: 8px;
        border-radius: 10px;
        background: #0050fd;
        left: 0;
        position: absolute;
        content: '';
        top: 16px;
    }

    .gnbt article {
        font-size: 16px;
        color: #666666;
        line-height: 24px;
        padding: 5px 0;
    }

    .gnmk {
        width: 100%;
        overflow: hidden;
        margin: 70px auto 20px;
    }

    .gnmk li {
        width: 50%;
        float: left;
        padding-right: 15%;
        background: url("../images/gnst.png") no-repeat right center;
    }

    .gnmk li:nth-child(2) {
        padding: 0 0 0 10%;
        background: none;
    }

    .gnicon {
        margin-bottom: 15px;
    }

    .gnmk li h1 {
        margin: 0;
        font-size: 20px;
        line-height: 60px;
        color: #333;
    }

    .gnmk li article {
        font-size: 16px;
        line-height: 28px;
        color: #555;
    }

    .dblj {
        height: 38px
    }

    .wxtc {
        float: left;
        height: 38px;
        width: 38px;
        margin-right: 18px;
        position: relative;
        background: url(../images/wx.png) center center no-repeat;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(57, 62, 75);
        border-image: initial;
        border-radius: 50%;
        cursor: pointer;
    }

    .wxtc1 {
        float: left;
        height: 38px;
        width: 38px;
        margin-right: 18px;
        position: relative;
        background: url(../images/wx1.svg) center center/15px no-repeat;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(57, 62, 75);
        border-image: initial;
        border-radius: 50%;
        cursor: pointer;
    }

    .wxtc span {
        width: 130px;
        height: 170px;
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 52px;
       display: none;;
        opacity: 0;
        transform: translateY(8px);
        box-shadow: rgba(0, 0, 0, 0.1) 0px -3px 8px;
        background: rgb(255, 255, 255);
        transition: 0.5s ease-in-out;
    }

    .wxtc1 span {
        width: 130px;
        height: 170px;
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 52px;
        display: none;
        opacity: 0;

        transform: translateY(8px);
        box-shadow: rgba(0, 0, 0, 0.1) 0px -3px 8px;
        background: rgb(255, 255, 255);
        transition: 0.5s ease-in-out;
    }

    .wxtc span img, .wxtc1 span img {
        display: block;
        margin: 0 auto
    }

    .wxtc span p, .wxtc1 span p {
        margin: 0;
        font-size: 13px;
        line-height: 20px;
        color: #555;
        text-align: center;
        padding: 10px 5px;
    }

    .wxtc:hover span {
        display: block; opacity: 1;
    }

    .wxtc1:hover span {
        display: block; opacity: 1;
    }

    .ksdh li p a:hover {
        color: #1b97f6
    }

    .container1 {
        max-width: 1350px;
        margin: 0 auto;
    }

    /*footer*/
    .end {
        overflow: hidden;
    }

    .footer {
        padding: 50px 0 30px;
        border-top: 1px solid #e6e6e6;
    }

    .lxzb {
        width: 25%;
        float: left;
        background: url("../images/stt.png") no-repeat right center;
    }

    .lxgst {
        font-size: 16px;
        line-height: 40px;
        color: #555;
    }

    .lxwk {
        background: url("../images/dlx.png") no-repeat left 10px;
        padding-left: 30px;
        margin: 5px 0 0;
    }

    .lxxwz {
        margin: 0;
        font-size: 16px;
        line-height: 20px;
        color: #555;
    }

    .lxwk p {
        margin: 0;
        font-size: 28px;
        color: #1c94f5;
    }

    .yysj {
        font-size: 16px;
        line-height: 40px;
        color: #333;
    }

    .ksdh {
        width: 68%;
        float: right;
        display: flex;
        justify-content: space-between;
    }

    .ksdh li h1 {
        margin: 0;
        font-size: 17px;
        line-height: 40px;
        color: #333;
        margin-bottom: 15px;
        font-weight: 700;
    }

    .ksdh li p {
        margin: 0;
    }

    .ksdh li p a {
        font-size: 13px;
        line-height: 30px;
        color: #787878;
    }

    .bqxx {
        width: 100%;
        border-top: 1px solid #e6e6e6;
        font-size: 15px;
        line-height: 60px;
        color: #555;
    }

    .bqxx a {
        color: #555;
    }

    /*行业经验*/
    .hyjyk {
        margin: 60px auto 0;
        background: linear-gradient(180deg, #ebf2ff, #fbfdff);
        padding: 70px 0 100px;
    }

    .szbt p {
        color: transparent !important;
        font-size: 14px;
        line-height: 34px;
        text-align: center;
        --tw-gradient-from: #00a4ff !important;
        --tw-gradient-to: rgba(0, 164, 255, 0) !important;
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
        --tw-gradient-to: #ed6336 !important;
        background-clip: text !important;
        background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
    }

    .csz {
        width: 700px;
        margin: 0 auto;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.67) 23%, rgba(255, 255, 255, 0.67) 79%,
        rgba(255, 255, 255, 0.00) 100%), linear-gradient(90deg, rgba(144, 215, 255, 0.00) 0%, rgba(115, 205, 255, 0.30) 23%, rgba(255, 240, 162, 0.30) 50%, rgba(255, 160, 129, 0.30) 73%, rgba(255, 101, 51, 0.00) 100%);
        margin-top: -20px;
    }

    .hyjyxk {
        background: url("../images/hybg.png") no-repeat center top #fff;
        border: 1px solid rgba(89, 149, 255, .24) !important;
        border-radius: 15px;
        background-size: 100%;
        padding: 20px;
    }

    .hytw {
        width: 100%;
        overflow: hidden;
    }

    .hytb {
        width: 20%;
        float: left;
    }

    .hygs {
        width: 78%;
        float: right;
    }

    .hygs h1 {
        margin: 0;
        font-size: 18px;
        line-height: 30px;
        color: #333;
    }

    .hygs p {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        color: #666;
    }

    .hyjyk .swiper-pagination {
        display: none;
    }

    .hygd {
        width: 308px;
        line-height: 46px;
        margin: 60px auto 20px;
        border-radius: 4px;
        border: 1px solid #2c7ef8;
        background: #fff;
    }

    .hygd a {
        display: block;
        width: 100%;
        line-height: 46px;
        font-size: 15px;
        text-align: center;
        color: #2c7ef8
    }

    .hygd:hover {
        background: #ddecff
    }

    /*转化*/
    .gch {
        width: 100%;
        background: url("../images/zhbg.png") no-repeat center top;
        padding: 20px 0 80px;
        background-size: 100%;
    }

    .zxzb {
        width: 50%;
        float: left;
        margin-top: 10px;
    }

    .zxzb h1 {
        margin: 0;
        font-size: 3.5rem !important;
        line-height: 50px !important;
        font-weight: bold;
        color: #fff;
    }

    .zxzb article {
        font-size: 16px;
        line-height: 40px;
        color: #fff;
    }

    .zhyb {
        width: 50%;
        float: left;
    }

    .ewm1 {
        width: 22%;
        float: left;
    }

    .ewmw {
        width: 78%;
        float: right;
        background: url("../images/dhicon.png") no-repeat left center;
        padding-left: 50px;
        background-size: 10%;
        margin-top: 20px;
    }

    .ewmw h1 {
        margin: 0;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
    }

    .ewmw p {
        margin: 0;
        font-size: 28px;
        font-weight: bold;
        color: #fff;
    }

    /*转化表单*/
    .zhbd {
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 .5rem 1rem rgb(197 197 197 / 10%) !important;
        position: relative;
        margin-top: -50px;
        padding: 50px;
    }

    .zhbdbt h1 {
        margin: 0;
        font-size: 24px;
        text-align: center;
        color: #333;
        line-height: 50px;
        font-weight: normal;
    }

    .zhbdbt article {
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        color: #555;
    }

    .zhbdk {
        width: 96%;
        overflow: hidden;
        margin: 40px auto 0;
    }

    .srk1 {
        width: 40%;
        float: left;
        border-radius: 2px;
        border: 1px solid #ced4da;
        height: 40px;
        padding: 0 5px;
    }

    .srk2 {
        width: 25%;
        float: left;
        border-radius: 2px;
        border: 1px solid #ced4da;
        height: 40px;
        padding: 0 5px;
        margin: 0 1%;
    }

    .srk3 {
        width: 16%;
        float: left;
        border-radius: 2px;
        border: 1px solid #ced4da;
        height: 40px;
        padding: 0 5px;
        margin-right: 1%;
    }

    .bdtj {
        width: 15%;
        float: left;
        background: #007bff;
        border-radius: 5px;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        border: none;
    }

    /*三大产品*/
    .cpjz {
        margin: 50px auto;
        overflow: hidden;
    }

    .jzk {
        position: relative;
        overflow: hidden;
    }

    .jzwz {
        width: 100%;
        padding: 10px 10px 20px;
        transition: all ease .3s;
    }

    .jzwz h1 {
        margin: 0;
        font-size: 24px;
        line-height: 60px;
        color: #333;
        font-weight: bold;
        transition: all ease .3s;
    }

    .jzwz article {
        font-size: 14px;
        line-height: 26px;
        color: #555;
        height: 106px;
        overflow: hidden;
    }

    .cpjzlb li:hover .jzwz {
        height: 100%;
    }

    .cpjzlb li:hover .jzwz h1 {
        height: auto;
        line-height: 50px;
    }

    .cpjzlb li a {
        display: block;
        background: linear-gradient(90deg, #edf7ff, #fcfdff);
        padding: 3px;
        border-radius: 8px;
    }

    .jzt {
        border-radius: 8px;
        overflow: hidden;
    }

    .jzt img {
        transition: all ease .3s;
    }

    .jzt img:hover {
        transform: scale(1.1)
    }

    /*首页客户案例*/
    .aldk {
        width: 100%;
        background: #eef8fa;
        padding: 50px 0;
    }

    .khal {
        margin: 30px auto;
    }

    .cplbxk {
        background: #2c7ef8;
        display: flex;
    }

    .gsmc {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .xtb {
        height: 50px;
        width: auto;
    }

    .khzb {
        padding: 30px;
        width: 50%;
        float: left;
    }

    .khzb article {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        margin: 15px auto;
    }

    .gsmc {
        font-size: 24px;
        color: #fff;
        line-height: 60px;
        font-weight: bold;
    }

    .gsry {
        width: 100%;
        overflow: hidden;
        margin: 60px auto;
    }

    .gszb {
        width: 80%;
        float: left;
    }

    .gstx {
        width: 16%;
        border-radius: 100px;
        overflow: hidden;
        float: left;
    }

    .gsrjs {
        width: 82%;
        float: right;
    }

    .gsrjs h1 {
        margin: 0;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
    }

    .gsrjs p {
        font-size: 14px;
        margin: 0;
        line-height: 20px;
        color: rgba(255, 255, 255, .5) !important;
    }

    .lgljan {
        width: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start;margin-top: 30px;
    }

    .lgljan a {
        width: 30%;
        margin-right: 2%;
    }

    .tyr, .tyr:hover {
        background: #0089ff;
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        padding: 0;
        text-align: center;
        border-radius: 4px;
    }

    .ckwz, .ckwz:hover {

        background:#E2E6EE ;
        font-size: 16px;
        color: #333;
        line-height: 38px;
        border-radius: 4px;
        text-align: center;
    }

    .ybtp {
        width: 50%;
        float: left;
    }

    .ybtp img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .khal .swiper {
        padding-bottom: 40px;
    }

    /*首页价格*/
    .jgnk ul {
        display: flex;
        flex-direction: row;
    }

    .jgnk {
        margin: 50px auto;
    }

    .jgnk li {
        min-width: 0;
        position: relative;
        overflow: hidden;

        border-radius: 8px;
        width: 32%;
        height: 400px;

        margin-right: 1%;
        transition: width .3s ease;
        float: left;
    }

    .wgbj{padding: 40px;background-size: cover;height: 400px;
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
    }
    .jgnk li:nth-child(1){min-width: 0;

        background:#000;
    }
    .jgnk li:nth-child(1) .wgbj{background: url("../images/td-pic3.png") no-repeat center center;background-size: cover;}
    .jgnk li:nth-child(2){min-width: 0;
      background:#000;
    }
    .jgnk li:nth-child(2) .wgbj{background: url("../images/td-pic2.png") no-repeat center center;background-size: cover;}
    .jgnk li:nth-child(3){min-width: 0;
      background:#000;

    }
   .jgnk li:nth-child(3) .wgbj{background: url("../images/td-pic1.png") no-repeat center center;background-size: cover;}
    .jgk:hover {
        width: 66%;
    }
 
.jgnk li h1{color:#fff}

    .jgnk li:first-child h1 {
        margin: 0;
        font-size:28px;
        color: #fff;
        /*--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);*/
        /*--tw-gradient-to: #ffb8b8;*/
        /*-webkit-background-clip: text;*/
        /*background-clip: text;*/
        /*color: transparent;*/
        /*background-image: linear-gradient(to right, var(--tw-gradient-stops));*/
        /*--tw-gradient-from: #fff;*/
    }

    .jgnk li h1 {
        margin: 0;
        font-size:28px;
         color: #fff;
        /*--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);*/
        /*--tw-gradient-to: #b4dfff;*/
        /*-webkit-background-clip: text;*/
        /*background-clip: text;*/
        /*color: transparent;*/
        /*background-image: linear-gradient(to right, var(--tw-gradient-stops));*/
        /*--tw-gradient-from: #fff;*/
    }

    .hyicon {
        margin: 0px auto;display:flex;align-items:center;width: 100%;
    }
    .jgwz{width:100%}

    .jgwz p {
        margin: 0;
        font-size: 16px;
        line-height: 32px;
        color: #fff;
        margin: 10px auto;
        min-height: 80px;
    }

    .jgwz article {
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        margin-top: 20px;
    }

    .zxty1 {
        width: 120px;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        /*background: #fff;*/
        border-radius: 4px;
        color: #fff;
        overflow: hidden;
        margin-top: 30px;
        position: absolute;
        bottom: 40px;
    }

    .jgnk li .zxty1 a {
        /*background: #fff;*/
        display: block;
        color: #fff;
        border: none;
    }

    /*首页产品功能*/
    .gnqh {
        margin: 50px auto 0;
        /*background: url("../images/qhbg.jpg") no-repeat center center;*/
        background-size: cover;
        padding: 70px 10px 10px;
        
    }
    .gnqh-bg{background: #F1F2F8;padding:30px 0;overflow:hidden}
    .gnqh-bg .col-md-2{padding-left:25px}

    .zcdh {
        
        padding: 0;
        margin-top: 30px;
    }

    .drugnav1 li {
        display: block;
        font-size: 16px;
        line-height: 50px;
        color: #333;margin-bottom: 12px;
    }

    .drugnav1 li.active {
      background:#3E7BFA!important;color:#fff;border-radius:10px
    }

    .drugnav1 li a {
        display: block;
        padding-left: 15px;
        color: #333;
    }

    .ycbh {
        padding-left: 100px;
    }

    .sygn {
        margin: 40px auto 40px;
        overflow: hidden;
    }

    .wzgn {
        margin: 0px auto;
    }

    .wzgn h1 {
        margin: 0;
        font-size: 16px;
        line-height: 40px;
        color: #333;
    }

    .gdan1 {
        width: 160px;
        float: left;
        background: #2c7ef8;
        border-radius: 5px;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        margin-top: 15px;
        cursor: pointer
    }

    .gdan1:hover {
        background: #0067f8;
        color: #fff;
    }

    /*表单弹出*/
    .bdtc .modal {
        top: 30%;
    }

    .bdtc .modal-content {
        background: linear-gradient(to bottom, #ffffff 0%, #f6fcff 100%);
    }

    .tcbt {
        font-size: 24px;
        line-height: 60px;
        text-align: center;
        font-weight: bold;
        color: #333;
    }

    .tcbdk {
        width: 86%;
        overflow: hidden;
        margin: 20px auto;
    }

    .tcerm {
        width: 45%;
        float: left;
    }

    .tcbdw {
        width: 55%;
        float: right;
    }

    .tcbdw .srk {
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        height: 40px;
        background: #fff;
        margin-bottom: 10px;
        width: 100%;
        padding: 0 5px;
    }

    .tcbdw input::placeholder, .zhbdk input::placeholder {
        font-size: 14px;
        color: #666;
    }

    .tcbdw input:focus, .zhbdk input:focus {
        border: 1px solid #0089ff;
        outline: none;
    }

    .tjan {
        width: 100%;
        background: #2c7ef8;
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 40px;
        border-radius: 4px;
        display: block;
    }

    /*首页行业*/
    .syhyk {
        padding: 70px 0 0;
    }

    .syjjfa {
        margin: 0px auto;
    }

    .qhtt {
        width: 100%;
        margin-top: 70px;
        border-bottom: 1px solid #eaedef;
        text-align: center;
    }

    .qhtt ul li {
        display: inline-block;
        margin: 0 15px;
    }

    .qhtt ul li a {
        font-size: 16px;
        line-height: 50px;
        color: #333333;
        display: block;
    }

    .qhtt ul li.active a {
        color: #2468f2;
        border-bottom: 3px solid #2468f2;
    }

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

    .qhtt ul li a {
        text-decoration: none;
    }

    /*切换内容*/
    .qhnr {
        margin-top: 10px;
    }

    .qhtp {
        margin-top: 20px;
        padding: 0;
    }

    .qhyb {
        padding-right: 20px;
        margin-top: 40px;
    }

    .qhyb h1 {
        margin: 0;
        font-size: 24px;
        font-weight: bold;
        color: #000000;
        line-height: 30px;
        padding: 20px 0;
    }

    .xhxsy {
        width: 46px;
        height: 4px;
        border-radius: 5px;
        background: #2468f2;
        display: block;
    }

    .qhdes {
        margin: 10px auto;
        font-size: 16px;
        line-height: 32px;
        color: #555;
    }

    .khfb, .ankk {
        width: 100%;
        overflow: hidden;
        margin: 20px auto 0;
    }

    .khfb li {
        width: 24%;
        margin-right: 1%;
        border-radius: 4px;
        border: 1px solid #eaedef;
        overflow: hidden;
        float: left;
    }

    .ankk {
        width: 100%;
        overflow: hidden;
    }

    .zxan {
        width: 35%;
        float: left;
        background: #2c7ef8;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        color: #fff;
    }

    .zxan:hover {
        background: #0067f8;
        color: #fff;
    }

    .gdan {
        width: 35%;
        float: left;
        background: #fff;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        line-height: 38px;
        text-align: center;
        color: #2c7ef8;
        margin-left: 30px;
        border: 1px solid #2c7ef8;
        cursor: pointer
    }

    .gdan:hover {
        border: 1px solid #0067f8;
        color: #0067f8;
        background: #ddecff;
    }

    .ljgd {
        width: 100%;
        float: left;
    }

    .ljgd a {
        font-size: 14px;
        line-height: 60px;
        color: #2c7ef8;
    }


    .bjwz {
        width: 100%;
        /*background: url("../images/szbj.jpg") no-repeat;*/
        background:#F9FAFD;
        padding: 80px 0;
        transition: background-position 0.6s ease;
        background-position: center bottom
    }

    .szbt {
        margin-bottom: 40px;
    }

    .szbt h1 {
        margin: 0;
        font-size: 3.5rem !important;
        line-height: 50px !important;
        text-align: center;
        font-weight: bold;
        color: #333;
    }

    .szbt article {
        font-size: 16px;
        color: #555;
        text-align: center;
        line-height: 50px;
    }

    .bjwz:hover {
        background-position: center 15px
    }

    /*计数*/
    .zsbh {
        background: #fff;
        background-clip: content-box;
        margin-top: -100px !important;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 5px 15px 45px #e6e6e6;
        position: relative;
        z-index: 999;
    }

    .xjt {
        max-width: 1200px;
        display: block;
        overflow: hidden;
        margin: 18px auto
    }

    .xjt li {
        text-align: center;
        color: #fff;
        background: url("../images/sticon.png") no-repeat right center;
    }

    .xjt li:last-child {
        border-right: none;
        background: none;
    }

    .xjt h3, .timer, .xjt h3 span {
        font-size: 74px;
        font-weight: bold;
        line-height: 60px;
        color: #108cee;
    }

    .xjt sub {
        font-size: 15px;
        line-height: 0;
        font-weight: normal;
        color: #555;
    }

    .jjszk {
        background: #11439b;
        padding: 30px 0;
        overflow: hidden;
        background-size: cover
    }

    .xjt li p {
        margin: 0;
        font-size: 16px;
        color: #333;
        line-height: 40px;
    }

    .xjt h3 i {
        font-size: 40px !important;
        display: inline-block;
        transform: translateY(-17px);
        font-style: normal;
        margin-left: 4px;
    }

    .xjt li:hover h3 span, .xjt li:hover i {
        text-shadow: 0 8px 18px rgba(16, 140, 238, 0.4)
    }

    /*下拉*/
    .flbtt {
        font-size: 18px;
        line-height: 50px;
        color: #333;
        text-align: left;
        font-weight: bold;
        color: #62779B;
    }

    .zlzk {
        width: 100%;
        overflow: hidden;
    }

    .zlzk li {
        width: 23%;
        float: left;
        padding: 15px;
        border-radius: 8px;
        margin-right: 2%;
    }

    .zlzk1 li {
        width: 30%;
    }

    .zlzk li:hover {
        background: #e9f2fe;
    }

    .zflt {
        width: 25%;
        float: left;
    }

    .flxw {
        width: 75%;
        float: right;
        text-align: left;
    }

    .flxw h1 {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
        color: #333;
    }

    .flxw p {
        margin: 0;
        font-size: 12px;
        line-height: 20px;
        color: #555;
    }

    .small {
        font-size: 10px;
    }

    .ddh .dhl:hover .small {
        transform: rotate(180deg);
        color: #00a6e4
    }

    .ddh .zlzk ul {
        justify-content: flex-start !important;
    }

    .zcxz .flbtt {
        width: 30%;
        float: left;
        margin-right: 1%;
    }

    .hdp .swiper-slide {
        position: relative
    }

    .dtwz {
        position: absolute;
        z-index: 20;
        display: flex !important;
        flex-direction: column;
        top: 0 !important;
        justify-content: center;
        margin-top: 80px;
        height: calc(100% - 80px - 40px - 100px);
        bottom: auto;
        text-align: left;
        left: 0;
        right: 0;
        max-width: 1340px;
        margin: 0 auto;
        height: 100%;
        padding-left: 30px;
    }

    .dtzz {
    }

    .dtzz h1 {
        font-size: 50px;
        line-height: 60px;
        color: #051542;
        font-weight: bold;
        margin: 0;
    }

    .dtzz article {
        font-size: 28px;
        line-height: 28px;
        color: #687189;
        width: 50%;
        margin: 10px 0;
    }

    .dtzz a {
        width: 170px;
        line-height: 46px;
        display: block;
        margin-top: 50px;
        background: #0089ff;
        text-align: center;
        font-size: 16px;
        color: #fff;
        border-radius: 5px;
    }

    .dlty {
        width: 20%;
        float: left;
        margin-top: 24px;
        display: flex;
        align-items: end;
        justify-content: flex-end;
    }

    .dlty a {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;

        padding: .375rem .95rem;
        font-size: 0.6rem;
        line-height: 1.5;
        border-radius: .25rem;
        color: #007fff;
        font-size: 15px;
        white-space: nowrap;cursor: pointer;
    }
    .dlty a:last-child{margin-left:9px}

    .dlty .zc {
        background: #007fff;
        color: #fff;
        margin-left: 8px;
        border-radius: 50px;
    }

    /*联系表单*/
    .yc {
        display: block !important;
    }

    .yc0 {
        display: none !important;
    }

    .ttnav {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2000;
        min-height: 80px;
        transition: all ease .3s;
        background: rgb(255 255 255 / 95%);
    }

    .ttnav:hover {
        background: #fff !important;
        transition: all ease .3s;
        border-bottom: 1px solid #e6e6e6;
    }

    .ttop {
        width: 100%;
        position: relative;
    }

    .ttnav.active {
        background: #fff !important;
        transition: all ease .3s;
        border-bottom: 1px solid #e6e6e6;
    }

    .active1 {
        background: #fff !important;
        border-bottom: 1px solid #e6e6e6;
    }

    .logo {
        margin: 0px auto;
        background: url("../images/logo1.png") no-repeat left center;
        height: 80px;
        width: 14%;
        float: left;
    }

    .ttnav.active .logo, .active1 .logo, .ttnav:hover .logo {
        margin: 0px auto;
        background: url("../images/logo1.png") no-repeat left center;
        height: 80px;
    }

    .ttnav.active .ddh .dhl a, ttnav1 .ddh .dhl a, .active1 .ddh .dhl a, .ttnav:hover .ddh .dhl a {
        color: #333
    }

    .ttnav.active .wpp, .ddh .dhl a .wpp {
        color: #555;
        background: url("../images/ticon11.png") no-repeat left center;
    }

    .ttnav.active .wyx, .ddh .dhl a .wyx {
        color: #555;
        background: url("../images/ticon22.png") no-repeat left center;
    }

    .ttnav.active .btn-default, .btn-default:hover {
        background: url("../images/fdj1.png") no-repeat center center !important;;
        border: none;
        height: 24px;
    }

    .dht {
        width: 70%;
        float: left;
        line-height: 80px;
    }

    .ddh .dhl {
        font-size: 15px;
        line-height: 80px;
        float: left;
        text-align: center;
        color: #fff;flex: 1;
    }

    .ddh .dhl a {
        color: #333;
    }

    .xlk {
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0;
        background: #fff;
        display: none;
        padding: 30px 0 50px;
        transition: all ease .3s;
    }

    .ddh .dhl:hover .xlk {
        display: block;
    }

    .ddh {
        width: 83%;
        float: left;
    }

    .toplx {
        width: 100%;
        overflow: hidden;
        padding-right: 50px;
        margin-top: 15px;
    }

    .wpp {
        font-size: 16px;
        line-height: 40px;
        float: right;
        background: url("../images/ticon1.png") no-repeat left center;
        color: #ebebeb;
        padding-left: 34px;
    }

    .wyx {
        width: 260px;
        float: right;
        font-size: 16px;
        line-height: 40px;
        background: url("../images/ticon2.png") no-repeat left center;
        color: #ebebeb;
        padding-left: 34px;
    }

    .xlkk {
        margin: 0 auto;
        overflow: hidden;
    }

    /**/
    .ttnav1 .logo {
        margin: 0px auto;
        margin-top: 6px;
        background: url("../images/logo1.png") no-repeat left center !important;
        height: 100px;
    }

    .ttnav1 .ddh .dhl a, ttnav1 .ddh .dhl a {
        color: #333 !important;
    }

    .ttnav1 .wpp {
        color: #555;
        background: url("../images/ticon11.png") no-repeat left center;
    }

    .ttnav1 .wyx {
        color: #555;
        background: url("../images/ticon22.png") no-repeat left center;
    }

    .xlk-right li a, .ttnav1 .ddh .dhl .xlk-right li a, .ttnav1 .ddh .dhl .xlk-left a {
        color: #333 !important;
    }

    .dhht {
        margin: 0 auto;
    }

    .ddh {
        line-height: 80px;
    }

    .ddh ul {
        display: inline-flex;
        flex: 1;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .top {
        width: 80%;
        float: left;
    }

    .rightxx {
        width: 40%;
        float: right;
    }

    .yyqh {
        width: 80px;
        float: right;
        font-size: 14px;
        line-height: 80px;
        background: url("../images/yyicon.png") no-repeat left center;
        padding-left: 26px;
    }

    .yyqh a, .yyqh1 a, .yyqh2 a {
        color: #dedede;
    }

    .stt {
        width: 1px;
        margin: 30px 8px 0 8px;
        float: right;
    }

    .yyqh1 {
        width: 50px;
        float: right;
        font-size: 14px;
        line-height: 80px;
        background: url("../images/oaicon.png") no-repeat left center;
        padding-left: 26px;
    }

    .yyqh2 {
        width: 130px;
        float: right;
        font-size: 14px;
        line-height: 80px;
        background: url("../images/kficon.png") no-repeat left center;
        padding-left: 30px;
        color: #dedede;
    }

    /*搜索框*/
    .ssk {
        width: 160px;
        overflow: hidden;
        border: 1px solid #a7a7af;
        border-radius: 5px;
        height: 30px;
        margin-top: 26px;
        float: right;
    }

    .ssk input {
        width: 80%;
        float: left;
        padding-left: 10px;
        height: 30px;
        background: none;
        border: none;
        color: #fff;
    }

    .ssk button {
        width: 20%;
        float: right;
        border: none;
        height: 30px;
        background: url("../images/fdj.png") no-repeat center center;
    }

    .ttnav.active .ssk button, .active1 .ssk button {
        width: 20%;
        float: right;
        border: none;
        height: 30px;
        background: url("../images/fdj1.png") no-repeat center center;
    }

    .ttnav.active .yyqh a, .ttnav.active .yyqh1 a, .active1 .yyqh a, .active1 .yyqh1 a {
        color: #333;
    }

    .ttnav.active .yyqh, .active1 .yyqh {
        background: url("../images/yyicon1.png") no-repeat left center;
    }

    .ttnav.active .yyqh1, .active1 .yyqh1 {
        background: url("../images/oaicon1.png") no-repeat left center;
    }

    .ttnav.active .yyqh2, .active1 .yyqh2 {
        background: url("../images/kficon1.png") no-repeat left center;
        color: #333;
    }

    .ttnav.active .ssk input, .active1 .ssk input {
        color: #333;
    }

    /*滚动图*/
    .gdtp {
        position: relative;
        width: 100%;
        padding-top: 100vh;
        background-position: center center;
        background-size: cover;
        overflow: hidden;
        perspective: 954px;
        backface-visibility: hidden;
        background-clip: border-box;
        height: 100vh !important;
        transition: transform .6s ease-in-out;
    }

    .gdwz {
        position: absolute;
        top: 30%;
        z-index: 10;
        left: 15%;
    }

    .gdwz1 {
        left: 50% !important;
    }

    .gdwz h1 {
        margin: 0;
        font-size: 65px;
        line-height: 100px;
        color: #fff;
        font-weight: bold;
    }

    .gdwz h1 .wzh {
        color: #f94151;
        margin-right: 30px;
    }

    .gdwz h2 {
        margin: 0;
        font-size: 38px;
        color: #dddada;
        font-weight: lighter;
        line-height: 90px;
    }

    .gdant {
        margin-top: 30px;
    }

    .gdant img {
        display: block;
        float: left;
    }

    .ddh .dhl:hover .dha {
        color: #00a6e4 !important;
    }
    /*新改动*/
    .pain-box{width:100%;background:#3E7BFA;overflow:hidden;padding-bottom:25px}
    .pain-box .szbt{margin-bottom:25px!important}
    .pain-box .szbt h1,.pain-box .szbt article{color:#fff!important}
    
    .caseBg{width:100%;background:url(../images/caseBg.png) no-repeat left top #fff;padding:25px 0 5px;background-size:auto 100%}
    .cgalz{background:#fff;min-height:450px;padding: 40px 0 0 20px;
        border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
    .aldk{background: #fff;}
  
    .drugnav1 li.active img{filter:brightness(0) invert(1)}
    .drugnav1 li.active a{color:#fff!important}
    .five-adv{width:100%;display:flex;justify-content:space-between}
}

@media (min-width: 1024px) {
    .dtzz h1 {
        font-size: 50px;
        line-height: 100px;
        color: #051542;
        font-weight: bold;
        margin: 0;
    }
}

@media (min-width: 960px) and (max-width: 1500px) {
    .dhht {
        width: 100%;
        margin: 0 auto;
    }

    .logo {
        width: 14%;
    }

    .dtzz h1 {
        font-size: 30px;
        line-height: 60px;
        color: #051542;
        font-weight: bold;
        margin: 0;
    }

    .dtzz article {
        font-size: 20px;
        color: #687189
    }

    .dtwz {
        width: 98%;
    }
}

@media (max-width: 1024px) {
    .dtzz h1 {
        font-size: 20px;
        line-height: 40px;
        color: #051542;
        font-weight: bold;
        margin: 0;
    }

    .ddh .dhl {
        font-size: 14px;
        padding: 0px;
        line-height: 60px;
    }

    .dtzz article {
        width: 80%;
        font-size: 16px;
        line-height: 28px;
        color: #687189;
        margin: 10px 0;
    }

    .dtzz a {
        line-height: 30px;
        margin-top: 0;
    }

    .dtwz {
        padding-top: 20px !important;
    }

    .top {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

    .dlty {
        width: 100%;
        float: left;
        margin-top: 10px !important;
        right: 5px;
        position: absolute;
        top: 5px;
        right: 5px;
    }

    .ddh {
        width: 86%;
    }

    .dhht {
        width: 100%;
        margin: 0 auto;
    }

    .ttop {
        width: 100%;
    }

    .ttnav.active .logo, .active1 .logo, .ttnav:hover .logo {
        height: 60px;
    }

    .logo {
        height: 60px
    }

}


.listfy {
    text-align: center;
    width: 100%;
    display: block;
    margin: 30px auto;
}

.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px;

}

.pagination > li {

    display: inline;

}

.pagination > li > a,
.pagination > li > span {

    position: relative;

    float: left;

    padding: 6px 12px;

    margin-left: -1px;

    line-height: 1.42857143;

    color: #555;

    text-decoration: none;

    background-color: #fff;

    font-size: 14px;

    border: 1px solid #ddd;

}

.pagination > li:first-child > a,
.pagination > li:first-child > span {

    margin-left: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

}

.pagination > li:last-child > a,
.pagination > li:last-child > span {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {

    z-index: 2;

    color: #c0850b;

    background-color: #eee;

    border-color: #ddd;

}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

    z-index: 3;

    color: #fff;

    cursor: default;

    background-color: #007fff;

    border-color: #007fff;

}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {

    color: #777;

    cursor: not-allowed;

    background-color: #fff;

    border-color: #ddd;

}

.pagination-lg > li > a,
.pagination-lg > li > span {

    padding: 10px 16px;

    font-size: 14px;

    line-height: 1.3333333;

}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {

    border-top-left-radius: 6px;

    border-bottom-left-radius: 6px;

}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {

    border-top-right-radius: 6px;

    border-bottom-right-radius: 6px;

}

.pagination-sm > li > a,
.pagination-sm > li > span {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {

    border-top-left-radius: 3px;

    border-bottom-left-radius: 3px;

}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

}