.wd {
        max-width: 1600px;
        width: 100%;
        margin: 0 auto;
    }

    .p-box {
        margin-top: 78px;
    }

    .m-box {
        margin-top: 50px;
    }

    .top-suspend {
        position: fixed;
        top: 80%;
        right: 0;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
        z-index: 10;
        margin-top: -104px;
    }

    .top-suspend .box {
        width: 60px;
        position: relative;
    }

    .top-suspend .column {
        width: 60px;
        height: 52px;
        border-bottom: 1px solid #e5e5e5;
        background: #ffffff;
    }

    .top-suspend .icon {
        width: 60px;
        height: 52px;
        display: block;
        z-index: 5;
        position: relative;
        text-align: center;
        line-height: 52px;
        cursor: pointer;
        background: #ffffff;
    }

    .top-suspend .icon .img_2 {
        display: none;
    }

    .top-suspend .icon:hover {
        background: #05b0e9;
    }

    .top-suspend .icon:hover .img_1 {
        display: none;
    }

    .top-suspend .icon:hover .img_2 {
        display: inline-block;
    }

    .top-suspend .top-column {
        border-radius: 5px 5px 0 0;
    }

    .top-suspend .service-box {
        display: none;
        position: absolute;
        padding-right: 10px;
        top: 0;
        width: 350px;
        left: -350px;
        bottom: 0;
        background: url(../images/icon161.png) right 37% no-repeat;
    }

    .top-suspend .service-box .box-wrap {
        border-top: 2px solid #05b0e9;
        border-radius: 0 0 5px 5px;
        background: #ffffff;
        height: calc(100% - 2px);
        font-size: 0;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    }

    .top-suspend .d_1 {
        display: inline-block;
        vertical-align: top;
        padding: 30px 20px 0;;
        height: calc(100% - 30px);
    }

    .top-suspend .d_1:nth-child(1) {
        border-right: 1px solid #eeeeee;
        width: calc(50% - 41px);
        padding-top: 15px;
        height: calc(100% - 15px);
        text-align: center;
    }

    .top-suspend .d_1 .h1 {
        font-size: 18px;
        color: #000000;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px;
    }

    .top-suspend .d_1 .h2 {
        font-size: 18px;
        color: #000000;
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .top-suspend .d_1 .a_1 {
        display: block;
        border: 1px solid #e5e5e5;
        height: 43px;
        line-height: 43px;
        font-size: 0;
        color: #666666;
        margin-bottom: 15px;
        padding: 0 15px;
    }

    .top-suspend .icon_2 {
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 23px;
        margin-right: 10px;
    }

    .top-suspend .icon_2 img {
        vertical-align: top;
    }

    .top-suspend .icon_2 .img_2 {
        display: none;
    }

    .top-suspend .name {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 12px);
        line-height: 23px;
        font-size: 14px;
    }

    .top-suspend .d_1 .a_1:hover {
        background: #00a7df;
    }

    .top-suspend .d_1 .a_1:hover .name {
        color: #ffffff;
    }

    .top-suspend .d_1 .a_1:hover .img_1 {
        display: none;
    }

    .top-suspend .d_1 .a_1:hover .img_2 {
        display: block;
    }

    .top-suspend .service-column:hover .service-box {
        display: block;
    }

    .top-suspend .x-column {
        border-radius: 0 0 5px 5px;
        position: relative;
    }

    .top-suspend .phone-column {
        position: relative;
    }

    .top-suspend .number {
        transition: all .3s;
        position: absolute;
        padding-right: 60px;
        width: 200px;
        height: 52px;
        line-height: 52px;
        background: #ffffff;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        text-align: center;
        left: 60px;
        top: 0;
        z-index: 2;
        border-radius: 5px 0 0 5px;
    }

    .top-suspend .column:hover .number {
        left: -200px;
    }
    .head-search{float: left;width: auto;margin-left: 10px;position: relative;}

    .head-search .form{display: inline-block;height: 40px;margin-left:-1px;line-height: 40px;margin-top: 23px;font-size: 0;vertical-align: top;}

    .head-search .text{top: 30%;right: 45px;width: 80px;border-radius: 6px;border:1px solid #EEEEEE;background: #fff;height: 35px;line-height: 40px;;z-index: 3;padding: 0 5px;font-size:13px}
    .head-search ::-webkit-input-placeholder { /* Chrome, Opera, Safari */
        color: #333;
    }

    .head-search :-moz-placeholder { /* Firefox 18- */
        color: #fff;
        opacity: 1; /* 修复老版本Firefox的不透明度问题 */
    }

    .head-search ::-moz-placeholder { /* Firefox 19+ */
        color: #fff;
        opacity: 1; /* 修复Firefox的不透明度问题 */
    }

    .head-search :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff;
    }

    .head-search .submit{display: inline-block;vertical-align: top;width: 45px;background: url(../images/search.svg) center center no-repeat;background-size:30px 30px;font-size: 0;height: 40px;cursor: pointer;}

    .head-search .link{position: absolute;width: auto;font-size: 0;line-height: 1;top: 12px;left: 14px;}

    .head-search .link a{display: inline-block;height: 20px;line-height: 20px;padding: 0 5px;margin-left: 10px;font-size: 14px;color: #666666;background: #eeeeee;}

    .head-search .link a:nth-child(1){margin-left: 0;}

    .search-form{width: 100%;
        margin: 0 auto;
        text-align: center;border: 1px solid #e5e5e5;display: inline-block;height: 43px;line-height: 43px;border-radius: 5px;font-size: 0;vertical-align: top;position: relative;}

    .search-form .text{font-size:14px;display: inline-block;vertical-align: top;width: 300px;height: 30px;margin-top: 6px;padding: 0 5px;color: #fff}

    .search-form .submit{display: inline-block;vertical-align: top;width: 45px;background: url(../images/search.svg) center center no-repeat;background-size:30px 30px;font-size: 0;height: 43px;border-left: 1px solid #e5e5e5;cursor: pointer;}




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

        /*header*/
        .head-search {
            width: auto;
        }
        .head-search .form {
            border: 0;
        }

        .head-search .text {
            top: 58%;
            right: 45px;
            width: 80px;
            height: 35px;
            line-height: 40px;
            border: 1px solid #e5e5e5;
            background: #ffffff;
            border-radius: 7px;
            margin-top: -20px;
            z-index: 3;
        }

        .head-search .submit {
            border-left: 0;
        }
        .head-search .head-lang span{
          padding: 0;
        }

        /*.head-search .form:hover .text{display: block;}*/
    }



    @media only screen and (min-width: 768px) {
        .m-box {
            display: none;
        }

        * {
            margin: 0;
            padding: 0;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
        }

        html,
        body {
            font-size: 14px;
            font-family: 'Noto Sans';
            line-height: 1;
            background-color: #ffffff;
        }

        body {
            overflow-x: hidden;
        }

        ul,
        li {
            list-style-type: none;
        }

        a {
            text-decoration: none;
            color: #000;
            transition: all .3s;
            cursor: pointer;
        }

        a:hover {
            text-decoration: none;
            color: #000;
        }

        input,
        textarea,
        select {
            -webkit-appearance: none;
            resize: none;
            outline: none
        }

        a,
        button,
        input,
        textarea,
        select {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            border: 0;
        }

        img {
            max-width: 110%;
            border-style: none;
            vertical-align: middle;
        }

        .clear:after {
            content: '';
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }

        .clear {
            zoom: 1;
        }

        .zoom-img {
            overflow: hidden;
        }

        .zoom-img .img {
            overflow: hidden;
        }

        .zoom-img img {
            transition: all .5s;
        }

        .zoom-img:hover img {
            transform: scale(1.05);
            -ms-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -o-transform: scale(1.05);
            -moz-transform: scale(1.05);
        }

        .wd {
            width: 88.54%;
            margin: 0 auto;
        }

        .wd2 {
            width: 83.33%;
            margin: 0 auto;
        }

        .nav-page {
            font-size: 0;
            text-align: center;
        }

        /*	font-style: normal;*/
        /*}*/
        /* header */
        .header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 78px;
            /* border-bottom: 1px solid rgba(255, 255, 255, .3); */
            z-index: 99;
            transition: all .5s;
        }

        .m-header {
            display: none;
        }

        .head-logo {
            float: left;
            line-height: 77px;
        }

        .head-rbox {
            float: right;
            /*width: 75%;*/
        }

        .head-nav {
            float: left;
        }

        .head-nav .column {
            float: left;
            margin: 0 20px;
            line-height: 77px;
            height: 77px;
            position: relative;
        }


        .head-nav .column.on::before {
            content: "";
            position: absolute;
            bottom: -1px;
            left: 50%;
            margin-left: -70%;
            width: 140%;
            height: 2px;
            background-color: #ffffff;
        }

        .header.on .head-nav .column.on::before {
            background-color: #0062ff;
        }

        .head-nav .item {
            font-size: 17px;
            color: #ffffff;
            display: block;
        }

        .head-nav .column:hover .item {
            color: #ffffff;
        }

        .header.on .head-nav .column:hover .item {
            color: #0062ff;
        }

        .head-nav .column:hover::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -70%;
            width: 140%;
            height: 2px;
            background-color: #ffffff;
        }

        .header.on .head-nav .column:hover::before {
            background-color: #0062ff;
        }

        /*20210823*/
        /*.head-lang {
            position: relative;
            float: left;
            line-height: 77px;
            font-size: 14px;
            color: #ffffff;
            margin: 0 50px 0 24px;
            transition: all .3s;
        }
        .header .head-rbox .head-lang .drop-down {
            position: absolute;
            left: 0;
            min-width: 100%;
            width: 100%;
            background-color: rgba(255, 255, 255, .3);
            box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
            padding: 1px;
        }
        .head-lang .item {
            display: block;
            font-size: 12px;
            color: #ffffff;
            line-height: 40px;
        }*/
        /*20210823end*/


        .header.on {
            background-color: #ffffff;
            box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
        }

        .header.on2 {
            top: -78px;
            border-bottom: 1px solid #eeeeee;
            box-shadow: none;
        }

        .m-header.on2 {
            top: -51px;
        }

        .header.on .logo_2 {
            display: inline-block;
        }

        .header.on .logo_1 {
            display: none;
        }

        .header.on .head-nav .item {
            color: #333333;
        }

        .header.on .head-nav .column.on .item {
            color: #0062ff;
        }

        .header.on .head-nav .item:hover {
            color: #9dcd17;
        }

        .header.on .head-lang {
            color: #333333;
        }

        .head-lang span {
            display: block;
            margin-top: 15px;
            border: #949494 solid 1px;
            border-radius: 15px;
            line-height: 30px;
            padding: 0px 30px 0px 10px;
            background: url(../image/img1.png) center right 10px no-repeat;
        }

        .header.on .head-lang span,
        .header.white .head-lang span {
            background: url(../image/img1a.png) center right 10px no-repeat; 
        }

        .header.on .head-lang .item {
            color: #333333;
        }

        .header .drop-down {
            display: none;
        }

        .header .head-rbox .drop-down {
            position: fixed;
            top: 77px;
            left: 0;
            width: 100%;
            z-index: 99;
            background-color: #ffffff;
            text-align: center;
            font-size: 0;
            padding: 0 0 48px;
            border-top: 1px solid #eeeeee;
            box-sizing: border-box;
            /* max-height: calc(100% - 78px);
            overflow-y: auto; */
        }

        .header .column.special .drop-down {
            padding-top: 30px;
        }

        .header .drop-nav {
            display: inline-block;
            vertical-align: top;
            padding: 13px 65px 60px 0;
            border-right: 1px solid #eeeeee;
        }

        .header .text-img {
            display: inline-block;
            vertical-align: top;
            padding: 13px 0 0 84px;
            text-align: left;
            max-width: 465px;
        }

        .header .column_2 {
            float: left;
            line-height: 1;
            margin: 0 15px;
            text-align: left;
        }

        .header .column_2:last-child {
            margin-right: 0;
        }

        .header .item_2 {
            display: block;
            font-size: 14px;
            color: #666666;
            margin-bottom: 18px;
            position: relative;
        }

        .header .item_2:nth-child(1) {
            color: #333333;
            /*font-weight: bold;*/
            height: 14px;
        }

        .header .text-img .img {
            margin-bottom: 10px;
        }

        .header .text-img .words {
            font-size: 14px;
            color: #666666;
            line-height: 28px;
        }

        .header .column.special .h1 {
            font-size: 14px;
            color: #333333;
            margin-bottom: 20px;
            line-height: 1;
            font-weight: bold;
        }

        .header .column.special .img {
            margin-bottom: 15px;
        }

        .header .column.special a .words {
            color: #0062ff;
        }

        .header .prod-drop-down {
            padding: 0;
        }

        .header .prod-drop-down .drop-nav {
            padding: 0;
        }

        .prod-drop-down .column_2 {
            width: 20%;
            margin: 0;
            border-left: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;
            min-height: 505px;
        }

        .header .prod-drop-down .item_2 {
            padding: 0 18px;
            font-size: 0;
            margin-bottom: 0;
            line-height: 54px;
            height: 56px;
            border-top: 1px solid #ffffff;
            border-bottom: 1px solid #ffffff;
        }

        .header .prod-drop-down .h1 {
            display: block;
            padding: 0 22px;
            font-size: 14px;
            color: #333333;
            font-weight: bold;
            line-height: 54px;
            height: 56px;
        }

        .header .prod-drop-down .icon {
            display: inline-block;
            vertical-align: middle;
            width: 40px;
            text-align: center;
            margin-right: 10px;
        }

        .header .prod-drop-down .name {
            display: inline-block;
            vertical-align: middle;
            width: calc(100% - 50px);
            font-size: 14px;
            color: #777777;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .header .item_2 .hot {
            position: absolute;
            top: 50%;
            left: 60%;
            margin-top: -10px;
            width: 44px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 14px;
            color: #ffffff;
            background-color: #0084fa;
            border-radius: 7px;
            font-style: inherit;
        }

        .header .prod-drop-down .item_2:hover {
            background-color: #f5f5f5;
            border-top: 1px solid #eeeeee;
            border-bottom: 1px solid #eeeeee;
        }

        .header .prod-drop-down .item_2:hover .name {
            color: #0062ff;
        }

        .header .head-menu {
            display: none;
            float: right;
            width: 40px;
        }

        .head-menu .icon-button {
            font-size: 0;
            margin-top: 20px;
        }

        .head-menu .line {
            display: inline-block;
            vertical-align: top;
            width: 40px;
            height: 2px;
            background-color: #ffffff;
            margin: 5px 0;
            transition: all .3s;
        }

        .header.on .head-menu .line {
            background-color: #000000;
        }

        .head-menu .drop-down {
            display: none;
            position: fixed;
            top: 77px;
            left: 0;
            width: 100%;
            height: calc(100vh - 60px);
            background-color: #ffffff;
            z-index: 9;
        }

        .head-menu .nav-list {
            width: 120px;
            height: calc(100vh - 60px);
            background-color: #f5f5f5;
        }

        .head-menu .item {
            display: block;
            padding: 12px 15px;
            font-size: 14px;
            line-height: 22px;
            color: #252b3a
        }

        .head-menu .column.on .item {
            background-color: #ffffff;
        }

        .head-menu .subnav {
            display: none;
            position: absolute;
            top: 0;
            left: 120px;
            width: calc(100% - 120px);
            height: calc(100% - 60px);
            padding: 20px 15px 16px 20px;
            overflow-y: auto;
        }

        .head-menu .column.on .subnav {
            display: block;
        }

        .head-menu .link-home {
            display: inline-block;
            font-size: 14px;
            line-height: 22px;
            color: #252b3a;
            margin-bottom: 24px;
        }

        .head-menu .column2 {
            padding-bottom: 12px;
            margin-bottom: 12px;
            border-bottom: 1px solid #dfe1e6;
        }

        .head-menu .name {
            display: block;
            font-size: 14px;
            line-height: 22px;
            height: 22px;
            color: #252b3a;
        }

        .head-menu .subnav2 {
            display: none;
            padding-left: 16px;
        }

        .head-menu .item2 {
            display: block;
            font-size: 14px;
            line-height: 22px;
            color: #252b3a;
            padding-top: 16px;
        }

        /* footer */
        .footer {
            background-color: #333;
            padding: 45px 0 25px;
        }

        .foot-top {
            margin-bottom: 70px;
        }

        .foot-nav {
            float: left;
        }

        .foot-nav .column {
            float: left;
            margin-right: 150px;
        }

        .foot-nav .column:last-child {
            margin-right: 0;
        }

        .foot-nav .h1 {
            font-size: 15px;
            color: #fff;
            margin-bottom: 30px;
        }

        .foot-nav .item {
            display: block;
            font-size: 13px;
            color: #888888;
            margin-bottom: 15px;
        }

        .footer .sales {
            float: left;
            margin-right: 38px;
        }

        .footer .sales .h1 {
            font-size: 14px;
            color: #333333;
            margin-bottom: 20px;
        }

        .footer .sales .words {
            font-size: 15px;
            color: #fff;
        }

        .footer .sales .img {
            margin-bottom: 20px;
        }

        .footer .sales .color {
            color: #0062ff;
        }

        .foot-bot .link {
            float: left;
            max-width: 50%;
        }

        .foot-bot .link a {
            font-size: 13px;
            color: #888888;
            line-height: 20px;
        }

        .foot-bot .record {
            float: right;
            font-size: 13px;
            color: #888888;
            max-width: 50%;
        }

        .foot-bot .record a {
            font-size: 12px;
            color: #888888;
        }


        .nav-page .item {
            width: 68px;
            height: 36px;
            border: 1px solid #bfbfbf;
            border-radius: 5px;
            line-height: 34px;
            font-size: 14px;
            color: #bfbfbf;
            text-align: center;
            display: inline-block;
            margin: 0 20px;
        }

        .nav-page .item.on {
            background-color: #14abd2;
            border: 1px solid #14abd2;
            color: #ffffff;
        }

        .nav-page .prev {
            width: auto;
            padding: 0 30px;
        }

        .nav-page .next {
            width: auto;
            padding: 0 30px;
        }

        .location {
            position: absolute;
            bottom: 20px;
            left: 5%;
            color: #fff;
        }

        .location .item {
            font-size: 14px;
            color: #fff;
        }

        .prev-next {
            font-size: 0;
            text-align: center;
        }

        .prev-next .item {
            display: inline-block;
            vertical-align: top;
            width: 180px;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            color: #666666;
            margin: 0 10px;
            background-color: #eeeeee;
        }

        .prev-next .icon {
            width: 50px;
        }

        /* index */
        .home-page {
            background-color: #f2f2f2;
        }

        .banner {
            position: relative;
        }

        .home-swiper .swiper-pagination {
            bottom: 10%;
        }

        .home-swiper .swiper-pagination-bullet {
            opacity: .5;
            background-color: #ffffff;
        }

        .home-swiper .swiper-pagination-bullet-active {
            opacity: 1;
        }

        .home-swiper .suspen {
            position: absolute;
            top: 30%;
            left: 0;
            width: 100%;
        }

        .home-swiper .h1 {
            font-size: 40px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 30px;
            letter-spacing: 5px;
        }

        .home-swiper .bold {
            font-size: 80px;
            font-family: PingFang_Bold;
        }

        .home-swiper .h2 {
            font-size: 20px;
            color: #ffffff;
            font-family: PingFang;
            letter-spacing: 2px;
        }

        .home-swiper .list-box {
            margin-top: 50px;
        }

        .home-swiper .column {
            float: left;
            margin-right: 115px;
            text-align: center;
        }

        .home-swiper .column:last-child {
            margin-right: 0;
        }

        .home-swiper .name {
            font-size: 16px;
            color: #ffffff;
            margin-top: 8px;
        }

        .link-nav {
            /* position: absolute; */
            /* bottom: -17%; */
            width: 100%;
            /* z-index: 9; */
            background-color: #ffffff;
            padding: 0 20%;
            text-align: center;
            margin: 0 auto;
        }

        .link-nav .nav-wrap {
            background-color: #ffffff;
            padding: 89px 30px;
            /* box-shadow: 0 5px 15px rgba(0, 0, 0, .2); */
        }

        .link-nav .column {
            float: left;
            width: 50%;
            padding: 0 80px;
        }

        .link-nav .column:nth-child(2) {
            padding-left: 130px;
        }

        .link-nav .icon {
            float: left;
        }

        .link-nav .text {
            text-align: center;
            height: 200px;
            line-height: 50px;
            margin-top: 35px;
            font-size: 20px;
        }

        .link-nav .h1 {
            font-size: 34px;
            color: #333333;
            margin-bottom: 20px;
        }

        .link-nav .words {
            font-size: 22px;
            color: #444444;
            font-family: PingFang;
        }

        .link-box {
            margin-top: 3.9%;
            margin-bottom: 110px;
        }

        .link-box .column {
            float: left;
            width: 47%;
            position: relative;
        }

        .link-box .column.special {
            margin-right: 3%;
        }

        .link-box .suspen {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 0 45px 45px;
        }

        .link-box .column.special .suspen {
            padding-bottom: 55px;
        }

        .link-box .column:nth-child(2) {
            margin-bottom: 3%;
        }

        .link-box .h1 {
            font-size: 40px;
            color: #ffffff;
            /*font-weight: bold;*/
            margin-bottom: 20px;
        }

        .link-box .words {
            font-size: 18px;
            color: #ffffff;
        }

        .smart-swiper .push-button {
            width: 50px;
            height: 50px;
            margin-top: -25px;
            background-size: cover;
        }

        .smart-swiper .swiper-button-prev {
            background-image: url(../image/icon4.png);
            left: 20px;
        }

        .smart-swiper .swiper-button-next {
            background-image: url(../image/icon5.png);
            right: 20px;
        }
        .link-box {
            padding : 80px 0;
        }
        .news {
            padding : 40px 0;
        }

        .news .title {
            margin-bottom: 50px;
        }
        .index-news.news .title{
            margin-bottom: 20px;
        }
        .index-news{
            padding-bottom: 80px;
        }
        .home-page .title .h1 {
            font-size: 42px;
            color: #333333;
            text-align: center;
        }

        .news-list .column {
            float: left;
            width: 19%;
            margin-right: 1%;
            padding: 16px 18px;
            background-color: #ffffff;
        }

        .news-list .column a {
            border: 1px solid #ffffff;
        }

        .news-list .column:nth-child(5n) {
            margin-right: 0;
        }
        .news-list .img {
            height: 180px;
        }

        .news-list .text {
            padding: 10px 10px 20px;
        }

        .news-list .h1 {
            font-size: 24px;
            color: #333333;
            margin-bottom: 23px;
            transition: all .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .news-list .words {
            font-size: 16px;
            color: #666666;
            line-height: 30px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .news-list .date {
            font-size: 16px;
            color: #bbbbbb;
            margin-top: 20px;
        }

        .news-list .column:hover .h1 {
            color: #0062ff;
        }

        /*.glory-list .column {*/
        /*	float: left;*/
        /*	width: 20%;*/
        /*	margin-right: 2%;*/
        /*	padding: 16px 18px;*/
        /*	background-color: #ffffff;*/
        /*}*/
        /*.glory-list .column:last-child {*/
        /*	margin-right: 0;*/
        /*}*/
        /* problem */
        .problem-page .banner .suspen {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding-top: 12%;
        }

        .problem-page .banner .suspen .h1 {
            font-size: 60px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .problem-page .banner .suspen .h2 {
            font-size: 36px;
            color: #ffffff;
        }

        .problem {
            padding: 75px 0 100px;
            background-color: #f5f5f5;
        }

        .probl-list .column {
            padding: 50px 100px 50px 130px;
            background-color: #ffffff;
            margin-bottom: 45px;
            border-radius: 15px;
            cursor: pointer;
        }

        .probl-list .text {
            float: left;
            width: 85%;
        }

        .probl-list .icon {
            float: right;
            width: 54px;
            height: 54px;
            background-image: url(../image/icon14.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            margin-top: 29px;
            transition: all .3s;
        }

        .probl-list .ask {
            line-height: 30px;
            margin-bottom: 20px;
        }

        .probl-list .ask .words {
            float: left;
            width: calc(100% - 58px);
            font-size: 20px;
            color: #333333;
            font-weight: bold;
            padding-bottom: 25px;
            border-bottom: 1px dashed #e5e5e5;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .probl-list .ask-icon {
            float: left;
            width: 30px;
            height: 30px;
            background-image: url(../image/icon12.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            margin-right: 28px;
        }

        .probl-list .answer {
            line-height: 36px;
        }

        .probl-list .answer .words {
            float: left;
            width: calc(100% - 58px);
            font-size: 16px;
            color: #666666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            height: 36px;
        }

        .probl-list .answer-icon {
            float: left;
            width: 21px;
            height: 21px;
            background-image: url(../image/icon13.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            margin: 7px 26px 0 11px;
        }

        .probl-list .column.on .answer .words {
            height: auto;
        }

        .probl-list .column.on .icon {
            background-image: url(../image/icon15.jpg);
        }


        /* product */
        .product-page .banner .suspen {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translate(0, -50%);
        }

        .product-page .banner .suspen .h1 {
            font-size: 60px;
            color: #ffffff;
            font-weight: bold;
        }

        .product {
            padding: 48px 0;
            background-color: #f8f8f8;
        }

        .product .title {
            text-align: center;
        }

        .product .title .h1 {
            font-size: 42px;
            color: #333333;
            margin-bottom: 70px;
        }

        .prod-nav {
            margin-bottom: 60px;
        }

        .prod-nav .column {
            float: left;
            width: 30%;
            margin-right: 5%;
            margin-bottom: 30px;
            background-color: #ffffff;
            border-radius: 15px;
            text-align: center;
            padding: 45px 45px 37px;
            transition: all .3s;
        }

        .prod-nav .column:nth-child(3n) {
            margin-right: 0;
        }

        .prod-nav img {
            transition: all .3s;
        }

        .prod-nav .img2 {
            display: none;
        }

        .prod-nav .h1 {
            font-size: 22px;
            color: #333333;
            margin: 35px 0 13px;
            transition: all .3s;
        }

        .prod-nav .h2 {
            font-size: 16px;
            color: #999999;
            line-height: 24px;
            transition: all .3s;
        }

        .prod-nav .column:hover {
            background-color: #0062ff;
        }

        .prod-nav .column:hover .img1 {
            display: none;
        }

        .prod-nav .column:hover .img2 {
            display: inline-block;
        }

        .prod-nav .column:hover .h1 {
            color: #ffffff;
        }

        .prod-nav .column:hover .h2 {
            color: #95d0e7;
        }

        .prod-list .more {
            display: inline-block;
            width: 120px;
            height: 36px;
            line-height: 36px;
            /*background: url(../images/icon6.png) center center no-repeat;*/
            background-size: cover;
            font-size: 14px;
            text-align: center;
            /*font-weight: 500;*/
            margin-top: 20px;
            display: inline-block;
            color: #4489ec;
            border: 1px solid #dfdfdf;
            border-radius: 30px;
        }

        .prod-list .more-box {
            text-align: center;
            margin-top: 60px;
        }


        /* service */
        .serv-page .banner .suspen {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding-top: 13.2%;
        }

        .serv-page .banner .suspen .h1 {
            font-size: 60px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .serv-page .banner .suspen .h2 {
            font-size: 36px;
            color: #ffffff;
        }

        .serv .title {
            text-align: center;
            margin-bottom: 80px;
        }

        .serv .title .h1 {
            font-size: 34px;
            color: #333333;
            font-weight: bold;
        }

        .purp {
            padding: 125px 0 105px;
            background-repeat: no-repeat;
            background-size: cover;
            text-align: center;
        }

        .purp .h1 {
            font-size: 30px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 30px;
        }

        .purp .words {
            font-size: 16px;
            color: #333333;
            line-height: 30px;
        }

        .moda {
            padding: 90px 0 80px;
            background-color: #f3f3f3;
        }

        .mode-list .column {
            float: left;
            width: 22.94%;
            min-height: 520px;
            margin-right: 2.74%;
            text-align: center;
            border-radius: 20px;
            padding: 65px 50px 0;
            background-image: url(../image/img27.png);
            background-size: cover;
            transition: all .3s;
            margin-bottom: 20px;
        }

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

        .mode-list .icon {
            margin-bottom: 58px;
            display: inline-block;
            padding: 9px;
            border: 1px solid #99dced;
            border-radius: 50%;
        }

        .mode-list .img-2 {
            display: none;
        }

        .mode-list .name {
            font-size: 20px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 25px;
        }

        .mode-list .words {
            font-size: 16px;
            color: #666666;
            line-height: 28px;
        }

        .mode-list .column:hover {
            background-image: url(../image/img27-2.png);
        }

        .mode-list .column:hover .icon {
            background-color: #1ab0d7;
            border: 1px solid #1ab0d7;
        }

        .mode-list .column:hover .img-1 {
            display: none;
        }

        .mode-list .column:hover .img-2 {
            display: block;
        }

        .mode-list .column:hover .name {
            color: #ffffff;
        }

        .mode-list .column:hover .words {
            color: #ffffff;
        }

        .cont {
            padding: 85px 0 80px;
        }

        .cont .img {
            float: left;
            width: 37.76%;
        }

        .cont-list {
            float: left;
            width: 62.24%;
            border-bottom: 1px solid #e5e5e5;
        }

        .cont-list .column {
            float: left;
            width: 33.33%;
            position: relative;
            border-top: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            text-align: center;
        }

        .cont-list .suspen {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding-top: 28%;
        }

        .cont-list .h1 {
            font-size: 20px;
            color: #333333;
            font-weight: bold;
        }

        .cont-list .icon {
            margin-bottom: 7%;
            transition: all .5s;
        }

        .cont-list .column:hover .icon {
            transform: rotateY(180deg);
        }

        .cont-list .column.special .suspen {
            padding-top: 55%;
        }

        .supp {
            padding: 90px 0 80px;
            background-color: #f3f3f3;
        }

        .supp .wd {
            width: 72.91%;
        }

        .supp-list .column {
            float: left;
            width: 28.78%;
            margin-right: 6.83%;
            position: relative;
            transition: all .5s;
            margin-bottom: 20px;
        }

        .supp-list .column:hover {
            margin-top: -20px;
        }

        .supp-list .column:nth-child(3n) {
            margin-right: 0;
        }

        .supp-list .suspen {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 50px 30px;
        }

        .supp-list .h1 {
            font-size: 22px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 25px;
        }

        .supp-list .line {
            display: inline-block;
            vertical-align: top;
            width: 4px;
            height: 18px;
            background-color: #0062ff;
            border-radius: 2px;
            margin-top: 2px;
            margin-right: 15px;
        }

        .supp-list .words {
            font-size: 16px;
            color: #777777;
            line-height: 33px;
            padding-left: 22px;
        }

        .poli {
            padding: 80px 0;
        }

        .poli-list .column {
            float: left;
            width: 32.05%;
            margin-right: 1.925%;
            background-color: #f3f3f3;
            text-align: center;
            transition: all .5s;
            margin-bottom: 20px;
        }

        .poli-list .column:hover {
            box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
        }

        .poli-list .column:nth-child(3n) {
            margin-right: 0;
        }

        .poli-list a {
            display: block;
            padding: 50px 95px 35px;
        }

        .poli-list .icon {
            margin-bottom: 20px;
        }

        .poli-list .name {
            font-size: 30px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .poli-list .words {
            font-size: 18px;
            color: #333333;
            line-height: 32px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .poli-list .more {
            margin-top: 50px;
            font-size: 14px;
            color: #666666;
        }

        /* about */
        .about-page .banner .suspen {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding-top: 12%;
        }

        .about-page .banner .suspen .h1 {
            font-size: 60px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .about-page .banner .suspen .h2 {
            font-size: 36px;
            color: #ffffff;
        }

        .intr {
            padding: 60px 0;
        }

        .intr .wd2 {
            width: 85.93%;
        }

        .intr .text {
            font-size: 16px;
            color: #333333;
            line-height: 33px;
            float: left;
            width: 49.09%;
            padding-right: 6%;
        }

        .intr .text .h1 {
            font-size: 20px;
            color: #333333;
            font-weight: bold;
        }

        .intr .video {
            float: right;
            width: 50.91%;
            position: relative;
        }

        .solu4 .video {
            padding: 0px 0 25px;
            position: relative;
        }

        .solu4 .play-icon,
        .intr .play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -28px;
            margin-left: -28px;
            cursor: pointer;
        }

        .about .title {
            margin-bottom: 90px;
        }

        .about .mile .title {
            position: absolute;
            top: 50%;
            transform: translate(0, -50%);
            margin: 0 auto;
        }

        .about .title .h1 {
            font-size: 30px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .about .title .h2 {
            font-size: 22px;
            color: #666666;
        }

        .mile {
            position: relative;
        }

        .mile .title .h1 {
            color: #ffffff;
        }

        .mile .title .h2 {
            color: #ffffff;
            line-height: 1.4;
        }

        .mile .l-box {
            position: absolute;
            top: 0;
            left: 0;
            float: left;
            width: 20%;
            height: 100%;
            background-size: cover;
            padding: 5.8% 3% 4.5%;
        }

        .mile .arrow-left {
            position: absolute;
            width: 29px;
            height: 14px;
            background-image: url(../image/icon35.png);
            background-size: cover;
            top: -20px;
            left: 12px;
        }

        .mile .arrow-right {
            position: absolute;
            width: 29px;
            height: 14px;
            background-image: url(../image/icon36.png);
            background-size: cover;
            top: auto;
            bottom: -20px;
            left: 12px;
        }

        .mile .r-box {
            padding: 100px 100px;
            float: right;
            width: 80%;
            background-size: cover;
        }

        .mile .carousel {
            position: relative;
        }

        .mile .swiper-button-prev,
        .mile .swiper-button-next {
            width: 29px;
            height: 14px;
            background-size: cover;
            margin: 0;
            left: -2px;
        }

        .mile .swiper-button-prev {
            background-image: url(../image/icon35.png);
            top: -30px;
        }

        .mile .swiper-button-next {
            background-image: url(../image/icon36.png);
            background-size: cover;
            top: auto;
            bottom: -30px;
        }

        .mile .mile-swiper {
            height: 560px;
        }

        .mile .box {
            position: relative;
            font-size: 18px;
            line-height: 30px;
            color: #ffffff;
            padding-bottom: 40px;
            height: 100%;
        }

        /* .mile .color .box{
            color: #9dcd17;
        } */
        .mile .box .text {
            position: relative;
            padding-left: 30px;
        }

        .mile .box .text::after {
            position: absolute;
            content: "";
            top: 50%;
            left: 6px;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            background-color: #ffffff;
            border-radius: 50%;
        }

        .mile .box.years-box .text::after {
            width: 24px;
            height: 24px;
            left: 0;
            margin-top: -12px;
        }

        .mile .box::before {
            position: absolute;
            content: "";
            top: 18px;
            left: 12px;
            width: 1px;
            height: 100%;
            background-color: rgba(255, 255, 255, .2);
        }

        .mile .swiper-slide:last-child .box::before {
            display: none;
        }

        .mile .box.years-box .text {
            font-size: 30px;
            font-weight: bold;
        }

        .flex {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

        .mile .view .swiper-slide-active .text {
            color: #F5F5F5;
            font-weight: bold;
        }

        .mile .view .box {
            flex-direction: column;
        }

        .mile .view .icon-box {
            position: relative;
        }

        .mile .view .icon {
            display: block;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background-color: #ffffff;
        }

        .mile .view .icon-box::before {
            position: absolute;
            content: "";
            width: calc(100% - 15px);
            height: 2px;
            top: 50%;
            left: 15px;
            background-color: #ffffff;
        }

        .mile .view .text {
            font-size: 18px;
            color: #ffffff;
            line-height: 32px;
            padding-top: 40px;
        }

        .mile .view .swiper-slide:nth-child(2n) .text {
            padding: 0;
            padding-bottom: 40px;
        }

        .mile .view .swiper-wrapper {
            display: flex;
            align-items: center;
        }

        .mile .preview .swiper-container {
            height: 328px;
        }

        .mile .preview .swiper-slide {
            padding: 30px 0;
        }

        .mile .preview .swiper-slide-active .years {
            font-weight: bold;
        }

        .mile .year-box {
            position: absolute;
            top: 20%;
            left: 16%;
            font-size: 38px;
            color: #ffffff;
            font-weight: bold;
        }

        .honor {
            padding: 80px 0 70px;
            background-color: #eeeeee;
        }

        .honor .carousel {
            position: relative;
            background-color: #f7f7f7;
            padding: 90px 65px 65px;
        }

        .honor .img-box {
            float: left;
            width: 30%;
            text-align: center;
        }

        .honor .column3 {
            display: none;
        }

        .honor .column3.on {
            display: block;
        }

        .honor .carousel2 {
            position: relative;
            float: left;
            width: 40%;
            margin-left: 5%;
            margin-top: 160px;
            padding-bottom: 75px;
        }

        .honor .view-swiper .swiper-slide {
            /*width: 100% !important;*/
        }

        .honor .column {
            font-size: 16px;
            color: #666666;
            line-height: 46px;
            cursor: pointer;
            transition: all .3s;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .honor .column:hover {
            color: #0062ff;
        }

        .honor .carousel2 .swiper-pagination {
            width: auto;
            left: 40px;
            color: #888888;
        }

        .honor .carousel2 .swiper-pagination-current {
            font-size: 16px;
            color: #56c5e2;
        }

        .honor .but {
            left: auto;
            right: auto;
            top: auto;
            bottom: 11px;
            margin-top: auto;
            width: 8px;
            height: 13px;
            background-size: cover;
            transition: all .3s;
        }

        .honor .carousel2 .swiper-button-prev {
            left: 0;
            background-image: url(../image/icon40.png);
        }

        .honor .carousel2 .swiper-button-next {
            left: 105px;
            background-image: url(../image/icon40-2.png);
        }

        .honor .carousel2 .swiper-button-prev:hover {
            background-image: url(../image/icon39.png);
        }

        .honor .carousel2 .swiper-button-next:hover {
            background-image: url(../image/icon39-2.png);
        }

        .honor .preview {
            position: absolute;
            width: 50%;
            left: 36%;
            top: 90px;
        }

        .honor .preview::before {
            position: absolute;
            content: "";
            left: -4%;
            top: 64px;
            width: 94%;
            height: 1px;
            border-bottom: 1px dashed #d2d2d2;
        }

        .honor .previ-swiper .swiper-slide {
            height: auto !important;
            padding: 60px 0 0;
            text-align: left;
        }

        .honor .previ-swiper .year-box {
            display: inline-block;
            text-align: center;
        }

        .honor .previ-swiper .icon {
            display: inline-block;
            position: relative;
            width: 12px;
            height: 12px;
            background-color: #888888;
            border-radius: 50%;
            margin-bottom: 17px;
        }

        .honor .previ-swiper .icon::before {
            position: absolute;
            content: "";
            width: 16px;
            height: 16px;
            border: 1px solid #888888;
            top: 50%;
            left: 50%;
            margin-top: -9px;
            margin-left: -9px;
            border-radius: 50%;
        }

        .honor .previ-swiper .year {
            font-size: 18px;
            color: #888888;
            font-weight: bold;
        }

        .honor .previ-swiper .active-nav .year {
            color: #333333;
        }

        .honor .but2 {
            position: absolute;
            top: 45px;
            width: 40px;
            height: 40px;
            background-size: cover;
            z-index: 9;
            transition: all .3s;
        }

        .honor .preview .arrow-left {
            right: -60px;
            background-image: url(../image/icon37.png);
        }

        .honor .preview .arrow-right {
            right: -150px;
            background-image: url(../image/icon37-2.png);
        }

        .honor .preview .arrow-left:hover {
            background-image: url(../image/icon38.png);
        }

        .honor .preview .arrow-right:hover {
            background-image: url(../image/icon38-2.png);
        }

        .honor .previ-swiper .active-nav .icon {
            background-color: #0062ff;
        }

        .honor .previ-swiper .active-nav .icon::before {
            border: 1px solid #0062ff;
        }

        .global-layout {
            padding: 90px 0 64px;
        }

        .global-layout .title {
            margin-bottom: 80px;
        }

        .global-layout .text-box {
            float: left;
            width: 38%;
        }

        .global-layout .img-box {
            float: left;
            width: 62%;
        }

        .global-layout .column {
            margin-bottom: 100px;
        }

        .global-layout .column:last-child {
            margin-bottom: 0;
        }

        .global-layout .column2 {
            margin-bottom: 40px;
        }

        .global-layout .top {
            font-size: 30px;
            color: #0062ff;
            margin-bottom: 10px;
            font-weight: bold;
        }

        .global-layout .number {
            display: inline-block;
            font-size: 50px;
            color: #0062ff;
            font-weight: bold;
            margin-right: 5px;
        }

        .global-layout .text {
            font-size: 16px;
            color: #333333;
        }

        .global-layout .h1 {
            font-size: 18px;
            color: #333333;
            margin-bottom: 30px;
        }

        .global-layout .name {
            font-size: 24px;
        }

        .global-layout .column2:last-child {
            margin-bottom: 0;
        }

        .global-layout .icon {
            display: inline-block;
            vertical-align: top;
            width: 18px;
            margin-right: 14px;
        }

        .global-layout .words {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            color: #333333;
            width: calc(100% - 32px);
        }

        .global-layout .words2 {
            font-size: 16px;
            color: #333333;
            line-height: 28px;
        }

        .customer {
            padding: 100px 0 95px;
            background-color: #f4f4f4;
        }

        .customer .title {
            margin-bottom: 100px;
        }

        .cust-swiper .box {
            margin-bottom: 77px;
        }

        .cust-swiper .img-box {
            position: relative;
            text-align: center;
            overflow: hidden;
            margin-bottom: 10px;
        }

        .cust-swiper .img1 {
            position: relative;
            transition: all .3s;
        }

        .cust-swiper .img2 {
            position: absolute;
            top: 100%;
            left: 0;
            transition: all .3s;
        }

        .cust-swiper .name {
            font-size: 14px;
            color: #666666;
            text-align: center;
        }

        /* .cust-swiper .box:hover .img1 {
            transform: translateY(-100%);
        }
        .cust-swiper .box:hover .img2 {
            top: 0;
        } */
        .cust-swiper .swiper-pagination-bullet {
            background-color: #d2d2d2;
            opacity: 1;
        }

        .cust-swiper .swiper-pagination-bullet-active {
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
        }

        .future-layout {
            padding: 70px 0 90px;
        }

        .futu-list {
            position: relative;
        }

        .futu-list::before {
            position: absolute;
            content: "";
            top: 28%;
            width: 100%;
            height: 1px;
            border-bottom: 1px dashed #dddddd;
            z-index: 0;
        }

        .futu-list .column {
            float: left;
            width: 25%;
            padding: 0 2%;
            text-align: center;
            position: relative;
        }

        .futu-list .name {
            font-size: 20px;
            color: #333333;
            font-weight: bold;
            margin: 33px 0 15px;
        }

        .futu-list .words {
            font-size: 16px;
            color: #333333;
            line-height: 28px;
        }

        .support {
            padding-top: 70px;
        }

        .supp-top {
            padding-bottom: 23px;
            border-bottom: 1px solid #dcdcdc;
            margin-bottom: 65px;
        }

        .supp-top .h1 {
            float: left;
            font-size: 30px;
            color: #333333;
            font-weight: bold;
        }

        .supp-top .nav-box {
            float: right;
            padding-right: 125px;
        }

        .supp-top .item {
            position: relative;
            display: inline-block;
            font-size: 18px;
            color: #666666;
            line-height: 30px;
            margin-right: 30px;
        }

        .supp-top .item:last-child {
            margin-right: 0;
        }

        .supp-top .item.on::before {
            position: absolute;
            content: "";
            bottom: -23px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #14abd2;
        }

        .solution-page .banner .suspen {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding-top: 12.2%;
        }

        .solution-page .banner .suspen .h1 {
            font-size: 60px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .solution-page .banner .suspen .h2 {
            font-size: 36px;
            color: #ffffff;
        }

        .solu {
            padding: 60px 0 25px;
            background-color: #eeeeee;
        }

        .solu-list .column {
            float: left;
            width: 24%;
            margin-right: 1.33%;
            margin-bottom: 60px;
            background-color: #ffffff;
            transition: all .3s;
        }

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

        .solu-list .img {
            position: relative;
        }

        .solu-list .suspend {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%);
        }

        .solu-list .text {
            padding: 40px 50px 35px;
            text-align: center;
        }

        .solu-list .name {
            font-size: 16px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 20px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            height: 50px;
        }

        .solu-list .words {
            font-size: 16px;
            color: #333333;
            line-height: 28px;
            height: 84px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

        .solu-list .more {
            display: inline-block;
            font-size: 16px;
            color: #0062ff;
            border: 1px solid #0062ff;
            padding: 5px 20px;
            border-radius: 20px;
            margin-top: 25px;
            transition: all .3s;
        }

        .solu-list .column:hover {
            box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
        }

        .solu-list .column:hover .more {
            color: #ffffff;
            background-color: #0062ff;
        }

        .solu2 .title {
            text-align: center;
        }

        .solu2 .title .h1 {
            font-size: 34px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 18px;
        }

        .solu3 .intro {
            padding: 70px 0 70px;
            background-color: #f9f9f9;
        }

        .solu3 .intro .text {
            font-size: 16px;
            color: #666666;
            line-height: 44px;
            /*text-align: center;*/
            padding: 0 110px;
        }

        .solu3 .intro .but-video {
            width: 135px;
            cursor: pointer;
            margin: 30px auto;
            background: #0062ff;
            color: #fff;
            padding: 15px;
        }

        .solu3 .intro .but-video img {
            width: 30px;
            padding-left: 10px;
        }

        .solu3 .title {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            padding-bottom: 20px;
        }

        .solu3 .scenes {
            padding: 105px 0 91px;
        }

        .solu3 .scenes .title {
            margin-bottom: 83px;
        }

        .solu3 .title .h1 {
            font-size: 38px;
            color: #333333;
        }

        .solu3 .scen-list .column {
            float: left;
            width: 48%;
            margin-right: 4%;
            margin-bottom: 47px;
            transition: all .3s;
        }

        .solu3 .scen-list .column:nth-child(2n) {
            margin-right: 0;
        }

        .solu3 .scen-list .text-box {
            border: 1px solid #e5e5e5;
            border-top: 0;
            padding: 25px;
            text-align: center;
        }

        .solu3 .scen-list .h1 {
            font-size: 28px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 20px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: all .3s;
        }

        .solu3 .scen-list .text {
            font-size: 18px;
            color: #333333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .solu3 .scen-list .column:hover {
            box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        }

        .solu3 .scen-list .column:hover .h1 {
            color: #00b4de;
        }

        .solu3 .case {
            padding: 103px 0 45px;
            background-color: #f9f9f9;
        }

        .solu3 .case .title {
            margin-bottom: 60px;
        }

        .solu3 .case-list .column {
            float: left;
            width: 20%;
            padding: 0 10px;
            text-align: center;
            margin-bottom: 15px;
        }


        .solu3 .app-solu {
            padding: 115px 0 70px;
        }

        .solu3 .app-solu .title {
            margin-bottom: 76px;
        }

        .solu3 .app-solu .box {
            margin-bottom: 60px;
        }

        .solu3 .app-solu .box .h3 {
            font-size: 30px;
            color: #333333;
            margin-bottom: 40px;
        }

        .solu3 .solu-list2 .column {
            position: relative;
            float: left;
            width: 32%;
            margin-right: 2%;
            margin-bottom: 32px;
        }

        .solu3 .solu-list2 .column:nth-child(3n) {
            margin-right: 0;
        }

        .solu3 .solu-list2 .h1 {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            font-size: 28px;
            color: #f6f6f6;
            line-height: 38px;
            text-align: center;
            padding: 37px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: all .3s;
        }

        .solu3 .solu-list2 .suspen {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            padding-top: 30%;
            background-color: rgba(54, 62, 72, .6);
            transition: all .3s;
        }

        .solu3 .solu-list2 .h2 {
            font-size: 28px;
            color: #f6f6f6;
            margin-bottom: 40px;
        }

        .solu3 .solu-list2 .detail {
            display: inline-block;
            font-size: 18px;
            color: #ffffff;
            line-height: 34px;
            padding: 0 10px;
            border: 2px solid #ffffff;
        }

        .solu3 .solu-list2 .column:hover .h1 {
            opacity: 0;
        }

        .solu3 .solu-list2 .column:hover .suspen {
            top: 0;
        }

        .solu3 .rela-prod3 {
            padding: 60px 0 97px;
            background-color: #f9f9f9;
        }

        .solu3 .rela-prod3 .box {
            background-color: #ffffff;
        }

        .solu3 .story2 {
            padding: 94px 0 124px;
        }

        .solu3 .story2 .title {
            margin-bottom: 84px;
        }

        .solu3 .story2 .column {
            float: left;
            width: 48%;
            margin-right: 4%;
            transition: all .3s;
        }

        .solu3 .story2 .column:nth-child(2n) {
            margin-right: 0;
        }

        .solu3 .story2 .text-box {
            padding: 27px 50px 32px 31px;
            border: 1px solid #e5e5e5;
        }

        .solu3 .story2 .column .h1 {
            font-size: 20px;
            color: #333333;
            margin-bottom: 18px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .solu3 .story2 .text {
            font-size: 17px;
            color: #666666;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .solu3 .story2 .column:hover {
            box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        }

        .solu3 .scenes2 {
            padding: 109px 0 52px;
            background-color: #f9f9f9;
        }

        .solu3 .scen-list2 .column {
            width: 23%;
            margin-right: 2.66%;
        }

        .solu3 .scen-list2 .column:nth-child(2n) {
            margin-right: 2.66%;
        }

        .solu3 .scen-list2 .column:nth-child(4n) {
            margin-right: 0;
        }

        .solu3 .scen-list2 .text-box {
            padding: 59px 25px;
        }

        .solu3 .scen-list2 .h1 {
            font-size: 20px;
            margin-bottom: 29px;
        }

        .solu3 .scen-list2 .text {
            font-size: 14px;
        }

        .solu3 .hard-solu {
            padding: 104px 0 20px;
        }

        .solu3 .hard-solu .title {
            margin-bottom: 92px;
        }

        .solu3 .hard-solu .column {
            margin-bottom: 90px;
            padding-left: 40px;
        }

        .solu3 .hard-solu a {
            display: block;
        }

        .solu3 .hard-solu .img {
            float: left;
            width: 500px;
        }

        .solu3 .hard-solu .text-box {
            float: left;
            width: calc(100% - 500px);
            padding-left: 57px;
            padding-right: 40px;
        }

        .solu3 .hard-solu .column .h1 {
            font-size: 30px;
            color: #010101;
            line-height: 1.4;
            margin-bottom: 10px;
            /* white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; */
        }

        .solu3 .hard-solu .text {
            font-size: 16px;
            color: #333333;
            line-height: 30px;
            margin-bottom: 27px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .solu3 .hard-solu .detail {
            display: inline-block;
            font-size: 16px;
            color: #ffffff;
            line-height: 38px;
            padding: 0 15px;
            background-color: #2b9dd9;
        }

        .solu3 .hard-solu .column:nth-child(2n) .img {
            float: right;
        }

        .solu3 .hard-solu .column:nth-child(2n) .text-box {
            padding-left: 40px;
            padding-right: 57px;
            text-align: right;
        }

        .solu3 .soft-solu {
            padding: 74px 0 84px;
            background-color: #f9f9f9;
        }

        .solu3 .soft-solu .title {
            margin-bottom: 85px;
        }

        .solu3 .soft-solu .column {
            float: left;
            width: 11%;
            text-align: center;
            margin-right: 6.8%;
        }

        .solu3 .soft-solu .column:nth-child(6n) {
            margin-right: 0;
        }

        .solu3 .soft-solu .name {
            font-size: 16px;
            color: #333333;
            line-height: 22px;
            margin-top: 26px;
        }

        .solu3 .soft-solu .detail {
            display: block;
            width: 245px;
            font-size: 22px;
            color: #828282;
            line-height: 51px;
            border: 2px solid #e5e5e5;
            border-radius: 27px;
            margin: 0 auto;
            margin-top: 50px;
            text-align: center;
        }


        .solu2 .title .h2 {
            font-size: 20px;
            color: #333333;
        }

        .story {
            padding: 80px 0 65px;
            background-color: #f9f9f9;
        }

        .story-wrap {
            padding: 0 120px;
        }

        .story .title {
            margin-bottom: 60px;
        }


        .search {
            padding: 70px 0 50px;
            background-color: #f6f6f6;
        }

        .search .search-wrap {
            padding: 0 120px;
        }

        .search .title {
            margin-bottom: 25px;
        }

        .search .title .h1 {
            font-size: 24px;
            color: #666666;
            margin-bottom: 35px;
        }

        .search .title .icon {
            display: inline-block;
            width: 20px;
            height: 2px;
            background-color: #666666;
        }

        .search .form {
            width: 570px;
            height: 60px;
            padding: 0 60px;
            margin: 0 auto;
            background-color: #ffffff;
            border: 2px solid #e5e5e5;
            border-radius: 30px;
            font-size: 0;
        }

        .search .text {
            display: inline-block;
            vertical-align: top;
            width: calc(100% - 25px);
            height: 56px;
        }

        .search .submit {
            display: inline-block;
            vertical-align: top;
            width: 25px;
            height: 25px;
            background-image: url(../image/icon60.jpg);
            background-size: cover;
            font-size: 0;
            cursor: pointer;
            margin-top: 15px;
        }


        .scene {
            padding: 70px 0;
        }

        .scene .title {
            margin-bottom: 70px;
        }

        .scene .carousel {
            position: relative;
            padding: 0 120px;
        }

        .scene .column {
            background-color: #f9f9f9;
            transition: all .3s;
        }

        .scene .text {
            padding: 40px 40px 50px;
            text-align: center;
            background-color: #f9f9f9;
        }

        .scene .name {
            font-size: 20px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 25px;
            transition: all .3s;
        }

        .scene .words2 {
            font-size: 14px;
            color: #333333;
            line-height: 24px;
            height: 48px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .scene .swiper-slide:hover {
            box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
        }

        .scene .swiper-slide:hover .name {
            color: #0062ff;
        }

        .scene .push-button {
            width: 12px;
            height: 21px;
            background-size: cover;
            transition: all .3s;
        }

        .scene .swiper-button-prev {
            background-image: url(../image/icon64.jpg);
        }

        .scene .swiper-button-next {
            background-image: url(../image/icon64-2.jpg);
        }

        .scene .swiper-button-prev:hover {
            background-image: url(../image/icon65-2.jpg);
        }

        .scene .swiper-button-next:hover {
            background-image: url(../image/icon65.jpg);
        }

        .contact-page .banner .suspen {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding-top: 12%;
        }

        .contact-page .banner .suspen .h1 {
            font-size: 60px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .contact-page .banner .suspen .h2 {
            font-size: 36px;
            color: #ffffff;
        }


        .addr-box .column {
            float: left;
            width: 31%;
            margin-right: 3.5%;
            margin-bottom: 40px;
            background-color: #f5f5f5;
            padding: 60px 45px 45px;
            background-image: url(../image/img74.jpg);
            background-position: 90% 90%;
            background-repeat: no-repeat;
            border-radius: 15px;
        }

        .addr-box .column:nth-child(3n) {
            margin-right: 0;
        }

        .addr-box .h1 {
            font-size: 20px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 27px;
            padding-left: 40px;
            background-image: url(../image/icon69.png);
            background-position: left center;
            background-repeat: no-repeat;
        }

        .addr-box .words {
            font-size: 18px;
            color: #666666;
            line-height: 30px;
            min-height: 60px;
        }

        .feed-box {
            padding: 50px 0 50px;
            background-color: #f5f5f5;
        }

        .feed-box .h1 {
            font-size: 36px;
            color: #333333;
            font-weight: bold;
            margin-bottom: 50px;
            text-align: center;
        }

        .feed-form {
            max-width: 1120px;
            width: 100%;
            margin: 0 auto;
        }

        .feed-form .column {
            float: left;
            width: 48%;
            margin-right: 4%;
            margin-bottom: 20px;
        }

        .feed-form .box .column:nth-child(2n) {
            margin-right: 0;
        }

        .feed-form .column2 {
            float: none;
            width: 100%;
            margin-right: 0;
        }

        .feed-form .top-name {
            margin-bottom: 10px;
        }

        .feed-form .sign {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            color: #f01616;
        }

        .feed-form .name {
            font-size: 16px;
            color: #333333;
        }

        .feed-form .text {
            width: 100%;
            height: 45px;
            font-size: 14px;
            color: #888888;
            padding: 0 10px;
        }

        .feed-form .area {
            font-size: 14px;
            color: #888888;
            padding: 30px;
            height: 215px;
        }

        .feed-form .push-button {
            margin-top: 80px;
            text-align: center;
        }

        .feed-form .btn {
            display: inline-block;
            vertical-align: top;
            margin: 0 15px;
            width: 160px;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            color: #ffffff;
            cursor: pointer;
        }

        .feed-form .submit {
            background-color: #0062ff;
        }

        .feed-form .reset {
            background-color: #535353;
        }

        .feed-form .sele {
            background-image: url(../image/icon70.jpg);
            background-position: 97% center;
            background-repeat: no-repeat;
        }


        .video .title {
            text-align: center;
            margin-bottom: 75px;
        }

        .video .title .h1 {
            font-size: 34px;
            color: #333333;
            font-weight: bold;
        }


        .news-page .banner .suspen {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            text-align: center;
            padding-top: 12%;
        }

        .news-page .banner .suspen .h1 {
            font-size: 60px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 40px;
        }

        .news-page .banner .suspen .h2 {
            font-size: 36px;
            color: #ffffff;
        }

        .news-box {
            padding: 75px 0 100px;
        }

        .news-box .column {
            padding-bottom: 30px;
            margin-bottom: 30px;
            border-bottom: 1px solid #dcdcdc;
            transition: all .3s;
        }

        .news-box .list-box {
            padding: 0 100px 0 50px;
        }

        .news-box .text-box {
            float: left;
            width: calc(100% - 420px);
            padding-right: 190px;
            padding-top: 50px;
        }

        .news-box .img-box {
            float: left;
            width: 420px;
        }

        .news-box .date {
            font-size: 18px;
            color: #909090;
            font-weight: bold;
            margin-bottom: 20px;
        }

        .news-box .h1 {
            font-size: 24px;
            color: #000000;
            font-weight: bold;
            margin-bottom: 32px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: all .3s;
        }

        .news-box .words {
            font-size: 16px;
            color: #666666;
            line-height: 28px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .news-box .column:hover .h1 {
            color: #14abd2;
        }

        .news-box .column:hover {
            border-bottom: 1px solid #14abd2;
        }

        .news-box .nav-page {
            margin-top: 40px;
        }

        .news-details {
            padding: 115px 0 60px;
        }

        .news-details .news-wrap {
            padding: 0 75px;
        }

        .news-details .title {
            text-align: center;
            margin-bottom: 70px;
            padding-bottom: 27px;
            border-bottom: 1px solid #cccccc;
        }

        .news-details .title .h1 {
            font-size: 36px;
            color: #14abd2;
            font-weight: bold;
            margin-bottom: 38px;
        }

        .news-details .title .bot-box {
            font-size: 0;
        }

        .news-details .title .date {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            color: #888888;
            padding-left: 34px;
            background-image: url(../image/icon112.jpg);
            background-position: left center;
            background-repeat: no-repeat;
            line-height: 25px;
            margin: 0 25px;
        }

        .news-details .title .source {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            color: #888888;
            line-height: 25px;
            margin: 0 25px;
        }

        .news-details .title .share {
            display: inline-block;
            vertical-align: top;
            line-height: 25px;
            margin: 0 25px;
        }

        .news-details .title .name {
            display: inline-block;
            vertical-align: top;
            font-size: 16px;
            color: #888888;
        }

        .news-details .title .item {
            display: inline-block;
            vertical-align: top;
            margin: 0 5px;
        }

        .news-details .words {
            font-size: 16px;
            color: #333333;
            line-height: 35px;
            padding-bottom: 95px;
            border-bottom: 1px solid #cccccc;
        }

        .news-details .words video {
            display: block;
            margin: 0 auto;
        }

        .news-details .words p {
            line-height: 30px;
            margin: 10px 0px;
        }

        .news-details .prev-next {
            margin-top: 88px;
        }

        .news-details .prev-next .item {
            background: none;
            border: 1px solid #cccccc;
            border-radius: 5px;
            color: #cccccc;
            width: 117px;
            height: 36px;
            line-height: 36px;
        }

        .news-details .prev-next .icon {
            width: auto;
            border: 0;
            color: #14abd2;
            margin: 0 85px;
        }

        .prod-list .column {
            float: left;
            width: 49.5%;
            margin-right: 1%;
            margin-bottom: 20px;
            position: relative;
        }

        .prod-list .column:nth-child(2n) {
            margin-right: 0;
        }

        .prod-list .suspen {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 55px;
        }

        .prod-list li {
            box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
            border-radius: 7px;
            background: #fff;
            height: 500px;
            padding: 10px;
        }

        .prod-list .top {
            /*position: absolute;*/
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 2;
            text-align: center;
            color: #fff;
            padding: 0 15px;
        }

        .prod-list .img {
            text-align: center;
            /*margin-top: 20px;*/
            /*padding: 0 25px;*/
        }

        .prod-list .img img {
            text-align: center;
            /*margin-top: 20px;*/
            /*padding: 0 25px;*/
            height: 300px;
        }

        .prod-list .h1 {
            margin-top: 20px;
            font-size: 24px;
            color: #333;
            font-weight: bold;
            margin-bottom: 25px;
        }

        .prod-list .h2 {
            font-size: 16px;
            color: #454545;
            margin-bottom: 25px;
        }

        .prod-list .words {
            font-size: 24px;
            color: #454545;
            font-weight: bold;
        }

        /*
        */
        .link-list .suspen {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 55px;
        }

        .link-list li {
            box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
            border-radius: 7px;
            background: #fff;
            height: 500px;
            /*padding: 10px;*/
        }

        .link-list .top {
            /*position: absolute;*/
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 2;
            text-align: center;
            color: #fff;
            padding: 0 15px;
        }

        .link-list .img {
            text-align: center;
            /*margin-top: 20px;*/
            /*padding: 0 25px;*/
        }

        .link-list .img img {
            text-align: center;
            margin-top: 150px;
            /*padding: 0 25px;*/
            /*height: 100px;*/
            width: 100px;
        }

        .link-list .h1 {
            margin-top: 20px;
            font-size: 24px;
            color: #fff;
            font-weight: bold;
            margin-bottom: 25px;
        }

        .link-list .h2 {
            font-size: 16px;
            color: #fff;
            margin-bottom: 25px;
        }

        .link-list .words {
            font-size: 24px;
            color: #454545;
            font-weight: bold;
        }

        /**/
        .softw-page .banner {
            position: relative;
            text-align: center;
        }

        .softw-page .banner .suspen {
            position: absolute;
            bottom: 15%;
            left: 0;
            width: 100%;
        }

        .softw-page .banner .h1 {
            font-size: 78px;
            color: #fefefe;
            font-weight: bold;
            margin-bottom: 58px;
        }

        .softw-page .banner .h2 {
            font-size: 36px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 32px;
        }

        .softw-page .banner .words {
            font-size: 18px;
            color: #fefefe;
            line-height: 30px;
        }

        .softw-page .banner .link {
            display: inline-block;
            font-size: 16px;
            color: #fefefe;
            font-weight: bold;
            margin: 47px 0 82px;
            width: 152px;
            height: 50px;
            line-height: 50px;
            background-color: #177fff;
            border-radius: 5px;
        }

        .softw-page .banner .h3 {
            font-size: 36px;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: 26px;
        }

        .softw-page .banner .list-box {
            position: absolute;
            top: 88%;
            left: 50%;
            width: 81%;
            transform: translateX(-50%);
            background-color: #ffffff;
            border-radius: 20px;
            padding-bottom: 55px;
            box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
            z-index: 9;
        }

        .softw-page .banner .column {
            float: left;
            width: 13.2%;
            margin: 0 5.9%;
        }

        .softw-page .banner .name {
            font-size: 26px;
            color: #373737;
            margin-top: 37px;
        }

        .softw-page .top_name {
            position: fixed;
            top: 100px;
            left: 0;
            width: 100%;
            z-index: 9;
            transition: all .5s;
        }

        .softw-page .top_name.on {
            top: 0;
            background-color: #ffffff
        }

        .softw-page .top_name_wrap {
            width: 73%;
            margin: 0 auto;
            padding-bottom: 20px;
            border-bottom: 1px solid rgba(213, 213, 213, .2);
        }

        .softw-page .top_name .h1 {
            font-size: 19px;
            color: #ffffff;
            font-weight: bold;
        }

        .softw-page .top_name.on .h1 {
            color: #333333;
        }

        .softw-page .top_name.on .top_name_wrap {
            padding: 10px 0;
        }


        .wd3 {
            width: 73%;
            margin: 0 auto;
        }


        .container {
            width: 1400px;
            margin: 0 auto;
        }
    }
    @media only screen and (max-width:1500px) {
        .header.on .logo_1 {
            display: inline-block;
        }
        .header.on .logo_2 {
            display: none;
        }
    }
    @media only screen and (min-width:1400px) {
        .header.on .logo_1 {
            display: inline-block;
        }
        .header.on .logo_2 {
            display: none;
        }
    }
    @media only screen and (min-width:1680px) {
        .wd{width: 90%;}
        .head-rbox{max-width:85%}
        .head-nav .column{margin:0 15px;}
    }

    @media only screen and (min-width:1440px) {
        .wd{width: 90%;}
        .head-rbox{max-width:85%}
        .head-nav .column{margin:0 15px;}
    }
    @media only screen and (max-width:1440px) {
        .head-nav .column{margin: 0 10px}
        .header.on .logo_1 {
            max-width: 250px;
        }
    }
    @media only screen and (max-width:1280px) {
        .head-nav .column{margin: 0 10px}
        .header.on .logo_1 {
            display: none;
        }
        .header.on .logo_2 {
            display: inline-block;
        }
    }
    @media only screen and (max-width: 1680px) {
        .container {
            width: 1200px;
        }

        .foot-bot .link {
            float: left;
            width: 100%;
        }

        .foot-bot .record {
            float: left;
            width: 100%;
            margin-top: 10px;
        }
    }


    @media only screen and (max-width: 1280px) {
        .container {
            width: 1000px;
        }
    }

    @media only screen and (max-width: 1199px) {
        .container {
            width: 970px;
        }
    }


    @media only screen and (max-width: 991px) {
        .container {
            width: 750px;
        }
        .p-box {
            margin-top: 60px;
        }
    }
    @media only screen and (min-width: 1681px) {

        .head-nav .column {
            margin: 0 30px;
        }


    }
    @media only screen and (max-width: 1680px) {

        .foot-nav .column {
            margin-right: 140px;
        }

        .head-nav .column {
            margin: 0 20px;
        }
        .head-nav .item{font-size: 16px;}
        .link-nav .column {
            padding: 0 40px;
        }

        .link-nav .column:nth-child(2) {
            padding-left: 70px;
        }
    }


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

        .wd2 {
            width: 90%;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .wd3 {
            width: 90%;
        }


        .foot-nav .column {
            margin-right: 100px;
        }

        .head-nav .column {
            margin: 0 20px;
        }

        .wd {
            width: 90%;
        }

        .link-nav .nav-wrap {
            padding: 30px 20px;
        }
    }

    @media only screen and (max-width: 1500px) {
        .head-nav .column {
            margin: 0 15px;
        }
    }
    @media only screen and (max-width: 1440px) {
        .head-nav .column {
            margin: 0 10px;
        }
        .softw-page .banner .h1 {
            font-size: 46px;
        }

        .softw-page .banner .h2 {
            font-size: 24px;
        }

        .softw-page .banner .words {
            font-size: 14px;
            line-height: 24px;
        }

        .softw-page .banner .link {
            margin: 30px 0 50px;
        }

        .softw-page .banner .h3 {
            font-size: 24px;
        }

        .softw-page .banner .name {
            font-size: 16px;
            margin-top: 20px;
        }

        .video .title .h1 {
            font-size: 20px;
        }


        .scene .carousel {
            padding: 0 50px;
        }

        .groun .words {
            padding: 0 100px;
        }

        .solu2 .title .h1 {
            font-size: 20px;
        }


        .solution-page .banner .suspen .h1 {
            font-size: 30px;
        }

        .solution-page .banner .suspen .h2 {
            font-size: 18px;
        }

        .solu-list .name {
            font-size: 16px;
        }

        .solu-list .words {
            font-size: 14px;
            line-height: 24px;
            height: 72px;
        }


        .serv-page .banner .suspen .h1 {
            font-size: 30px;
        }

        .serv-page .banner .suspen .h2 {
            font-size: 18px;
        }

        .product-page .banner .suspen .h1 {
            font-size: 30px;
        }

        .product .title .h1 {
            font-size: 24px;
        }

        .prod-nav .h1 {
            font-size: 18px;
        }

        .prod-nav .h2 {
            font-size: 14px;
            min-height: 48px;
        }

        .prod-list .h1 {
            font-size: 20px;
        }

        .prod-list .words {
            font-size: 16px;
        }

        .problem-page .banner .suspen .h1 {
            font-size: 30px;
        }

        .problem-page .banner .suspen .h2 {
            font-size: 20px;
        }

        .news-details .words {
            font-size: 14px;
            line-height: 24px;
        }

        .news-details .words p {
            line-height: 40px;
        }

        .news-details .title .h1 {
            font-size: 24px;
        }

        .news-details {
            padding: 115px 0 60px;
        }

        .news-details .news-wrap {
            padding: 0;
        }

        .news-page .banner .suspen .h1 {
            font-size: 30px;
        }

        .news-page .banner .suspen .h2 {
            font-size: 20px;
        }

        .nav-page .item {
            margin: 0 5px;
        }

        .news-box .words {
            font-size: 14px;
            line-height: 24px;
        }

        .news-box .h1 {
            font-size: 18px;
        }

        .news-box .text-box {
            padding-right: 100px;
        }

        .hotli .h1 {
            font-size: 20px;
        }


        .supp-top .h1 {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 0;
        }

        .supp-top .nav-box {
            padding-right: 10px;
        }

        .supp-top .item {
            font-size: 16px;
        }


        .addr-box .column {
            width: 48%;
            margin-right: 4%;
        }

        .addr-box .column:nth-child(3n) {
            margin-right: 4%;
        }

        .addr-box .column:nth-child(2n) {
            margin-right: 0;
        }


        .contact-page .banner .suspen .h1 {
            font-size: 40px;
        }

        .contact-page .banner .suspen .h2 {
            font-size: 24px;
        }

        .contact-page .banner .suspen {
            padding-top: 15%;
        }

        .feed-box .h1 {
            font-size: 30px;
        }

        .addr-box .words {
            font-size: 14px;
            line-height: 24px;
        }

        .addr-box .h1 {
            font-size: 16px;
        }

        .map-box .name {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .map-box .words {
            font-size: 14px;
            line-height: 24px;
        }

        .map-box .h1 {
            font-size: 20px;
            padding-bottom: 20px;
            margin-bottom: 40px;
        }

        .map-box .h2 {
            margin-bottom: 40px;
        }

        .wd2 {
            width: 90%;
        }

        .honor .carousel2 {
            width: 60%;
        }

        .honor .preview .arrow-right {
            right: -120px;
        }

        .about .title .h2 {
            font-size: 16px;
        }

        .mile .preview .swiper-container {
            height: 250px;
        }

        .about .title .h1 {
            font-size: 20px;
        }

        .mile .title .h2 {
            font-size: 14px;
        }

        .mile .year-box {
            font-size: 18px;
        }

        .mile .r-box .h1 {
            font-size: 14px;
            line-height: 24px;
        }

        .mile .l-box .swiper-slide {
            font-size: 16px;
        }

        .about-page .banner .suspen .h1 {
            font-size: 40px;
        }

        .about-page .banner .suspen .h2 {
            font-size: 24px;
        }

        .foot-nav .column {
            margin-right: 60px;
        }

        .head-nav .item {
            font-size: 15px;
        }

        .head-lang {
            margin-right: 0;
        }

        .head-lang span {
            display: block;
            margin-top: 15px;
            border: #949494 solid 1px;
            border-radius: 15px;
            line-height: 30px;
            padding: 0px 10px 0px 10px;
            background: url(../image/img1.png) center right 10px no-repeat;
        }

        .head-lang .item {
            font-size: 12px;
        }

        .home-swiper .h1 {
            font-size: 30px;
        }

        .home-swiper .bold {
            font-size: 40px;
        }

        .home-swiper .h2 {
            font-size: 16px;
        }

        .home-swiper .name {
            font-size: 12px;
        }

        .home-swiper .column {
            margin-right: 80px;
        }

        .link-nav .h1 {
            font-size: 24px;
        }

        .link-nav .words {
            font-size: 16px;
        }

        .link-box .h1 {
            font-size: 24px;
        }

        .link-box .words {
            font-size: 14px;
        }

        .home-page .title .h1 {
            font-size: 24px;
        }
        .news-list .img {
            /*height: 120px;*/
        }
        .news-list .h1 {
            font-size: 18px;
        }

        .news-list .words {
            font-size: 14px;
            line-height: 24px;
        }

        .news-list .date {
            font-size: 12px;
        }
    }

    @media only screen and (max-width: 1366px) {
        .link-box .suspen {
            padding: 0 25px 25px;
        }

        .link-box .column.special .suspen {
            padding-bottom: 25px;
        }

        .foot-bot .link {
            width: 100%;
            margin-bottom: 10px;
            max-width: 100%;
        }

        .foot-bot .record {
            width: 100%;
            max-width: 100%;
        }

        .header .prod-drop-down .item_2 {
            padding: 0 5px;
        }

        .header .prod-drop-down .icon {
            width: 30px;
            margin-right: 5px;
        }

        .header .prod-drop-down .name {
            width: calc(100% - 105px);
        }

        .header .item_2 .hot {
            max-width: 40px;
        }

    }

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

        .news-box .supp-top {
            margin-bottom: 60px;
        }

        .news-box .text-box {
            padding-right: 50px;
        }

        .link-nav {
            bottom: -25%;
        }

        .link-box {
            /* margin-top: 15%; */
        }

        .link-nav .column {
            padding: 0 30px;
        }

        .link-nav .column:nth-child(2) {
            padding-left: 30px;
        }

        .intr .text {
            width: 100%;
            margin-right: 0;
        }

        .intr .video {
            width: 100%;
            padding-bottom: 0;
        }
    }

    @media only screen and (max-width: 1199px) {
        .outle {
            padding-bottom: 30px;
        }


        .softw-page .banner .column .img {
            width: 110px;
            margin: 0 auto;
        }

        .softw-page .banner .list-box {
            width: 90%;
            padding-bottom: 30px;
        }


        .solu-list .text {
            padding: 30px;
        }


        .news-box .list-box {
            padding: 0;
        }

        .news-box .img {
            width: 100%;
        }

        .news-box .text-box {
            width: calc(100% - 350px);
        }


        .global-layout .column {
            margin-bottom: 60px;
        }

        .global-layout .title {
            margin-bottom: 60px;
        }

        .honor .but2 {
            top: 10px;
        }

        .honor .preview::before {
            top: 25px;
        }

        .honor .carousel {
            padding: 50px 40px;
        }

        .honor .carousel2 {
            margin-top: 100px;
        }

        .honor .previ-swiper .swiper-slide {
            padding-top: 20px;
        }

        .honor .preview {
            top: 70px;
        }

        .foot-nav .column {
            margin-right: 30px;
        }

        .link-nav .text {
            height: 200px;
            line-height: 50px;
            margin-top: 35px;
            font-size: 20px;
        }

        .link-nav .icon {
            width: 150px;
        }

        .head-lang {
            margin-left: 15px;
        }

        .head-nav .column {
            margin: 0 10px;
        }

        .home-swiper .h1 {
            margin-bottom: 20px;
        }

        .home-swiper .list-box {
            margin-top: 30px;
        }

        .link-nav .nav-wrap {
            padding: 10px;
        }

        .footer .sales {
            width: 230px;
        }

        .global-layout .text-box {
            width: 100%;
        }

        .global-layout .img-box {
            width: 100%;
            margin-top: 30px;
        }

        .honor .preview .arrow-left {
            right: -20px;
        }

        .honor .preview .arrow-right {
            right: -90px;
        }
    }

    @media only screen and (max-width: 1080px) {
        .header {
            display: none;
        }

        .m-header {
            display: block;
        }

        .m-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            /* border-bottom: 0.01rem solid rgba(255, 255, 255, .1); */
            z-index: 10;
            padding: 0 5%;
        }

        .m-header.on {
            background-color: #ffffff;
        }

        .m-header.on2 {
            top: -100%;
        }

        .m-head-wrap {
            height: 50px;
            justify-content: space-between;
            align-items: center;
        }

        .m-head-logo {
            width: 130px;
        }

        .m-head-logo .logo_2 {
            display: none;
        }

        .m-header.on .m-head-logo .logo_2 {
            display: block;
        }

        .m-header.on .m-head-logo .logo_1 {
            display: none;
        }

        .m-head-menu {
            width: 30px;
            cursor: pointer;
        }

        .m-head-menu .but-close {
            display: none;
        }

        .m-head-menu .but-icon_2 {
            display: none;
        }

        .m-header.on .m-head-menu .but-icon_2 {
            display: block;
        }

        .m-header.on .m-head-menu .but-icon_1 {
            display: none;
        }

        .m-head-menu .drop-down {
            display: none;
            position: fixed;
            top: 50px;
            left: 0;
            width: 100%;
            height: calc(100% - 50px);
            background-color: #f7f7f7;
            z-index: 9;
        }

        .m-head-menu .m-nav-box {
            height: calc(100vh - 50px);
        }

        .m-head-menu .item {
            display: block;
            font-size: 16px;
            color: #333333;
            line-height: 42px;
            padding: 0 15px;
        }

        .m-head-menu .item.on {
            background-color: #ffffff;
        }

        .m-head-menu .drop-down_2 {
            display: none;
            position: fixed;
            top: 90px;
            left: 150px;
            width: calc(100% - 150px);
            height: calc(100% - 50px);
            background-color: #ffffff;
            padding: 0 15px;
        }

        .m-head-menu .column.on .drop-down_2 {
            display: block;
        }

        .m-head-menu .h1 {
            display: block;
            font-size: 16px;
            color: #333333;
            line-height: 42px;
            border-bottom: 0.01rem solid #dcdcdc;
            padding: 0 5px;
        }

        .m-head-menu .name {
            display: block;
            padding-right: 30px;
            background-image: url(../image/icon151.jpg);
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 16px auto;
        }

        .m-head-menu .m-nav {
            overflow-y: auto;
            height: calc(100vh - 1.91rem);
        }

        .m-head-menu .m-nav::-webkit-scrollbar {
            display: none;
        }

        .m-head-menu .h2 {
            display: block;
            font-size: 16px;
            color: #333333;
            line-height: 42px;
            border-bottom: 0.01rem solid #dcdcdc;
            padding: 0 5px;
        }

        .m-head-menu .name_2 {
            display: block;
            background-image: url(../image/icon16.jpg);
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 8px auto;
            cursor: pointer;
        }

        .m-head-menu .h2.on .name_2 {
            background-image: url(../image/icon17.jpg);
        }

        .m-head-menu .drop-down_3 {
            display: none;
        }

        .m-head-menu .item_2 {
            display: block;
            font-size: 14px;
            color: #666666;
            line-height: 42px;
            padding: 0 20px;
        }

        .m-head-menu .name_2.on {
            background: none;
        }

        .m-suspen-box {
            position: fixed;
            top: 50%;
            right: .3rem;
            width: .65rem;
            z-index: 2;
        }

        .m-suspen-box .return-top {
            margin-bottom: .16rem;
        }

        .m-suspen-box .cont-box {
            position: relative;
            background-color: #ffffff;
        }

        .m-suspen-box .btn-icon {
            display: block;
            font-size: .24rem;
            color: #0062ff;
            line-height: .3rem;
            text-align: center;
            padding: .62rem 0 .27rem 0;
            background-image: url(../image/icon6.jpg);
            background-size: .2rem auto;
            background-position: center .17rem;
            background-repeat: no-repeat;
        }

        .m-suspen-box .drop-down {
            position: absolute;
            left: -3.2rem;
            bottom: 0;
            width: 3.05rem;
            background-color: #ffffff;
            padding: .5rem .25rem .35rem;
            display: none;
        }

        .m-suspen-box .column {
            position: relative;
            margin-bottom: .4rem;
        }

        .m-suspen-box .column:last-child {
            margin-bottom: 0;
        }

        .m-suspen-box .item {
            display: block;
            font-size: .24rem;
            color: #333333;
            line-height: .41rem;
            padding-left: .38rem;
            background-repeat: no-repeat;
            background-position: left 0.01rem;
            background-size: .24rem auto;
        }

        .m-suspen-box .h1 {
            font-size: .24rem;
        }

        .m-suspen-box .text {
            font-size: .22rem;
            color: #777777;
        }

        .m-suspen-box .on-line {
            background-image: url(../image/icon8.jpg);
        }

        .m-suspen-box .phone {
            background-image: url(../image/icon9.jpg);
        }

        .m-suspen-box .messa {
            background-image: url(../image/icon10.jpg);
        }

        .m-suspen-box .weixin {
            background-image: url(../image/icon155.png);
        }

        .m-suspen-box .show-box {
            position: absolute;
            left: -110%;
            bottom: 0;
            display: none;
        }

        .m-suspen-box .close {
            position: absolute;
            top: 1%;
            right: 5%;
        }

        .opti-acce .swiper-button-prev,
        .opti-acce .swiper-button-next {
            width: 30px;
            height: 30px;
        }

        .opti-acce .swiper-button-prev {
            left: -35px;
        }

        .opti-acce .swiper-button-next {
            right: -35px;
        }

        .mapp-func .r-text {
            max-width: 100%;
            margin: 50px 0;
            text-align: center;
        }

        .seco-deve .column {
            padding: 0 5%;
        }

        .devi-mana .video1 video {
            width: 86.5%;
            height: auto;
        }

        .scene .text {
            padding: 30px;
        }

        .groun-list .column {
            padding: 20px;
        }

        .groun-list .name {
            font-size: 18px;
            margin-bottom: 30px;
        }

        .groun-list .words2 {
            font-size: 14px;
        }

        .groun .words {
            padding: 0;
        }

        .search .search-wrap {
            padding: 0;
        }

        .story-list .text {
            padding: 15px 30px 15px 15px;
        }

        .retai-list .text {
            padding: 20px;
        }

        .story-list .icon {
            right: 20px;
            bottom: 30px;
        }

        .solu-list .column {
            width: 32%;
            margin-right: 2%;
        }

        .solu-list .column:nth-child(4n) {
            margin-right: 2%;
        }

        .solu-list .column:nth-child(3n) {
            margin-right: 0;
        }

        .sales-list .h1 {
            font-size: 14px;
        }

        .recru-nav {
            padding: 0;
        }

        .main-page {
            padding-top: 0;
        }

        .prog-list .text {
            padding: 30px 50px 0;
        }

        .notice-list .column {
            margin-bottom: 50px;
        }

        .header {
            background-color: #ffffff;
            box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
        }

        .header .logo_2 {
            display: inline-block;
        }

        .header .logo_1 {
            display: none;
        }

        .header .head-menu .line {
            background-color: #000000;
        }

        .head-rbox {
            display: none;
        }

        .header .head-menu {
            display: block;
        }

        .home-swiper .swiper-pagination {
            bottom: 3%;
        }

        .link-box .column.special .suspen {
            padding-bottom: 15px;
        }

        .link-box .suspen {
            padding: 0 15px 15px;
        }

        .link-box .h1 {
            margin-bottom: 10px;
        }

        .link-box .words {
            line-height: 1.4;
        }

        .link-nav {
            position: relative;
            margin-top: 30px;
        }

        .link-box {
            margin-top: 30px;
        }

        .foot-nav {
            display: none;
        }

        .footer .sales {
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }

        .foot-top {
            margin-bottom: 30px;
        }

        .foot-bot {
            text-align: center;
        }

        .home-swiper .suspen {
            top: 35%;
        }

        .link-nav .column {
            text-align: center;
        }

        .link-nav .icon {
            width: 100%;
        }

        .link-nav .text {
            width: 100%;
            padding: 10px 0;
        }

        .link-nav .nav-wrap {
            padding: 20px;
        }

        .techn .words {
            margin-bottom: 40px
        }

        .techn-list .column {
            width: 33.33%;
            margin-bottom: 30px;
        }

        .techn-list .column:nth-child(3n)::before {
            display: none;
        }

        .techn-list .column img {
            height: 120px;
        }

        .techn-list .dots {
            margin: 15px 0;
        }
    }

    @media only screen and (max-width: 991px) {
        .banner{margin-top: 50px;}
        .problem .form {
            max-width: 100%;
        }

        .opti-acce .swiper-button-prev {
            left: 0;
        }

        .opti-acce .swiper-button-next {
            right: 0;
        }

        .welfare .column {
            min-height: 440px;
        }

        .propa-video .icon img {
            max-width: 70%;
        }

        .welfare .last_column {
            width: 70%;
        }

        .devel .l-img {
            width: 100%;
            margin-bottom: 20px;
        }

        .devel .r-text {
            width: 100%;
        }

        .activ .icon img {
            max-width: 60%;
        }

        .activ .icon_2 {
            right: -35%;
        }

        .activ .icon_4 {
            right: -12%;
        }

        .dt30 .box1 .h1 {
            margin-bottom: 30px;
        }

        .dt30 .box1 .img-box {
            width: 260px;
        }

        .dt30 .box4 .img-box {
            width: 300px;
        }

        .dt30 .box6 .text-box {
            max-width: 400px;
        }

        .dt30 .box8 .text-box {
            max-width: 400px;
        }

        .dt30 .box8 .list-box {
            margin-top: 20px;
        }

        .dt30 .box8 .h1 {
            margin-bottom: 20px;
        }

        .dt30 .box9 .img-box {
            width: 360px;
        }

        .dt30 .box9 .list-box {
            margin-top: 40px;
        }

        .dt30 .box10 .text-box {
            max-width: 300px;
        }

        .dt30 .box10 .suspen {
            top: 50%;
        }

        .dt30 .box11 .img1 {
            width: 400px;
        }

        .d8000 .box1 .img-box {
            width: 250px;
        }

        .tech-para .column {
            width: 33.33%;
        }

        .tech-para .column:nth-child(4n) {
            padding-right: 1%;
        }

        .tech-para .column:nth-child(3n) {
            padding-right: 0;
        }

        .tech-para .name {
            line-height: 1.4;
        }

        .d7000 .box11 .suspen .img {
            width: 300px;
        }

        .d7000 .box1 .h1 {
            margin-bottom: 10px;
        }

        .dt40 .box3 .img-box {
            width: 200px;
        }

        .dt40 .box3 .text-box {
            margin-right: 0;
        }

        .dt40 .box4 .column {
            width: 200px;
        }

        .d7000 .box5 .text-box {
            width: 380px;
        }

        .d7000 .box6 .text-box {
            margin-bottom: 20px;
        }

        .dt40 .box7 .suspen {
            top: 25%;
        }

        .dt40 .box8 .column1 {
            top: 32%;
        }

        .dt40 .box8 .name {
            margin-top: 5px;
        }

        .dt40 .box8 .column2 {
            left: 12%;
        }

        .dt40 .box8 .column3 {
            left: 27%;
        }

        .dt40 .box8 .column4 {
            right: 20%;
        }

        .dt40 .box8 .column5 {
            top: 20%;
            right: 5%;
        }

        .dt40 .box8 .column6 {
            right: 17%;
        }

        .dt40 .box9 .text-box {
            max-width: 300px;
        }

        .dt40 .box11 .img-box {
            width: 380px;
        }

        .dt40 .box11 .text-box {
            margin-right: 0;
            margin-bottom: 0;
        }

        .dt40 .box11 .suspen {
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .dt40 .box12 .text-box {
            max-width: 350px;
        }

        .dt40 .box13 .img-box {
            width: 450px;
        }

        .dt40 .box13 .text-box {
            max-width: 500px;
        }

        .dt40 .box13 .suspen {
            top: 25%;
        }

        .dt40 .box14 .text-box {
            margin-left: 0;
        }

        .dt50 .box3 .text-box {
            max-width: 100%;
        }

        .dt50 .box3 .column {
            width: 33.33%;
        }

        .dt50 .box4 .text-box {
            max-width: 380px;
        }

        .dt50 .box5 .img-box {
            right: 15%;
        }

        .dt50 .box6 .list-box2 {
            margin-top: 30px;
        }

        .dt50 .box6 .words {
            line-height: 30px;
        }

        .dt50 .box6 .name {
            font-size: 16px;
            margin-top: 10px;
        }

        .dt50 .box7 .text-box {
            max-width: 420px;
        }

        .dt50 .box8 .text-box {
            max-width: 100%;
        }

        .dt50 .box8 .list-box {
            margin-top: 40px;
        }

        .dt50 .box10 .list-box {
            margin-top: 30px;
        }

        .dt50 .box10 .column {
            margin-right: 50px;
        }

        .dt50 .box11 .suspen {
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .dt50 .box12 .icon {
            width: 90px;
        }

        .dt50 .box12 .img1 {
            width: 360px;
        }

        .i9000s .box3 .list-box {
            padding: 0;
        }

        .i9000s .box4 .icon {
            height: 50px;
        }

        .i9000s .box4 img {
            max-height: 100%;
        }

        .i9000s .box5 .text-box {
            width: 100%;
        }

        .i9000s .box6 .text-box {
            width: 100%;
            margin-right: 0;
        }

        .i9000s .box6 .column {
            display: inline-block;
            vertical-align: top;
            width: 50%;
        }

        .i9000s .box6 .icon {
            width: 40px;
            margin-right: 10px;
        }

        .i9000s .box6 .words2 {
            width: calc(100% - 50px);
            line-height: 40px;
        }

        .i9000s .box8 .text-box {
            width: 360px;
        }

        .i9000s .box8 .capa {
            margin-top: 40px;
        }

        .i9000s .box9 .suspen {
            top: 50%;
        }

        .i9000s .box9 .text-box {
            max-width: 100%;
        }

        .i9000s .box9 .column {
            margin-top: 30px;
        }

        .i9000s .box9 .icon {
            height: 35px;
        }

        .i9000s .box9 img {
            max-height: 100%;
        }

        .i9000s .box12 .h1 {
            font-size: 28px;
        }

        .i9100 .box2 .icon {
            height: 50px;
        }

        .i9100 .box2 .icon img {
            max-height: 100%;
        }

        .i9100 .box2 .name {
            font-size: 16px;
        }

        .i9100 .box3 .column2 {
            margin-right: 20px;
        }

        .i9100 .box3 .list-box2 {
            margin-top: 30px;
        }

        .i9100 .box3 .name {
            font-size: 16px;
        }

        .i9100 .box3 .icon {
            height: 30px;
        }

        .i9100 .box6 .list-box {
            margin-top: 30px;
        }

        .i9100 .box7 .name {
            margin-top: 10px;
        }

        .i9100 .box7 .list-box {
            margin: 30px auto;
        }

        .play-but-icon {
            width: 60px;
            margin: 0 auto;
        }

        .seco-deve .column {
            padding: 0 2%;
        }

        .seco-deve .icon {
            width: 120px;
            margin: 0 auto;
        }

        .cust-use .column {
            width: 100%;
            border-right: 0 !important;
        }

        .cloud-serv .top-box .h1 {
            padding: 40px 0;
        }

        .devi-diag .column {
            padding: 0 2%;
        }

        .devi-diag .name {
            font-size: 16px;
            padding: 0 15px;
        }

        .devi-diag .column .icon {
            height: 50px;
        }

        .devi-mana .box3 {
            padding: 150px 0;
        }

        .devi-mana .box3 .list-box {
            max-width: 80%;
        }

        .deploy .column2 .suspen {
            right: 5%;
        }

        .deploy .column .icon img {
            width: 60px;
        }

        .deploy .column .h1 {
            margin: 20px 0 10px;
        }

        .deploy .column .h2 {
            margin-bottom: 20px;
        }

        .softw-page .banner .column .img {
            width: 80px;
        }

        .deploy .top-box .suspen {
            top: 22%;
        }

        .softw-page .banner .list-box {
            padding-bottom: 20px;
        }

        .softw-box .top-box .h1 {
            margin-bottom: 30px;
        }

        .supp-video-box .suspend .h1 {
            font-size: 16px;
        }

        .supp-video-box .words {
            font-size: 14px;
        }

        .manu .text-box {
            width: 100%;
            padding-top: 0;
            margin-bottom: 50px;
        }

        .manu .top-box {
            margin-bottom: 30px;
        }

        .manu .column {
            margin-bottom: 40px;
        }

        .manu .img-box {
            width: 100%;
        }

        .softw-list .column .icon {
            width: 70%;
            margin: 0 auto;
        }

        .scene .name {
            font-size: 16px;
            margin-bottom: 10px;
        }

        .scene .text {
            padding: 20px;
        }

        .rela-prod .img {
            height: 200px;
        }

        .rela-prod .img img {
            max-height: 100%;
        }

        .rela-prod-list .column .more {
            margin-top: 30px;
        }

        .rela-prod .text {
            padding: 20px;
        }

        .retai-list .column {
            width: 32%;
            margin-right: 2%;
        }

        .outle .outle-map .outle-list .column {
            max-width: 48%;
            margin-right: 4%;
        }

        .outle .outle-map .outle-list .column:nth-child(2n) {
            margin-right: 0;
        }

        .outle-list .column {
            width: 48%;
            margin-right: 4%;
        }

        .outle-list .column:nth-child(3n) {
            margin-right: 4%;
        }

        .outle-list .column:nth-child(2n) {
            margin-right: 0;
        }

        .mode-list .column {
            padding: 30px;
            min-height: 480px;
        }

        .supp-list .column {
            padding: 5px;
        }

        .supp-list .h1 {
            margin-bottom: 10px;
            line-height: 18px;
        }

        .supp-list .line {
            margin-top: 0;
        }

        .cont-list .icon img {
            width: 30px;
        }

        .devel {
            background-size: 100% 150px;
        }

        .devel .words {
            padding: 0;
        }

        .syste {
            min-height: 620px;
        }

        .hot-posit {
            padding: 90px 0 150px;
        }

        .posit-list .name {
            font-size: 16px;
        }

        .techn {
            min-height: 620px;
        }

        .recruit-page .banner .suspen {
            padding-top: 15%;
        }

        .head-menu .drop-down {
            top: 60px;
        }

        .main-page {
            padding-top: 0;
        }

        .prog-list .img {
            width: 50%;
        }

        .prog-list .text {
            width: 50%;
            padding: 20px 20px 0;
        }

        .prog-list .top > div {
            margin-bottom: 20px;
        }

        .prog-list .icon {
            margin-right: 20px;
        }

        .prog-list .h1 {
            margin-bottom: 10px;
        }

        .prod-nav .column {
            width: 48%;
            margin-right: 4%;
        }

        .prod-nav .column:nth-child(3n) {
            margin-right: 4%;
        }

        .prod-nav .column:nth-child(2n) {
            margin-right: 0;
        }

        .problem-page .banner .suspen {
            padding-top: 15%;
        }

        .news-page .banner .suspen {
            padding-top: 15%;
        }

        .nav-page .item {
            width: 60px;
        }

        .nav-page .prev {
            width: auto;
            padding: 0 20px;
        }

        .nav-page .next {
            width: auto;
            padding: 0 20px;
        }

        .news-box .img {
            width: 100%;
        }

        .news-box .text-box {
            width: calc(100% - 300px);
            padding-top: 30px;
        }

        .news-box .h1 {
            margin-bottom: 20px;
        }

        .futu-list .words {
            font-size: 12px;
            line-height: 24px;
        }

        .honor .preview {
            top: 52%;
            left: 10%;
            width: 70%;
        }

        .honor .img-box {
            width: 100%;
        }

        .mile .arrow-left {
            top: -30px;
            left: 8px;
        }

        .mile .arrow-right {
            left: 8px;
            bottom: 0;
        }

        .mile .preview .swiper-slide {
            padding: 0;
        }

        .mile .preview .swiper-container {
            height: 200px;
        }

        .about .title {
            margin-bottom: 60px;
        }

        .about-page .banner .suspen {
            padding-top: 12%;
        }

        .header {
            height: 60px;
        }

        .head-logo {
            line-height: 60px;
        }

        .head-logo img {
            height: 40px;
            vertical-align: middle;
        }

        .head-menu .icon-button {
            margin-top: 13px;
        }

        .home-swiper .h1 {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .home-swiper .bold {
            font-size: 30px;
        }

        .home-swiper .h2 {
            font-size: 14px;
        }

        .home-swiper .list-box {
            margin-top: 20px;
        }

        .home-swiper .column {
            margin-right: 40px;
        }

        .link-nav .nav-wrap {
            border-radius: 15px;
        }

        .link-box .h1 {
            font-size: 18px;
        }

        .link-box {
            margin-bottom: 30px;
        }

        .news .title {
            margin-bottom: 30px;
        }

        .news-list .column {
            width: 100%;
            margin-right: 0;
            margin-bottom: 20px;
        }

        .news {
            padding-bottom: 30px;
        }

        .smart-swiper .push-button {
            width: 30px;
            height: 30px;
            margin-top: -15px;
        }
    }

    .bigPicLayer {
        display: none;
        width: 1000px;
        height: 556px;
        position: fixed;
        z-index: 111;
        top: 40% !important;
        margin-top: -180px;
        padding: 10px;
    }

    .bigPicLayer .close {
        display: block;
        width: 38px;
        height: 38px;
        background: url(../image/close.png) no-repeat;
        right: -50px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 50px;
        background: #009690;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }

    .bigPicLayer .imgDiv {
        text-align: center;
    }

    .bigPicLayer .imgDiv img {
        width: 100%;
    }

    .bigPicLayer .imgDiv span {
        display: block;
        text-align: center;
        font-size: 18px;
        margin-top: 16px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
    }

    #Layer1 {
        position: fixed;
        z-index: 9;
        background: #000000;
        top: 0;
        left: 0;
    }

    @media screen and (max-width: 1440px) {
        .bigPicLayer {
            display: none;
            width: 600px;
            height: 350px;
            position: fixed;
            z-index: 111;
            top: 40% !important;
            margin-top: -100px;
            padding: 10px;
        }

        .bigPicLayer .close {
            display: block;
            width: 38px;
            height: 38px;
            background: url(../image/close.png) no-repeat;
            right: -50px;
            top: -50px;
            position: relative;
            position: absolute;
            z-index: 222;
        }

        .bigPicLayer .close em {
            width: 1px;
            height: 50px;
            background: #0a448d;
            display: none;
            position: absolute;
            left: 50%;
            margin-left: -0.5px;
            top: 100%;
        }

        .bigPicLayer .imgDiv {
            text-align: center;
        }

        .bigPicLayer .imgDiv img {
            width: 100%;
        }

        .bigPicLayer .imgDiv span {
            display: block;
            text-align: center;
            font-size: 18px;
            margin-top: 16px;
            color: #fff;
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
        }
    }

    @media screen and (max-width: 1004px) {
        .bigPicLayer {
            width: 300px;
            height: auto;
            padding: 0px;
            margin-top: -150px;
        }

        .bigPicLayer .close {
            display: block;
            width: 38px;
            height: 38px;
            background: url(../image/close.png) no-repeat;
            right: -50px;
            top: -50px;
            position: relative;
            position: absolute;
            z-index: 222;
        }

        .bigPicLayer .close em {
            width: 1px;
            height: 20px;
            background: #0a448d;
            display: none;
            position: absolute;
            left: 50%;
            margin-left: -0.5px;
            top: 100%;
        }

        .bigPicLayer .imgDiv {
            height: 169px;
        }

        #pc-main {
            display: block;
        }

        #mobile-main {
            display: none;
        }

    }

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

        /*公共样式*/
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }

        * {
            /*-webkit-box-sizing: border-box;*/
            /*-moz-box-sizing: border-box;*/
            /*box-sizing: border-box;*/
        }

        html,
        body {
            font-size: 14px;
            line-height: 1;
            color: #333;
            background-color: #fff;
        }

        ul,
        li {
            list-style-type: none;
        }

        input,
        textarea,
        select {
            -webkit-appearance: none;
            resize: none;
            outline: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            border: 0;
        }

        a {
            text-decoration: none;
            color: #000;
            cursor: pointer;
        }

        a:hover {
            text-decoration: none;
        }

        img {
            max-width: 100%;
            border-style: none;
            vertical-align: middle;
        }

        .zoom-img {
            overflow: hidden;
        }

        .zoom-img .img {
            overflow: hidden;
        }

        .zoom-img img {
            transition: all .5s;
        }

        .zoom-img:hover img {
            transform: scale(1.04);
            -ms-transform: scale(1.04);
            -webkit-transform: scale(1.04);
            -o-transform: scale(1.04);
            -moz-transform: scale(1.04);
        }

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

        .clear {
            zoom: 1
        }

        .nav-page {
            font-size: 0;
            text-align: center;
        }

        .flex {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5 {
            margin: 0;
            padding: 0;
        }

        .link-list {
            text-align: center
        }

        .link-list li {
            box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
            border-radius: 7px;
            background: #fff;
            height: 300px;
            /*padding: 10px;*/
        }

        .link-list .top {
            /*position: absolute;*/
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 2;
            text-align: center;
            color: #fff;
            padding: 0 15px;
        }

        .link-list .img {
            text-align: center;
            /*margin-top: 20px;*/
            /*padding: 0 25px;*/
        }

        .link-list .img img {
            text-align: center;
            margin-top: 50px;
            /*padding: 0 25px;*/
            height: 100px;
            width: 100px;
        }

        .link-list .h1 {
            margin-top: 20px;
            font-size: 24px;
            color: #fff;
            font-weight: bold;
            margin-bottom: 25px;
        }

        .link-list .h2 {
            font-size: 16px;
            color: #fff;
            margin-bottom: 25px;
        }

        .p-box {
            display: none;
        }

        .m-box {
            display: block;
        }

        /* header */
        .header {
            display: none;
        }


        .m-header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            border-bottom: 0.01rem solid rgba(255, 255, 255, .1);
            z-index: 10;
        }

        .m-header .container-fluid {
            padding: 0 15px;
        }

        .m-header.on {
            background-color: #ffffff;
        }

        .m-header.on2 {
            /* top: -100%; */
        }

        .m-head-wrap {
            height: 50px;
            justify-content: space-between;
            align-items: center;
            z-index: 30;
        }

        .m-head-logo {
            width: 150px;
        }

        .m-head-logo .logo_2 {
            display: none;
        }

        .m-header.on .m-head-logo .logo_2 {
            display: block;
        }

        .m-header.on .m-head-logo .logo_1 {
            display: none;
        }

        .m-head-menu {
            width: 19px;
        }

        .m-head-menu .but-close {
            display: none;
        }

        .m-head-menu .but-icon_2 {
            display: none;
        }

        .m-header.on .m-head-menu .but-icon_2 {
            display: block;
        }

        .m-header.on .m-head-menu .but-icon_1 {
            display: none;
        }

        .m-head-menu .drop-down {
            display: none;
            position: fixed;
            top: 50px;
            left: 0;
            width: 100%;
            height: calc(100% - 50px);
            background-color: #f7f7f7;
            z-index: 9;
        }

        .m-head-menu .m-nav-box {
            /*height: calc(100vh - 50px);*/
        }

        .m-head-menu .item {
            display: block;
            font-size: 16px;
            color: #333333;
            line-height: 44px;
            padding: 0 19px;
        }

        .m-head-menu .item.on {
            background-color: #ffffff;
        }

        .m-head-menu .drop-down_2 {
            display: none;
            position: fixed;
            top: 90px;
            left: 150px;
            width: calc(100% - 150px);
            height: calc(100% - 50px);
            background-color: #ffffff;
            padding: 0 25px;
        }

        .m-head-menu .column.on .drop-down_2 {
            display: block;
        }

        .m-head-menu .h1 {
            display: block;
            font-size: 16px;
            color: #333333;
            line-height: 44px;
            border-bottom: 0.01rem solid #dcdcdc;
            padding: 0 5px;
        }

        .m-head-menu .name {
            display: block;
            padding-right: 30px;
            background-image: url(../image/icon151.jpg);
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 16px auto;
        }

        .m-head-menu .m-nav {
            overflow-y: auto;
            height: calc(100vh - 95px);
        }

        .m-head-menu .m-nav::-webkit-scrollbar {
            display: none;
        }

        .m-head-menu .h2 {
            display: block;
            font-size: 16px;
            color: #333333;
            line-height: 44px;
            border-bottom: 0.01rem solid #dcdcdc;
            padding: 0 5px;
        }

        .m-head-menu .name_2 {
            display: block;
            background-image: url(../image/icon16.jpg);
            background-position: right center;
            background-repeat: no-repeat;
            background-size: 8px auto;
        }

        .m-head-menu .h2.on .name_2 {
            background-image: url(../image/icon17.jpg);
        }

        .m-head-menu .drop-down_3 {
            display: none;
        }

        .m-head-menu .item_2 {
            display: block;
            font-size: 14px;
            color: #666666;
            line-height: 44px;
            padding: 0 10px;
        }

        .m-head-menu .name_2.on {
            background: none;
        }

        .m-suspen-box {
            position: fixed;
            top: 50%;
            right: .3rem;
            width: .65rem;
            z-index: 2;
        }

        .m-suspen-box .return-top {
            margin-bottom: .16rem;
        }

        .m-suspen-box .cont-box {
            position: relative;
            background-color: #ffffff;
        }

        .m-suspen-box .btn-icon {
            display: block;
            font-size: .24rem;
            color: #0062ff;
            line-height: .3rem;
            text-align: center;
            padding: .62rem 0 .27rem 0;
            background-image: url(../image/icon6.jpg);
            background-size: .2rem auto;
            background-position: center .17rem;
            background-repeat: no-repeat;
        }

        .m-suspen-box .drop-down {
            position: absolute;
            left: -3.2rem;
            bottom: 0;
            width: 3.05rem;
            background-color: #ffffff;
            padding: .5rem .25rem .35rem;
            display: none;
        }

        .m-suspen-box .column {
            position: relative;
            margin-bottom: .4rem;
        }

        .m-suspen-box .column:last-child {
            margin-bottom: 0;
        }

        .m-suspen-box .item {
            display: block;
            font-size: .24rem;
            color: #333333;
            line-height: .41rem;
            padding-left: .38rem;
            background-repeat: no-repeat;
            background-position: left 0.01rem;
            background-size: .24rem auto;
        }

        .m-suspen-box .h1 {
            font-size: .24rem;
        }

        .m-suspen-box .text {
            font-size: .22rem;
            color: #777777;
        }

        .m-suspen-box .on-line {
            background-image: url(../image/icon8.jpg);
        }

        .m-suspen-box .phone {
            background-image: url(../image/icon9.jpg);
        }

        .m-suspen-box .messa {
            background-image: url(../image/icon10.jpg);
        }

        .m-suspen-box .weixin {
            background-image: url(../image/icon155.png);
        }

        .m-suspen-box .show-box {
            position: absolute;
            left: -110%;
            bottom: 0;
            display: none;
        }

        .m-suspen-box .close {
            position: absolute;
            top: 1%;
            right: 5%;
        }

        /* footer */
        .m-footer {
            padding: 0 .5rem;
            background-color: #e8e8e8;
        }

        .m-footer .top-box {
            padding: .63rem .2rem .5rem;
            border-bottom: 0.01rem solid #d2d2d2;
            text-align: center;
        }

        .m-footer .time {
            font-size: .26rem;
            color: #666666;
            line-height: .4rem;
            margin-bottom: .33rem;
        }

        .m-footer .link-consu {
            display: inline-block;
            width: 3.6rem;
            height: .85rem;
            line-height: .85rem;
            font-size: .34rem;
            color: #ffffff;
            background-color: #0062ff;
            border-radius: .43rem;
        }

        .m-footer .center-box {
            padding: .44rem .2rem .47rem;
            border-bottom: 0.01rem solid #d2d2d2;
        }

        .m-footer .active {
            align-items: center;
            margin-bottom: .44rem;
        }

        .m-footer .drop-down {
            display: none;
        }

        .m-footer .icon {
            width: .37rem;
            margin-right: .1rem;
        }

        .m-footer .name {
            font-size: .22rem;
            color: #888888;
        }

        .m-footer .h1 {
            font-size: .26rem;
            color: #333333;
            margin-bottom: .1rem;
        }

        .m-footer .link-nav {
            margin-bottom: .5rem;
        }

        .m-footer .link-quick .item {
            font-size: .24rem;
            color: #888888;
            line-height: .45rem;
        }

        .m-footer .text {
            font-size: .24rem;
            color: #888888;
            line-height: .46rem;
        }

        .m-footer .text a {
            color: #888888;
        }

        .m-footer .text .number {
            color: #0062ff;
        }

        .m-footer .bot-box {
            padding: .14rem .2rem .26rem;
        }

        .m-footer .bot-box .text {
            line-height: .43rem;
        }

        /* home */
        .container-fluid {
            padding-left: .3rem;
            padding-right: .3rem;
        }

        .technology .container-fluid {
            padding: 0 15px;
        }

        .technology .banner .suspen {
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .technology .banner .h1 {
            font-size: 20px;
        }

        .technology .banner .location {
            position: absolute;
            bottom: 10px;
            right: 10px;
        }

        .technology .banner .location a {
            font-size: 12px;
            color: #bdbdbd;
        }

        .col-xs-12 {
            padding-left: .3rem;
            padding-right: .3rem;
        }

        .m-home-page {
            background-color: #f2f2f2;
            padding-bottom: .55rem;
        }

        .banner {
            position: relative;
        }

        .home-banner .suspen {
            position: absolute;
            top: 1.9rem;
            left: 0;
            width: 100%;
        }

        .home-banner .h1 {
            font-size: .4rem;
            color: #ffffff;
            font-weight: bold;
            line-height: .8rem;
        }

        .home-banner .big {
            font-size: .8rem;
        }

        .home-banner .h2 {
            font-size: .26rem;
            color: #ffffff;
            line-height: .5rem;
            margin-bottom: .56rem;
        }

        .home-banner .list-box {
            padding: 0 .15rem;
        }

        .home-banner .column {
            margin-right: .9rem;
            text-align: center;
        }

        .home-banner .column:last-child {
            margin-right: 0;
        }

        .home-banner .icon img {
            width: .71rem;
        }

        .home-banner .name {
            display: block;
            font-size: .2rem;
            color: #ffffff;
            line-height: .5rem;
            margin-top: .1rem;
        }

        .home-link-nav .text {
            height: 200px;
            line-height: 50px;
            margin-top: 35px;
            font-size: 14px;
        }

        .home-link-box .text {
            font-size: .26rem;

        }

        .home-link-box .btn {
            width: .5rem;
            height: .5rem;
            margin-top: -.8rem;
            background-size: cover;
        }

    .slogo-swiper .swiper-button-prev {
            background-image: url(../image/icon4.png);
            background-size: 40px;
            width: 40px;
            height: 40px;
        }

        .slogo-swiper .swiper-button-next {
            background-image: url(../image/icon5.png);
            background-size: 40px;
            width: 40px;
            height: 40px;
        }

        .home-link-box .swiper-button-prev {
            background-image: url(../image/icon4.png);
            background-size: 40px;
            width: 40px;
            height: 40px;
        }

        .home-link-box .swiper-button-next {
            background-image: url(../image/icon5.png);
            background-size: 40px;
            width: 40px;
            height: 40px;
        }

        .m-news .title {
            margin: .45rem 0 .32rem;
            justify-content: space-between;
            align-items: flex-end;
        }

        .m-news .title .h1 {
            font-size: .4rem;
            color: #333333;
            font-weight: bold;
            padding-left: .45rem;
        }

        .m-news .link-more {
            font-size: .26rem;
            color: #777777;
        }

        .m-news .img {
            margin-bottom: .32rem;
        }

        .m-news .date {
            font-size: .2rem;
            color: #a1a1a1;
        }

        .m-news .text-box .h1 {
            font-size: .28rem;
            color: #333333;
            line-height: 1.3;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: .25rem 0;
        }

        /* video */
        .banner .suspen {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0, -50%);
        }

        .problem-banner .banner .location {
            position: absolute;
            bottom: 20px;
            left: 5%;
            transform: translate(0, -50%);
        }


        .banner .h1 {
            font-size: .6rem;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: .26rem;
        }

        .banner .h2 {
            font-size: .32rem;
            color: #ffffff;
            line-height: .48rem;
        }

        .banner .container-fluid {
            padding-left: .38rem;
            padding-right: .38rem;
        }


        /* product */
        .m-product-page {
            background-color: #f8f8f8;
            padding-bottom: .6rem;
        }

        .product-banner .suspen {
            top: 26%;
        }

        .product-banner .h1 {
            margin-bottom: 0;
        }

        .m-product-page .title {
            padding: .75rem 0 .5rem;
            text-align: center;
        }

        .m-product-page .title .h1 {
            font-size: .4rem;
            color: #333333;
            font-weight: bold;
        }

        .prod-nav {
            padding-bottom: .65rem;
        }

        .prod-nav .column {
            padding: 0;
            padding-right: .1rem;
            margin-bottom: .15rem;
        }

        .prod-nav .column:nth-child(2n) {
            padding: 0;
            padding-left: .1rem;
        }

        .prod-nav .item {
            display: block;
            text-align: center;
            background-color: #ffffff;
            padding: .28rem .25rem .34rem;
        }

        .prod-nav .icon {
            height: .55rem;
        }

        .prod-nav .icon img {
            max-height: 100%;
        }

        .prod-nav .h1 {
            font-size: .3rem;
            color: #333333;
            margin: 0.5rem 0 0.5rem;
            text-align: center;
        }

        .prod-nav .h2 {
            font-size: .22rem;
            color: #999999;
        }

        .prod-list .column {
            position: relative;
        }

        .prod-list .suspen {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 0 .5rem;
            transform: translate(0, -50%);
        }

        .prod-list .h1 {
            font-size: .5rem;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: .3rem;
        }

        .prod-list .h2 {
            font-size: .28rem;
            color: #ffffff;
            font-weight: bold;
        }

        .m-news {
            background-repeat: repeat-y !important;
        }

        .m-news .h4 {
            color: #fff;
            font-size: 14px;
            margin-top: 10px;
        }

        .m-news .text-box {
            padding: .2rem 0;
            border-bottom: 1px solid #dcdcdc;
        }

        .m-product-page .link-more {
            display: block;
            width: 2.8rem;
            height: .7rem;
            line-height: .68rem;
            text-align: center;
            font-size: .24rem;
            color: #333333;
            border: 1px solid #dfdfdf;
            border-radius: .4rem;
            margin: .6rem auto 0;
        }

        .prod-top-nav {
            position: fixed;
            top: 1.01rem;
            left: 0;
            width: 100%;
            z-index: 9;
            transition: all .5s;
        }

        .prod-top-nav.on {
            top: 50px;
            background-color: #ffffff;
        }

        .prod-top-nav.on-2 {
            background-color: #ffffff;
        }

        .prod-top-nav.on2 {
            top: 50px;
            background: none;
        }

        .prod-top-nav .prod-top-wrap {
            padding: 0 .3rem;
            justify-content: space-between;
            align-items: center;
        }

        .prod-top-nav .nav-box {
            align-items: center;
        }

        .prod-top-nav .name {
            font-size: .28rem;
            color: #ffffff;
            padding: .18rem 0;
        }

        .prod-top-nav.on .name {
            color: #333333;
        }

        .prod-top-nav .item {
            font-size: .24rem;
            color: #ffffff;
            padding: .2rem;
            background: none;
        }

        .prod-top-nav.on .item {
            color: #333333;
        }

        .prod-top-nav .item.active {
            color: #0062ff;
            background: none;
        }

        .prod-top-nav .link {
            display: inline-block;
            font-size: .24rem;
            color: #ffffff;
            text-align: center;
            background-color: #0062ff;
            border-radius: .05rem;
            padding: 5px;
            margin-left: 10px;
        }

        .prod-top-nav.on-2 {
            background-color: #FFFFFF;
        }

        .prod-top-nav.on-2 .column:last-child {
            border-right: 0;
        }

        .prod-top-nav.on-2 .name {
            color: #333333;
        }

        .prod-top-nav.on-2 .item {
            color: #333333;
        }


        .m-product-page .box_2 .suspen {
            width: auto;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .m-product-page .box_2 .play-but-icon {
            width: .55rem;
            margin: 0 auto;
            margin-bottom: .15rem;
        }

        .m-product-page .box_2 .suspen .h1 {
            font-size: .26rem;
            color: #eeeeee;
            margin-bottom: 0;
            font-weight: normal;
        }


        .
            /* problem */
        .m-problem-page {
            background-color: #f5f5f5;
        }

        .problem {
            padding: .58rem 0 1.08rem;
        }

        .problem-list .column {
            padding: .35rem .25rem .35rem .15rem;
            background-color: #ffffff;
            border-radius: .3rem;
            align-items: center;
            margin-bottom: .45rem;
        }

        .problem-list .text-box {
            width: calc(100% - 1.25rem);
        }

        .problem-list .ask {
            padding-bottom: .19rem;
            border-bottom: .01rem dashed #e5e5e5;
        }

        .problem-list .ask-icon {
            width: .46rem;
            height: .46rem;
            margin-right: .35rem;
            background-image: url(../image/icon12.jpg);
            background-size: cover;
        }

        .problem-list .h1 {
            font-size: .26rem;
            color: #333333;
            font-weight: bold;
            line-height: .46rem;
            width: calc(100% - .81rem);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .problem-list .answer {
            padding-top: .22rem;
        }

        .problem-list .answer-icon {
            width: .32rem;
            height: .32rem;
            margin-left: .16rem;
            margin-right: .32rem;
            background-image: url(../image/icon13.jpg);
            background-size: cover;
        }

        .problem-list .text {
            width: calc(100% - .8rem);
            font-size: .24rem;
            color: #666666;
            line-height: .32rem;
            height: .32rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .problem-list .icon {
            width: .45rem;
            height: .45rem;
            margin-left: .8rem;
            background-image: url(../image/icon14.jpg);
            background-size: cover;
            background-position: center center;
        }

        .problem .title {
            margin-bottom: .4rem;
        }

        .problem .title .h1 {
            font-size: .36rem;
            padding-bottom: .2rem;
        }

        .problem .input-text {
            height: .8rem;
            border-radius: .4rem;
            font-size: .28rem;
            padding: 0 1.5rem 0 .2rem;
        }

        .problem .input-text::-webkit-input-placeholder {
            font-size: .28rem;
        }

        .problem .btn-submit {
            width: 1.4rem;
            height: .8rem;
            border-radius: .4rem;
            font-size: .28rem;
        }

        .m-problem-page .nav-page {
            margin-top: 1.03rem;
        }

        .nav-page .item {
            display: inline-block;
            vertical-align: top;
            font-size: .2rem;
            color: #bfbfbf;
            width: .72rem;
            height: .55rem;
            line-height: .53rem;
            border: 0.01rem solid #bfbfbf;
            margin: 0 .13rem;
            border-radius: .05rem;
        }

        .nav-page .item.on {
            color: #ffffff;
            background-color: #14abd2;
        }

        .nav-page .prev,
        .nav-page .next {
            width: 1.27rem;
        }

        .problem-list .column.on .text {
            height: auto;
        }

        .problem-list .column.on .icon {
            background-image: url(../image/icon15.jpg);
        }

        /* case */
        .case {
            padding: .57rem 0 1.18rem;
            background-color: #eeeeee;
        }

        .case-list .column {
            margin-bottom: .4rem;
        }

        .case-list .top-box {
            align-items: center;
            margin-bottom: .55rem;
        }

        .case-list .icon {
            width: 1.75rem;
            border-right: 0.01rem solid #1b1b1b;
            margin-right: .4rem;
        }

        .case-list .name {
            font-size: .3rem;
            color: #333333;
            font-weight: bold;
        }

        .case-list .text-box {
            background-color: #ffffff;
            padding: .5rem .3rem .55rem;
            position: relative;
        }

        .case-list .line {
            display: inline-block;
            vertical-align: top;
            width: .6rem;
            height: 0.01rem;
            background-color: #777777;
            margin-bottom: .55rem;
        }

        .case-list .h1 {
            font-size: .28rem;
            color: #333333;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: .28rem;
        }

        .case-list .text {
            font-size: .24rem;
            color: #777777;;
            line-height: .42rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .case-list .more {
            display: inline-block;
            vertical-align: top;
            margin-top: .56rem;
        }

        .case-list .text-box::before {
            position: absolute;
            content: "";
            top: -.22rem;
            left: 4.5%;
            width: .39rem;
            height: .22rem;
            background-image: url(../image/icon32.png);
            background-size: cover;
        }

        .case .nav-page {
            margin-top: 0.73rem;
        }

        .case-detail {
            padding-bottom: .9rem;
        }

        .case-detail .title {
            padding: .8rem 0;
            text-align: center;
        }

        .case-detail .title .h1 {
            font-size: .38rem;
            color: #333333;
            font-weight: bold;
        }

        .case-detail .text {
            font-size: .26rem;
            color: #666666;
            line-height: .5rem;
        }

        .case-detail .text .h1 {
            font-size: .28rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .1rem;
        }

        .rela-prod-link {
            padding: .78rem 0 .65rem 0;
            border-bottom: 0.01rem solid #eeeeee;
        }

        .rela-prod-link .name {
            font-size: .3rem;
            color: #333333;
            font-weight: bold;
        }

        .rela-prod-link .link {
            font-size: .3rem;
            color: #0062ff;
        }

        .prev-next {
            margin-top: .8rem;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .prev-next .item {
            width: 2rem;
            height: .6rem;
            line-height: .6rem;
            font-size: .2rem;
            color: #666666;
            margin: 0 .23rem;
            background-color: #eeeeee;
        }

        .prev-next .icon-item {
            width: .6rem;
            background-image: url(../image/icon33.jpg);
            background-size: cover;
        }

        /* service */
        .m-service-page .title {
            text-align: center;
        }

        .m-service-page .title .h1 {
            font-size: .44rem;
            color: #333333;
            font-weight: bold;
        }

        .purpose {
            background-size: cover;
            background-position: bottom center;
            padding-bottom: .74rem;
        }

        .purpose .title {
            padding: .73rem 0 .5rem;
        }

        .purpose .text {
            font-size: .28rem;
            color: #333333;
            line-height: .54rem;
            text-align: center;
        }

        .modus {
            background-color: #f3f3f3;
            padding-bottom: .7rem;
        }

        .modus .title {
            padding: .9rem 0 .6rem;
        }

        .cont .title {
            padding: 0.1rem 0 .6rem;
        }

        .modus .modus-swiper {
            border-radius: .3rem;
            overflow: hidden;
        }

        .modus .swiper-pagination {
            position: static;
            margin-top: .3rem;
        }

        .modus .swiper-pagination-bullet {
            margin: 0 .06rem;
        }

        .modus .box {
            text-align: center;
            background-color: #ffffff;
            padding: .35rem .5rem;
        }

        .modus .icon {
            width: 1.3rem;
            height: 1.3rem;
            border-radius: 50%;
            border: 0.01rem solid #99dced;
            padding: .1rem;
            margin: 0 auto;
        }

        .modus .name {
            font-size: .3rem;
            color: #333333;
            font-weight: bold;
            margin: .5rem 0 .25rem;
        }

        .modus .text {
            font-size: .24rem;
            color: #666666;
            line-height: .46rem;
            min-height: 1.84rem;
        }

        .m-service-page .cont .title {
            padding: .7rem 0 .55rem;
        }

        .support .title {
            padding: .75rem 0 .7rem;
        }

        .sort-nav {
            position: relative;
            justify-content: center;
            border-bottom: 1px solid #e5e5e5;
            background-color: #f8f8f8;
            overflow-x: auto;
            transition: all .3s;
            z-index: 9;
        }

        .sort-nav.on {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            margin: 0;
        }

        .sort-nav.on2 {
            position: fixed;
            top: 1.01rem;
            left: 0;
            width: 100%;
            margin: 0;
            border-top: 1px solid #e5e5e5;
        }

        .sort-nav::-webkit-scrollbar {
            display: none;
        }

        .sort-nav a {
            font-size: .28rem;
            color: #666666;
            line-height: .9rem;
            padding: 0 .25rem;
            position: relative;
        }

        .sort-nav a.on {
            color: #14abd2;
        }

        .sort-nav a.on::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 2px;
            background-color: #00a7d4;
            left: 0;
            bottom: 0;
        }


        /* about */
        .about-banner .container-fluid {
            padding: 0 .3rem;
        }

        .m-about-page .intr {
            font-size: .26rem;
            color: #333333;
            line-height: .5rem;
            padding: .55rem 0 .8rem;
        }

        .intr .font {
            font-size: .28rem;
            font-weight: bold;
        }

        .intr .video {
            position: relative;
        }

        .intr .icon-play {
            position: absolute;
            width: .8rem;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .m-about-page .title {
            text-align: center;
        }

        .m-about-page .title .h1 {
            font-size: .44rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .2rem;
        }

        .m-about-page .title .h2 {
            font-size: .28rem;
            color: #666666;
        }

        .m-about-page .mile {
            background-size: cover;
            background-position: center center;
            padding-bottom: 1rem;
        }

        .mile .title {
            padding: .85rem 0 .73rem;
        }

        .mile .title .h1 {
            color: #ffffff;
        }

        .mile .title .h2 {
            color: #ffffff;
        }

        .mile .carousel {
            padding: 30px 0;
        }

        .mile-swiper {
            height: 250px;
        }

        .mile-swiper .text {
            position: relative;
            font-size: .22rem;
            color: #ffffff;
            line-height: 50px;
            padding-left: 30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .mile-swiper .text::after {
            position: absolute;
            content: "";
            top: 19px;
            left: 2px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ffffff;
        }

        .mile-swiper .text::before {
            position: absolute;
            content: "";
            top: 0;
            left: 8px;
            width: .02rem;
            height: 50px;
            background-color: #ffffff;
        }

        .mile-swiper .years-box .text {
            font-size: .3rem;
            color: #ffffff;
            font-weight: bold;
        }

        .mile-swiper .years-box .text::after {
            width: 16px;
            height: 16px;
            top: 17px;
            left: 0;
        }

        .carousel_1 .years {
            display: block;
            font-size: .26rem;
            color: #bebebe;
            text-align: center;
        }

        .carousel_1 .swiper-slide-active .years {
            color: #ffffff;
        }

        .mile .swiper-button-prev,
        .mile .swiper-button-next {
            width: .22rem;
            height: .4rem;
            background-size: cover;
            margin-top: -.1rem;
            z-index: 2;
        }

        .mile .swiper-button-prev {
            background-image: url(../image/icon40.png);
            top: 0;
            left: 4px;
            transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

        .mile .swiper-button-next {
            background-image: url(../image/icon40-2.png);
            top: auto;
            left: 4px;
            bottom: 0;
            transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -o-transform: rotate(90deg);
        }

        .mile .title-years {
            font-size: .3rem;
            color: #ffffff;
            font-weight: bold;
            margin: .95rem 0 .85rem;
        }

        .m-about-page .honor {
            background-color: #eeeeee;
            padding-bottom: .6rem;
        }

        .honor .title {
            padding: .85rem 0 .73rem;
        }

        .carousel_3 {
            padding: 0 .5rem;
            position: relative;
            margin-bottom: .65rem;
        }

        .carousel_3 .swiper-button-prev,
        .carousel_3 .swiper-button-next {
            width: .31rem;
            height: .31rem;
            background-size: cover;
            background-position: center center;
            top: .1rem;
            margin-top: 0;
        }

        .carousel_3 .swiper-button-prev {
            background-image: url(../image/icon37.png);
            left: 0;
        }

        .carousel_3 .swiper-button-next {
            background-image: url(../image/icon37-2.png);
            right: 0;
        }

        .honor-swiper_1 .swiper-slide {
            text-align: center;
        }

        .honor-swiper_1 .swiper-slide::before {
            position: absolute;
            content: "";
            width: 100%;
            left: 0;
            top: 22%;
            border-bottom: 1px dashed #bfbfbf;
            z-index: 0;
        }

        .honor-swiper_1 .icon {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 1px solid #888888;
            margin: 0 auto;
            position: relative;
        }

        .honor-swiper_1 .icon::after {
            position: absolute;
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #888888;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

        .honor-swiper_1 .years {
            font-size: .26rem;
            color: #888888;
            font-weight: bold;
            margin-top: .32rem;
            display: block;
        }

        .honor-swiper_1 .swiper-slide-active .icon {
            border: 1px solid #0062ff;
        }

        .honor-swiper_1 .swiper-slide-active .icon::after {
            background-color: #0062ff;
        }

        .honor-swiper_1 .swiper-slide-active .years {
            color: #333333;
        }

        .honor-swiper_2 .honor-list {
            background-color: #eeeeee;
            padding-bottom: .3rem;
        }

        .honor-list .column {
            font-size: .26rem;
            color: #666666;
            line-height: .36rem;
            margin-bottom: .33rem;
        }

        .honor-list .column.on {
            color: #0062ff;
        }

        .honor-swiper_2 .img-list .column {
            display: none;
        }

        .honor-swiper_2 .img-list .column.on {
            display: block;
        }

        .layout {
            padding-bottom: .8rem;
        }

        .layout .title {
            padding: .85rem 0 .75rem;
        }

        .layout .mark {
            justify-content: center;
            padding: 0;
            background: none;
            margin: .7rem 0 .55rem;
        }

        .layout .column {
            margin-top: .4rem;
        }

        .layout .column2 {
            margin-bottom: .3rem;
        }

        .layout .column2 .top {
            font-size: .28rem;
            color: #0062ff;
            font-weight: bold;
            margin-bottom: .1rem;
        }

        .layout .column2 .number {
            display: inline-block;
            font-size: .4rem;
            margin-right: .1rem;
        }

        .layout .column2 .text {
            font-size: .24rem;
            color: #333333;
        }

        .layout .mark .icon {
            display: inline-block;
            width: .14rem;
            height: .14rem;
            border-radius: 50%;
            margin-right: .1rem;
        }

        .layout .text-box .h1 {
            font-size: .26rem;
            color: #333333;
            margin-bottom: .3rem;
        }

        .layout .text-box .font {
            font-size: .32rem;
        }

        .layout .addr {
            margin-bottom: .4rem;
        }

        .layout .addr .column {
            font-size: .26rem;
            color: #333333;
            line-height: .32rem;
            margin-bottom: .24rem;
        }

        .layout .addr .icon {
            width: .3rem;
            margin-right: .15rem;
        }

        .layout .addr .text {
            width: calc(100% - .45rem);
        }

        .layout .bran .text {
            font-size: .26rem;
            color: #333333;
            line-height: .46rem;
        }

        .partner {
            background-color: #f4f4f4;
            padding-bottom: .45rem;
        }

        .partner .title {
            padding: .85rem 0 .55rem;
        }

        .partner .carousel {
            position: relative;
        }

        .partner-swiper .box {
            text-align: center;
            margin-bottom: .2rem;
            padding: .2rem;
        }

        .partner .swiper-pagination {
            position: static;
            margin-top: .35rem;
        }

        .partner .swiper-pagination-bullet {
            margin: 0 .11rem;
            width: .15rem;
            height: .15rem;
            background-color: #d2d2d2;
            opacity: 1;
        }

        .partner .swiper-pagination-bullet-active {
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
        }

        .futu-layo {
            padding-bottom: .37rem;
        }

        .futu-layo .title {
            padding: .85rem 0 .55rem;
        }

        .futu-list .column {
            text-align: center;
            margin-bottom: .5rem;
        }

        .futu-list .icon {
            width: 1.4rem;
            margin: 0 auto;
        }

        .futu-list .name {
            font-size: .28rem;
            color: #333333;
            font-weight: bold;
            margin: .25rem 0 .2rem;
        }

        .futu-list .text {
            font-size: .24rem;
            color: #333333;
            line-height: .38rem;
        }

        /* solution */
        .solution {
            padding-bottom: .8rem;
            background-color: #f2f2f2;
        }

        .solu-list {
            margin-top: .4rem;
        }

        .solu-list .column {
            background-color: #ffffff;
            margin-bottom: .3rem;
        }

        .solu-list .img {
            position: relative;
        }

        .solu-list .suspen {
            display: none;
            position: absolute;
            height: .7rem;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .solu-list .suspen img {
            max-height: 100%;
        }

        .solu-list .text-box {
            text-align: center;
            padding: .4rem .3rem 1rem;
            position: relative;
        }

        .solu-list .name {
            width: 100%;
            font-size: .34rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .25rem;
        }

        .solu-list .words {
            font-size: .24rem;
            color: #333333;
            line-height: .42rem;
        }

        .solu-list .more {
            position: absolute;
            right: 50%;
            bottom: .25rem;
            font-size: .18rem;
            color: #0062ff;
            width: 1.6rem;
            line-height: .48rem;
            text-align: center;
            border: 1px solid #0062ff;
            border-radius: .26rem;
            margin-right: -.8rem;
        }

        .solu_2 {
            padding-bottom: 0;
        }

        .m-solution-page .title {
            text-align: center;
        }

        .m-solution-page .title .h1 {
            font-size: .44rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .25rem;
        }

        .m-solution-page .title .h2 {
            font-size: .28rem;
            color: #666666;
            line-height: .48rem;
        }


        .solu_3 {
            padding-bottom: 0;
        }

        .shel {
            padding-bottom: .6rem;
        }


        .m-solution-page .link-more {
            display: block;
            width: 2.8rem;
            height: .7rem;
            line-height: .68rem;
            border: 0.01rem solid #dfdfdf;
            font-size: .24rem;
            color: #333333;
            text-align: center;
            margin: .6rem auto 0;
            border-radius: .4rem;
        }

        /* contact */
        .contact-banner .suspen {
            padding: 0 .31rem;
        }

        .m-contact-page .addr-box {
            padding-top: .57rem;
        }

        .addr-box .h1 {
            font-size: .44rem;
            color: #0062ff;
            font-weight: bold;
            padding-bottom: .34rem;
            border-bottom: 0.02rem solid #ececec;
            margin-bottom: .45rem;
        }

        .addr-box .phone {
            align-items: center;
            margin-bottom: .6rem;
        }

        .addr-box .phone .icon {
            width: .44rem;
            margin-left: .18rem;
        }

        .total .column {
            padding: 0;
            margin-bottom: .45rem;
        }

        .total .icon {
            width: .33rem;
            margin-right: .17rem;
            margin-top: .08rem;
        }

        .total .text {
            font-size: .26rem;
            color: #333333;
            line-height: .48rem;
            width: calc(100% - .5rem);
        }

        .addr-box .map {
            margin-bottom: .5rem;
        }


        .feed-box {
            background-color: #f5f5f5;
            padding-bottom: 1.1rem;
        }

        .feed-box .h1 {
            /*padding: .65rem 0;*/
            font-size: .44rem;
            color: #333333;
            font-weight: bold;
        }

        .feed-box .form-group {
            margin-bottom: .45rem;
        }

        .feed-box .name {
            font-size: .26rem;
            color: #333333;
            margin-bottom: .25rem;
        }

        .feed-box .red {
            color: #f01616;
        }

        .feed-box .btn {
            padding: 0;
            width: 2rem;
            height: .7rem;
            line-height: .7rem;
            border-radius: 0;
        }

        .feed-box .btn_1 {
            color: #ffffff;
            background-color: #0062ff;
            margin-right: .2rem;
        }

        .feed-box .btn_2 {
            color: #ffffff;
            background-color: #535353;
        }

        /* strength */
        .strength-banner .suspen {
            padding: 0 .31rem;
        }

        .m-strength-page .title {
            text-align: center;
        }

        .m-strength-page .title .h1 {
            font-size: .44rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .25rem;
        }

        .m-strength-page .title .h2 {
            font-size: .26rem;
            color: #666666;
        }

        .deve-box {
            padding-bottom: 1.3rem;
        }

        .deve-box .title {
            padding: .85rem 0 .6rem;
        }

        .deve-box .box {
            text-align: center;
            padding: 0;
        }

        .deve-box .icon {
            width: 1.3rem;
            margin: 0 auto;
        }

        .deve-box .name {
            font-size: .28rem;
            color: #333333;
            font-weight: bold;
            margin: .28rem 0 .26rem;
        }

        .deve-box .text {
            font-size: .24rem;
            color: #333333;
            line-height: .4rem;
        }

        .deve-box .btn-arrow {
            width: .31rem;
            height: .31rem;
            margin-top: -.15rem;
            background-size: cover;
        }

        .deve-box .swiper-button-prev {
            background-image: url(../image/icon37.png);
            left: 0;
        }

        .deve-box .swiper-button-next {
            background-image: url(../image/icon37-2.png);
            right: 0;
        }

        .inno-box {
            background-color: #f8f8f8;
            padding-bottom: .75rem;
        }

        .inno-box .title {
            padding: .85rem 0;
        }

        .inno-box .carousel {
            margin-bottom: .9rem;
        }

        .inno-box .icon {
            margin-bottom: .2rem;
        }

        .inno-box .text {
            font-size: .28rem;
            line-height: .48rem;
            white-space: normal;
        }

        .inno-box .data-box {
            padding: .8rem 0;
            background-size: cover;
        }

        .inno-box .column {
            width: 50%;
            text-align: center;
            padding: .23rem 0 .1rem 0;
        }

        .inno-box .column:nth-child(2) {
            border-left: 0.01rem dashed #a2a5a7;
        }

        .inno-box .top {
            font-size: .6rem;
            color: #ffffff;
            font-weight: bold;
            margin-bottom: .4rem;
        }

        .inno-box .text_2 {
            font-size: .24rem;
            color: #ffffff;
        }

        .quali-box {
            padding-bottom: .2rem;
        }

        .quali-box .title {
            padding: .85rem 0 .7rem;
        }

        .quali-list .column {
            width: 48.5%;
            margin-right: 3%;
            margin-bottom: .45rem;
            background-color: #f8f8f8;
            background-image: url(../image/img77.jpg);
            background-size: 100% auto;
            background-position: top center;
            background-repeat: no-repeat;
            padding: .45rem .3rem;
        }

        .quali-list .column:nth-child(2n) {
            margin-right: 0;
        }

        .quali-list .icon {
            width: .64rem;
        }

        .quali-list .name {
            font-size: .28rem;
            color: #00081d;
            font-weight: bold;
            margin: .42rem 0 .17rem;
        }

        .quali-list .text {
            font-size: .24rem;
            color: #333333;
            line-height: .38rem;
            min-height: 1.14rem;
        }

        .manu-box {
            padding-bottom: .95rem;
            background-color: #f8f8f8;
        }

        .manu-box .title {
            padding: .85rem 0 .55rem;
        }

        .manu-box .img {
            margin-bottom: .43rem;
        }

        .manu-box .sort-box {
            padding-bottom: .37rem;
        }

        .manu-box .sort-box .column {
            font-size: .28rem;
            color: #333333;
            margin-bottom: .48rem;
        }

        .manu-box .data-box .column {
            text-align: center;
        }

        .manu-box .data-box .number-box {
            font-size: .6rem;
            color: #0062ff;
            font-weight: bold;
            margin-bottom: .35rem;
        }

        .manu-box .data-box .text {
            font-size: .24rem;
            color: #333333;
        }

        /* recru */
        .recru-banner .suspen {
            padding: 0 .31rem;
        }

        .m-recru-page .title {
            text-align: center;
        }

        .m-recru-page .title .h1 {
            font-size: .44rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .25rem;
        }

        .m-recru-page .title .h2 {
            font-size: .26rem;
            color: #666666;
        }

        .recru-box .title {
            padding: .85rem 0 .55rem;
        }

        .recru-form {
            margin-bottom: .68rem;
            box-shadow: 0 8px 10px rgba(243, 243, 243, .5);
        }

        .recru-form .search {
            border-radius: 0;
            border: 0.01rem solid #f3f3f3;
            border-right: 0;
            height: .88rem;
        }

        .recru-form .submit {
            border-radius: 0;
            width: 1.4rem;
            height: .88rem;
            font-size: .26rem;
            color: #ffffff;
            background-color: #0062ff;
        }

        .recru-box {
            padding-bottom: .45rem;
        }

        .recru-box .sort-nav {
            padding-bottom: .15rem;
        }

        .recru-box .sort-column {
            margin-bottom: .4rem;
        }

        .recru-box .sort-column .name {
            font-size: .26rem;
            color: #666666;
            line-height: .56rem;
            width: 30%;
        }

        .recru-box .sort-column .nav {
            flex-wrap: wrap;
            width: 70%;
            font-size: 0;
        }

        .recru-box .sort-column a {
            font-size: .26rem;
            color: #333333;
            line-height: .56rem;
            width: 33.33%;
        }

        .recru-box .sort-column a.on {
            color: #14abd2;
        }

        .post-list .post-column {
            border: 0.01rem solid #dcdcdc;
            margin-bottom: .5rem;
            line-height: 1.5;
            padding: .45rem .32rem .4rem;
        }

        .post-list .name {
            font-size: .28rem;
            color: #14abd2;
            font-weight: bold;
            margin-bottom: .3rem;
        }

        .post-list .text {
            font-size: .22rem;
            color: #333333;
            line-height: .5rem;
            height: 3.5rem;
            word-break: break-all;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 7;
            -webkit-box-orient: vertical;
        }

        .post-list .text_2 {
            font-size: .22rem;
            color: #666666;
            line-height: .4rem;
            height: 1.6rem;
            overflow: hidden;
        }

        .post-list .name_2 {
            display: block;
            color: #333333;
        }

        .post-list .btn-box {
            margin-top: .45rem;
        }

        .post-list .btn {
            font-size: .24rem;
            color: #ffffff;
            background-color: #14abd2;
            margin-right: .2rem;
            width: 1.9rem;
            height: .62rem;
            line-height: .62rem;
            padding: 0;
            border-radius: 0;
            border: 0;
        }

        .post-list .post-column.on .text {
            height: auto;
        }

        .m-recru-page .link-more {
            display: block;
            width: 2.8rem;
            height: .7rem;
            line-height: .68rem;
            border: 0.01rem solid #dfdfdf;
            font-size: .24rem;
            color: #333333;
            text-align: center;
            margin: .6rem auto .15rem;
            border-radius: .4rem;
        }

        .camp-recru .title {
            padding: .85rem 0;
        }

        .camp-recru .title .h1 {
            display: inline-block;
            color: #3f84ee;
            background-image: url(../image/icon93.png);
            background-position: left center, right center;
            background-repeat: no-repeat, no-repeat;
            background-size: auto .44rem;
            padding: 0 1.2rem;
            margin-bottom: 0;
        }

        .hot-post-box {
            padding-bottom: 1.65rem;
            background-size: 100% auto;
            background-position: bottom center;
            background-repeat: no-repeat;
        }

        .hot-post-box .video {
            position: relative;
            margin-top: .85rem;
            overflow: hidden;
            border-radius: .2rem;
        }

        .hot-post-box .suspen {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }

        .hot-post-box .suspen .icon {
            width: 1rem;
            margin: 0 auto;
        }

        .hot-post-box .suspen .name {
            font-size: .28rem;
            color: #ffffff;
            margin-top: .3rem;
        }

        .hot-post-list .column {
            padding: 0;
            padding-right: .15rem;
            text-align: center;
            background-color: #f0f5ff;
            border-radius: .15rem;
            padding: .55rem .1rem;
            width: 48.5%;
            margin-right: 3%;
            margin-bottom: 10px;
        }

        .hot-post-list .column:nth-child(2n) {
            margin-right: 0;
        }

        .hot-post-list .icon {
            width: 1.6rem;
            height: 1.6rem;
            align-items: center;
            margin: 0 auto;
            justify-content: center;
            border-radius: 50%;
            background-color: #ffffff;
            box-shadow: 0 4px 10px rgba(20, 80, 170, 0.23);
        }

        .hot-post-list .icon .img {
            width: .6rem;
        }

        .hot-post-list .name {
            font-size: .3rem;
            color: #00225e;
            margin: .55rem 0 .2rem;
        }

        .hot-post-list .wages {
            font-size: .28rem;
            color: #307ef4;
            margin-bottom: .5rem;
        }

        .hot-post-list .but {
            width: 2.42rem;
            height: .7rem;
            line-height: .7rem;
            font-size: .24rem;
            color: #ffffff;
            display: inline-block;
            background-image: url(../image/icon95.png);
            background-size: 100% auto;
        }

        .hot-post-box .more {
            display: block;
            width: 3.33rem;
            height: .69rem;
            line-height: .69rem;
            background-image: url(../image/icon100.png);
            background-size: 100% auto;
            padding-right: .3rem;
            text-align: center;
            font-size: .24rem;
            color: #ffffff;
            margin: 0 auto;
            margin-top: .7rem;
        }

        .circu-box {
            padding-bottom: 1.55rem;
            background-size: cover;
        }

        .circu-box .title {
            padding: .8rem 0 .75rem;
        }

        .circu-box .title .h1 {
            background-image: url(../image/icon106.png);
            color: #ffffff;
        }

        .circu-box .text {
            font-size: .26rem;
            color: #ffffff;
            line-height: .56rem;
            margin-bottom: 1.05rem;
        }

        .circu-list .column {
            justify-content: space-between;
            text-align: center;
            margin-bottom: .85rem;
            position: relative;
        }

        .circu-list .column::before {
            position: absolute;
            content: "";
            width: 1px;
            height: .53rem;
            background-color: rgba(255, 255, 255, .66);
            top: 110%;
            right: 1rem;
        }

        .circu-list .column .box:nth-child(2n)::before {
            position: absolute;
            content: "";
            width: .83rem;
            height: 1px;
            background-color: rgba(255, 255, 255, .66);
            top: .9rem;
            left: 50%;
            margin-left: -.42rem;
        }

        .circu-list .column:nth-child(2n)::before {
            position: absolute;
            content: "";
            width: 1px;
            height: .53rem;
            background-color: rgba(255, 255, 255, .66);
            top: 110%;
            left: 1rem;
        }

        .circu-list .column:last-child::before {
            display: none;
        }

        .circu-list .img-icon {
            width: 2rem;
            margin: 0 auto;
        }

        .circu-list .dots {
            width: .11rem;
            height: .11rem;
            background-color: #bad4fb;
            display: inline-block;
            border-radius: 50%;
            margin: .25rem 0 .05rem;
        }

        .circu-list .text_2 {
            font-size: .26rem;
            color: #ffffff;
            line-height: .46rem;
        }
        .probl-list .column {
            border-bottom: 1px solid #f2f0f0;
        }

        .probl-list .ask {
            padding: .2rem .5rem .2rem 0;
            background-image: url(../image/icon296.png);
            background-size: .26rem auto;
            background-position: right center;
            background-repeat: no-repeat;
            font-size: .28rem;
            color: #333333;
            line-height: .4rem;
        }

        .probl-list .column.on .ask {
            background-image: url(../image/icon297.png);
        }

        .probl-list .answer {
            font-size: .24rem;
            color: #666666;
            line-height: .4rem;
            padding-bottom: .15rem;
            display: none;
        }

        /* investor */
        .m-inves-page .title {
            text-align: center;
        }

        .m-inves-page .title .h1 {
            font-size: .44rem;
            color: #333333;
            font-weight: bold;
        }

        .m-inves-page .title .h2 {
            font-size: .26rem;
            color: #666666;
        }

        .direc-box {
            padding-bottom: .55rem;
            background-color: #f7f7f7;
        }

        .direc-box .title {
            padding: .35rem 0 .55rem;
        }

        .direc-list .column {
            background-color: #ffffff;
            padding-bottom: .3rem;
            margin-bottom: .3rem;
            border-radius: .2rem;
        }

        .direc-list .h1 {
            font-size: .26rem;
            color: #333333;
            font-weight: bold;
            line-height: .75rem;
            padding: 0 .45rem;
            border-bottom: 1px solid #f4f4f4;
            position: relative;
        }

        .direc-list .h1::before {
            position: absolute;
            content: "";
            width: .05rem;
            height: .3rem;
            left: 0;
            top: 50%;
            margin-top: -.15rem;
            background-color: #14abd2;
        }

        .direc-list .text {
            font-size: .24rem;
            color: #666666;
            line-height: .46rem;
            padding: .25rem .45rem;
        }

        .direc-list .column .more {
            display: block;
            width: 1.6rem;
            height: .54rem;
            font-size: .24rem;
            color: #0062ff;
            line-height: .52rem;
            text-align: center;
            margin: 0 auto;
            border: 1px solid #0062ff;
            border-radius: .26rem;
        }

        .m-box .more-box .link-more,
        .m-inves-page .link-more {
            display: block;
            width: 2.8rem;
            height: .7rem;
            line-height: .68rem;
            border: 0.01rem solid #dfdfdf;
            font-size: .24rem;
            color: #333333;
            text-align: center;
            margin: .25rem auto 0;
            border-radius: .4rem;
        }

        .audit-box {
            background-color: #ffffff;
        }

        .audit-box .title {
            padding: .6rem 0 .55rem;
        }

        .audit-box .column {
            background-color: #f9f9f9;
        }

        .manag-box {
            padding-bottom: .75rem;
        }

        .manag-box .title {
            padding: .55rem 0;
        }

        .notice-list {
            padding: .6rem 0 .45rem;
        }

        .notice-list .column {
            margin-bottom: .75rem;
        }

        .notice-list .name {
            font-size: .3rem;
            color: #ffffff;
            font-weight: bold;
            padding: 0 .3rem;
            line-height: .8rem;
            background-color: #14abd2;
        }

        .notice-list .box .item {
            display: block;
            font-size: .24rem;
            color: #666666;
            line-height: .85rem;
            border-bottom: 1px solid #e5e5e5;
            padding-right: 10%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background-image: url(../image/icon96.png);
            background-size: .34rem auto;
            background-position: 99% center;
            background-repeat: no-repeat;
        }

        .notice-list .nav {
            margin-top: .6rem;
            justify-content: flex-end;
        }

        .notice-list .nav .item {
            width: .6rem;
            height: .6rem;
            font-size: .24rem;
            color: #666666;
            background-color: #e8e8e8;
            text-align: center;
            line-height: .6rem;
            margin-left: .1rem;
        }

        .notice-list .nav .item.on {
            color: #ffffff;
            background-color: #14abd2;
        }

        .inves-hot {
            margin-bottom: 1.1rem;
            box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
            background-color: #f5f5f5;
        }

        .inves-hot .text-box {
            padding: .55rem .45rem .6rem;
        }

        .inves-hot .h1 {
            font-size: .3rem;
            color: #333333;
            font-weight: 333333;
            margin-bottom: .3rem;
        }

        .inves-hot .line {
            display: block;
            width: .45rem;
            height: .02rem;
            background-color: #14abd2;
            margin-bottom: .5rem;
        }

        .hot-list .column {
            font-size: .28rem;
            color: #333333;
            line-height: .44rem;
            margin-bottom: .25rem;
        }

        .hot-list .icon {
            width: .33rem;
            margin-right: .3rem;
        }

        .hot-list .text {
            width: calc(100% - .63rem);
        }

        .hot-list .column.number .text {
            color: #0062ff;
        }

        /* news */
        .news-banner .suspen {
            padding: 0 .31rem;
        }

        .news-box {
            padding: .6rem 0 .9rem;
        }

        .news-list .column {
            margin-bottom: .4rem;
        }

        .news-list .text-box {
            padding: .4rem 0;
            border-bottom: 1px solid #dcdcdc;
            width: 100%;
            margin-top:30px;
        }

        .news-list .date {
            font-size: .2rem;
            color: #909090;
            font-weight: bold;
            margin-bottom: .3rem;
        }

        .news-list .text {
            font-size: .28rem;
            color: #000000;
            line-height: .42rem;
            font-weight: bold;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .news-box .nav-page {
            margin-top: 1rem;
        }

        .news-detail {
            padding-bottom: .8rem;
        }

        .news-detail .title {
            padding: .7rem 0 .45rem;
            border-bottom: 1px solid #cccccc;
        }

        .news-detail .title .h1 {
            font-size: .38rem;
            color: #14abd2;
            line-height: .6rem;
            font-weight: bold;
            margin-bottom: .35rem;
        }

        .news-detail .date {
            font-size: .24rem;
            color: #888888;
            padding: 0 .4rem;
            background-image: url(../image/icon112.jpg);
            background-size: .27rem auto;
            background-position: left center;
            background-repeat: no-repeat;
        }

        .news-detail .source {
            font-size: .24rem;
            color: #888888;
        }

        .news-detail .share {
            font-size: .24rem;
            color: #888888;
            align-items: center;
            margin-top: .25rem;
            padding-left: .4rem;
        }

        .news-detail .share .item {
            width: .33rem;
            margin: 0 .06rem;
        }

        .news-detail .text {
            font-size: .26rem;
            color: #666666;
            line-height: .5rem;
            padding: .4rem 0 1rem;
            border-bottom: 1px solid #cccccc;
        }

        /* software */
        .top-name {
            position: fixed;
            top: 1.02rem;
            left: 0;
            width: 100%;
            padding: 0 .3rem;
            z-index: 9;
            transition: all .5s;
        }

        .top-name.on {
            top: 0;
            background-color: #ffffff;
        }

        .top-name.on2 {
            border-top: 1px solid #f1f1f1;
            top: 1.01rem;
        }

        .top-name .name {
            font-size: .28rem;
            color: #ffffff;
            padding: .35rem 0;
            border-bottom: 1px solid rgba(255, 255, 255, .1);
        }

        .top-name.on .name {
            color: #666666;
        }

        .software .box {
            position: relative;
        }

        .software .prod-top-nav .item {
            padding: .2rem .16rem;
        }

        .software .prod-top-nav .nav-box {
            display: none;
        }

        .software .prod-top-nav .nav-box.on {
            display: block;
        }

        .software .box_1 .suspen {
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 0 .3rem;
            padding-bottom: 1.1rem;
        }

        .software .box_1 .h1 {
            font-size: .76rem;
            color: #fefefe;
            font-weight: bold;
            margin-bottom: .35rem;
            text-align: center;
        }

        .software .box_1 .h2 {
            font-size: .34rem;
            color: #ffffff;
            margin-bottom: .65rem;
            text-align: center;
        }

        .software .box_1 .text {
            font-size: .24rem;
            color: #99aed6;
            line-height: .42rem;
        }

        .software .box_1 .more {
            display: block;
            width: 2.56rem;
            height: .84rem;
            line-height: .84rem;
            font-size: .26rem;
            color: #fefefe;
            text-align: center;
            background-color: #177fff;
            border-radius: .15rem;
            margin: 0 auto;
            margin-top: 1.05rem;
            padding-right: .15rem;
            background-image: url(../image/icon131.png);
            background-size: .14rem auto;
            background-position: 88% center;
            background-repeat: no-repeat;
        }

        .software .title {
            text-align: center;
        }

        .software .title .h1 {
            font-size: .44rem;
            color: #333333;
        }

        .software .title .h2 {
            font-size: .28rem;
            color: #333333;
        }

        .software .box_2 .title {
            padding: .65rem 0 0;
        }

        .software .box_2 .title .h1 {
            margin-bottom: .15rem;
        }

        .software .box_2 .column {
            margin-bottom: .7rem;
            text-align: center;
        }

        .software .box_2 .img {
            width: 2.15rem;
            margin: 0 auto;
        }

        .software .box_2 .name {
            font-size: .28rem;
            color: #373737;
            margin-top: .2rem;
        }

        .software .box_3 {
            padding: 0 .3rem .7rem;
            background-color: #dfe3f1;
        }

        .software .box_3 .title {
            padding: .7rem 0 .4rem;
        }

        .software .box_3 .text {
            font-size: .24rem;
            color: #666666;
            line-height: .38rem;
        }

        .software .box_4 .column {
            position: relative;
        }

        .software .box_4 .suspen {
            position: absolute;
            top: .7rem;
            left: 0;
            width: 100%;
            text-align: center;
        }

        .software .box_4 .icon {
            width: 1.35rem;
            margin: 0 auto;
            margin-bottom: .5rem;
        }

        .software .box_4 .h1 {
            font-size: .34rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .13rem;
        }

        .software .box_4 .h2 {
            font-size: .24rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .3rem;
        }

        .software .box_4 .text {
            font-size: .28rem;
            color: #999999;
            line-height: .48rem;
        }

        .software .box_4 .column_2 .suspen {
            top: auto;
            bottom: .7rem;
            text-align: left;
            padding: 0 .5rem;
        }

        .software .box_4 .column_2 .top-box {
            align-items: center;
            margin-bottom: .6rem;
        }

        .software .box_4 .column_2 .icon {
            margin: 0;
            margin-right: .45rem;
        }

        .software .box_4 .column_2 .h2 {
            margin: 0;
        }

        .software .box_4 .column_3 .suspen {
            bottom: auto;
            top: .75rem;
        }

        .software .box_5 {
            padding-bottom: .85rem;
        }

        .software .box_5 .title {
            padding: .9rem 0 1.3rem;
        }

        .software .box_5 .title .h1 {
            margin-bottom: .4rem;
        }

        .software .box_5 .title .h2 {
            color: #666666;
            line-height: .46rem;
        }

        .software .box_5 .list-box {
            padding-right: .4rem;
        }

        .software .box_5 .column {
            justify-content: flex-start;
            align-items: center;
            text-align: center;
            margin-bottom: 1.6rem;
        }

        .software .box_5 .column_2 {
            position: relative;
            width: 25%;
        }

        .software .box_5 .column_2::before {
            position: absolute;
            content: "";
            width: 1rem;
            height: .15rem;
            right: -30%;
            top: 7%;
            background-image: url(../image/icon135.jpg);
            background-size: 1rem auto;
            background-position: center center;
        }

        .software .box_5 .column_2:last-child::before {
            width: .56rem;
            height: 2.54rem;
            right: -2%;
            top: 15%;
            background-image: url(../image/icon136.jpg);
            background-size: cover;
        }

        .software .box_5 .down_column {
            justify-content: flex-end;
            margin-bottom: .95rem;
        }

        .software .box_5 .down_column .column {
            margin-bottom: 0;
        }

        .software .box_5 .down_column .column_2::before {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .software .box_5 .down_column .column_2:last-child::before {
            display: none;
        }

        .software .box_5 .column_3::after {
            position: absolute;
            content: "";
            width: 1rem;
            height: .15rem;
            right: 17%;
            top: -90%;
            background-image: url(../image/icon135.jpg);
            background-size: 1rem auto;
            background-position: center center;
            transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -webkit-transform: rotate(270deg);
            -o-transform: rotate(270deg);
        }

        .software .box_5 .number {
            font-size: .28rem;
            color: #367bf0;
        }

        .software .box_5 .name {
            font-size: .28rem;
            color: #666666;
            margin-top: .35rem;
        }

        .software .box_5 .text {
            font-size: .22rem;
            color: #999999;
            line-height: .34rem;
        }

        .software .box_6 .top-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .software .box_6 .title {
            padding: 1.15rem 0 .4rem;
        }

        .software .box_6 .title .h1 {
            color: #ffffff;
        }

        .software .box_6 .nav-box {
            white-space: nowrap;
            overflow-x: auto;
            border-bottom: 1px solid rgba(255, 255, 255, .2);
        }

        .software .box_6 .nav-box::-webkit-scrollbar {
            display: none;
        }

        .software .box_6 .item {
            font-size: .24rem;
            color: #a7b1ba;
            padding: .32rem .1rem;
            margin-right: .4rem;
            position: relative;
        }

        .software .box_6 .item:last-child {
            margin-right: 0;
        }

        .software .box_6 .item.on {
            color: #ffffff;
        }

        .software .box_6 .item.on::before {
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #ffffff;
        }

        .software .box_6 .column {
            position: relative;
        }

        .software .box_6 .column_2 {
            display: none;
            padding: 3.2rem .3rem .95rem;
            background-size: cover;
            background-position: center center;
        }

        .software .box_6 .column_2.on {
            display: block;
        }

        .software .box_6 .text {
            font-size: .24rem;
            color: #ffffff;
            line-height: .38rem;
            min-height: 1.14rem;
            text-align: center;
        }

        .software .box_6 .video-box {
            justify-content: space-around;
            margin-top: .76rem;
        }

        .software .box_6 .l-video {
            position: relative;
            width: 4.8rem;
        }

        .software .box_6 .r-video {
            position: relative;
            width: 1.25rem;
        }

        .software .box_6 .l-video .suspen-img,
        .software .box_6 .r-video .suspen-img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover;
            background-position: center center;
        }

        .software .box_6 .l-video .suspen-img {
            top: .16rem;
            left: 0.6rem;
            right: .6rem;
            bottom: .3rem;
        }

        .software .box_6 .r-video .suspen-img {
            top: .26rem;
            left: 0.11rem;
            right: .11rem;
            bottom: .26rem;
        }

        .software .box_6 .devi_column .l-video .suspen-img {
            top: .18rem;
            left: .15rem;
            right: .15rem;
            bottom: .54rem;
        }

        .software .box_6 .devi_column .column_2 {
            padding-bottom: 0;
        }

        .software .box_6 .devi_column .item {
            color: #dcdbdb;
        }

        .software .box_6 .devi_column .item.on {
            color: #ffffff;
        }

        .software .box_6 .devi_column .text {
            color: #fefefe;
        }

        .bigPicLayer {
            display: none;
            position: fixed;
            width: 94%;
            height: auto;
            top: 35% !important;
            z-index: 9;
        }

        .bigPicLayer .close {
            display: block;
            width: .5rem;
            height: .5rem;
            background: url(../image/close.png) no-repeat;
            right: 0;
            top: -15%;
            position: absolute;
            background-size: cover;
            z-index: 10;
        }

        .bigPicLayer .close em {
            width: 1px;
            height: 20px;
            background: #0a448d;
            display: none;
            position: absolute;
            left: 50%;
            margin-left: -0.5px;
            top: 100%;
        }

        .software .box_7 {
            padding-bottom: .8rem;
            background-size: cover;
            background-position: center center;
        }

        .software .box_7 .suspen {
            position: absolute;
            top: 0;
            left: 0;
        }

        .software .box_7 .title {
            padding: 1.3rem 0 1rem;
        }

        .software .box_7 .title .h1 {
            padding: 0 .6rem;
            color: #ffffff;
            text-align: left;
        }

        .software .box_7 .column {
            margin-bottom: .55rem;
        }

        .software .box_7 .icon img {
            height: .7rem;
        }

        .software .box_7 .name {
            font-size: .3rem;
            color: #fefefe;
            font-weight: bold;
            margin: .55rem 0 .2rem;
        }

        .software .box_7 .text {
            font-size: .26rem;
            color: #fefefe;
            line-height: .5rem;
        }

        .software .box_8 {
            padding-bottom: .35rem;
            background-size: cover;
            background-position: center center;
        }

        .software .box_8 .title {
            padding: 3.8rem .3rem .8rem;
        }

        .software .box_8 .title .h1 {
            margin-bottom: .4rem;
        }

        .software .box_8 .title .h2 {
            line-height: .48rem;
        }

        .software .box_8 .column {
            margin-bottom: .8rem;
            text-align: center;
        }

        .software .box_8 .icon img {
            height: .95rem;
        }

        .software .box_8 .name {
            font-size: .28rem;
            color: #333333;
            font-weight: bold;
            margin: .3rem 0 .05rem;
        }

        .software .box_8 .text {
            font-size: .24rem;
            color: #666666;
            line-height: .54rem;
        }

        .software .box_9 .title {
            background-color: #f1f4f5;
            padding: .6rem .3rem .65rem;
        }

        .software .box_10 .suspen {
            position: absolute;
            left: 0;
            bottom: .45rem;
        }

        .software .box_10 .title {
            padding-bottom: .75rem;
        }

        .software .box_10 .title .h1 {
            font-size: .48rem;
            color: #ffffff;
            margin-bottom: .25rem;
        }

        .software .box_10 .title .h2 {
            font-size: .24rem;
            color: rgba(254, 254, 254, .5);
            line-height: .4rem;
        }

        .software .box_10 .list-box {
            border-radius: .2rem;
            overflow: hidden;
        }

        .software .box_10 .column {
            background-color: #ffffff;
            padding: .4rem .5rem;
        }

        .software .box_10 .icon-box {
            text-align: center;
        }

        .software .box_10 .icon {
            width: 1.44rem;
            margin: 0 auto;
        }

        .software .box_10 .name {
            font-size: .24rem;
            color: #333333;
            font-weight: bold;
            margin-top: .4rem;
        }

        .software .box_10 .text-box {
            width: calc(100% - 1.44rem);
            padding-left: .5rem;
        }

        .software .box_10 .column .h1 {
            font-size: .28rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .2rem;
        }

        .software .box_10 .text {
            font-size: .23rem;
            color: #999999;
            line-height: .36rem;
        }

        .software .box_11 {
            background-color: #f7f7f7;
        }

        .software .box_11 .title {
            padding: 1.05rem 0 .45rem;
        }

        .software .box_11 .title .h1 {
            font-size: .48rem;
            margin-bottom: .45rem;
        }

        .software .box_11 .title .h2 {
            font-size: .28rem;
            color: #333333;
            line-height: .4rem;
            font-weight: bold;
        }

        .software .box_11 .text {
            font-size: .28rem;
            color: #999999;
            line-height: .4rem;
            text-align: center;
        }

        .software .box_11 .video-box {
            width: 3.16rem;
            margin: 0 auto;
            margin-top: 1rem;
        }

        .software .box_12 {
            background-color: #fbfbfb;
            padding-bottom: .6rem;
        }

        .software .box_12 .title {
            padding: .95rem 0 1.1rem;
        }

        .software .box_12 .title .h1 {
            font-size: .48rem;
            color: #111111;
            margin-bottom: .4rem;
        }

        .software .box_12 .title .h2 {
            font-size: .28rem;
            color: #999999;
            line-height: .4rem;
        }

        .software .box_12 .list-box {
            padding: 0 .4rem;
        }

        .software .box_12 .column {
            margin-bottom: .75rem;
            align-items: center;
        }

        .software .box_12 .icon {
            width: 1rem;
        }

        .software .box_12 .text-box {
            width: calc(100% - 1rem);
            padding-left: .4rem;
        }

        .software .box_12 .name {
            font-size: .32rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .1rem;
        }

        .software .box_12 .text {
            font-size: .28rem;
            color: #999999;
            line-height: .4rem;
        }

        .container {
            width: 100%;
            padding: 0 15px;
        }

        .solution-page .banner .suspen {
            width: 100%;
            text-align: center;
        }

        .solu3 .intro {
            padding: .7rem .3rem .92rem;
            background-color: #f9f9f9;
        }

        .solu4 .video {
            position: relative;
        }

        .solu4 .play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -28px;
            margin-left: -28px;
            cursor: pointer;
        }

        .solu3 .intro .text {
            font-size: .22rem;
            color: #666666;
            line-height: .38rem;
            text-align: left;
        }

        .solu3 .intro .but-video {
            width: 135px;
            cursor: pointer;
            margin: 30px auto;
            background: #0062ff;
            color: #fff;
            padding: 15px;
        }

        .solu3 .intro .but-video img {
            width: 30px;
            padding-left: 10px;
        }

        .solu3 .title {
            text-align: center;
        }

        .solu3 .title .h1 {
            font-size: .38rem;
            color: #333333;
        }

        .solu3 .scenes {
            padding: .74rem .3rem .4rem;
        }

        .solu3 .scenes .title {
            margin-bottom: .55rem;
        }

        .scen-list .column {
            margin-bottom: .4rem;
        }

        .scen-list .text-box {
            padding: .5rem .33rem .4rem;
            border: 1px solid #e5e5e5;
        }

        .scen-list .h1 {
            font-size: .36rem;
            color: #333333;
            line-height: 1;
            font-weight: bold;
            margin-bottom: .35rem;
        }

        .scen-list .text {
            font-size: .3rem;
            color: #333333;
            line-height: 1.4;
        }

        .solu3 .case {
            padding: .72rem .3rem .5rem;
            background-color: #f9f9f9;
        }

        .solu3 .case .title {
            margin-bottom: .3rem;
        }

        .solu3 .case-list .column {
            float: left;
            width: 32%;
            margin-right: 2%;
            margin-bottom: .15rem
        }

        .solu3 .case-list .column:nth-child(3n) {
            margin-right: 0;
        }


        .solu3 .solu-list2 .column {
            float: left;
            width: 48%;
            margin-right: 4%;
            margin-bottom: .3rem;
        }

        .solu3 .app-solu {
            padding-bottom: .5rem;
            background-color: #f3f3f3;
        }

        .solu3 .solu-list2 .column:nth-child(2n) {
            margin-right: 0;
        }

        .solu3 .solu-list2 .suspen {
            display: none;
        }

        .solu3 .app-solu .box .h3 {
            font-size: .28rem;
            margin-bottom: .3rem;
        }

        .solu3 .solu-list2 .h1 {
            padding: .35rem .35rem .4rem;
            background-color: #ffffff;
            font-size: .24rem;
            color: #313131;
            line-height: .34rem;
        }

        .solu3 .solu-list2 .number {
            display: block;
            font-size: .3rem;
            margin-bottom: .08rem;
        }

        .solu3 .story2 {
            padding: .65rem .3rem .35rem;
            background-color: #f3f3f3;
        }

        .solu3 .story2 .title {
            margin-bottom: .33rem;
        }

        .solu3 .story-list2 .column {
            margin-bottom: .3rem;
        }

        .solu3 .story-list2 .text-box {
            padding: .25rem .35rem .35rem;
            background-color: #ffffff;
        }

        .solu3 .story-list2 .h1 {
            font-size: .26rem;
            color: #333333;
            margin-bottom: .15rem;
        }

        .solu3 .story-list2 .text {
            font-size: .2rem;
            color: #666666;
            line-height: 1.4;
        }

        .solu3 .scenes2 {
            background-color: #f9f9f9;
            padding-bottom: .75rem;
        }

        .solu3 .scenes2 .carousel .text-box {
            text-align: center;
            padding: .6rem .3rem;
            background-color: #ffffff;
        }

        .solu3 .scenes2 .carousel .h1 {
            font-size: .2rem;
            color: #333333;
            font-weight: bold;
            margin-bottom: .3rem;
        }

        .solu3 .scenes2 .carousel .text {
            font-size: .14rem;
            color: #333333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }


        .solu3 .soft-solu {
            padding: .75rem .3rem .7rem;
            background-color: #f9f9f9;
        }

        .solu3 .soft-solu .title {
            margin-bottom: .55rem;
        }

        .solu3 .soft-solu .solu-list3 {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .solu3 .soft-solu .column {
            width: 33.33%;
            text-align: center;
            margin-bottom: .5rem;
        }

        .solu3 .soft-solu .img {
            width: 1.53rem;
            margin: 0 auto;
        }

        .solu3 .soft-solu .column:nth-child(3n) {
            margin-right: 0;
        }

        .solu3 .soft-solu .name {
            font-size: .2rem;
            color: #333333;
            line-height: .26rem;
            margin-top: .25rem;
        }

        .solu3 .soft-solu .detail {
            display: block;
            width: 2.45rem;
            font-size: .22rem;
            color: #828282;
            line-height: .5rem;
            text-align: center;
            border: .02rem solid #e5e5e5;
            border-radius: .27rem;
            margin: 0 auto;
        }

        .privacy-page .banner .suspen {
            width: 100%;
            padding: 0 .4rem;
        }

        .rela-prod2 .carousel {
            position: relative;
        }

        .rela-prod2 .swiper-button-next,
        .rela-prod2 .swiper-button-prev {
            display: none;
        }
    }


    /* 5.11 start*/

    .softw-page .prod-top-nav {
        display: none;
    }

    .softw-page .prod-top-nav.on {
        display: block;
    }

    .prod-nav-box {
        margin-bottom: 65px;
    }

    .prod-nav-box .top .h1 {
        font-size: 26px;
        color: #333333;
        line-height: 1;
        font-weight: bold;
    }

    .prod-nav-box .top .text {
        font-size: 14px;
        color: #666666;
        line-height: 26px;
        margin-top: 25px;
    }

    .prod-nav-box .list-box {
        margin: 0 -.5%;
        margin-top: 45px;
        display: flex;
        flex-wrap: wrap;
    }

    .prod-nav-box .column {
        float: left;
        width: 50%;
        padding: 0 .5%;
        margin-bottom: 30px;
    }

    .prod-nav-box .column a {
        position: relative;
        display: block;
        background-color: #fff;
    }

    .prod-nav-box .column .img {
        text-align: center;
    }

    .prod-nav-box .column .img img {
        max-height: 100%;
        /* width: auto; */
    }

    .prod-nav-box .text-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 55px;
        text-align: left;
    }

    .prod-nav-box .column .name {
        font-size: 40px;
        color: #fff;
        line-height: 1;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .prod-nav-box .column .text {
        font-size: 24px;
        color: #fff;
        line-height: 24px;
        margin-top: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-nav .btn-box {
        text-align: center;
    }

    .product-nav .btn-box .btn-link {
        display: inline-block;
        width: 200px;
        height: 52px;
        line-height: 50px;
        border: 1px solid #dfdfdf;
        border-radius: 26px;
        font-size: 16px;
        color: #333333;
        text-align: center;
    }


    /* 媒体查询 */

    @media screen and (max-width: 1440px) {
        .prod-nav-box .column .name {
            font-size: 20px;
        }

        .prod-nav-box .column .text {
            font-size: 16px;
        }
    }

    @media screen and (max-width: 767px) {
        .product-nav {
            padding: 50px 0;
            background-color: #f8f8f8;
        }

        .product-nav .wd2 {
            width: 100%;
            padding: 0 15px;
        }

        .prod-nav-box .list-box {
            margin: 0;
            margin-top: 30px;
        }

        .prod-nav-box .column {
            width: 50%;
            padding: 0 15px;
        }
    }

    @media screen and (max-width: 540px) {
        .prod-nav-box .top .h1 {
            font-size: 18px;
        }

        .prod-nav-box .top .text {
            margin-top: 15px;
        }

        .prod-nav-box .column {
            width: 100%;
            padding: 0;
        }

        .prod-nav-box {
            margin-bottom: 20px;
        }

        .prod-nav-box .column .name {
            font-size: 16px;
        }

        .product-nav .btn-box .btn-link {
            width: 120px;
            height: 42px;
            line-height: 40px;
            border-radius: 21px;
            font-size: 14px;
        }

        .product .prod-nav-box .text-box {
            padding: 55px;
        }

        .product-page .banner .location {
            position: absolute;
            bottom: 20px;
            left: 5%;
        }

        .prod-nav-box .text-box {
            padding: 0 0.5rem;
        }

        .prod-nav-box .column .text {
            margin-top: 10px;
        }
    }

    .ovfHiden {
        overflow: hidden;
    }


    @media screen and (max-width: 1440px) {
        .header .prod-drop-down .h1 {
            padding: 0px 15px;
        }

        .header .prod-drop-down .item_2 {
            padding: 0 12px;
            line-height: 48px;
            height: 50px;
        }

        .header .prod-drop-down .name {
            width: calc(100% - 105px);
            max-width: calc(100% - 105px);
        }

        .header .item_2 .hot {
            font-size: 12px;
        }

        .header .item_2 .hot {
            position: static;
            display: inline-block;
            vertical-align: middle;
            max-width: 44px;
            margin-left: 5px;
        }
        .header .head-rbox{max-width: 90%;}
        .header .head-rbox .head-nav .column .drop-down {
            /* overflow-y: auto; */
            max-height: calc(100vh - 78px);
        }
    }
    /*@media screen and (max-width: 1360px) {*/
    /*    .header .head-rbox {*/
    /*        width: 95%;*/
    /*    }*/
    /*}*/

    /*20210823*/

    @media only screen and (min-width: 768px) {
        .head-lang {
            position: relative;
            float: left;
            /*line-height: 60px;*/
            font-size: 14px;
            color: #ffffff;
            margin: 0 10px 0 2px;
            transition: all .3s;
            padding-bottom: 15px;
        }

        .head-lang span {
            display: block;
            margin-top: 24px;
            border: #949494 solid 1px;
            border-radius: 6px;
            line-height: 30px;
            padding: 0px 22px 0px 10px;
            background: url(../image/img1.png) center right 10px no-repeat;
        }

        .header.on .head-lang span,
        .header.white .head-lang span {
            background: url(../image/img1a.png) center right 10px no-repeat; 
        }

        .header .head-lang .drop-down {
            position: absolute;
            left: 0;
            top: 70px;
            min-width: 155px;
            width: auto;
            background-color: #FFFFFF;
            box-shadow: 0 3px 7px rgba(0, 0, 0, .2);
            border-radius: 10px;
            text-align: left;
            padding: 12px 0px;
            overflow: hidden;
        }

        .header.on .head-rbox .head-lang .drop-down,
        .header.white .head-rbox .head-lang .drop-down {
            background-color: #FFFFFF;
        }

        .head-lang .item {
            position: relative;
            display: block;
            width: 100%;
            font-size: 14px;
            color: #7c7c7c;
            line-height: 1.6;
            padding: 3px 12px;
            box-sizing: border-box;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
            white-space: nowrap;
        }

        .head-lang .item::before {
            content: '>';
            position: absolute;
            left: 10px;
            top: 2px;
            width: 10px;
            height: 100%;
            color: #2b9eda;
            font-size: 14px;
            -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .head-lang .item:hover {
            padding-left: 30px;
            color: #292929;
        }

        .head-lang .item:hover::before {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
        }
    }


    /*案例解决方案*/
    li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .nav-box {
        background: #fafafa;
        font-size: 0;
        text-align: center;
    }

    .nav-box .nav-wrap > ul > li.on > a {
        color: #0062ff;
    }

    .nav-box .nav-wrap > ul > li.on > a:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background: #0062ff;
    }

    .nav-box .nav-wrap > ul > li > a {
        font-size: 16px;
        color: #111111;
        padding: 0 20px;
        display: block;
        position: relative;
    }

    .nav-box .nav-wrap li.special > a {
        padding-left: 55px;
        background: url(../image/icon55.png) 20px center no-repeat;
    }

    .nav-box li.special .a_2 {
        display: none;
    }

    .nav-box .drop-down {
        z-index: 2;
        display: none;
        position: absolute;
        min-width: 800px;
        padding: 28px 27px 30px;
        background: #ffffff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
        line-height: 1;
        text-align: left;
    }

    .nav-box .column ul:last-child {
        margin-right: 0;
        width: 200px;
    }

    .nav-box .drop-down li {
        display: inline-block;
    }

    .nav-box .column li {
        margin-right: 10px;
        line-height: 40px;
        width: 120px;
    }

    .nav-box .column li a {
        font-size: 16px;
        color: #888888;
        transition: all .3s;
    }

    .nav-box .column ul {
        width: 200px;
        display: inline-block;
        position: relative;
        margin-right: 52px;
        vertical-align: top;
    }

    .nav-box .nav-wrap > ul > li {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        /*margin: 0 20px;*/
    }

    @media only screen and (max-width: 1199px) {
        .nav-box .nav-wrap > ul > li > a {
            padding: 0 18px;
        }
    }

    @media only screen and (max-width: 640px) {
        .nav-box .nav-wrap > ul > li {
            height: 50px;
            line-height: 50px;
        }
    }

    @media only screen and (max-width: 1024px) {
        .nav-box .drop-down {
            white-space: normal;
            min-width: auto;
            left: 30px;
        }

        .nav-box li.special .a_1 {
            display: none;
        }

        .nav-box li.special .a_2 {
            display: block;
        }

        .nav-box .nav-wrap > ul {
            overflow-x: scroll;
            white-space: nowrap;
        }

        .nav-box .nav-wrap > ul > li {
            margin: 0 20px;
        }

        .nav-box .nav-wrap > ul > li > a {
            padding: 0 10px;
        }
    }


    @media only screen and (max-width: 950px) {
        .wd {
            max-width: 98%;
        }
    }

    /*end案例解决方案*/
    /* index */
    @media only screen and (max-width: 640px) {

        .prod-list .top {
            padding: 0 15px;
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 2;
            text-align: center;
            color: #454545;
            padding-top: 0.5rem;
        }

        .prod-list .h1 {
            font-size: 24px;
            margin-bottom: 15px;
            color: #333;
        }

        .prod-list .h2 {
            font-size: 18px;
            color: #454545;
        }

        .prod-list .more {
            margin-top: 15px;
            width: 100px;
            height: 33px;
            line-height: 33px;
            font-size: 14px;
            border: 1px solid #dfdfdf;
            border-radius: 30px;
            display: inline-block;
            text-align: center;
            /* font-weight: 500; */
            color: #4489ec;
        }

        .prod-list .img {
            /*padding: 0 15px;*/
            text-align: center;
        }

        .home-link-box {
            margin: 70px 0;
        }
    }

    .swiper-pagination {
        width: 100%;
        left: 0;
        bottom: -1%
    }

    .swiper-pagination .swiper-pagination-bullet {
        margin: 0 10px;
        width: 12px;
        height: 12px;
    }
    .search-form .text{color:#000}
    .header .head-search .form .text{display: none;    position: absolute;width: 185px;}
    .header .head-search .form:hover .text{display: inline-block;}