@font-face {
    font-family: 'siyuan';
    src: url(../fonts/sourcehansans.eot);
    src: url(../fonts/sourcehansans.eot?#iefix) format("embedded-opentype"), url(../fonts/sourcehansans.woff) format("woff"), url(../fonts/sourcehansans.ttf) format("truetype"), url(../fonts/sourcehansans.svg) format("svg");
    font-weight: normal;
    font-style: normal;
}

a {
    color: #2F4056;
    text-decoration: none;
}

    a:hover {
        color: #0075ff;
    }

body {
    margin: 0;
    padding: 0;
    font-family: 'siyuan';
    overflow-x: hidden;
}

ul, li, span, p {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul {
    list-style-type: none;
}

.clear {
    margin: 0;
    padding: 0;
    border: 0;
    clear: both
}

.main {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.banner {
    position: relative;
    width: 100%;
    margin: auto;
    text-align: center;
}

.banner_yuyin {
    width: 100%;
    height: 494px;
    margin-top: 65px;
    background: url(../images/yuyin/yuyin_02.jpg) no-repeat center center;
}

.banner_hezuo {
    margin-bottom: 100px;
}

.msg-icon {
    cursor: pointer;
}
/*导航样式开始*/
.head {
    position: fixed;
    top: 0;
    width: 100%;
    height: 70px;
    line-height: 70px;
    z-index: 999999;
}

.head_menu {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

    .head_menu .logo {
        float: left;
        width: 229px;
        height: 39px;
        margin-top: 16px;
    }

        .head_menu .logo a {
            display: block;
            width: 100%;
            height: 100%;
            background: url(../images/logo3.png) no-repeat left center;
        }

    .head_menu .act {
        color: #fff;
    }

    .head_menu .active {
        color: #fff;
    }

.nav-main {
    float: right;
    width: 850px;
    height: 70px;
    line-height: 70px;
    list-style: none;
    overflow: hidden;
    zoom: 1;
}

    .nav-main li {
        float: left;
        width: 80px;
        margin-right: 50px;
    }

    .nav-main .nav-home {
        width: 32px;
    }

    .nav-main .nav-hangye {
        width: 112px;
    }

    .nav-main .nav-mr {
        margin-right: 0;
    }

    .nav-main span {
        display: inline-block;
        width: 8px;
        height: 6px;
        margin-left: 8px;
        transition-duration: .5s;
        background: url('../images/down-icon.png') no-repeat;
    }

    .nav-main li:hover span {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        color: #00a2ea;
    }

    .nav-main li:hover .nav-list {
        transition-duration: .5s;
        display: block;
    }

    .nav-main .nav-list {
        position: absolute;
        display: none;
        background: #fff linear-gradient(360deg, rgba(0, 117, 255, 0.03) 0%, rgba(0, 117, 255, 0) 100%);
        box-shadow: 0px 8px 24px 0px rgba(0, 117, 255, 0.15);
    }

    .nav-main .tiyan-list {
        margin-left: -40px;
    }

    .nav-main .nav-list .tiyan-items {
        width: 160px;
        font-size: 14px;
    }

        .nav-main .nav-list .tiyan-items .menu-items {
            width: 120px;
            height: 34px;
            line-height: 32px;
            margin: 10px auto;
            font-weight: 400;
            text-align: center;
            color: #0075ff;
            border: 1px solid #0075ff;
        }

            .nav-main .nav-list .tiyan-items .menu-items:hover {
                cursor: pointer;
                background-color: rgb(0, 116, 255);
                color: white;
            }

    .nav-main .nav-list .nav-link {
        display: block;
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-left: -20px;
        font-size: 14px;
        text-align: center;
        background-color: #fff;
    }

    .nav-main .nav-list .active {
        color: #0075FF;
    }

    .nav-main .menu-pro {
        left: 0;
        width: 100%;
        height: 370px;
        padding-top: 10px;
    }

        .nav-main .menu-pro .menu-down {
            width: 1160px;
            margin-right: auto;
            margin-left: auto;
            overflow: hidden;
            zoom: 1;
        }

            .nav-main .menu-pro .menu-down dl {
                width: 200px;
                margin-right: 40px;
                margin-bottom: 24px;
            }

            .nav-main .menu-pro .menu-down dt {
                line-height: 20px;
                margin-bottom: 8px;
                font-size: 16px;
                font-weight: 400;
                color: #2F4056;
            }

            .nav-main .menu-pro .menu-down img {
                margin-right: 12px;
                vertical-align: middle;
            }

            .nav-main .menu-pro .menu-down dd {
                height: 16px;
                line-height: 16px;
                font-size: 12px;
                font-weight: 400;
                color: rgba(47, 64, 86, 0.7);
            }

        .nav-main .menu-pro .menu-zhfw {
            float: left;
            width: 720px;
            overflow: hidden;
            zoom: 1;
        }

            .nav-main .menu-pro .menu-zhfw h3 {
                width: 680px;
                height: 36px;
                line-height: 18px;
                font-size: 14px;
                font-weight: 400;
                color: rgba(47, 64, 86, 0.7);
                border-bottom: 1px solid #EBEEF2;
            }

            .nav-main .menu-pro .menu-zhfw dl {
                float: left;
            }

        .nav-main .menu-pro .menu-zhyx {
            float: left;
            width: 240px;
        }

            .nav-main .menu-pro .menu-zhyx h3 {
                width: 200px;
                height: 36px;
                line-height: 18px;
                font-size: 14px;
                font-weight: 400;
                color: rgba(47, 64, 86, 0.7);
                border-bottom: 1px solid #EBEEF2;
                x;
            }

        .nav-main .menu-pro .menu-rg {
            float: right;
            width: 160px;
            height: 340px;
            background: #FFFFFF linear-gradient(180deg, rgba(240, 247, 255, 0.6) 0%, #E0EFFF 100%);
        }

            .nav-main .menu-pro .menu-rg .menu-pic {
                width: 127px;
                margin-top: 30px;
                margin-right: auto;
                margin-bottom: 20px;
                margin-left: auto;
            }

            .nav-main .menu-pro .menu-rg .menu-process {
                width: 120px;
                height: 34px;
                line-height: 32px;
                margin-right: auto;
                margin-bottom: 10px;
                margin-left: auto;
                font-size: 14px;
                font-weight: 400;
                color: #0075FF;
                text-align: center;
                background: #fff;
                border: 1px solid #0075FF;
            }

                .nav-main .menu-pro .menu-rg .menu-process:hover {
                    background: #0075FF;
                    color: #fff;
                }

    .nav-main .menu-hangye {
        left: 0;
        width: 100%;
        height: 380px;
        padding-top: 20px;
    }

        .nav-main .menu-hangye .menu-down {
            width: 1200px;
            margin-right: auto;
            margin-left: auto;
            overflow: hidden;
            zoom: 1;
        }

        .nav-main .menu-hangye .menutel {
            float: left;
            width: 140px;
            height: 390px;
            background: url(../images/menu/menu_line.jpg) no-repeat right top;
        }

            .nav-main .menu-hangye .menutel li {
                height: 40px;
                line-height: 26px;
                margin-bottom: 5px;
                padding-left: 36px;
                cursor: pointer;
                font-size: 14px;
                color: #2F4056;
            }

                .nav-main .menu-hangye .menutel li.menuon {
                    position: relative;
                    color: #0075ff;
                    background: url(../images/menu/menubg.png) no-repeat left center;
                }

        .nav-main .menu-hangye .menu-wrap {
            float: left;
            width: 788px;
            margin-top: 28px;
            margin-left: 40px;
        }

        .nav-main .menu-hangye .title {
            height: 32px;
            line-height: 32px;
            font-size: 24px;
            color: #2F4056;
            text-align: left;
        }

        .nav-main .menu-hangye .desc {
            margin-top: 24px;
            margin-bottom: 0;
            line-height: 24px;
            font-size: 16px;
            color: #2F4056;
            text-align: left;
        }

        .nav-main .menu-hangye .hy_btn {
            margin-top: 24px;
        }

        .nav-main .menu-hangye .btn {
            margin-right: 20px;
            display: inline-block;
            font-size: 14px;
            color: #EBEBF5;
            width: 112px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            background: #0075FF;
            text-decoration: none;
        }

        .nav-main .menu-hangye .btn2 {
            display: inline-block;
            font-size: 14px;
            color: #0075FF;
            width: 110px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            border: 1px solid #0075FF;
        }

        .nav-main .menu-hangye .hy_btn img {
            margin-right: 5px;
            vertical-align: middle;
        }

        .nav-main .menu-hangye .case-nav {
            margin-top: 40px;
        }

        .nav-main .menu-hangye .menu-rg {
            float: right;
            width: 160px;
            height: 340px;
            background: #FFFFFF linear-gradient(180deg, rgba(240, 247, 255, 0.6) 0%, #E0EFFF 100%);
        }

            .nav-main .menu-hangye .menu-rg .menu-pic {
                width: 127px;
                margin-top: 30px;
                margin-right: auto;
                margin-left: auto;
            }

            .nav-main .menu-hangye .menu-rg .menu-process {
                width: 120px;
                height: 34px;
                line-height: 32px;
                margin-right: auto;
                margin-bottom: 10px;
                margin-left: auto;
                font-size: 14px;
                font-weight: 400;
                color: #0075FF;
                text-align: center;
                background: #fff;
                border: 1px solid #0075FF;
            }

                .nav-main .menu-hangye .menu-rg .menu-process:hover {
                    background: #0075FF;
                    color: #fff;
                }

    .nav-main .menu-case {
        left: 0;
        width: 100%;
        height: 220px;
        padding-top: 20px;
    }

        .nav-main .menu-case .menu-down {
            width: 1160px;
            margin-right: auto;
            margin-left: auto;
            overflow: hidden;
            zoom: 1;
        }

        .nav-main .menu-case .menu-case-lf {
            float: left;
            width: 940px;
            padding-top: 12px;
            overflow: hidden;
            zoom: 1;
        }

        .nav-main .menu-case dl {
            float: left;
            width: 240px;
            margin-right: 110px;
        }

        .nav-main .menu-case .menu-mr {
            margin-right: 0;
        }

        .nav-main .menu-case dt {
            height: 20px;
            line-height: 20px;
            margin-bottom: 8px;
            padding-left: 14px;
            font-size: 14px;
            font-weight: 400;
            color: #2F4056;
            background: url(../images/menu/menu_icon01.png) no-repeat left center;
        }

        .nav-main .menu-case dd {
            height: 16px;
            line-height: 16px;
            margin-bottom: 16px;
            font-size: 12px;
            font-weight: 400;
            color: rgba(47, 64, 86, 0.7);
        }

        .nav-main .menu-case .case-link {
            width: 92px;
            height: 32px;
            line-height: 32px;
            margin-bottom: 32px;
            font-size: 12px;
            text-align: center;
            background-color: #0075ff;
        }

            .nav-main .menu-case .case-link a {
                display: block;
                width: 100%;
                height: 100%;
                color: #EBEBF5;
            }

        .nav-main .menu-case .menu-rg {
            float: right;
            width: 160px;
            height: 200px;
            background: #FFFFFF linear-gradient(180deg, rgba(240, 247, 255, 0.6) 0%, #E0EFFF 100%);
        }

            .nav-main .menu-case .menu-rg .menu-process {
                width: 120px;
                height: 34px;
                line-height: 32px;
                margin-right: auto;
                margin-top: 10px;
                margin-bottom: 10px;
                margin-left: auto;
                font-size: 14px;
                font-weight: 400;
                color: #0075FF;
                text-align: center;
                background: #fff;
                border: 1px solid #0075FF;
            }

                .nav-main .menu-case .menu-rg .menu-process:hover {
                    background: #0075FF;
                    color: #fff;
                }

    .nav-main .menu-about {
        left: 0;
        width: 100%;
        height: 220px;
        padding-top: 20px;
    }

        .nav-main .menu-about .menu-down {
            width: 1160px;
            margin-right: auto;
            margin-left: auto;
            overflow: hidden;
            zoom: 1;
        }

        .nav-main .menu-about .about-lf {
            float: left;
            width: 940px;
            overflow: hidden;
            zoom: 1;
        }

        .nav-main .menu-about dt {
            height: 20px;
            line-height: 20px;
            margin-bottom: 12px;
            padding-left: 14px;
            font-size: 16px;
            font-weight: 400;
            color: #2F4056;
            background: url(../images/menu/menu_icon01.png) no-repeat left center;
        }

        .nav-main .menu-about dd {
            line-height: 20px;
            margin-bottom: 24px;
            font-size: 14px;
            font-weight: 400;
            color: rgba(47, 64, 86, 0.8);
        }

        .nav-main .menu-about .about-link {
            display: inline-block;
            width: 92px;
            height: 32px;
            line-height: 32px;
            margin-right: 20px;
            margin-bottom: 32px;
            font-size: 12px;
            color: #0075ff;
            text-align: center;
            border: 1px solid #0075ff;
            background-color: #fff;
        }

            .nav-main .menu-about .about-link:hover {
                color: #fff;
                border: 1px solid #0075ff;
                background-color: #0075ff;
            }

        .nav-main .menu-about .menu-rg {
            float: right;
            width: 160px;
            height: 200px;
            background: #FFFFFF linear-gradient(180deg, rgba(240, 247, 255, 0.6) 0%, #E0EFFF 100%);
        }

            .nav-main .menu-about .menu-rg .menu-process {
                width: 120px;
                height: 34px;
                line-height: 32px;
                margin-top: 10px;
                margin-right: auto;
                margin-bottom: 10px;
                margin-left: auto;
                font-size: 14px;
                font-weight: 400;
                color: #0075FF;
                text-align: center;
                background: #fff;
                border: 1px solid #0075FF;
            }

                .nav-main .menu-about .menu-rg .menu-process:hover {
                    background: #0075FF;
                    color: #fff;
                }

/*图标向上旋转*/
.hover-up {
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    color: #00a2ea;
}
/*图标向下旋转*/
.hover-down {
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    color: #fff;
}

/*隐藏盒子设置*/
div.hidden-box {
    width: 125px;
    border-top: 0;
    position: absolute;
    display: none;
    background: #fff;
    border-radius: 4px;
    top: 65px;
}

.hidden-box > ul {
    list-style-type: none;
    cursor: pointer;
    width: 125px;
    float: left;
}

.hidden_act {
    color: #000;
    display: block;
    width: 150px;
    height: auto
}

.hidden-box li a:hover {
    background: #00a2ea;
    border-radius: 4px;
    color: #fff;
}
/*隐藏盒子位置设置*/
.hidden-loc-index {
    left: 117px;
}

.hidden-loc-us {
    left: 238px;
}

.hidden-loc-info {
    left: 359px;
}

.box04 {
    left: 699px;
}

.wrapper {
    width: 100%;
    margin: auto;
    height: 760px;
    padding-bottom: 70px;
}

.wy-mod-banner {
    margin-top: 0px;
    height: 760px;
    position: relative;
}

    .wy-mod-banner .banners {
        width: 1920px;
        height: 760px;
        position: absolute;
        left: 50%;
        margin-left: -960px;
    }

        .wy-mod-banner .banners img {
            width: 100%;
            height: 100%;
        }

    .wy-mod-banner .banner {
        width: 1920px;
        height: 760px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -960px;
    }

    .wy-mod-banner .focus {
        width: 960px;
        margin: 0px auto;
        padding-top: 700px;
        text-align: center;
    }

        .wy-mod-banner .focus a {
            text-decoration: none;
            z-index: 3;
            width: 50px;
            height: 30px;
            position: relative;
            display: inline-block;
            *display: inline;
            overflow: hidden;
            margin: 0px 3px;
            zoom: 1;
        }

            .wy-mod-banner .focus a .bg-m {
                z-index: 4;
                color: white;
                line-height: 40px;
                font-size: 40px;
                position: absolute;
                display: block;
                left: 2px;
                top: 6px;
                cursor: pointer;
                display: none;
            }

            .wy-mod-banner .focus a .bg-b {
                /* background-image:url(../images/i_dot.32.png); */
                background: #fff;
                opacity: 0.24;
                position: absolute;
                display: block;
                left: 0px;
                top: 0px;
                cursor: pointer;
                width: 62px;
                height: 4px;
            }

            .wy-mod-banner .focus a .inner {
                /* background-image:url(../images/i_dot_hover.32.png); */
                background: white;
                position: absolute;
                left: 0px;
                top: 0px;
                z-index: 9;
                opacity: 0;
                display: none\0;
                +display: none;
                *display: none;
                width: 62px;
                height: 4px;
            }

            .wy-mod-banner .focus a.on .inner, .wy-mod-banner .focus a:hover .inner {
                cursor: pointer;
                display: block;
                border: 0;
                -webkit-transition: opacity .3s ease-in-out;
                -ms-transition: opacity .3s ease-in-out;
                transition: opacity .3s ease-in-out;
                opacity: 1;
            }

        .wy-mod-banner .focus .hover .inner {
            display: block;
        }

.fuwu {
    width: 1200px;
    margin: auto;
}

.fuwu_title {
    width: 1200px;
    margin: auto;
    text-align: center;
}

.fuwu_title_tt01 {
    font-weight: 500;
    color: #2F4056;
    font-size: 32px;
    line-height: 56px;
}

.fuwu_title_tt02 {
    margin-bottom: 32px;
    color: #989fa8;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.fuwu_img {
    width: 1200px;
    margin: auto;
    margin-top: 40px;
}

    .fuwu_img ul {
        width: 1200px;
        margin: auto;
    }

    .fuwu_img li {
        width: 400px;
        text-align: center;
        float: left;
        display: inline;
    }

    .fuwu_img p {
        font-size: 20px;
        color: #4b5154;
    }

.fuwu_listbg {
    background: #f1f3ff;
    width: 100%;
    height: 444px;
    position: relative;
}

.fuwu_list {
    width: 1200px;
    margin: auto;
}

    .fuwu_list ul {
        width: 1200px;
        padding-top: 30px;
    }

    .fuwu_list li {
        float: left;
        width: 400px;
        display: inline;
        height: 199px;
    }

.fuwu_active {
    background: url(../images/index_19.png) no-repeat;
    width: 400px;
    height: 199px;
    float: left;
}

.fuwu_list_tt01 {
    color: #474747;
    font-size: 18px;
    margin: 40px 0 0 45px;
}

.fuwu_list_tt02 {
    color: #00a2ea;
    font-size: 15px;
    margin: 10px 0 0 45px;
    line-height: 25px;
    width: 311px;
}

.fuwu_list_tt03 {
    color: #00a2ea;
    font-size: 15px;
    margin: 10px 0 0 45px;
    font-weight: bold;
}

.fuwu_active2 {
    width: 400px;
    height: 199px;
    float: left;
}

.fuwu_list_tt04 {
    color: #8c8c8c;
    font-size: 15px;
    margin: 10px 0 0 45px;
    line-height: 25px;
    width: 311px;
}

.fuwu_list div:hover {
    background: url(../images/index_19.png) no-repeat;
    width: 400px;
    height: 199px;
    cursor: pointer
}

    .fuwu_list div:hover .fuwu_list_tt04 {
        color: #00a2ea;
        cursor: pointer
    }

.fuwu_list_tt03 a:link, .fuwu_list_tt03 a:visited {
    color: #00a2ea;
    text-decoration: none;
}

#zzjs_net_2 {
    text-align: left;
    width: 100%;
    margin: auto;
    margin-top: 50px;
    background: url(../images/fuwu_bg2.jpg) repeat-x;
    height: 624px;
}

.menu1box {
    position: relative;
    overflow: hidden;
    height: 180px;
    width: 1200px;
    text-align: left;
    margin-left: -600px;
    left: 50%;
}

#menu1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    #menu1 ul {
    }

    #menu1 li {
        float: left;
        display: block;
        cursor: pointer;
        width: 400px;
        text-align: center;
        line-height: 21px;
        height: 180px;
    }

    #menu1 a:link, #menu1 a:visited {
        color: #4b5154;
        text-decoration: none;
        font-size: 20px;
        display: block;
        width: 400px;
        height: 180px;
    }

    #menu1 a:hover {
        color: #00a2ea;
        background: url(../images/fuwu_bg.jpg) no-repeat center bottom;
    }

    #menu1 li.hover {
        background: url(../images/fuwu_bg.jpg) no-repeat center bottom;
    }

.main1box {
    clear: both;
    margin-top: 0px;
    background: #FC3;
    width: 1200px;
    margin: auto;
    left: 50%;
    margin-left: -600px;
    position: relative;
}

#main1 ul {
    display: none;
    width: 1200px;
}

    #main1 ul.block {
        display: block;
    }

.case {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

    .case ul {
        width: 1300px;
        margin: auto;
        margin-top: 10px;
    }

    .case li {
        float: left;
        width: 220px;
        height: 90px;
        margin-top: 30px;
        margin-right: 35px;
        text-align: center;
        box-sizing: border-box;
        background: #ffffff;
        box-shadow: 0px 6px 18px 0px rgba(0, 117, 255, 0.12);
    }

        .case li:hover {
            box-shadow: 0px 6px 30px 0px rgba(0, 117, 255, 0.20);
        }

.hy_bg {
    width: 100%;
    margin-top: 50px;
}

.bg_up {
    width: 100%;
    height: 64px;
    background: url(../images/bg2_up.png) no-repeat center top;
}

.bg_down {
    width: 100%;
    height: 60px;
    background: url(../images/bg2_down.png) no-repeat center top;
}

.hy_bg .hy_box {
    height: 800px;
    background-color: #2F4056;
}

.hy_box .title_en {
    height: 80px;
    line-height: 80px;
    padding-top: 40px;
    font-size: 72px;
    font-weight: 500;
    color: #2F4056;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(247, 247, 247, 0.02) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hy_box .title {
    height: 44px;
    line-height: 44px;
    margin-top: -40px;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
}

.hy_box .desc {
    margin-top: 16px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: rgba(235, 235, 245, 0.5);
    text-align: center;
}

.hy_box .hover-wrap {
    width: 1200px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.hy_box .hy-nav {
    float: left;
    width: 136px;
    font-size: 16px;
    border-right: 1px solid rgba(235, 235, 245, 0.12);
}

    .hy_box .hy-nav li {
        height: 40px;
        line-height: 22px;
        margin-bottom: 30px;
        padding-left: 16px;
        cursor: pointer;
        border-left: 3px solid rgba(235, 235, 245, 0);
        color: rgba(255, 255, 255, 0.5);
    }

        .hy_box .hy-nav li.on {
            position: relative;
            color: #ffffff;
            border-left: 3px solid #0075FF;
            background: url(../images/hangye/hangyebt.png) no-repeat 16px 34px;
        }

.hy_box .hy-info {
    float: left;
    width: 960px;
    margin-left: 96px;
}

.hy-info .solution-box {
    box-sizing: border-box;
    width: 960px;
    padding-top: 128px;
}

    .hy-info .solution-box .title {
        height: 32px;
        line-height: 32px;
        font-size: 24px;
        color: #fff;
        text-align: left;
    }

    .hy-info .solution-box .desc {
        padding-top: 16px;
        line-height: 24px;
        font-size: 16px;
        color: rgba(235, 235, 245, 0.7);
        text-align: left;
    }

    .hy-info .solution-box .hy_btn {
        margin-top: 82px;
    }

    .hy-info .solution-box .btn {
        margin-right: 20px;
        display: inline-block;
        font-size: 14px;
        color: #EBEBF5;
        width: 112px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: #0075FF;
        text-decoration: none;
        vertical-align: bottom;
    }

    .hy-info .solution-box .btn2 {
        display: inline-block;
        font-size: 14px;
        color: #EBEBF5;
        width: 112px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.6);
    }

    .hy-info .solution-box .case-nav {
        margin-top: 82px;
    }

        .hy-info .solution-box .case-nav li {
            width: 120px;
            height: 50px;
            margin-right: 40px;
            display: inline-block;
        }

            .hy-info .solution-box .case-nav li img {
                width: 100%;
                height: 100%;
            }

.lj-btn {
    width: 120px;
    height: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #0075FF;
    display: block;
    margin: 0 auto;
    line-height: 20px;
}

.honor-box {
    padding-top: 80px;
}

    .honor-box .title-en {
        height: 60px;
        line-height: 60px;
        font-size: 72px;
        font-weight: 500;
        color: #2F4056;
        text-align: center;
        text-transform: uppercase;
        background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .honor-box .title01 {
        height: 40px;
        line-height: 40px;
        margin-top: -40px;
        font-size: 32px;
        font-weight: 600;
        color: #142030;
        text-align: center;
    }

    .honor-box .desc {
        margin-top: 10px;
        text-align: center;
        height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: rgba(47, 64, 86, 0.5);
        line-height: 22px;
    }

    .honor-box .honor01 {
        margin-top: 58px;
    }

        .honor-box .honor01 li {
            float: left;
            width: 558px;
            height: 398px;
            margin-right: 80px;
            background: #fff;
            border: 1px solid;
            border-image: linear-gradient(135deg, rgba(0, 117, 255, 0.3), rgba(0, 117, 255, 0.7), rgba(0, 117, 255, 0.4)) 1 1;
        }

            .honor-box .honor01 li:hover {
                width: 576px;
                height: 416px;
                background: #fff;
                box-shadow: 2px 8px 34px 1px #B8D1EE;
                border: 2px solid;
                border-image: linear-gradient(135deg, rgba(0, 117, 255, 1), rgba(0, 117, 255, 1), rgba(0, 117, 255, 1)) 2 2;
            }

        .honor-box .honor01 .honor01_1:hover {
            margin-top: -10px;
            margin-right: 60px;
        }

        .honor-box .honor01 .honor01_2:hover {
            margin-top: -10px;
            margin-left: -20px;
        }

        .honor-box .honor01 h3 {
            height: 30px;
            line-height: 30px;
            margin: 0;
            padding-top: 40px;
            padding-left: 48px;
            font-size: 22px;
            font-weight: 600;
            color: #2F4056;
        }

        .honor-box .honor01 .honor01_text {
            padding-top: 30px;
            padding-left: 80px;
            overflow: hidden;
            zoom: 1;
        }

    .honor-box .honor01_text dl {
        float: left;
        width: 236px;
        margin-bottom: 40px;
    }

    .honor-box .honor01_text dd {
        height: 25px;
        line-height: 25px;
        font-size: 18px;
        font-weight: 400;
        color: #2F4056;
    }

.trust-box {
    padding-top: 120px;
}

    .trust-box .title-en {
        font-size: 72px;
        font-weight: 500;
        color: #2F4056;
        text-align: center;
        background: linear-gradient(180deg, rgba(0, 117, 255, 0.06) 0%, rgba(0, 117, 255, 0.02) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        user-select: none;
    }

    .trust-box .title {
        height: 40px;
        line-height: 40px;
        margin-top: -50px;
        font-size: 32px;
        font-weight: 500;
        color: #2F4056;
        text-align: center;
    }

    .trust-box .desc {
        margin-top: 10px;
        margin-bottom: 32px;
        text-align: center;
        height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: rgba(47, 64, 86, 0.5);
        line-height: 22px;
    }

.trust-box {
    overflow: hidden;
}

.trust-nav {
    height: 61px;
    overflow: hidden;
}

    .trust-nav li {
        box-sizing: border-box;
        text-align: center;
        display: inline-block;
        width: 180px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
    }

        .trust-nav li span {
            display: inline-block;
            cursor: pointer;
        }

            .trust-nav li span:hover {
                color: #0075FF;
                border-bottom: 1px solid #0075FF;
            }

        .trust-nav li.on span {
            color: #0075FF;
            border-bottom: 1px solid #0075FF;
        }

.honor-nav {
    width: 912px;
    margin-top: 72px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

    .honor-nav li {
        float: left;
        width: 104px;
        margin-right: 60px;
        margin-left: 60px;
        text-align: center;
        box-sizing: border-box;
    }

    .honor-nav .num {
        height: 78px;
        line-height: 78px;
        font-size: 56px;
        font-weight: 500;
        color: #0075FF;
        text-align: center;
    }

.honor-list {
    height: 260px;
    margin-top: 48px;
    border: 1px solid;
    border-image: linear-gradient(135deg, rgba(0, 117, 255, 0.3), rgba(0, 117, 255, 0.7), rgba(0, 117, 255, 0.4)) 1 1;
    background-color: #fff;
}

    .honor-list li {
        float: left;
        width: 158px;
        height: 180px;
        margin-top: 40px;
        margin-right: 40px;
        margin-left: 40px;
    }

.trial-box {
    width: 100%;
    height: 395px;
    margin-top: 110px;
    background: url(../images/index/main_contactbg.png) no-repeat center top;
}

.trial-nav {
    padding-top: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}

    .trial-nav .trial-title {
        height: 36px;
        line-height: 36px;
        font-size: 30px;
        font-weight: 500;
        color: #ffffff;
    }

    .trial-nav ul {
        width: 960px;
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        overflow: hidden;
        zoom: 1;
    }

    .trial-nav li {
        float: left;
        width: 80px;
        margin-right: 80px;
        margin-left: 80px;
    }

        .trial-nav li img {
            margin-bottom: 12px;
        }

    .trial-nav .trial-cz {
        margin-top: 40px;
    }

    .trial-nav .input {
        width: 410px;
        height: 48px;
        line-height: 48px;
        padding-left: 12px;
        font-size: 16px;
        color: rgba(47, 64, 86, 0.5);
        background: #ffffff;
        box-shadow: 0px 16px 32px 0px rgba(38, 138, 255, 0.1);
        border: none;
        outline: 0;
        border-radius: 0;
        vertical-align: middle;
    }

    .trial-nav .btn {
        width: 106px;
        height: 48px;
        line-height: 48px;
        padding-left: 24px;
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        text-align: left;
        border: 1px solid #FFFFFF;
        text-decoration: none;
        vertical-align: middle;
        background: url(../images/message_icon.png) no-repeat 92px center;
    }

.newsbg {
    background: #f5f5f5;
    width: 100%;
    height: 700px;
    margin-top: 50px;
    padding-top: 30px;
}

.news {
    width: 1200px;
    margin: auto;
    overflow: hidden;
}

    .news ul {
        width: 1300px;
        margin-top: 60px;
        margin-right: auto;
        margin-left: auto;
    }

    .news li {
        width: 274px;
        float: left;
        background: #fff;
        height: 430px;
        margin-right: 35px;
        display: inline;
    }

        .news li a:link, .news li a:visietd {
            text-decoration: none;
        }

        .news li a:hover {
            color: #c00;
        }

.news_tt01 {
    width: 220px;
    color: #138ec5;
    font-size: 16px;
    line-height: 28px;
    margin-top: 10px;
    float: left;
    display: inline;
    margin-left: 25px;
    text-decoration: none;
    height: 60px;
}

.news_tt02 {
    width: 220px;
    color: #515151;
    font-size: 15px;
    line-height: 28px;
    margin-top: 10px;
    float: left;
    display: inline;
    margin-left: 25px;
    text-decoration: none;
    height: 80px;
}

.news_tt03 {
    margin-top: 20px;
    width: 225px;
    color: #7d7d7d;
    font-size: 14px;
    float: left;
    display: inline;
    margin-left: 25px;
    text-decoration: none;
}
/* news_show */

.footbg {
    width: 100%;
    background: #25282C;
    padding-top: 60px;
    padding-bottom: 60px;
}

.foot {
    width: 1200px;
    margin: auto;
}

dl, dd, dt {
    margin: 0;
    padding: 0;
}

.foot_left {
    width: 840px;
    float: left;
}

    .foot_left dl {
        float: left;
        width: 150px;
        color: #fff;
    }

    .foot_left dt {
        font-size: 16px;
        color: #fff;
        padding-bottom: 20px;
    }

    .foot_left dd {
        color: #8c8c8c;
        font-size: 14px;
        line-height: 36px;
    }

        .foot_left dd a:link, .foot_left dd a:visited {
            color: #8c8c8c;
            text-decoration: none;
        }

        .foot_left dd a:link, .foot_right dd a:visited {
            color: #8c8c8c;
        }

        .foot_left dd a:hover {
            color: #0075ff;
        }

.foot_right {
    width: 300px;
    float: right;
}

    .foot_right dl {
        float: left;
        width: 280px;
        color: #fff;
    }

    .foot_right dt {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 60px;
    }

    .foot_right dd {
        color: #8c8c8c;
        font-size: 15px;
        line-height: 32px;
    }

    .foot_right ul {
        width: 320px;
        float: left;
        margin-top: 10px;
        display: inline;
    }

    .foot_right li {
        float: left;
        width: 120px;
        text-align: center;
        font-size: 14px;
        color: #aeaeae;
        line-height: 24px;
        margin-right: 40px;
    }

.copybg {
    width: 100%;
    height: 80px;
    background: #25282C;
    border-top: 1px solid #444444;
}

.copy {
    width: 1200px;
    margin: auto;
    padding-top: 20px;
}

    .copy p {
        text-align: center;
        font-size: 12px;
        color: rgba(235, 235, 245, 0.3);
        line-height: 22px;
    }

.flex {
}

.flex-item {
    display: inline-block;
}

.inline-block {
    display: inline-block;
    vertical-align: text-top;
}

.mr30 {
    margin-right: 30px;
}

.ft0 {
    font-size: 0;
}

.relative {
    position: relative;
}

.center {
    text-align: center;
}

.width {
    width: 1200px;
    margin: 0 auto;
}

.vam {
    vertical-align: middle;
}

.bg-title {
    position: relative;
}

    .bg-title::after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 8px;
        background: rgba(0,117,255,0.3);
        transform: skew(-30deg);
        bottom: 0;
        left: 0;
    }

.gdesc {
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(47, 64, 86, 0.5);
    line-height: 22px;
}

.gtitle {
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 32px;
    font-weight: 500;
    color: #2F4056;
    line-height: 40px;
}

.dot li {
    list-style-type: disc;
    color: black;
    font-size: 14px;
    line-height: 30px;
}

.dot i {
    font-style: normal;
}

.dot li > span {
    color: black;
}

.square li {
    list-style-type: square;
    color: #0099ff;
    font-size: 14px;
    line-height: 25px;
}

    .square li > span {
        color: #2F4056;
    }

.mr40 {
    margin-right: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb80 {
    margin-bottom: 80px;
}

.mt30 {
    margin-top: 30px;
}

.mt100 {
    margin-top: 100px;
}

.glist .glist-item {
    display: inline-block;
}

.glist2 {
    font-size: 0;
}

    .glist2 .glist-item {
        width: 50%;
    }

.img {
    width: 100%;
    height: 100%;
}

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

.flex-item {
    flex: 1;
    text-align: center; /* align-items: center; */
}

.bg1 {
    background: url(../images/bg.png) no-repeat top center;
}

.support-sys-box .title {
    margin-bottom: 100px;
    text-align: center;
    font-size: 32px;
    font-family: 'siyuan';
    color: #2F4056;
    line-height: 43px;
}

.support-sys-box {
    font-size: 0;
}

    .support-sys-box li {
        display: inline-block;
    }

        .support-sys-box li .hover-img {
            display: none;
        }

        .support-sys-box li:hover img {
            display: none;
        }

        .support-sys-box li:hover .hover-img {
            display: inline-block;
        }

    .support-sys-box img {
        margin-right: 60px;
    }

.banner-link {
    width: 140px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #FFFFFF;
    color: #0075FF;
    border-radius: 2px;
    margin-top: 50px;
}

.banner-text1 {
    top: 45px;
    width: 1200px;
    color: #FFFFFF;
    width: 100%;
    font-size: 16px;
    padding-top: 200px;
    position: absolute;
}

    .banner-text1 .title {
        margin-bottom: 30px;
        font-size: 40px;
        font-weight: 600;
        color: #FFFFFF;
        line-height: 56px;
    }

    .banner-text1 .desc {
        height: 48px;
        line-height: 24px;
        font-size: 16px;
        font-weight: 400;
        color: rgba(235, 235, 245, 0.7);
    }

    .banner-text1 .title_hangye {
        font-size: 48px;
    }

    .banner-text1 .text_hangye {
        font-size: 22px;
        font-weight: 400;
        color: rgba(235, 235, 245, 0.7);
        line-height: 24px;
    }

    .banner-text1 .line {
        display: inline-block;
        margin-top: 10px;
        margin-right: 16px;
        margin-left: 16px;
        vertical-align: top;
        width: 100px;
        height: 2px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    }

    .banner-text1 .line_hangye {
        margin-top: 14px;
    }

.banner-text2 .desc {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
}

    .banner-text2 .desc strong {
        color: #fff;
    }

.banner-text2 .mainban {
    display: block;
    margin-top: 64px;
    width: 136px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    text-decoration: none;
}

    .banner-text2 .mainban:hover {
        color: #0075ff;
        background-color: rgba(255, 255, 255, 0.6);
    }

.banner-text2 .title2 {
    font-size: 32px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.banner-text2 .title {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 67px;
}

.banner-text2 {
    position: absolute;
    left: 50%;
    bottom: 0;
    right: 0;
    width: 1200px;
    margin-left: -600px;
    text-align: left;
    bottom: 0;
    padding-bottom: 180px;
}

.bg-text {
    position: relative;
}

.title-bg {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: -1;
    top: -50px;
    font-size: 72px;
    font-weight: 500;
    color: #2F4056;
    line-height: 100px;
    background: linear-gradient(180deg, rgba(0, 117, 255, 0.06) 0%, rgba(0, 117, 255, 0.02) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    user-select: none;
}

.title-bg3 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    top: -50px;
    text-align: center;
    font-size: 72px;
    font-family: 'siyuan';
    font-weight: 500;
    color: #2F4056;
    line-height: 60px;
    background: linear-gradient(180deg, rgba(0, 117, 255, 0.08) 0%, rgba(0, 117, 255, 0.02) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    user-select: none;
}

.title-bg2 {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    font-size: 72px;
    font-family: 'siyuan';
    font-weight: 500;
    color: #2F4056;
    line-height: 100px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    user-select: none;
}

.dn {
    display: none;
}
/*pic*/
.mainpic01 {
    width: 1200px;
    height: 660px;
    margin: 0 auto;
}

.mainpic02 {
    width: 1003px;
    height: 677px;
    margin: 0 auto;
}
/* mainfuwu */
.newtel {
    float: left;
    width: 320px;
    text-align: left;
}

    .newtel li {
        height: 80px;
        padding-left: 52px;
        border-left: 3px solid #fff;
        cursor: pointer;
    }

    .newtel .fuwu_icon {
        display: inline-block;
        margin-top: 24px;
    }

        .newtel .fuwu_icon img {
            vertical-align: middle;
        }

    .newtel .fuwu_biaoti {
        display: inline-block;
        margin-left: 24px;
        height: 32px;
        line-height: 32px;
        font-size: 18px;
        color: #2F4056;
    }

    .newtel .fuwu_more {
        display: block;
        margin-top: 9px;
        margin-left: 60px;
        width: 76px;
        height: 30px;
        line-height: 30px;
        padding-left: 14px;
        font-size: 12px;
        color: #fff;
        text-align: left;
        background: url(../images/fuwu/fuwu_icon_more.png) no-repeat 68px center;
        background-color: #0075FF;
        text-decoration: none;
        display: none;
    }

    .newtel li.newon {
        height: 120px;
        border-left: 3px solid #2273FF;
        background: #FFFFFF linear-gradient(90deg, #E6EFFF 0%, rgba(230, 239, 255, 0) 100%);
    }

        .newtel li.newon .fuwu_biaoti {
            color: #0075FF;
        }

        .newtel li.newon .fuwu_more {
            display: block;
        }

.new-wrap {
    float: right;
    width: 800px;
    text-align: left;
}

    .new-wrap .fuwubg01 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg01.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg02 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg02.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg03 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg03.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg04 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg04.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg05 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg05.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg06 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg06.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg07 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg07.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg08 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg08.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg09 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg09.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg10 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg10.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg11 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg11.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg12 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg12.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg13 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg13.png) no-repeat right bottom;
    }

    .new-wrap .fuwubg14 {
        min-height: 606px;
        height: auto;
        background: url(../images/fuwu/fuwubg14.png) no-repeat right bottom;
    }

    .new-wrap .new_lst {
        color: #2F4056;
    }

        .new-wrap .new_lst h3 {
            margin-top: 40px;
            padding-top: 0;
            font-size: 24px;
            font-weight: 400;
        }

        .new-wrap .new_lst h4 {
            margin-top: 10px;
            padding-top: 0;
            font-size: 16px;
            font-weight: 400;
            color: rgba(47, 64, 86, 0.5);
        }

        .new-wrap .new_lst ul {
            margin-top: 20px;
            overflow: hidden;
            zoom: 1;
        }

        .new-wrap .new_lst li {
            float: left;
            width: 344px;
            height: 40px;
            line-height: 40px;
            padding-left: 20px;
            font-size: 14px;
            background: url(../images/fuwu/fuwu_icon.png) no-repeat 2px center;
        }
/* hangye_cont */
.hangye_cont {
    margin-top: 60px;
}

    .hangye_cont .title_en {
        height: 60px;
        line-height: 60px;
        font-size: 72px;
        font-weight: 500;
        color: #2F4056;
        text-align: center;
        text-transform: uppercase;
        background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .hangye_cont .title {
        height: 48px;
        line-height: 48px;
        margin-top: -40px;
        font-size: 32px;
        font-weight: 600;
        color: #2F4056;
        text-align: center;
    }

.hangye_list {
    margin-top: 64px;
    background: url(../images/hangye/hangyebg09.png) no-repeat center 90px;
}

    .hangye_list .hangye_list_lf {
        float: left;
        width: 436px;
        height: 250px;
        margin-bottom: 48px;
        background: #ffffff;
        border: 2px solid #ffffff;
        box-shadow: 0px 8px 32px 4px rgba(0, 94, 204, 0.12);
        overflow: hidden;
        zoom: 1;
    }

        .hangye_list .hangye_list_lf:hover {
            border: 2px solid #0075FF;
            box-shadow: 0px 8px 32px 4px rgba(0, 94, 204, 0.1);
        }

    .hangye_list .hangye_list_ht {
        height: 286px;
    }

    .hangye_list .hangye_list_mr {
        margin-right: 320px;
    }

    .hangye_list .hangye_list_lf .hangye_icon {
        float: left;
        display: block;
        width: 68px;
        height: 68px;
        margin-top: 40px;
        margin-left: 32px;
    }

    .hangye_list .hangye_list_lf dl {
        float: left;
        width: 260px;
        margin-top: 40px;
        margin-left: 24px;
    }

    .hangye_list .hangye_list_lf dt {
        height: 30px;
        line-height: 30px;
        margin-bottom: 22px;
        font-size: 22px;
        color: #2F4056;
    }

    .hangye_list .hangye_list_lf dd {
        margin-bottom: 8px;
        padding-left: 32px;
        line-height: 26px;
        font-size: 16px;
        font-weight: 400;
        color: rgba(47, 64, 86, 0.5);
        background: url(../images/hangye/hangye_icon.png) no-repeat 4px center;
    }

    .hangye_list .hangye_list_lf .hangye_list_info {
        margin-bottom: 0;
        padding-left: 0;
        line-height: 180%;
        background: none;
    }

.fanganys_ht {
    height: 90px;
}

.fanganys_list {
    margin-top: 60px;
    overflow: hidden;
    zoom: 1;
}

    .fanganys_list dl {
        float: left;
        width: 356px;
        height: 316px;
        margin-right: 60px;
        background: #ffffff;
        border: 2px solid #E6EAEF;
    }

        .fanganys_list dl:hover {
            box-shadow: 0px 8px 36px 4px rgba(0, 94, 204, 0.15);
            border: 2px solid #0075FF;
        }

    .fanganys_list dt {
        margin-top: 40px;
        margin-left: 32px;
        margin-bottom: 24px;
    }

    .fanganys_list dd {
        width: 230px;
        line-height: 28px;
        margin-left: 32px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(47, 64, 86, 0.7);
    }

    .fanganys_list .fanganys_tit {
        height: 28px;
        line-height: 28px;
        margin-bottom: 12px;
        font-size: 20px;
        font-weight: 600;
        color: #2F4056;
    }

    .fanganys_list .fanganys_mr {
        margin-right: 0;
    }

.fwchangjing {
    width: 100%;
    height: 644px;
    margin-top: 60px;
    padding-top: 80px;
    background: url(../images/hangye/hangyebg10.png) no-repeat center top;
}

    .fwchangjing .title_en {
        height: 100px;
        line-height: 100px;
        font-size: 72px;
        font-weight: 500;
        color: #2F4056;
        text-align: center;
        text-transform: uppercase;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(247, 247, 247, 0.08) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .fwchangjing .title {
        height: 46px;
        line-height: 46px;
        margin-top: -45px;
        font-size: 32px;
        font-weight: 600;
        color: #ffffff;
        text-align: center;
    }

.fwchangjing_box {
    width: 1200px;
    height: 380px;
    margin-top: 64px;
    margin-right: auto;
    margin-left: auto;
    background-color: #ffffff;
}

    .fwchangjing_box .fwchangjing_pic {
        float: left;
        width: 460px;
        height: 300px;
        margin-top: 40px;
        margin-left: 40px;
    }

        .fwchangjing_box .fwchangjing_pic h3 {
            width: 260px;
            height: 60px;
            line-height: 60px;
            margin: 0;
            padding-top: 220px;
            padding-left: 30px;
            font-size: 28px;
            font-weight: 600;
            color: #ffffff;
            font-weight: normal;
            background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.21) 100%);
        }

        .fwchangjing_box .fwchangjing_pic img {
            margin-left: 20px;
            vertical-align: middle;
        }

    .fwchangjing_box .fwchangjing_pic01 {
        background: url(../images/hangye/hangye_pic01.png) no-repeat center top;
    }

    .fwchangjing_box .fwchangjing_pic02 {
        background: url(../images/hangye/hangye_pic02.png) no-repeat center top;
    }

    .fwchangjing_box .fwchangjing_pic03 {
        background: url(../images/hangye/hangye_pic03.png) no-repeat center top;
    }

    .fwchangjing_box .fwchangjing_pic04 {
        background: url(../images/hangye/hangye_pic04.png) no-repeat center top;
    }

    .fwchangjing_box ul {
        float: left;
        width: 656px;
        margin-top: 40px;
        margin-left: 40px;
    }

    .fwchangjing_box li {
        float: left;
        width: 280px;
        height: 40px;
        line-height: 40px;
        margin-right: 48px;
        margin-bottom: 12px;
        font-size: 13px;
        font-weight: 600;
        color: #2F4056;
        text-indent: 16px;
        background: linear-gradient(270deg, #FFFFFF 0%, #EDF5FF 100%);
    }

        .fwchangjing_box li a {
            color: #0075ff;
            text-decoration: none;
        }

.fuwucj_list {
    margin-top: 60px;
}

    .fuwucj_list .fuwucj_list_lf {
        float: left;
        width: 270px;
        height: 360px;
        margin-right: 40px;
        background: #ffffff;
    }

        .fuwucj_list .fuwucj_list_lf:hover {
            box-shadow: 0px 8px 36px 0 rgba(0, 94, 204, 0.15);
        }

    .fuwucj_list .fuwucj_list_mr {
        margin-right: 0;
    }

    .fuwucj_list .fuwucj_list_lf dl {
        margin-top: 28px;
        margin-left: 32px;
    }

    .fuwucj_list .fuwucj_list_lf dt {
        height: 24px;
        line-height: 24px;
        margin-bottom: 16px;
        font-size: 18px;
        color: #2F4056;
    }

    .fuwucj_list .fuwucj_list_lf dd {
        height: 20px;
        line-height: 20px;
        margin-bottom: 8px;
        padding-left: 18px;
        font-size: 14px;
        color: rgba(47, 64, 86, 0.7);
        background: url(../images/hangye/hangye_icon08.png) no-repeat left center;
    }

.tab_customer {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}

    .tab_customer .category {
        position: relative;
        widows: 1200px;
        overflow: hidden;
    }

        .tab_customer .category:after {
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 2;
        }

        .tab_customer .category:before {
            content: "";
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            z-index: 2;
        }

        .tab_customer .category a:after {
            content: "";
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

        .tab_customer .category .prev {
            display: none;
            position: absolute;
            top: 0;
            width: 60px;
            height: 100%;
            text-align: center;
            font-size: 0;
            left: 0;
        }

            .tab_customer .category .prev span {
                display: inline-block;
                vertical-align: middle;
                width: 9px;
                height: 14px;
                background-repeat: no-repeat;
                background-image: url(../images/arrow.svg);
                background-position: 96.77% 25%;
                background-size: initial;
            }

        .tab_customer .category .next span {
            display: inline-block;
            vertical-align: middle;
            width: 9px;
            height: 14px;
            background-repeat: no-repeat;
            background-image: url(../images/arrow.svg);
            background-position: 61.29% 25%;
            background-size: initial;
        }

        .tab_customer .category .next {
            position: absolute;
            top: 0;
            width: 60px;
            height: 100%;
            background: #fff;
            text-align: center;
            font-size: 0;
            right: 0;
        }

        .tab_customer .category ul li {
            height: 60px;
            line-height: 60px;
            padding-right: 95px;
            display: table-cell;
            white-space: nowrap;
            font-size: 16px;
            text-align: center;
            cursor: pointer;
            position: relative;
        }

            .tab_customer .category ul li strong {
                display: inline-block;
                width: 96px;
                font-weight: normal;
                text-align: center;
            }

            .tab_customer .category ul li.active {
                color: #0075ff;
                border-bottom-color: #0075ff;
                background: url(../images/linebg.png) no-repeat left bottom;
            }

    .tab_customer .cont {
        margin-top: 30px;
        display: none;
    }

        .tab_customer .cont.active {
            display: block;
        }

        .tab_customer .cont .cont_img {
            margin-right: 0;
        }

        .tab_customer .cont img {
            display: inline-block;
            width: 220px;
            height: 90px;
            margin-top: 30px;
            margin-right: 20px;
            text-align: center;
            background: #ffffff;
            box-shadow: 0px 6px 18px 0px rgba(0, 117, 255, 0.12);
        }

            .tab_customer .cont img:hover {
                box-shadow: 0px 6px 30px 0px rgba(0, 117, 255, 0.20);
            }


/*  ----------------------  */
/* 棣栭〉 */
.hometab2 .tab-item.on {
    width: 570px;
    height: 56px;
    background: #0075FF;
    color: #FFFFFF;
}

.hometab2 .tab-item {
    width: 570px;
    height: 56px;
    line-height: 56px;
    background: #F0F3F7;
    font-size: 18px;
    color: #2F4056;
    cursor: pointer;
}

.tab-line {
    height: 50px;
    margin-top: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid #EBEEF2;
}

    .tab-line .zh-tab {
        font-size: 22px;
        color: #2F4056;
    }

        .tab-line .zh-tab .tab-item {
            height: 50px;
            margin-right: 136px;
            margin-left: 136px;
            cursor: pointer;
        }

        .tab-line .zh-tab .on {
            color: #0075FF;
            border-bottom: 2px solid #0075FF;
        }

.xt {
    margin-top: 32px;
    margin-bottom: 100px;
    background-color: #fff;
    box-shadow: 0px 2px 40px 4px rgba(0, 94, 204, 0.15);
}

    .xt .item {
        width: 172px;
        height: 40px;
        margin-left: 62px;
        margin-right: 62px;
        margin-bottom: 30px;
        text-align: center;
        line-height: 40px;
        color: #2F4056;
    }

        .xt .item img {
            width: 40px;
            height: 40px;
            margin-right: 20px;
            display: inline-block;
            vertical-align: middle;
        }

.zh-body2 {
    width: 1200px;
}

.hx-box {
    background: url(../images/index/hxbg.png) no-repeat top center;
    height: 620px;
}

.hx-left {
    padding-top: 60px;
    font-size: 32px;
    color: #FFFFFF;
    text-align: center;
}

    .hx-left span {
        display: block;
        margin-bottom: -40px;
        font-weight: 500;
        font-size: 72px;
        color: #0879ff;
    }

.hx-wrap {
    margin-top: 60px;
}

.hx-item {
    float: left;
    width: 270px;
    height: 400px;
    margin-right: 40px;
    background: #FFFFFF;
    box-shadow: 0px 8px 24px 0px rgba(0, 117, 255, 0.12);
}

    .hx-item:hover {
        box-shadow: 0px 5px 36px 0px rgba(0, 117, 255, 0.20);
    }

.hx-item-mr {
    margin-right: 0;
}

.hx-item img {
    width: 80px;
    margin-top: 40px;
    margin-left: 40px;
}

.hx-item .title {
    margin-top: 24px;
    margin-left: 40px;
    height: 32px;
    font-size: 24px;
    font-weight: 500;
    color: #2F4056;
    line-height: 34px;
}

.hx-item .desc {
    margin-top: 20px;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #2F4056;
}

    .hx-item .desc strong {
        color: #0075FF;
    }

.zyys_cont {
    margin-top: 120px;
}

.zyys-title {
    margin-bottom: 48px;
    margin-top: 50px;
}

.fyys-title {
    margin-top: 72px;
}

.ys-title {
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
    color: #2F4056;
    text-align: center;
}

.zyys_info {
    position: relative;
    height: 600px;
    text-align: left;
}

    .zyys_info video {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .zyys_info .zyys_list {
        position: absolute;
        width: 900px;
        left: 150px;
        z-index: 99;
    }

        .zyys_info .zyys_list dl {
            float: left;
            width: 272px;
            height: 98px;
            margin-bottom: 40px;
            background: #ffffff;
            box-shadow: 1px 3px 34px 4px #E4EEFA;
            border-bottom: 3px solid #e0eeff;
            overflow: hidden;
            zoom: 1;
        }

            .zyys_info .zyys_list dl:hover {
                box-shadow: 1px 3px 34px 4px rgba(0, 117, 255, 0.15);
                border-bottom: 3px solid rgba(0, 117, 255, 0.3);
            }

        .zyys_info .zyys_list dt {
            float: left;
            width: 50px;
            margin-top: 20px;
            margin-left: 20px;
        }

        .zyys_info .zyys_list dd {
            float: left;
            width: 182px;
            margin-left: 16px;
            padding-top: 12px;
            line-height: 22px;
            font-size: 15px;
            color: #2F4056;
        }

        .zyys_info .zyys_list .zyys_more {
            display: block;
            margin-top: 7px;
            font-size: 12px;
            color: #0075FF;
            text-decoration: none;
        }

        .zyys_info .zyys_list dd img {
            margin-left: 5px;
            vertical-align: middle;
        }

        .zyys_info .zyys_list .list01 {
            margin-left: 162px;
        }

        .zyys_info .zyys_list .list02 {
            margin-left: 32px;
        }

        .zyys_info .zyys_list .list03 {
            margin-bottom: 80px;
            margin-right: 356px;
        }

        .zyys_info .zyys_list .list04 {
            margin-bottom: 80px;
        }

        .zyys_info .zyys_list .list05 {
            margin-left: 110px;
        }

        .zyys_info .zyys_list .list06 {
            margin-left: 146px;
        }

.modal-mask {
    z-index: 999999999;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    width: 100%;
    height: 100%;
}

.fwys {
    margin-top: 40px;
}

    .fwys .fwys_list {
        float: left;
        width: 380px;
        height: 300px;
        margin-right: 30px;
        margin-bottom: 30px;
        text-align: left;
    }

    .fwys .fwys_list_mr {
        margin-right: 0;
    }

    .fwys .fwys_list:hover {
        background-color: #ffffff;
        box-shadow: 0px 5px 32px 0px rgba(0, 117, 255, 0.20);
    }

    .fwys .fwys_list img {
        margin-top: 30px;
        margin-left: 64px;
    }

    .fwys .fwys_list dl {
        margin-top: 20px;
        margin-left: 64px;
    }

    .fwys .fwys_list dt {
        height: 30px;
        line-height: 30px;
        margin-bottom: 12px;
        font-size: 20px;
        font-weight: 500;
        color: #2F4056;
    }

    .fwys .fwys_list dd {
        padding-left: 16px;
        font-size: 14px;
        line-height: 28px;
        color: #2F4056;
        background: url(../images/fuwu/fuwu_icon.png) no-repeat left center;
    }

        .fwys .fwys_list dd strong {
            color: #0075ff;
        }

.modal-mask iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 570px;
    height: 590px;
    margin-top: -300px;
    margin-left: -200px;
}

.modal-box {
    width: 560px;
    height: 580px;
    background: #FFFFFF;
    border-radius: 8px;
}

.modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.modal-header {
    position: relative;
}

.modal-tilte {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #2F4056;
    line-height: 33px;
    padding-top: 40px;
    padding-bottom: 25px;
}

.modal-body {
}

.modal-input {
    width: 460px;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .modal-input input {
        width: 430px;
        height: 48px;
        background: #FFFFFF;
        padding-left: 12px;
        margin-left: 3px;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #C9CED6;
        outline: none;
    }

    .modal-input textarea {
        box-sizing: border-box;
        outline: none;
        padding-left: 12px;
        padding-top: 12px;
        margin-left: 15px;
        width: 430px;
        height: 88px;
        background: #FFFFFF;
        border-radius: 3px;
        border: 1px solid #C9CED6;
    }

.modal-btn {
    margin: 0 auto;
    width: 430px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #0075FF;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    display: block;
}

.modal-input span {
    color: red;
}

.mr0 {
    margin-right: 0 !important;
}

.ml0 {
    margin-right: 0;
}

.s1 {
    display: none;
}

.on .s1 {
    display: inline-block;
}

.on .s2 {
    display: none;
}

.close .s1 {
    display: none;
}

.close .s2 {
    display: inline-block;
}

.banner-text {
    position: absolute;
}

/*  ------------------------- */
.banner-text2 .desc {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
}

.ys-box {
    padding-top: 10px;
}

    .ys-box .title_en {
        height: 60px;
        font-size: 72px;
        font-weight: 500;
        color: #2F4056;
        line-height: 60px;
        text-align: center;
        text-transform: uppercase;
        background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .ys-box .title_01 {
        height: 36px;
        line-height: 36px;
        margin-top: -40px;
        font-size: 32px;
        color: #2F4056;
        text-align: center;
    }

    .ys-box ul {
        margin-top: 60px;
    }

    .ys-box li {
        display: inline-block;
        margin: 10px;
        border-top: 2px solid #fff;
        width: 270px;
        height: 320px;
        padding: 35px;
        box-sizing: border-box;
        text-align: center;
        vertical-align: middle;
    }

        .ys-box li:hover {
            border-top: 2px solid #0075FF;
            box-shadow: 0px 5px 30px 0px rgba(0, 117, 255, 0.15);
        }

        .ys-box li > .title {
            line-height: 24px;
            height: 24px;
            margin-top: 24px;
            font-size: 18px;
            color: #2F4056;
        }

        .ys-box li > .desc {
            margin-top: 16px;
            line-height: 20px;
            font-size: 14px;
            text-align: left;
            color: rgba(47, 64, 86, 0.7);
        }

.ys-box1 {
    margin-top: 70px;
    text-align: center;
}

    .ys-box1 .img02 {
        margin-top: 72px;
    }

.page-wrap2 {
    width: 100%;
    height: 760px;
    margin-top: 80px;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(186deg, #07236F 0%, #0D1549 100%);
}

    .page-wrap2 .title_en {
        height: 60px;
        line-height: 60px;
        margin-top: 80px;
        font-size: 72px;
        font-weight: 500;
        color: #fff;
        background: linear-gradient(180deg, rgba(238, 238, 238, 0.12) 0%, rgba(70, 164, 215, 0.04) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .page-wrap2 .title01 {
        margin-top: -40px;
        height: 48px;
        font-size: 36px;
        color: #fff;
        line-height: 48px;
    }

    .page-wrap2 .pic {
        margin-top: 80px;
    }

.common-box {
    overflow: hidden;
    zoom1:
}

    .common-box .lf {
        float: left;
    }

    .common-box .rg {
        float: right;
    }

.common-body {
    width: 480px;
    padding-top: 120px;
}

.common-img {
    width: 660px;
}

.common-body > .title {
    font-size: 32px;
    margin-bottom: 24px;
    font-weight: 600;
    color: #142030;
    line-height: 40px;
    position: relative;
}

    .common-body > .title::after {
        position: absolute;
        bottom: 5px;
        content: ' ';
        width: 131px;
        height: 11px;
        background: linear-gradient(270deg, rgba(0, 117, 255, 0.42) 0%, #0075FF 100%);
        opacity: 0.3;
        left: 0;
        transform: skew(-10deg);
    }

.common-body > .desc {
    line-height: 24px;
    font-size: 16px;
    color: #2F4056;
}

.common-boxbg {
    width: 100%;
    height: 500px;
    margin-top: 2px;
    padding-top: 6px;
    background: linear-gradient(270deg, #F3F9FF 0%, #FFFFFF 100%);
}

.scene-box {
    height: 500px;
    margin-top: 110px;
    padding-top: 80px;
    background: linear-gradient(360deg, rgba(0, 117, 255, 0) 0%, rgba(0, 117, 255, 0.03) 100%);
}

    .scene-box .title_en {
        height: 60px;
        font-size: 72px;
        font-weight: 500;
        color: #2F4056;
        line-height: 60px;
        text-align: center;
        background: linear-gradient(180deg, rgba(0, 117, 255, 0.04) 0%, rgba(0, 117, 255, 0.02) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .scene-box .title01 {
        height: 40px;
        line-height: 40px;
        margin-top: -40px;
        font-size: 32px;
        font-weight: 600;
        color: #142030;
        text-align: center;
    }

    .scene-box ul {
        margin-top: 60px;
    }

    .scene-box li {
        float: left;
        width: 270px;
        height: 300px;
        margin-right: 40px;
        text-align: left;
    }

        .scene-box li:hover {
            box-shadow: 0px 5px 30px 0px rgba(0, 77, 167, 0.15);
        }

        .scene-box li > .desc {
            font-size: 14px;
            padding: 12px;
            color: rgba(47, 64, 86, 0.7);
            line-height: 20px;
        }

        .scene-box li > .title {
            font-size: 18px;
            color: #2F4056;
            line-height: 24px;
            margin-top: 20px;
            padding-left: 10px;
        }