@charset "utf-8";
    /* CSS Document */
    
    * {
        margin: 0px;
        padding: 0px;
    }
    
    .clear {
        clear: both;
    }
    
    body {
        font-family: "Microsoft YaHei";
        background-color: #fff;
    }
    
    ul,
    dl,
    ol {
        list-style-type: none;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    img {
        max-width: 100%;
    }
    /*字体颜色*/
    
    .color3 {
        color: #333;
    }
    
    .color9 {
        color: #999;
    }
    
    .colorF {
        color: #fff;
    }
    
    @media (min-width: 1200px) {
        .container {
            width: 1400px;
        }
    }
    
    @media ( min-width:1250px) {
        .wd1200 {
            width: 1200px;
            margin: 0px auto;
        }
        .service_list li {
            width: 48%
        }
        .case_list li {
            width: 288px;
        }
        .case_list li:nth-child(4n) {
            margin-right: 0px;
            width: 290px;
        }
        .projectBar li {
            width: 288px;
        }
        .projectBar li:nth-child(4n) {
            margin-right: 0px;
            width: 290px;
        }
    }
    
    @media (max-width:1250px) {
        .wd1200 {
            width: 95%;
            margin: 0px auto;
        }
        .service_list li {
            width: 48%;
        }
        .case_list li,
        .projectBar li {
            width: 23.2%;
        }
        .projectBar li .proImg {
            height: 160px;
        }
    }
    
    @media (max-width:979px) {
        .wd1200 {
            width: 95%;
            margin: 0px auto;
        }
        .service_list li {
            width: 48%;
        }
        .service_list dl {
            height: 232px;
        }
    }
    
    .marBtm120 {
        margin-bottom: 120px;
    }
    
    .marBtm20 {
        margin-bottom: 20px;
    }
    
    .nav>li>a {
        padding: 0px;
        margin: 0px;
    }
    
    .navbar-brand {
        height: auto;
        padding-left: 0px;
    }
    
    .logo_iphone {
        display: none;
    }
    
    .navbar-default {
        background-color: transparent;
    }
    
    @media (max-width:768px) {
        .logo_iphone {
            display: block;
        }
        .logo_pc {
            display: none;
        }
        .navbar-collapse {
            padding-right: 0px;
        }
        .nav>li {
            width: 95%;
            border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
            margin: 0px auto;
        }
        .nav>li>a {
            padding: 15px 30px;
        }
        .navbar-brand {
            padding: 15px;
        }
        .navigationBar {
            box-shadow: 0 0 7px #a1a1a1;
        }
        .phone {
            display: none;
        }
    }
    /*banner*/
    
    #rt-showcase-surround {
        position: relative;
        margin-top: 0px;
    }
    
    .csslider1>.cs_bullets {
        bottom: -240px;
    }
    
    .navigationBar {
        background-color: #fff;
        width: 100%;
        font-size: 15px;
        border-bottom: 1px solid #eee;
        padding: 0px 0px;
    }
    
    .navBg {
        background-color: #fff;
        box-shadow: 0 0 7px #a1a1a1;
        position: fixed;
        left: 0px;
        top: 0px;
        right: 0px;
        z-index: 1000;
    }
    
    .navbar-default .navbar-nav>li>a {
        color: #333;
    }
    
    .sy-box .sy-pager li.sy-active a {
        background-color: #06c6ea;
    }
    
    .sy-box {
        position: relative;
    }
    
    .sy-pager {
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 10px;
        z-index: 3;
    }
    
    .navbar {
        margin-bottom: 0px;
    }
    
    .navbar-collapse {
        padding: 0px;
    }
    
    .navbar-nav {
        float: inherit;
    }
    
    .phone {
        text-align: center;
        font-size: 13px;
    }
    
    .zhengquan {
        background-color: #1c7de61a;
        color: #1c7de6;
        display: inline-block;
        border-radius: 50px;
        padding: 2px 10px;
        font-size: 13px;
        margin-left: -3px;
        margin-top: 57px;
    }
    
    .index_nav .zhengquan {
        background-color: #ffffff30;
        color: #fff;
    }
    
    .navBg .zhengquan,
    .head_box:hover .zhengquan {
        background-color: #1c7de61a;
        color: #1c7de6;
    }
    
    .phone i {
        color: #666;
        margin-right: 10px;
    }
    
    @media (min-width:768px) {
        .navbar-header {
            float: inherit;
        }
        .navBg .navbar-header {
            /* display: none; */
        }
        .navbar {
            min-height: auto;
        }
        .nav ul li {
            min-width: 80px;
            text-align: center;
            display: block;
        }
    }
    
    #main-menu {
        margin: 0px auto;
    }
    
    .home_title {
        padding-top: 80px;
        margin-bottom: 40px;
        text-align: center;
    }
    
    .home_title h1 {
        font-size: 34px;
        font-weight: 100;
    }
    
    .home_title p {
        font-size: 16px;
        margin-top: 35px;
        font-weight: 100;
    }
    
    .service_list li {
        margin-top: 40px;
        border-radius: 10px;
        font-weight: 100;
        transition: all 0.8s;
    }
    
    .service_list li a {
        color: #fff;
        display: inline-block;
        width: 100%;
    }
    
    .service_list li a:hover {
        color: #f6fd89;
    }
    
    .service_list li:hover {
        box-shadow: 0 0 7px #a1a1a1;
        transform: scale(1.05);
    }
    
    .service_list dl {
        padding: 30px 30px 30px 50px;
        margin-bottom: 0px;
    }
    
    .service_list dt {
        font-size: 26px;
        margin-bottom: 20px;
    }
    
    .service_list dd {
        margin-top: 5px;
        background: url(../images/list_dot.png) no-repeat left center;
        padding-left: 20px;
    }
    
    .service_list_one {
        float: left;
        background: linear-gradient(to right, #2fcbe7, #3e93db);
    }
    
    .service_list_one dl {
        background: url(../images/servicebg1.png) no-repeat right bottom;
    }
    
    .service_list_two {
        float: right;
        background: linear-gradient(to right, #2fdce7, #3eb8db);
    }
    
    .service_list_two dl {
        background: url(../images/servicebg2.png) no-repeat right bottom;
    }
    
    .service_list_three {
        float: left;
        background: linear-gradient(to right, #2fe7a0, #30bb9f);
    }
    
    .service_list_three dl {
        background: url(../images/servicebg3.png) no-repeat right bottom;
    }
    
    .service_list_four {
        float: right;
        background: linear-gradient(to right, #98d443, #7dad40);
    }
    
    .service_list_four dl {
        background: url(../images/servicebg4.png) no-repeat right bottom;
    }
    
    .caseBar {
        background: url(../images/case-bg.jpg) no-repeat center bottom;
        color: #fff;
        padding-top: 20px;
    }
    
    .case_list {
        padding-bottom: 70px;
        padding-top: 40px;
    }
    
    .case_list a {
        color: #fff;
    }
    
    .case_list li {
        float: left;
        margin-right: 15px;
        margin-bottom: 40px;
        text-align: center;
        transition: all 0.6s;
        border-radius: 10px;
    }
    
    .case_list li:nth-child(4n) {
        margin-right: 0px;
    }
    
    .case_list li a {
        display: block;
    }
    
    .case_img {
        background-color: #fff;
        border-radius: 10px;
        height: 150px;
        display: flex;
        align-items: center;
    }
    
    .case_img img {
        max-width: 100%;
        max-height: 100%;
        margin: 0px auto;
        align-items: center;
    }
    
    .case_main {
        display: none;
        height: 120px;
        margin: 15px;
        border: 2px solid rgba(255, 255, 255, 0.4);
        padding: 10px;
        border-radius: 8px;
        font-size: 12px;
    }
    
    .case_main h3 {
        font-size: 16px;
        font-weight: normal;
        margin: 20px 0px 10px;
    }
    
    .case_list li:hover {
        transform: scale(1.2);
        background: linear-gradient(to right, #2fcbe7, #3e93db);
    }
    
    .case_list li:hover .case_img {
        display: none;
    }
    
    .case_list li:hover .case_main {
        display: block;
    }
    
    .more_p {
        text-align: center;
        padding-bottom: 100px;
    }
    
    .more_w {
        display: inline-block;
        width: 130px;
        line-height: 36px;
        border: 1px solid #fff;
        border-radius: 3px;
        text-align: center;
        background: url(../images/more-w.png) no-repeat 100px center;
        padding-right: 10px;
    }
    
    .more_w:hover {
        border: 1px solid #1993f4;
        background: url(../images/more-b.png) no-repeat 100px center;
        color: #1993f4;
    }
    
    .projectBar {
        padding-top: 40px;
        padding-bottom: 70px;
    }
    
    .projectBar li {
        float: left;
        margin-right: 15px;
        transition: all 0.6s;
        padding-bottom: 15px;
    }
    
    .projectBar li:hover {
        transform: scale(1.05);
        box-shadow: 0 0 7px #a1a1a1;
        background-color: #fff;
    }
    
    .projectBar li h3,
    .projectBar li p {
        margin-left: 15px;
        margin-right: 15px;
    }
    
    .projectBar li:nth-child(4n) {
        margin-right: 0px;
    }
    
    .proImg {
        height: 250px;
        overflow: hidden;
        margin-bottom: 20px;
        background-color: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .proImg img {
        max-width: 100%;
    }
    
    .imgBar {
        /* height: calc(80% - 16px); */
        height: 500px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    
    .imgBar img {
        max-width: 100%;
        transition: all 0.6s;
    }
    
    .top_chanpin:hover img {
        transform: scale(1.2);
    }
    
    .projectBar li h3 {
        font-size: 20px;
        font-weight: normal;
        margin-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    
    .projectBar li a:hover {
        color: #1993f4;
    }
    
    .projectBar li p {
        font-size: 14px;
        color: #999;
        line-height: 24px;
        text-align: justify;
    }
    
    .proA {
        border: 1px solid #ddd;
        border-radius: 3px;
        width: 70px;
        background: url(../images/more-9.png) no-repeat 50px center;
        margin-top: 20px;
        font-weight: lighter;
    }
    
    .proA:hover {
        border: 1px solid #72befa;
        background: url(../images/more-b.png) no-repeat 50px center;
    }
    
    .pro_more {
        border: 1px solid #666;
        background: url(../images/more-3.png) no-repeat 100px center;
    }
    
    .customerBar {
        background-color: #f9f9f9;
        padding-bottom: 120px;
    }
    
    .customerBar ul {
        margin-top: 80px;
    }
    
    .customerBar li {
        float: left;
        height: 90px;
        overflow: hidden;
        background-color: #fff;
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee;
        text-align: center;
        transition: all 0.4s;
        display: flex;
        align-items: center;
    }
    
    .customerBar li:nth-child(6n) {
        border-right: 1px solid #eee;
    }
    
    .customerBar li img {
        max-width: 90%;
        margin: 0px auto;
    }
    
    .customerBar li:hover {
        transform: scale(1.05);
        box-shadow: 0 0 5px #ddd;
    }
    
    .uicsoft {
        display: flex;
        padding-bottom: 120px;
    }
    
    .uicsoft dt {
        flex: 1;
        font-size: 16px;
        color: #666;
        margin-right: 100px;
        margin-top: 40px;
    }
    
    .uicsoft dt p {
        margin-bottom: 10px;
        line-height: 30px;
        text-indent: 32px;
        text-align: justify;
        font-weight: lighter;
    }
    
    .uicsoft dd {
        border: 10px solid #f3f3f3;
        width: 70%;
        max-width: 365px;
        height: 260px;
        position: relative;
        margin-right: 50px;
        margin-top: 20px;
    }
    
    .uicsoft dd img {
        max-width: 100%;
        position: absolute;
        right: -50px;
        bottom: -50px;
    }
    
    .shuziBar {
        background: url(../images/shuzibg.jpg) no-repeat center #032e6f;
        color: #fff;
        text-align: center;
    }
    
    .shuziBar ul {
        width: 100%;
        max-width: 1200px;
        margin: 0px auto;
        column-count: 3;
        column-gap: 20px;
        padding: 85px 0px;
    }
    
    .shuziBar ul h1 {
        font-weight: normal;
        font-size: 36px;
        margin-bottom: 15px;
    }
    
    .shuziBar ul p {
        color: rgba(255, 255, 255, 0.7);
        margin: 0px;
    }
    
    .tab-menu li {
        position: relative;
        color: #999;
        display: inline-block;
        padding: 20px;
        opacity: 0.8;
        cursor: pointer;
        z-index: 0;
        line-height: 30px;
    }
    
    .tab-menu li:hover {
        color: #1993f4;
    }
    
    .tab-menu li.active {
        color: #207fff;
        opacity: 1;
    }
    
    .tab-menu li.active:hover {
        color: #207fff;
    }
    
    .line {
        width: 0;
        height: 0px;
        position: absolute;
        left: 0px;
        bottom: 0px;
    }
    
    .news_title a {
        color: #999;
        display: inline-block;
        padding: 0px 10px;
    }
    
    .news_title a:hover {
        color: #207fff;
    }
    
    .news ul {}
    
    .news li {
        float: left;
        width: 48%;
        background-color: #fff;
        padding: 20px 30px;
        display: flex;
        margin-bottom: 40px;
        transition: all 0.6s;
        border: 1px solid #eee;
    }
    
    .news li:nth-child(2n) {
        float: right;
    }
    
    .news_img {
        width: 280px;
        height: 150px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        overflow: hidden;
    }
    
    .news_img img {
        width: 100%;
    }
    
    .news_content {
        flex: 1;
        margin-left: 20px;
        font-size: 14px;
        color: #999;
        text-align: justify;
    }
    
    .news_content h2 {
        font-size: 18px;
        font-weight: normal;
        color: #000;
        height: 55px;
        margin: 0px;
        margin-bottom: 5px;
        line-height: 26px;
        overflow: hidden;
    }
    
    .news_content p {
        margin-bottom: 10px;
        height: 40px;
        overflow: hidden;
    }
    
    .news li:hover {
        box-shadow: 0 0 8px #ddd;
        transform: scale(1.05);
    }
    
    .news_content a {
        color: #000;
    }
    
    .news_content a:hover {
        color: #207fff;
    }
    
    .footerBar {
        background-color: #207fff;
        padding-top: 10px;
    }
    
    @media ( min-width:979px) {
        .partner {
            width: 55%;
            float: left;
            padding-bottom: 30px;
        }
        .contact {
            float: right;
            width: 40%;
            position: relative;
        }
        .customerBar li {
            width: 16.7%;
            margin-left: -1px;
        }
        .customerBar li:nth-child(1),
        .customerBar li:nth-child(2),
        .customerBar li:nth-child(3),
        .customerBar li:nth-child(4),
        .customerBar li:nth-child(5),
        .customerBar li:nth-child(6) {
            border-top: 1px solid #eee;
        }
        .customerBar li:nth-child(6n) {
            border-right: 1px solid #eee;
        }
        .lz_phoneNav {
            display: none;
        }
    }
    
    @media ( max-width:979px) {
        .navigationBar {
            background-color: #fff;
        }
        .customerBar li {
            width: 25%;
            margin-left: -1px;
        }
        .customerBar li:nth-child(1),
        .customerBar li:nth-child(2),
        .customerBar li:nth-child(3),
        .customerBar li:nth-child(4) {
            border-top: 1px solid #eee;
        }
        .customerBar li:nth-child(4n) {
            border-right: 1px solid #eee;
        }
        .uicsoft {
            display: inline-block;
        }
        .uicsoft dt {
            margin: 0px auto 15px;
            width: 90%;
        }
        .uicsoft dd {
            margin: 0px auto;
            height: 200px;
        }
        .uicsoft dd img {
            right: -20px;
            bottom: -30px;
            max-height: 200px;
        }
        .news li {
            width: 90%;
            float: inherit;
            margin: 0px auto 20px;
        }
        .news li:nth-child(2n) {
            float: inherit;
        }
        .row .col-md-3 {
            display: none;
        }
        .tc-box.article-box {
            padding: 0px;
        }
        .tc-box.article-box .col-md-12 {
            padding-left: 0px;
            padding-right: 0px;
        }
        .lz_phoneNav {
            display: flex;
            margin-bottom: -1px;
        }
        .lz_phoneNav li {
            flex: 1;
            text-align: center;
            font-size: 16px;
        }
        .lz_phoneNav a {
            color: #333;
        }
        .lz_phoneNav .lz_focus {
            border-bottom: 2px solid #2780E3;
            color: #2780E3;
            padding-bottom: 10px;
            display: block;
        }
        .lianz h2 {
            display: none;
        }
        .lianz hr {
            margin: 0px 0px 10px;
        }
    }
    
    @media (max-width:680px) {
        .service_list li {
            width: 95%;
            margin-top: 20px;
        }
        .service_list_one,
        .service_list_two,
        .service_list_three,
        .service_list_four {
            float: inherit;
            margin: 0px auto;
        }
        .case_list li,
        .projectBar li {
            width: 45%;
        }
        .case_list li:nth-child(4n) {
            margin-right: 0px;
        }
        .caseBar {
            background-size: cover;
        }
        .shuziBar ul {
            width: 90%
        }
        .shuziBar ul h1 {
            font-size: 28px;
        }
    }
    
    .footertitle h3 {
        font-size: 24px;
        font-weight: normal;
    }
    
    .footertitle p {
        color: rgba(255, 255, 255, 0.4);
        font-size: 14px;
        margin-bottom: 25px;
        font-weight: 200;
        margin-top: 5px;
    }
    
    .partner ul {
        columns: 5;
        column-gap: 10px;
    }
    
    .partner ul li {
        height: 66px;
        background-color: #fff;
        border-radius: 5px;
        margin-bottom: 10px;
        align-items: center;
        display: flex;
        overflow: hidden;
    }
    
    .partner ul li img {
        width: 100%;
        align-items: center;
        margin: 0px auto;
    }
    
    .contact li {
        margin-bottom: 5px;
    }
    
    .map {
        display: inline-block;
        margin-left: 50px;
        background: url(../images/map_r.png) no-repeat right center;
        padding-right: 15px;
        color: #fff;
        line-height: 20px;
    }
    
    .map:hover {
        background: url(../images/map_r2.png) no-repeat right center;
        color: #fbfd71;
    }
    
    .erweima {
        position: absolute;
        right: 0px;
        top: 20px;
    }
    
    .copyright {
        /* background: url(../images/copyrightline.png) repeat-x top; */
        line-height: 24px;
        padding: 10px 0px;
        text-align: center;
        font-weight: normal;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
        border-top: 1px solid #549ffc;
    }
    
    .copyright a {
        color: rgba(255, 255, 255, 0.5) !important;
    }
    
    .copyright a:hover {
        color: #fff;
    }
    
    @media ( max-width:979px) {
        .partner {
            width: 90%;
            padding-bottom: 30px;
            margin: 0px auto;
        }
        .contact {
            width: 90%;
            position: relative;
            margin: 0px auto;
        }
        .partner ul li {
            height: auto;
        }
        .copyright .wd1200 {
            width: 90%;
        }
    }
    /*悬浮链接*/
    
    .suspension {
        position: fixed;
        z-index: 55;
        right: 10px;
        top: 320px;
        width: 100px;
        height: 240px;
    }
    
    .suspension-box {
        position: relative;
        float: right;
    }
    
    .suspension .a {
        display: block;
        width: 90px;
        height: 90px;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-bottom: 20px;
        text-align: center;
        padding-top: 40px;
        line-height: 50px;
        border-radius: 10px;
        cursor: pointer;
        outline: none;
    }
    
    .suspension .a.active,
    .suspension .a:hover {
        background-color: #076cbc;
        color: #fff;
        border: 1px solid #076cbc;
        cursor: pointer;
    }
    
    .suspension .a-top {
        background: #D2D3D6;
        display: none;
    }
    
    .suspension .a-top:hover {
        background: #c0c1c3;
    }
    
    .suspension .d {
        display: none;
        width: 230px;
        background: #fff;
        position: absolute;
        right: 100px;
        min-height: 90px;
        border: 1px solid #E0E1E5;
        border-radius: 3px;
        box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
    }
    
    .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 {
        top: 0;
    }
    
    .suspension .d-service-phone {
        top: 0px;
    }
    
    .suspension .d-qrcode {
        top: 78px;
    }
    
    .suspension .d .inner-box {
        padding: 8px 10px 12px;
    }
    
    .suspension .d-service-item {
        border-bottom: 1px solid #eee;
        padding: 14px 0;
    }
    
    .suspension .d-service .d-service-item {
        border-bottom: none;
    }
    
    .suspension .d-service-item .circle {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        overflow: hidden;
        background: #F1F1F3;
        display: block;
        float: left;
    }
    
    .suspension .d-service-item .i-qq {
        width: 44px;
        height: 44px;
        background: url(../images/side_con_icon03.png) no-repeat center 15px;
        display: block;
        transition: all .2s;
        border-radius: 50%;
        overflow: hidden;
    }
    
    .suspension .d-service-item:hover .i-qq {
        background-position: center 3px;
    }
    
    .suspension .d-service-item .i-tel {
        width: 44px;
        height: 44px;
        background: url(../images/side_con_icon02.png) no-repeat center center;
        display: block;
    }
    
    .suspension .d-service-item h3 {
        float: left;
        width: 120px;
        line-height: 44px;
        font-size: 15px;
        margin: 0px;
        margin-left: 12px;
        color: #000;
    }
    
    .suspension .d-service-item .text {
        float: left;
        width: 120px;
        line-height: 22px;
        font-size: 15px;
        margin-left: 12px;
    }
    
    .suspension .d-service-item .text .number {
        font-family: Arial, "Microsoft Yahei";
        color: #f05352
    }
    
    .suspension .d-service-item .text p {
        margin-bottom: 0px;
    }
    
    .suspension .d-service-intro {
        padding-top: 10px;
        color: #888
    }
    
    .suspension .d-service-intro p {
        line-height: 27px;
        font-size: 14px;
        white-space: nowrap;
        color: #333;
        text-align: center;
    }
    
    .consult {
        background: url(../images/qq.png) no-repeat center 25px;
        color: #000;
    }
    
    .telephone {
        background: url(../images/tel.png) no-repeat center 25px;
        color: #000;
    }
    
    .consult:hover {
        background: url(../images/qq2.png) no-repeat center 25px;
    }
    
    .telephone:hover {
        background: url(../images/tel2.png) no-repeat center 25px;
    }
    /*pagebanner*/
    
    .page_banner {
        height: 340px;
        background: url(../images/banner_top.jpg) no-repeat center bottom;
        margin-top: 90px;
    }
    
    .page_banner_csae {
        background: url(../images/case_top.jpg) no-repeat center bottom;
        margin-top: 90px;
    }
    
    .wulian {
        background: url(../images/top_wl.jpg) no-repeat center bottom;
    }
    /*物联网*/
    
    .yewu {
        background: url(../images/top_yw.jpg) no-repeat center bottom;
    }
    /*业务*/
    
    .fangan {
        background: url(../images/top_fa.jpg) no-repeat center bottom;
    }
    /*解决方案*/
    
    .shangcheng {
        background: url(../images/top_sc.jpg) no-repeat center bottom;
    }
    /*商城*/
    
    @media ( max-width:1200px) {
        .page_banner {
            background: url(../images/banner_top.jpg) no-repeat 43% bottom;
        }
        .page_banner_csae {
            background: url(../images/case_top.jpg) no-repeat 75% bottom;
            margin-top: 50px;
        }
        .wulian {
            background: url(../images/top_wl.jpg) no-repeat 75% bottom;
        }
        /*物联网*/
        .shangcheng {
            background: url(../images/top_sc.jpg) no-repeat 75% bottom;
        }
        /*商城*/
        .yewu {
            background: url(../images/top_yw.jpg) no-repeat 75% bottom;
        }
        /*业务*/
        .fangan {
            background: url(../images/top_fa.jpg) no-repeat 75% bottom;
        }
        /*解决方案*/
    }
    
    @media ( max-width:1000px) {
        .page_banner {
            background: url(../images/banner_top.jpg) no-repeat 34% bottom;
        }
        .wulian {
            background: url(../images/top_wl.jpg) no-repeat 75% bottom;
        }
        /*物联网*/
        .shangcheng {
            background: url(../images/top_sc.jpg) no-repeat 75% bottom;
        }
        /*商城*/
        .yewu {
            background: url(../images/top_yw.jpg) no-repeat 75% bottom;
        }
        /*业务*/
        .fangan {
            background: url(../images/top_fa.jpg) no-repeat 75% bottom;
        }
        /*解决方案*/
    }
    
    @media ( max-width:750px) {
        .page_banner {
            background: url(../images/banner_top.jpg) no-repeat 29% bottom;
        }
        .wulian {
            background: url(../images/top_wl.jpg) no-repeat 72% bottom;
        }
        /*物联网*/
        .shangcheng {
            background: url(../images/top_sc.jpg) no-repeat 72% bottom;
        }
        /*商城*/
        .yewu {
            background: url(../images/top_yw.jpg) no-repeat 72% bottom;
        }
        /*业务*/
        .fangan {
            background: url(../images/top_fa.jpg) no-repeat 72% bottom;
        }
        /*解决方案*/
    }
    
    .page_banner_contact {
        background: url(../images/contact.jpg) no-repeat center bottom;
        height: 190px;
        margin-top: 50px;
    }
    /*联系我们banner图*/
    
    .page_banner_news {
        background: url(../images/top_news.jpg) no-repeat center bottom;
        height: 190px;
        margin-top: 50px;
    }
    /*联系我们banner图*/
    
    .app {
        background: url(../images/top_app.jpg) no-repeat 63% bottom;
    }
    /*app*/
    
    .page_bannerDiv {
        max-width: 1200px;
        margin: 0px auto;
        height: 340px;
        position: relative;
    }
    
    .zixun_top {
        width: 300px;
        height: 100px;
        display: block;
        position: absolute;
        left: 12%;
        bottom: 40px;
    }
    
    .zixun_top1 {
        width: 300px;
        height: 100px;
        display: block;
        position: absolute;
        right: 17%;
        bottom: 40px;
    }
    
    @media ( max-width:680px) {
        .app {
            background: url(../images/top_app.jpg) no-repeat 75% bottom;
        }
        .page_banner_csae {
            background: url(../images/case_top.jpg) no-repeat 72% bottom;
            margin-top: 50px;
        }
        .wulian {
            background: url(../images/top_wl.jpg) no-repeat 72% bottom;
        }
        /*物联网*/
        .shangcheng {
            background: url(../images/top_sc.jpg) no-repeat 72% bottom;
        }
        /*商城*/
        .zixun_top1 {
            border-right: 37%;
        }
    }
    
    .tc-padtop {
        padding-top: 20px;
    }
    
    .tc-padtop .tc-box {
        border: 0px;
    }
    
    .border_right {
        border-right: 1px solid #eee;
    }
    
    .border_left {
        border-left: 1px solid #eee;
        margin-left: -1px;
    }
    
    .headtitle h2,
    .headtitle h3,
    .headtitle h4 {
        padding-bottom: 10px;
        border-bottom: 2px solid #2780e3;
    }
    
    .anli_keywords {
        font-size: 12px;
        color: #999;
    }
    /*案例列表*/
    
    .case_box {
        display: flex;
        flex-wrap: wrap;
    }
    
    .case_box .list-boxes {
        width: 25%;
        background-color: transparent;
        padding: 0px;
        margin: 0px;
    }
    
    @media ( max-width:1200px) {
        .case_box .list-boxes {
            width: 33.3%;
        }
    }
    
    @media ( max-width:680px) {
        .case_box .list-boxes {
            width: 50%;
        }
    }
    
    .case_box .list-boxes:hover {
        border: 0px;
    }
    
    .jianju {
        background-color: #fff;
        border-radius: 6px;
        padding: 10px;
        display: block;
        text-align: center;
        color: #333;
        /* transition: all 0.6s; */
        margin: 10px;
    }
    
    .jianju:hover {
        color: #2780E3;
        box-shadow: 0 0 7px #ddd;
        /* transform: scale(1.05); */
    }
    
    .case_c .case_img {
        width: 100%;
        height: auto;
        align-items: flex-start;
        display: flex;
        margin-bottom: 20px;
    }
    
    .case_c .case_img img {
        width: 100%;
        max-height: inherit;
        align-items: center;
        margin: 0px auto;
    }
    
    .jianju p {
        height: 40px;
        overflow: hidden;
        margin-bottom: 0px;
    }
    
    .case_c {
        text-align: center;
    }
    
    .border_bottom {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }
    
    .float_img {
        float: left;
        margin-right: 25px;
    }
    
    .zhaiyao {
        height: 60px;
        overflow: hidden;
    }
    
    .section {
        margin: 20px 10px;
        float: right;
    }
    
    .ranking .contact_lz li {
        line-height: 24px;
        padding: 10px 0px;
    }
    
    .ranking .contact_lz li a {
        display: block;
        font-size: 16px;
        padding-left: 15px;
        border-left: 4px solid #d1d1d1;
    }
    
    .ranking .contact_lz li .lz_focus,
    .ranking .contact_lz li a:hover {
        border-left: 4px solid #2780e3;
        color: #2780e3;
    }
    
    .section-title {
        margin-bottom: 30px;
    }
    
    .contact-info {
        display: flex;
        font-size: 16px;
    }
    
    .contact-info h5 {
        width: 100px;
        text-align: justify;
        font-size: 16px;
        font-family: "微软雅黑";
        font-weight: normal;
    }
    
    .contact-info p {
        margin: 5px 0px;
    }
    /*单页内容字体样式*/
    
    .page_article {
        font-weight: 100;
        line-height: 46px;
        font-size: 20px;
    }
    
    .liucheng {
        border-top: 1px solid #eee;
        padding-bottom: 80px;
    }
    
    .kf_liucheng {
        display: flex;
        margin-top: 50px;
    }
    
    .kf_liucheng li {
        flex: 1;
        text-align: center;
    }
    
    .kf_liucheng p {
        width: 80px;
        margin: 20px auto 0px;
    }
    
    .kf_liucheng p:first-child {
        display: flex;
        align-items: center;
        border: 1px solid #666;
        border-radius: 50%;
        height: 80px;
    }
    
    .kf_liucheng p img {
        align-items: center;
        width: 46px;
        margin: 0px auto;
    }
    
    @media ( max-width:680px) {
        .kf_liucheng p {
            width: 40px;
            margin: 20px auto 0px;
        }
        .kf_liucheng p:first-child {
            height: 40px;
        }
        .kf_liucheng p img {
            width: 24px;
        }
    }
    
    .art_nav {
        padding: 5px 20px;
    }
    /*首页留言样式*/
    
    .liuyanBar {
        background: url(../images/lybg.jpg) no-repeat center;
        margin: 0px;
        padding: 30px 0px;
    }
    
    .liuyanBar_1 {
        background: url(../images/lybg_1.jpg) no-repeat center;
        margin: 0px;
        padding: 30px 0px;
        background-size: cover;
    }
    
    .index_liuyan {
        padding: 20px 80px;
        background-color: rgba(255, 255, 255, 0.95)
    }
    
    .index_liuyan h2 {
        text-align: center;
        color: #0262ce;
        font-size: 32px;
        margin-bottom: 40px;
        font-weight: 500;
    }
    
    .liuyan_left {
        border-right: 1px solid #ddd;
        padding: 0px 50px 13px 0px;
    }
    
    .liuyan_left h3 {
        font-size: 17px;
        color: #f00;
        text-align: center;
        margin-top: 35px;
    }
    
    .liuyan_left dt {
        font-size: 30px;
        margin-bottom: 20px;
        font-weight: 300;
    }
    
    .liuyan_left dt span {
        font-size: 20px;
        color: #999;
        display: block;
    }
    
    .liuyan_left dd {
        font-size: 16px;
        margin-bottom: 5px;
    }
    
    .liuyan_left dd span {
        font-size: 22px;
    }
    
    .form-horizontal {
        margin-left: 30px;
    }
    
    .form-horizontal .control-label {
        text-align: right;
        font-weight: inherit;
        font-size: 16px;
        color: #999;
        padding-right: 0px;
    }
    
    .diyform-body .form-group {
        margin-bottom: 8px;
    }
    
    .diyform-body .form-control {
        box-shadow: none;
    }
    
    .form-group .btn {
        width: 120px;
        padding: 12px;
        margin-left: 15px;
        margin-right: 0px;
    }
    
    .radio-inline+.radio-inline,
    .checkbox-inline+.checkbox-inline {
        margin-left: 35px;
    }
    
    @media ( max-width:1200px) {
        .index_liuyan {
            padding: 50px 30px;
        }
        .liuyan_left {
            padding-right: 20px;
        }
    }
    
    @media ( max-width:989px) {
        .liuyanBar .liuyan_left,
        .liuyanBar_1 .liuyan_left {
            border-right: 0px;
        }
        .liuyanBar .liuyan_left dl,
        .liuyanBar_1 .liuyan_left dl {
            display: none;
        }
        .liuyan_left h3 {
            margin-top: -15px;
        }
        .col-sm-2 {
            width: auto;
            min-width: 79px;
        }
        .col-sm-offset-2 {
            margin-left: 79px;
        }
    }
    /*.error{background: url(../images/404.png) no-repeat center 50px; text-align: center; padding-top: 300px; font-size:16px; color: #666; line-height: 32px; }
.error a{ display: inline-block; padding:8px 15px; color: #333; border:1px solid #ddd; }
.error a:hover{ color: #1993f4;border:1px solid #55b3fe; }
*/
    
    .linksBar {
        background-color: #207fff;
        color: rgba(255, 255, 255, 0.5);
        padding-top: 30px;
        line-height: 22px;
    }
    
    .links_list {
        /* background: url(../images/copyrightline.png) repeat-x bottom; */
        padding-bottom: 15px;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
    }
    
    .links_list span {
        font-size: 18px;
    }
    
    .links_list i {
        margin-right: 10px;
    }
    
    .links_list a {
        display: inline-block;
        margin-left: 15px;
        color: rgba(255, 255, 255, 0.6)
    }
    
    .links_list a:hover {
        display: inline-block;
        margin-left: 15px;
        color: rgba(255, 255, 255, 1)
    }
    
    .baojia {
        margin: 90px auto 0px;
    }
    
    .newsNav {
        border-bottom: 1px solid #eee;
    }
    
    .newsNav a {
        padding: 0px 10px 15px;
        display: inline-block;
        color: #333;
        font-size: 16px;
    }
    
    .newsNav a:hover {
        color: #207fff;
    }
    
    .newsNav a.newsA {
        border-bottom: 2px solid #005599;
        margin-bottom: -1px;
        color: #005599;
    }
    
    .list-boxes:hover h2 a {
        color: #005599;
    }
    
    #article_content {
        font-size: 16px;
        text-align: justify;
        line-height: 32px;
    }
    
    #article_content img {
        margin: 0px auto;
        max-width: 100%;
        display: block;
    }
    
    .list-boxes h2 a {
        color: #000;
    }
    
    .list-boxes h2 {
        line-height: 24px;
    }
    
    @media (max-width:768px) {
        .wd1200 {
            width: 100%;
        }
        .navbar-toggle {
            margin-right: 0px;
        }
        .navbar-brand {
            padding: 18px 0px 18px 12px;
            width: 80%;
        }
        .navbar-brand img {
            max-width: 100%;
        }
        .border_left {
            border-left: 0px;
        }
        .liuyanBar_1 {
            padding: 12px;
        }
        .index_liuyan {
            padding: 15px;
            background-color: rgba(255, 255, 255, 0.8);
        }
        .index_liuyan h2 {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 25px;
        }
        .liuyan_left {
            padding-right: 0px;
        }
        .partner {
            display: none;
        }
        .form-horizontal {
            margin-left: 0px;
        }
        .form-horizontal .control-label {
            text-align: left;
        }
        .col-sm-offset-2 {
            margin-left: 0px;
        }
        .suspension .a {
            width: 48px;
            height: 48px;
            padding-top: 0px;
            margin-bottom: 10px;
        }
        .consult {
            background: url(../images/qq.png) no-repeat center 16px;
            background-size: 14px auto;
            color: transparent;
        }
        .consult:hover {
            background: url(../images/qq2.png) no-repeat center 16px;
            background-size: 14px auto;
            color: transparent;
        }
        .telephone {
            background: url(../images/tel.png) no-repeat center 16px;
            background-size: 14px auto;
            color: transparent;
        }
        .telephone:hover {
            background: url(../images/tel2.png) no-repeat center 16px;
            background-size: 14px auto;
            color: transparent;
        }
        .suspension .a.active,
        .suspension .a:hover {
            color: transparent;
        }
        .suspension .d-service-phone {
            top: 58px;
        }
        .suspension .d {
            right: 52px;
        }
        .suspension .d .arrow {
            top: 19px;
        }
        #newBridge .nb-icon-wrap {
            width: 48px !important;
            height: 48px !important;
            top: 39% !important;
            right: 10px !important;
        }
        .home_title {
            padding: 30px 15px 0px;
            margin-bottom: 10px;
        }
        .service_list dl {
            padding: 15px 20px;
            height: auto;
        }
        .service_list li {
            margin-top: 10px;
        }
        .marBtm120 {
            margin-bottom: 20px;
        }
        .caseBar {
            padding-top: 0px;
        }
        .caseBar .case_list li {
            margin-right: 13px;
            margin-bottom: 13px;
        }
        .case_list {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .caseBar .case_list li:nth-child(odd) {
            margin-left: 13px;
        }
        .more_p {
            padding-bottom: 25px;
        }
        .projectBar {
            padding-top: 10px;
            padding-bottom: 0px;
        }
        .projectBar li {
            margin-right: 13px;
            margin-bottom: 0px;
        }
        .projectBar li:nth-child(odd) {
            margin-left: 13px;
        }
        .proA {
            margin-top: 0px;
        }
        .projectBar li h3,
        .projectBar li p {
            margin-left: 0px;
            margin-right: 0px;
        }
        .liuyanBar {
            background-size: cover;
        }
        .customerBar ul {
            margin-top: 20px;
        }
        .customerBar li {
            margin-left: 0px;
        }
        .customerBar {
            padding-bottom: 20px;
        }
        .uicsoft_jieshao {
            text-align: justify;
            line-height: 24px;
            font-size: 14px;
            text-indent: 28px;
            font-weight: normal;
            margin-bottom: 10px;
        }
        .uicsoft {
            padding-bottom: 20px;
        }
        .news li {
            width: 100%;
            border: 0px;
            border-bottom: 1px;
            padding: 12px;
            margin-bottom: 0px;
            border-bottom: 1px solid #f1f1f1;
        }
        .tab-menu li {
            padding: 5px 20px;
            background-color: #f4f4f4;
            border-radius: 5px;
            margin-left: 8px;
            margin-right: 8px;
        }
        .tab-menu li.active {
            background-color: #e7f5ff;
        }
        .news_img {
            width: 90px;
            height: 90px;
        }
        .news_content p {
            display: none;
        }
        .linksBar {
            display: none;
        }
        .suspension {
            width: auto;
            height: auto;
        }
        .erweima {
            top: 0px;
        }
        .zhaiyao {
            display: none;
        }
        .list-boxes {
            margin: 0px;
        }
        .list-boxes h2 {
            font-size: 16px;
        }
        .news_right {
            /* margin-left: 115px; */
        }
    }
    
    .list_newsFlex {
        display: flex;
        justify-content: center;
    }
    
    .navP {
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
        margin-bottom: 0px;
    }
    /* 20210820导航样式 */
    
    .nav_divFlex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0px auto;
    }
    
    .nav_divFlex .navbar-brand img {
        /* height: 36px; */
    }
    /* 导航样式开始 */
    
    @media (max-width: 768px) {
        .nav_uic {
            position: fixed;
            left: 0px;
            right: 0px;
            top: 65px;
            height: auto;
            background-color: #fff;
            width: 100%;
        }
        .nav_uic li {
            border-bottom: 1px solid #eee;
        }
    }
    
    .nav_uic a {
        padding: 8px !important;
    }
    
    .nav_uic li {
        margin-left: 10px;
        text-align: center;
    }
    
    .nav_uic .dropdown-menu li {
        margin-left: 0px;
    }
    
    .nav_uic .dropdown-menu li a {
        padding: 12px 12px !important;
    }
    
    .nav_uic .dropdown-menu li:last-child {
        border-bottom: 0px;
    }
    
    .navbar-header {
        display: flex;
    }
    
    .navbar-header .navbar-toggle {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    /* 导航样式结束 */
    
    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        font-weight: bold;
        color: #fff;
        background-color: #137adf;
    }
    
    .dropdown-menu {
        left: -73%;
        top: 130%;
        min-width: 220px;
        padding: 0px;
        border: 0px;
    }
    
    @media (min-width:769px) {
        .dropdown-menu::after {
            content: "";
            position: absolute;
            left: 46%;
            top: -16px;
            width: 1px;
            height: 1px;
            border: 8px solid #137adf;
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
        }
    }
    
    .dropdown-menu .dropdown-menu {
        display: block;
        border: 0px;
        box-shadow: none;
    }
    
    .dropdown-custom-level-2 {
        position: relative;
    }
    
    .dropdown-custom-level-2 .dropdown-menu {
        position: relative;
        top: 0px;
        left: 0px;
        right: 0px;
    }
    
    .cuslevel-3 {
        display: block !important;
        float: none !important;
    }
    
    .cuslevel-1 .dropdown-menu {
        text-align: center;
    }
    
    .dropdown-menu>li>a {
        padding: 15px 20px;
        text-align: center;
        border-bottom: 1px solid #eee;
    }
    
    .cuslevel-2 .dropdown-toggle-2 {
        border-bottom: 1px solid #ddd;
    }
    /* 页面内子导航 */
    
    .ym_zidaohang {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .ym_zidaohang h2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .zNAVliebie {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .zNAVliebie li {
        margin-left: 20px;
        font-size: 16px;
    }
    
    .zNAVliebie a {
        color: #999;
    }
    
    .zNAVliebie a:hover {
        color: #137adf;
    }
    /* 免费试用 */
    
    .mfshiyong {
        margin-top: 50px;
        background-color: #e6f0fe;
    }
    
    .shiyong_div {
        max-width: 1000px;
        margin: 0px auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .qy_style {
        background: url("../images/banner-qy.jpg") no-repeat center;
    }
    
    .ry_style {
        background: url("../images/banner-ry.jpg") no-repeat center;
    }
    
    .zp_style {
        background: url("../images/banner-zp.jpg") no-repeat center;
    }
    
    .shiyong_div dt {
        flex: 3;
    }
    
    .shiyong_div dd {
        flex: 2;
    }
    
    .shiyong_div img {
        max-width: 100%;
    }
    
    .shiyong_title h1 {
        font-size: 48px;
    }
    
    .shiyong_title p {
        font-size: 20px;
        font-weight: normal;
        margin-top: 15px;
    }
    
    .shiyong_a {
        display: inline-block;
        background-image: linear-gradient(to right, #007af8, #28beffeb);
        padding: 10px 40px;
        border-radius: 50px;
        color: #fff;
    }
    
    .shiyong_a:hover {
        color: #fff;
        opacity: 0.8;
    }
    /* 招聘样式 */
    
    .zp_p {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px;
        padding: 10px;
    }
    
    .zp_p span {
        display: block;
    }
    
    .zhaopin_title {
        background-color: #f4f7fc;
    }
    
    .zp_flex2 {
        flex: 2;
    }
    
    .zp_flex1 {
        flex: 1;
    }
    
    .zp_flex3 {
        flex: 3;
    }
    
    .zhaopin_li {
        border-bottom: 1px solid #eee;
    }
    
    .job-position-box .zhaopin_li .job-position-info .job-position-div {
        margin-top: 0px;
        border-top: 0px;
        background-color: transparent;
        padding: 0px 10px;
    }
    
    .job-position-box ul .zhaopin_li h4 span {
        font-size: 16px;
        float: none;
        margin-right: 0px;
        font-weight: normal;
        line-height: 32px;
    }
    
    .zhaopin_li:hover {
        background-color: #f4f7fc;
    }
    
    .daiyu {
        font-size: 16px;
        color: #fd1954;
        margin-bottom: 0px;
    }
    
    .daiyu span {
        padding-right: 10px;
        margin-right: 10px;
        line-height: 14px;
        position: relative;
    }
    
    .daiyu span::after {
        content: "";
        width: 1px;
        background-color: #ddd;
        position: absolute;
        top: 3px;
        bottom: 3px;
        right: 0px;
    }
    
    .job-position-box .zhaopin_li .job-position-info .job-position-div2 {
        font-size: 16px;
    }
    
    .jlxiangqing {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    
    .plupload-btn-box .plupload-btn {
        background-color: #1679f1 !important;
    }
    
    .plupload-btn-box .plupload-btn:hover {
        opacity: 0.7;
    }
    /* 技术服务 */
    
    .jishufw {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    
    .jishufw dt {
        flex-shrink: 0;
        width: 100%;
        text-align: center;
        font-weight: normal;
    }
    
    .jishufw dd {
        border: 1px solid #eee;
        width: 32%;
        margin-top: 30px;
        border-radius: 5px;
        box-sizing: border-box;
        padding: 30px 30px 30px;
        color: #666;
        font-size: 16px;
        line-height: 32px;
        text-align: justify;
    }
    
    .jishufw dd p {
        display: none;
        margin-bottom: 0px;
        margin-top: 20px;
    }
    
    .jishufw h2 {
        font-size: 24px;
        margin: 0px;
        color: #000;
    }
    
    .js_title {
        display: flex;
    }
    
    .title_line {
        flex-shrink: 0;
        width: 6px;
        height: 28px;
        border-radius: 50px;
        background-color: #037ff9;
        margin-right: 20px;
    }
    
    .js_title h2 {
        flex: 1;
    }
    
    .fwly {
        font-size: 16px;
        color: #999;
        margin-top: 15px;
    }
    /* U链 */
    
    .bgqianlan {
        background-color: #f6f9fc;
        margin-top: 90px;
    }
    
    .ulian {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 0px;
    }
    
    .ulian div:first-child {
        margin-right: 30px;
    }
    
    .u_left {
        max-width: 60%;
    }
    
    .u_left_h1 {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }
    
    .u_left_h1 img {
        margin-right: 5px;
    }
    
    .u_ul {
        margin-bottom: 30px;
        line-height: 30px;
        font-size: 18px;
    }
    
    .u_ul li {
        margin-bottom: 10px;
    }
    
    .ubtnStyle {
        display: inline-block;
        text-align: center;
        padding: 8px 15px;
        border-radius: 50px;
        min-width: 120px;
        background-color: transparent;
    }
    
    .btnStyle1 {
        border: 0px;
        background-image: linear-gradient(to right, #007af8, #28beffeb);
        background-color: #007af8;
        color: #fff;
        font-size: 16px;
    }
    
    .btnStyle2 {
        border: 1px solid #037ff9;
        color: #037ff9;
        font-size: 16px;
    }
    
    .btnStyle1:hover {
        opacity: 0.8;
        color: #fff;
    }
    
    .btnStyle2:hover {
        opacity: 0.8;
        color: #037ff9;
    }
    
    .imgBorder {
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 10px;
        text-align: center;
        margin-top: 20px;
    }
    
    .textCenter {
        text-align: center;
    }
    
    .hexin {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 20px;
    }
    
    .hexin li {
        width: 33.33%;
        box-sizing: border-box;
        margin-bottom: 20px;
        display: flex;
    }
    
    .hexin li div {
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid #eee;
        padding: 0px 20px 10px;
        border-radius: 10px;
    }
    
    .hexin h2 {
        padding-left: 30px;
        position: relative;
        font-size: 24px;
    }
    
    .hexin h2::after {
        content: "";
        position: absolute;
        left: 0px;
        top: 4px;
        width: 5px;
        height: 22px;
        background-color: #037ff9;
        border-radius: 50px;
    }
    
    .hexin p {
        padding-left: 30px;
        margin-top: 20px;
        color: #777;
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }
    
    .duoyonghu {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .sjjietu {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .sjjietu dd {
        width: 25%;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .sjjietu dt {
        width: 50%;
        display: flex;
        align-items: center;
        font-weight: normal;
    }
    
    .weidu {
        margin-left: 30px;
    }
    
    .weidu li {
        margin-bottom: 30px;
    }
    
    .weidu h1 {
        font-size: 30px;
    }
    
    .weidu h3 {
        font-size: 20px;
        padding-left: 40px;
        background: url("../images/ulian-gou.png") no-repeat left center;
    }
    
    .weidu p {
        padding-left: 40px;
        color: #777;
        font-weight: normal;
        font-size: 16px;
    }
    
    .gnmokuai {
        margin-top: 0px;
        padding-top: 20px;
        padding-bottom: 40px;
    }
    
    .xganli {
        display: flex;
        margin-top: 20px;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .xganli li {
        width: 16.66%;
        margin-bottom: 10px;
    }
    
    .xganli a {
        display: block;
        border: 1px solid #eee;
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 10px;
    }
    
    .xganli p {
        text-align: center;
        color: #333;
        font-size: 18px;
    }
    
    .anli_img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .xshou {
        background: url("../images/xshou-8bg.png") no-repeat center;
        background-size: 100% auto;
        padding: 20px 0px 40px;
    }
    
    .xshou h2 {
        font-size: 20px;
        line-height: 32px;
    }
    /* 合作案例样式 */
    
    .Ctopbg {
        background: url("../images/nybanner.jpg") no-repeat center;
        padding: 18px 0px;
        text-align: center;
    }
    
    .Ctopbg img {
        max-width: 100%;
    }
    
    .caseTitle h2 {
        text-align: center;
        font-size: 36px;
        font-weight: bold;
    }
    
    .caseTitle .article-infobox {
        text-align: center;
        font-size: 16px;
    }
    
    .caseTitle hr {
        border-top: 1px dashed #e6e6e6;
    }
    
    .caseliubai {
        padding: 50px 0px;
        display: flex;
    }
    
    .caseliubai p {
        margin-bottom: 0px;
    }
    
    .flexLeft {
        flex: 1;
        margin-right: 50px;
        text-align: justify;
    }
    
    .flexRight {
        width: 350px;
        margin-left: 20px;
        border: 1px solid #e3e8ed;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .flexRight img {
        width: 100%;
    }
    
    .caseH1 {
        font-size: 40px;
        line-height: 56px;
        height: 112px;
        margin-bottom: 30px;
        margin-top: 0px;
    }
    
    .caseP {
        font-size: 18px;
        line-height: 32px;
        height: 150px;
        color: #333;
        font-weight: 300;
        padding-bottom: 20px;
        overflow: hidden;
    }
    
    .caseContent {
        padding-top: 45px;
        color: #333;
        font-weight: 300;
    }
    
    .caseContent p {
        text-indent: 32px;
        margin-bottom: 20px;
    }
    /* 合作案例列表样式  */
    
    .case_box .jianju {
        padding: 0px 0px 20px 0px;
        position: relative;
        overflow: hidden;
    }
    
    .caseH2 {
        font-size: 16px !important;
        line-height: 30px !important;
        text-align: justify;
        font-weight: normal;
        margin: 10px 15px 0px;
        display: inline-block;
    }
    
    .cTitle {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .caseExcerpt {
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
        height: 104px !important;
        overflow: hidden;
        text-align: justify !important;
    }
    
    .case_hover {
        opacity: 0;
        position: absolute;
        left: 0px;
        top: 100%;
        right: 0px;
        bottom: 0px;
        background-color: #fff;
        transition: all 0.5s ease-out;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
    }
    
    .jianju:hover .case_hover {
        opacity: 1;
        top: 50%;
        bottom: 0px;
    }
    
    .case_hover h2 {
        color: #000;
        font-size: 16px;
        margin-bottom: 15px;
    }
    /* 兼容适配 */
    
    @media (max-width: 1100px) {
        .phone {
            display: none;
        }
    }
    
    @media (max-width:768px) {
        .ulian {
            padding: 20px 10px;
        }
        .u_left {
            max-width: 100%;
        }
        .u_right {
            max-width: 30%;
        }
        .u_left_h1 {
            font-size: 24px;
            margin-bottom: 15px;
        }
        .u_ul {
            font-size: 14px;
            line-height: 22px;
            margin-bottom: 15px;
        }
        h1 {
            font-size: 24px;
        }
        h2 {
            font-size: 20px;
        }
        .hexin,
        .xganli {
            margin-left: 0px;
            margin-right: 0px;
        }
        .duoyonghu {
            text-align: center;
            margin-left: 10px;
            margin-right: 10px;
        }
        .sjjietu dd {
            box-sizing: border-box;
            padding: 0px 10px;
        }
        .weidu h1 {
            font-size: 20px;
            margin-top: 10px;
        }
        .weidu h3 {
            font-size: 18px;
            background-size: 16px auto;
            padding-left: 30px;
        }
        .weidu p {
            padding-left: 30px;
            font-size: 14px;
        }
        .weidu li {
            margin-bottom: 10px;
        }
        .xganli a {
            margin-left: 5px;
            margin-right: 5px;
        }
        .hexin li {
            margin-bottom: 10px;
        }
        .hexin li div {
            margin-left: 5px;
            margin-right: 5px;
        }
        .duoyonghu {
            padding-bottom: 0px;
        }
        .gnmokuai {
            padding-bottom: 20px;
        }
        .home_title {
            padding-top: 15px;
        }
        .home_title h1 {
            font-size: 24px;
        }
        .home_title p {
            margin-top: 10px;
        }
    }
    
    @media (max-width:414px) {
        .sjjietu dt {
            width: 100%;
        }
        .hexin li div {
            padding: 10px;
        }
        .hexin h2 {
            margin-top: 0px;
            font-size: 20px;
            padding-left: 15px;
        }
        .hexin p {
            padding-left: 15px;
            font-size: 14px;
            margin-top: 10px;
            line-height: 22px;
            margin-bottom: 0px;
        }
        .hexin li {
            width: 50%;
        }
        .hexin h2::after {
            top: 0px;
        }
        .xganli li {
            width: 33.33%;
        }
    }