@charset "UTF-8";

/*@font-face {
    font-family: "bold";
    src: url("../font/SOURCEHANSANSCN-BOLD.OTF");
}

@font-face {
    font-family: "extralight";
    src: url("../font/SOURCEHANSANSCN-EXTRALIGHT.OTF");
}

@font-face {
    font-family: "heavy";
    src: url("../font/SOURCEHANSANSCN-HEAVY.OTF");
}

@font-face {
    font-family: "light";
    src: url("../font/SOURCEHANSANSCN-LIGHT.OTF");
}

@font-face {
  font-family: "MEDIUM";
  src: url("../font/SOURCEHANSANSCN-MEDIUM.OTF"); } 

@font-face {
    font-family: "NORMAL";
    src: url("../font/SOURCEHANSANSCN-NORMAL.OTF");
}

@font-face {
    font-family: "light";
    src: url("../font/SOURCEHANSANSCN-REGULAR.OTF");
}
    */

@font-face {
    font-family: "AliThin";
    src: url("../font/AlibabaPuHuiTi-2-35-Thin.ttf");
}

@font-face {
    font-family: "AliMedium";
    src: url("../font/AlibabaPuHuiTi-2-65-Medium.ttf");
}



@font-face {
    font-family: "alibbphbold";
    src: url("../font/AlibabaPuHuiTi-2-85-Bold.ttf");
}

@font-face {
    font-family: "alibbphbolder";
    src: url("../font/AlibabaPuHuiTi-2-115-Black.ttf");
}

body, html {
    /*font-family: 'Microsoft YaHei';
    font-family: '微软雅黑';*/
    /* min-width: 1480px;*/
    letter-spacing: 1px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.noclick {
    pointer-events: none;
}

.clear {
    clear: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    25% {
        opacity: 0.25;
        /*初始状态 透明度为0*/
    }

    50% {
        opacity: 0.5;
        /*中间状态 透明度为0*/
    }

    75% {
        opacity: 0.75;
        /*中间状态 透明度为0*/
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

.layui-row.star_body {
    background: #fff;
    width: 100%;
    /*  min-width: 1200px;*/
    /*box-shadow: 2px 1px 2px 1px rgba(24, 21, 21, 0.2);*/
}

    .layui-row.star_body .layui-col-xs2 img:hover {
        cursor: pointer;
    }

    .layui-row.star_body .layui-col-xs2 {
        line-height: 90px;
    }

    .layui-row.star_body .layui-row {
        width: 100%;
        margin: 0 auto;
        height: 90px;
    }

        .layui-row.star_body .layui-row .layui-col-xs1 {
            display: none;
            height: 90px;
            padding: 30px 0;
            width: 120px;
            text-align: center;
            font-size: 0;
            margin-left: 10px;
        }

            .layui-row.star_body .layui-row .layui-col-xs1 .img_top {
                display: none;
            }

            .layui-row.star_body .layui-row .layui-col-xs1 .chanpin.grid-demo ul.xs_child > li {
                width: 120px;
            }

                .layui-row.star_body .layui-row .layui-col-xs1 .chanpin.grid-demo ul.xs_child > li > ul {
                    width: 120px;
                }

                    .layui-row.star_body .layui-row .layui-col-xs1 .chanpin.grid-demo ul.xs_child > li > ul > li:nth-child(2n) {
                        float: right;
                    }

            .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child {
                left: -120px;
            }

                .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child .bigsanjiao {
                    left: 165px !important;
                }

                .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child > li {
                    width: 480px;
                    background: #fff;
                }

                    .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child > li > ul {
                        width: 480px;
                    }

                        .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child > li > ul > li:nth-child(4n) {
                            float: right;
                        }

                        .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child > li > ul li:hover {
                            background: #33B0FF;
                        }

                            .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child > li > ul li:hover a {
                                color: #fff;
                            }

                .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child li:hover {
                    background: #fff;
                }

                    .layui-row.star_body .layui-row .layui-col-xs1 .anli.grid-demo ul.xs_child li:hover a {
                        color: #343434;
                    }

            .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo {
                font-size: 16px;
                position: relative;
                color: #343434;
                /*font-family: '微软雅黑','Microsoft YaHei';*/
            }

                .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo .eng {
                    color: #343434;
                    font-size: 12px;
                    opacity: 0.5;
                    /*font-family: '微软雅黑','Microsoft YaHei';*/
                    text-align: center;
                }

                .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo > div {
                    text-align: center;
                }

                    .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo > div > img {
                        position: absolute;
                        right: 12px;
                        top: 9px;
                    }

                .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child:before {
                    content: "";
                    position: absolute;
                    top: -23px;
                    left: 0;
                    width: 100%;
                    height: 23px;
                }

                .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child {
                    border-radius: 2px;
                    /*font-family: '微软雅黑','Microsoft YaHei';*/
                    text-align: left;
                    display: none;
                    padding: 23px 0px;
                    position: absolute;
                    top: 93px;
                    left: 0;
                    background-color: white;
                    z-index: 6;
                    color: #343434;
                }

                    .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child .bigsanjiao {
                        position: absolute;
                        top: -13px;
                        left: 45px;
                        z-index: 6;
                    }

                    .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child li {
                        display: inline-block;
                        width: 116px;
                        height: 30px;
                        line-height: 30px;
                        font-size: 14px;
                        text-align: center;
                        margin-bottom: 16px;
                    }

                        .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child li a {
                            color: #343434;
                        }

                        .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child li:hover {
                            background: #33B0FF;
                        }

                            .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child li:hover a {
                                color: #fff;
                            }

                        .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo ul.xs_child li:last-of-type {
                            margin-bottom: 0;
                        }

                .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo div.on {
                    color: #0c82cc;
                }

                .layui-row.star_body .layui-row .layui-col-xs1 .grid-demo.hexin > div > img {
                    position: static;
                }

            .layui-row.star_body .layui-row .layui-col-xs1:nth-child(7) .grid-demo ul.xs_child {
                height: 76px;
            }

            .layui-row.star_body .layui-row .layui-col-xs1.on .grid-demo {
                color: #0c82cc;
            }

                .layui-row.star_body .layui-row .layui-col-xs1.on .grid-demo .eng {
                    color: #0c82cc;
                    font-size: 12px;
                    opacity: 0.6;
                    /*font-family: '微软雅黑','Microsoft YaHei';*/
                }

            .layui-row.star_body .layui-row .layui-col-xs1.on .img_top {
                display: inline-block;
            }

            .layui-row.star_body .layui-row .layui-col-xs1.on .img_bottom {
                display: none;
            }

            .layui-row.star_body .layui-row .layui-col-xs1:hover {
                box-shadow: 5px 0px 5px -3.5px rgba(24, 18, 18, 0.18) inset, -5px 0px 5px -3.5px rgba(24, 18, 18, 0.18) inset;
                cursor: pointer;
                color: #0c82cc;
            }

                .layui-row.star_body .layui-row .layui-col-xs1:hover ul.xs_child {
                    display: block;
                    -webkit-animation-name: fadeIn;
                    /*动画名称*/
                    -webkit-animation-duration: 0.5s;
                    /*动画持续时间*/
                    -webkit-animation-iteration-count: 1;
                    /*动画次数*/
                    -webkit-animation-delay: 0s;
                    /*延迟时间*/
                }

                .layui-row.star_body .layui-row .layui-col-xs1:hover .img_top {
                    display: inline-block;
                    animation: top-rotate 1s;
                }

                .layui-row.star_body .layui-row .layui-col-xs1:hover .img_bottom {
                    display: none;
                }

                .layui-row.star_body .layui-row .layui-col-xs1:hover .grid-demo {
                    color: #0c82cc;
                }

                    .layui-row.star_body .layui-row .layui-col-xs1:hover .grid-demo .eng {
                        color: #0c82cc;
                        font-size: 12px;
                        opacity: 0.6;
                        /*font-family: '微软雅黑','Microsoft YaHei';*/
                    }

@keyframes top-rotate {
    from {
        transform: rotate(180deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.swiper-container {
    position: relative;
    /*height: 700px;*/
    width: 100%;
    /*  min-width: 1200px;*/
}

    .swiper-container .ts {
        letter-spacing: 12.5px;
        position: absolute;
        top: 10px;
        left: calc(50vw - 600px);
        color: #fff;
        height: 40px;
        line-height: 40px;
        background: rgba(0, 0, 0, 0.35);
        z-index: 3;
        width: 1200px;
        text-align: center;
        border-radius: 20px;
        font-size: 16px;
        font-family: 'Microsoft YaHei UI Light';
    }

        .swiper-container .ts img {
            float: right;
            margin: 10px 20px;
        }

    .swiper-container .slide1 {
        background: url(../images/index/banner.jpg) no-repeat 100%;
        background-size: 100% 100%;
    }

    .swiper-container .slide2 {
        background: url(../images/index/banner.jpg) no-repeat 100%;
        background-size: 100% 100%;
    }

    .swiper-container .slide3 {
        background: url(../images/index/banner.jpg) no-repeat 100%;
        background-size: 100% 100%;
    }

.news {
    width: 100%;
    background: #fff;
    box-shadow: 2px 2px 5px #EFEFEF;
    margin-bottom: 3px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    text-overflow: ellipsis;
}

    .news .notice_active {
        width: 1200px;
        margin: 0 auto;
        height: 40px;
        padding: 0;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .news .notice_active > a {
            color: #343434;
            opacity: 0.5;
            float: right;
            font-size: 12px;
        }

            .news .notice_active > a span {
                font-size: 14px;
            }

        .news .notice_active a:hover {
            opacity: 0.6;
        }

        .news .notice_active > ul > li {
            height: 38px;
            display: flex;
            align-items: center;
            font-size: 14px;
            color: #343434;
            /*font-family: '微软雅黑','Microsoft YaHei';*/
            letter-spacing: 1px;
        }

            .news .notice_active > ul > li:hover {
                cursor: pointer;
            }

    .news p {
        display: flex;
        align-items: center;
        width: 1200px;
        margin: 0 auto;
        font-size: 14px;
        color: #343434;
        /*font-family: '微软雅黑','Microsoft YaHei';*/
    }

        .news p a {
            color: #343434;
            opacity: 0.5;
            float: right;
            font-size: 12px;
        }

            .news p a span {
                font-size: 14px;
            }

            .news p a:hover {
                opacity: 0.6;
            }


.product-center {
    width: 100%;
    /*  min-width: 1200px;*/
    height: 900px;
    background: #F6F6F6;
    text-align: center;
}

    .product-center .title {
        height: 110px;
        padding: 60px 0 80px 0;
        font-size: 34px;
        font-weight: 700;
        position: relative;
    }

        .product-center .title div {
            position: absolute;
            top: 67px;
            left: calc(50% - 600px);
            z-index: 9;
            width: 1200px;
            text-align: center;
        }

        .product-center .title p {
            font-size: 15px;
            font-weight: normal;
            color: #181515;
            margin-top: 100px;
        }

        .product-center .title .bg-title {
            color: #181515;
            opacity: 0.2;
            position: absolute;
            z-index: 8;
            left: calc(50% - 600px);
            top: 127px;
            font-size: 48px;
            width: 1200px;
            text-align: center;
        }

        .product-center .title .top-line {
            display: inline-block;
            position: absolute;
            top: 140px;
            height: 2px;
            left: calc(50% - 25px);
            width: 50px;
            background: #3366FF;
        }

    .product-center .products {
        height: 468px;
        width: 1300px;
        margin: 0 auto;
    }

        .product-center .products ul {
            width: 1300px;
            height: 468px;
            /*background: url(../images/index/productBg.jpg) no-repeat 100%;*/
            background-size: 100% 100%;
        }

            .product-center .products ul li {
                width: 270px;
                height: 468px;
                margin-left: 40px;
                background: rgba(20, 22, 34, 0.5);
                display: inline-block;
                position: relative;
                /*font-family: '微软雅黑','Microsoft YaHei';*/
            }

                .product-center .products ul li p {
                    color: #fff;
                    font-size: 14px;
                    opacity: 0.6;
                }

                    .product-center .products ul li p.name {
                        opacity: 1;
                        padding-top: 20px;
                        font-size: 29px;
                        margin-bottom: 6px;
                    }

                .product-center .products ul li .details {
                    display: none;
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    /*background: rgba(51, 102, 255, 0.9);*/
                    background: url('/images/index/indexzbg.png') no-repeat;
                    background-size: 100% 100%;
                    /* background: rgba(60,122,251, 0.5);*/
                    top: 0;
                    color: #fff;
                }

                    .product-center .products ul li .details .detail-img {
                        margin-top: 160px;
                    }

                    .product-center .products ul li .details .name {
                        font-size: 25px;
                        margin-top: 37px;
                    }

                    .product-center .products ul li .details .detail {
                        width: calc(100% - 72px);
                        margin-left: 36px;
                        text-align: center;
                        margin-top: 22px;
                        font-size: 18px;
                        height: 170px;
                        opacity: 0.8;
                        letter-spacing: 1px;
                        line-height: 28px;
                    }

                .product-center .products ul li:nth-child(even) {
                    background: rgba(20, 22, 34, 0.7);
                }

                .product-center .products ul li:hover {
                    cursor: pointer;
                }

                    .product-center .products ul li:hover .details {
                        display: block;
                    }

                    .product-center .products ul li:hover p {
                        visibility: hidden;
                    }

                    .product-center .products ul li:hover .detail-img1 {
                        visibility: hidden;
                    }

                    .product-center .products ul li:hover .detail-img-child {
                        visibility: hidden;
                    }

.detail-img-child {
    margin-top: 57px;
}

.soft-center {
    width: 100%;
    /*  min-width: 1200px;*/
    height: 1000px;
    background: #F6F6F6;
    text-align: center;
}

    .soft-center .title {
        height: 110px;
        font-size: 34px;
        font-weight: 700;
        position: relative;
    }

        .soft-center .title p {
            font-size: 16px;
            font-weight: normal;
            color: #676B77;
            margin-top: 40px;
            font-family:'Alibaba PuHuiTi 2.0'
        }
/*.soft-center .title .top-line {
            display: inline-block;
            position: absolute;
            top: 170px;
            height: 2px;
            left: calc(50% - 25px);
            width: 50px;
            background: #3366FF;
        }*/


.detail-img1 {
    padding-top: 150px;
}

.tabtitle {
    width: 100%;
    /*    min-width: 1200px;*/
    height: auto;
    background: #F6F6F6;
    text-align: center;
    padding-top: 100px;
}

.title {
    /* height: 110px;
    padding: 100px 0 60px 0;*/
    font-size: 32px;
    font-weight: 700;
    position: relative;
    color: #2033b2;
    font-family: alibbphbold;
}

    .title p {
        font-size: 16px;
        font-weight: normal;
        color: #676B77;
        margin-top: 40px;
        font-family:'Alibaba PuHuiTi 2.0'
    }

.top-line {
    display: inline-block;
    position: absolute;
    top: 60px;
    height: 2px;
    left: calc(50% - 25px);
    width: 50px;
    background: #3366FF;
    display: none;
}


.softleftbgimg {
    height: 600px;
    background-image: url('../images/index/index-p2-7bg.png');
    background-size: cover;
}

.softleftcenterdiv {
    width: 60%;
    height: 350px;
    margin: 120px 140px;
    background-color: rgb(26 26 26 / 85%);
    text-align: left;
    padding-left: 100px;
    font-size: 18px;
    color: #efefef;
}

.softrightbgimg {
    background: url('../images/index/index-p2_bg2.png') no-repeat;
    background-size: 100% 100%;
    color: white;
}

.softtitle {
    font-size: 25px;
    color: white;
}

.p2-imgdivbg {
    background: url('../images/index/index-p2-select1.png') no-repeat !important;
    background-size: 100% 100% !important;
    margin: 10px;
    text-align: center;
    font-size: 18px;
    height: 140px;
    cursor: pointer;
    background-color: white !important;
    border-radius: 4px;
}

.p2smallimgN {
    display: none
}

.softpblack {
    color: black !important;
}

.p2-imgdiv {
    background: url('../images/index/index-p2-select.png') no-repeat;
    background-size: 100% 100%;
    margin: 20px;
    text-align: center;
    font-size: 18px;
    height: 140px;
    cursor: pointer;
}

.p2smallimg {
    margin-top: 20px
}

.page3-center {
    width: 80%;
    text-align: center;
    padding-top: 50px;
    height: 600px;
    margin: auto;
}

.page3-center-tab {
    width: 80%;
    height: 500px;
    /* background-image: url('../images/index/index-p3_bg1.png');*/
    background-size: 100% 100%;
    padding: 50px 0px;
}

.page4 {
    /*  background-image: url('../images/index/index-p4_bgimg1.jpg');
    background-size: 100% 100%;*/
    color: white;
}

    .page4 p {
        color: black;
    }

.page4span1 {
    font-size: 40px;
    letter-spacing: 2px;
}

.page4span2 {
    font-size: 20px;
}

.page4divtitle {
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: 2px;
}

.page4jsdiv {
    width: 90%;
    height: 450px;
    border-radius: 10px;
    margin: auto;
    color: black;
    background: url(/images/index/index-p4-bg1.png) no-repeat;
    background-size: 100% 100%;
}

.page4jsdivactive {
    color: white;
    background: url(/images/index/index-p4-bg.png) no-repeat;
    background-size: 100% 100%;
}

.page4jstitle {
    font-weight: 600;
    font-size: 23px;
    margin-top: 40px;
}

.page4jsdivcontent {
    font-size: 15px;
    padding: 30px;
    height: 120px;
    color: #838383;
}

.page4jsdivcontentactive {
    color: white !important;
}



.page5div {
    width: 100%;
    height: 688px;
    /*  background: url('/images/index/newspgbg.png') no-repeat;
    background-size: 100% 100%;*/
}

.page5-center {
    text-align: center;
    margin: auto;
}


.page5topdiv {
    width: 100%;
    height: 350px;
    position: relative;
}

.page5topcenter {
    width: 60%;
    height: 333px;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: #dae4f5 0px 0px 2px 1px;
    position: absolute;
    left: 20%;
    top: 28px;
    background-color: #f9f9f9;
}

.page5topleftdiv {
    padding: 50px;
    float: left;
}

.page5topleftimg img {
    width: 90%;
    height: 234px;
}

.page5toplinediv {
    width: 2px;
    height: 123px;
    background-color: rgb(110 110 110 / 18%);
    margin-top: 90px;
    float: left;
}

.page5toprightdiv {
    width: 45%;
    float: right;
    padding: 50px;
    text-align: left;
}

.page5toprighttitle1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 50px;
}

.page5toprighttitle2 {
    font-size: 15px;
    color: #676B77;
    height: 135px;
    line-height: 30px;
}

.page5toprightbtn {
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: white;
    background-color: #0053ff;
    border-radius: 20px;
    margin-top: 30px;
    font-size: 13px;
    cursor:pointer;
}

    .page5toprightbtn a {
      color:white !important;
    }

    .page5bbottomdiv {
        width: 100%;
        height: 250px;
        background-color: #0041d7;
    }

.page5bbottomlist {
    width: 60%;
    margin: auto;
    display: flex;
}

.page5bbottomitem {
    height: 250px;
    width: 25%;
    text-align: center;
}

.page5bbottomitemhover {
    background-color: #0041aa;
}

.page5bbottomitemimg {
    margin-top: 80px;
}

    .page5bbottomitemimg img {
        width: 60px;
        height: 62px;
    }

.page5bbottomitemtitle1 {
    padding-top: 15px;
    line-height: 30px;
    color: #ffffff;
}

.page5bbottomitemtitle2 {
    line-height: 30px;
    color: #ffffff;
    font-size: 13px;
}

.solutions {
    height: 1050px;
    width: 100%;
    /*  min-width: 1200px;*/
    background: url(../images/index/soltions-bg.png) no-repeat 100%;
    text-align: center;
}

    .solutions .title {
        height: 110px;
        padding: 100px 0 80px 0;
        font-size: 30px;
        position: relative;
    }

        .solutions .title div {
            position: absolute;
            top: 115px;
            left: calc(50% - 600px);
            z-index: 9;
            width: 1200px;
            text-align: center;
            color: #fff;
            font-size: 34px;
        }

        .solutions .title p {
            /*font-family: '微软雅黑','Microsoft YaHei';*/
            font-size: 15px;
            font-weight: normal;
            color: #fff;
            margin-top: 88px;
        }

        .solutions .title .bg-title {
            color: #fff;
            opacity: 0.26;
            position: absolute;
            z-index: 8;
            left: calc(50% - 600px);
            top: 100px;
            font-size: 26px;
            width: 1200px;
            text-align: center;
        }

        .solutions .title .top-line {
            display: inline-block;
            position: absolute;
            top: 175px;
            height: 6px;
            left: calc(50% - 30px);
            width: 50px;
            background: #Ff0000;
        }

    .solutions .solution-list {
        width: 1200px;
        position: relative;
        margin: 0 auto;
        text-align: left;
    }

        .solutions .solution-list .more {
            width: 1200px;
            text-align: center;
            position: absolute;
            font-size: 14px;
            font-family: 'Microsoft YaHei UI Light';
            top: 630px;
            left: calc(50% - 600px);
            color: #fff;
            z-index: 6;
            height: 100px;
        }

            .solutions .solution-list .more img {
                vertical-align: -2px;
                margin-left: 10px;
            }

            .solutions .solution-list .more:hover {
                cursor: pointer;
            }

        .solutions .solution-list > div {
            display: inline-block;
            /*font-family: '微软雅黑','Microsoft YaHei';*/
            width: 388px;
            height: 390px;
        }

            .solutions .solution-list > div > img:hover {
                cursor: pointer;
            }

        .solutions .solution-list .solution-zw {
            position: relative;
        }

            .solutions .solution-list .solution-zw img {
                position: absolute;
                left: 0px;
                width: 385px;
                height: 385px;
                z-index: 1;
            }

            .solutions .solution-list .solution-zw h2 {
                position: absolute;
                top: 225px;
                left: 0px;
                color: #181515;
                z-index: 2;
                font-size: 20px;
                text-align: center;
                width: 55%;
                margin-left: 22.5%;
                white-space: nowrap;
                text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                overflow: hidden;
            }

            .solutions .solution-list .solution-zw p {
                position: absolute;
                top: 255px;
                left: 130px;
                color: #181515;
                text-align: center;
                opacity: 0.5;
                z-index: 2;
                width: 130px;
                font-size: 12px;
                word-break: break-all;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

        .solutions .solution-list .solution-yl {
            position: relative;
            margin: 0 10px;
        }

            .solutions .solution-list .solution-yl img {
                width: 385px;
                height: 385px;
                position: absolute;
                z-index: 1;
            }

            .solutions .solution-list .solution-yl h2 {
                position: absolute;
                top: 225px;
                left: 0px;
                color: #181515;
                z-index: 2;
                font-size: 20px;
                text-align: center;
                width: 100%;
            }

            .solutions .solution-list .solution-yl p {
                position: absolute;
                top: 255px;
                left: 130px;
                color: #181515;
                text-align: center;
                opacity: 0.5;
                z-index: 2;
                width: 130px;
                font-size: 12px;
            }

        .solutions .solution-list .solution-yh {
            position: relative;
        }

            .solutions .solution-list .solution-yh img {
                width: 385px;
                height: 385px;
                position: absolute;
                z-index: 1;
            }

            .solutions .solution-list .solution-yh h2 {
                position: absolute;
                top: 225px;
                left: 0px;
                color: #181515;
                z-index: 2;
                font-size: 20px;
                text-align: center;
                width: 100%;
            }

            .solutions .solution-list .solution-yh p {
                position: absolute;
                top: 255px;
                left: 130px;
                color: #181515;
                text-align: center;
                opacity: 0.5;
                z-index: 2;
                width: 130px;
                font-size: 12px;
            }

        .solutions .solution-list .solution-jy {
            position: relative;
        }

            .solutions .solution-list .solution-jy img {
                width: 385px;
                height: 385px;
                position: absolute;
                z-index: 1;
                top: -190px;
                left: 200px;
            }

            .solutions .solution-list .solution-jy h2 {
                text-align: center;
                width: 100%;
                font-size: 20px;
                position: absolute;
                top: 30px;
                left: 335px;
                color: #181515;
                z-index: 2;
                width: 100px;
            }

            .solutions .solution-list .solution-jy p {
                position: absolute;
                top: 60px;
                left: 320px;
                color: #181515;
                text-align: center;
                opacity: 0.5;
                z-index: 2;
                width: 130px;
                font-size: 12px;
            }

        .solutions .solution-list .solution-cg {
            position: relative;
        }

            .solutions .solution-list .solution-cg img {
                width: 385px;
                height: 385px;
                position: absolute;
                z-index: 1;
                top: -190px;
                left: 215px;
            }

            .solutions .solution-list .solution-cg h2 {
                position: absolute;
                top: 30px;
                left: 350px;
                text-align: center;
                color: #181515;
                width: 130px;
                z-index: 2;
                font-size: 20px;
            }

            .solutions .solution-list .solution-cg p {
                position: absolute;
                top: 60px;
                left: 350px;
                color: #181515;
                text-align: center;
                opacity: 0.5;
                z-index: 2;
                width: 130px;
                font-size: 12px;
            }

.classic-case {
    height: 950px;
    width: 100%;
    /*  min-width: 1200px;*/
    background: url(../images/index/case-bg.png) no-repeat 100%;
    position: relative;
}

    .classic-case .case-list {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }

        .classic-case .case-list .case-title {
            position: absolute;
            height: 750px;
            margin: 100px 0;
            width: 370px;
            background: url(../images/index/case1.png) no-repeat;
        }

            .classic-case .case-list .case-title .title {
                height: 110px;
                padding: 110px 0 80px 0;
                font-size: 30px;
                font-weight: 700;
                position: relative;
                width: 80%;
                margin-left: 10%;
            }

                .classic-case .case-list .case-title .title div {
                    position: absolute;
                    top: 95px;
                    left: 0px;
                    z-index: 9;
                    color: #181515;
                    font-size: 34px;
                }

                .classic-case .case-list .case-title .title p.sy {
                    font-size: 14px;
                    font-weight: normal;
                    color: #000;
                    margin-top: 61px;
                    /*font-family: '微软雅黑','Microsoft YaHei';*/
                }

                .classic-case .case-list .case-title .title p.detail {
                    width: 60%;
                    font-size: 14px;
                    font-weight: 400;
                    margin-top: 50px;
                    line-height: 30px;
                    color: #181515;
                    opacity: 0.8;
                    /*font-family: '微软雅黑','Microsoft YaHei';*/
                }

                .classic-case .case-list .case-title .title .bg-title {
                    color: #181515;
                    position: absolute;
                    z-index: 8;
                    left: 0;
                    top: 111px;
                    font-size: 45px;
                    display: inline-block;
                    width: 320px;
                    opacity: 0.2;
                    letter-spacing: 2px;
                }

                .classic-case .case-list .case-title .title .top-line {
                    display: inline-block;
                    position: absolute;
                    top: 80px;
                    height: 6px;
                    left: 0px;
                    width: 50px;
                    background: #3366FF;
                }

    .classic-case .case-details {
        width: 928px;
        height: 750px;
        position: absolute;
        left: 370px;
        top: 100px;
    }

        .classic-case .case-details ul {
            width: 100%;
            height: 220px;
        }

            .classic-case .case-details ul li:nth-child(1) {
                margin-left: 119px;
            }

            .classic-case .case-details ul li {
                position: relative;
                display: inline-block;
                text-align: center;
                font-size: 16px;
                margin-left: 97px;
                color: #181515;
                /*font-family: '微软雅黑','Microsoft YaHei';*/
            }

                .classic-case .case-details ul li img {
                    margin-bottom: 15px;
                }

                .classic-case .case-details ul li span {
                    opacity: 0.6;
                }

            .classic-case .case-details ul .dont-case:after {
                content: "";
                height: 2px;
                width: 97px;
                background: #C7E9FE;
                top: 40px;
                left: -97px;
                position: absolute;
            }

            .classic-case .case-details ul .click_now span {
                opacity: 1;
            }

        .classic-case .case-details .case2 {
            margin-left: 228px;
            width: 680px;
            height: 516px;
        }

        .classic-case .case-details .lager-div {
            background: #F6F6F6;
            opacity: 0.95;
            height: 322px;
            width: 480px;
            position: absolute;
            top: 320px;
            left: 40px;
        }

            .classic-case .case-details .lager-div h2 {
                padding: 40px 30px 15px 44px;
                color: #181515;
                /*font-family: '微软雅黑','Microsoft YaHei';*/
                font-size: 24px;
            }

            .classic-case .case-details .lager-div p {
                width: calc(100% - 70px);
                margin: 0 30px 0 44px;
                color: #181515;
                /*font-family: '微软雅黑','Microsoft YaHei';*/
                font-size: 14px;
                opacity: 0.8;
                line-height: 30px;
            }

            .classic-case .case-details .lager-div:hover {
                cursor: pointer;
            }

.info {
    width: 100%;
    height: 215px;
    background: url(../images/index/small-banner2.jpg) no-repeat;
    text-align: center;
}

    .info img {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
    }

.news-information {
    width: 100%;
    /*  min-width: 1200px;*/
    height: 870px;
    background: white;
    text-align: center;
}

    .news-information .title {
        height: 110px;
        padding: 100px 0 80px 0;
        font-size: 30px;
        position: relative;
    }

        .news-information .title div {
            position: absolute;
            top: 120px;
            left: calc(50% - 600px);
            z-index: 9;
            width: 1200px;
            text-align: center;
            color: #181515;
            letter-spacing: 1px;
        }

        .news-information .title p {
            font-size: 18px;
            color: #676B77;
            margin-top: 100px;
            /*font-family: '微软雅黑','Microsoft YaHei';*/
        }

        .news-information .title .bg-title {
            color: #181515;
            opacity: 0.26;
            position: absolute;
            z-index: 8;
            left: calc(50% - 600px);
            top: 100px;
            font-size: 26px;
            width: 1200px;
            text-align: center;
            letter-spacing: 1px;
        }

        .news-information .title .top-line {
            /*display: inline-block;
        position: absolute;
        top: 172px;
        height: 6px;
        left: calc(50% - 30px);
        width: 50px;
        background: #Ff0000;*/
            display: inline-block;
            position: absolute;
            top: 180px;
            height: 2px;
            left: calc(50% - 25px);
            width: 50px;
            background: #3366FF;
        }

    .news-information .news-list {
        width: 1200px;
        margin: 0 auto;
        position: relative;
    }

        .news-information .news-list .left-news {
            position: relative;
            height: 488px;
            width: 506px;
            background: #fff;
            /*padding: 10px;*/
            text-align: left;
            /*font-family: '微软雅黑','Microsoft YaHei';*/
            color: #343434;
        }

            .news-information .news-list .left-news:hover {
                box-shadow: rgb(47 200 225 / 31%) 0px 0px 13px;
            }

                .news-information .news-list .left-news:hover .newsjt {
                    display: initial
                }

.newsjt {
    display: none;
}


.news-information .news-list .left-news .news-head {
    height: 240px;
    width: 100%;
    position: relative;
}

    .news-information .news-list .left-news .news-head img {
        width: 100%;
        height: 100%;
    }

.news-information .news-list .left-news h2 {
    font-size: 20px;
    margin-top: 15px;
    font-weight: 600;
}

.news-information .news-list .left-news .time {
    margin-top: 7px;
    opacity: 0.5;
    font-size: 14px;
}

.news-information .news-list .left-news p {
    font-size: 14px;
    margin-top: 14px;
    opacity: 0.7;
    line-height: 25px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-information .news-list .left-news .more {
    position: absolute;
    right: 10px;
    bottom: 20px;
    z-index: 66;
}

    .news-information .news-list .left-news .more img {
        vertical-align: middle;
        margin-left: 5px;
    }

    .news-information .news-list .left-news .more a {
        color: #0e388d;
        font-size: 14px;
    }

.news-information .news-list .right-news {
    /*font-family: '微软雅黑','Microsoft YaHei';*/
    position: absolute;
    height: 490px;
    width: 654px;
    text-align: left;
    top: 0;
    left: 546px;
}

    .news-information .news-list .right-news ul {
        height: 470px;
        width: 654px;
    }

        .news-information .news-list .right-news ul li:hover {
            cursor: pointer;
            /* border-color: #688FCD;*/
            box-shadow: rgb(47 200 225 / 31%) 0px 0px 13px;
        }

        .news-information .news-list .right-news ul li {
            height: 150px;
            width: 652px;
            border: 1px solid #fff;
            background: #fff;
            border-radius: 2px;
            margin-bottom: 15px;
            line-height: 82px;
            color: #343434;
        }

            .news-information .news-list .right-news ul li .img {
                width: 200px;
                text-align: center;
                height: 150px;
                float: left;
            }

            .news-information .news-list .right-news ul li .detail_ {
                position: relative;
                height: 150px;
                float: left;
                line-height: 30px;
                margin-left: 20px;
                width: calc(100% - 220px);
            }

                .news-information .news-list .right-news ul li .detail_ h3 {
                    width: 100%;
                    position: absolute;
                    top: 15px;
                    left: 0;
                    font-size: 24px;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                    overflow: hidden;
                }

                .news-information .news-list .right-news ul li .detail_ .time {
                    position: absolute;
                    top: 45px;
                    left: 0;
                    font-size: 14px;
                    opacity: 0.5;
                }

.footer {
    width: 100%;
    height: auto;
    background: #141622;
    /*font-family: '微软雅黑','Microsoft YaHei';*/
}

    .footer > .layui-row {
        width: 1200px;
        margin: 0 auto;
        color: #fff;
    }

        .footer > .layui-row.seli {
            width: 80%;
            margin: 0 auto;
            padding: 10px 0 0 0;
            color: #fff;
        }

            .footer > .layui-row.seli .layui-col-xs1 {
                margin-right: 25px;
                text-align: left;
            }

                .footer > .layui-row.seli .layui-col-xs1 .grid-demo div {
                    font-size: 16px;
                    margin-bottom: 28px;
                }

                .footer > .layui-row.seli .layui-col-xs1 .grid-demo p {
                    height: 31px;
                    color: #fff;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    -o-text-overflow: ellipsis;
                    overflow: hidden;
                }

                    .footer > .layui-row.seli .layui-col-xs1 .grid-demo p a {
                        color: #fff;
                        opacity: 0.7;
                    }

                        .footer > .layui-row.seli .layui-col-xs1 .grid-demo p a:hover {
                            opacity: 1;
                        }

            .footer > .layui-row.seli .layui-col-xs4 {
                width: 450px;
                border-color: rgba(255, 255, 255, 0.5);
                height: 216px;
            }

                .footer > .layui-row.seli .layui-col-xs4 .layui-col-xs3 {
                    text-align: right;
                    width: 90px;
                }

                .footer > .layui-row.seli .layui-col-xs4 .layui-col-xs8 {
                    margin-left: 5px;
                }

                    .footer > .layui-row.seli .layui-col-xs4 .layui-col-xs8 .phone-wz, .footer > .layui-row.seli .layui-col-xs4 .layui-col-xs8 .address-title {
                        font-size: 18px;
                    }

                    .footer > .layui-row.seli .layui-col-xs4 .layui-col-xs8 .phone-time {
                        opacity: 0.5;
                        font-size: 14px;
                    }

                    .footer > .layui-row.seli .layui-col-xs4 .layui-col-xs8 .phone-number {
                        font-size: 42px;
                    }

                    .footer > .layui-row.seli .layui-col-xs4 .layui-col-xs8 .address-address {
                        opacity: 0.7;
                        font-size: 16px;
                        margin-top: 10px;
                    }

                .footer > .layui-row.seli .layui-col-xs4 .second {
                    margin-top: 60px;
                }

            .footer > .layui-row.seli .layui-col-xs2 {
                margin-left: 0px;
                text-align: center;
            }

                .footer > .layui-row.seli .layui-col-xs2 .gzh {
                    font-size: 18px;
                }

                .footer > .layui-row.seli .layui-col-xs2 img {
                    height: 160px;
                    margin: 5px 0;
                }

                .footer > .layui-row.seli .layui-col-xs2 .tx {
                    opacity: 0.7;
                }

        .footer > .layui-row.padding-cer {
            margin-top: 20px;
            margin-bottom: 0px;
        }

            .footer > .layui-row.padding-cer .grid-demo {
                font-size: 16px;
            }

        .footer > .layui-row.chain span {
            display: inline-block;
            width: 150px;
            height: 40px;
            line-height: 40px;
            margin-right: 17px;
            margin-bottom: 16px;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            overflow: hidden;
            color: #fff;
            text-align: center;
        }

.foot-bottom {
    /*background: #0D0D15;*/
    width: 100%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

    .foot-bottom .bottom {
        width: 1200px;
        margin: 0 auto;
    }

        .foot-bottom .bottom span {
            display: inline-block;
            margin-left: 40px;
        }





.jjfapage {
    width: 100%;
    background-color:white;
}




.solux {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    margin-top: 50px;
}

.solux-m2 {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 30px;
    margin: 0.2rem 0px;
    padding: 0px 0px;
}

.solumenu {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 20vw;
    height: auto;
    min-height: 30px;
    margin: 0px 0px;
    padding: 7px;
    border-radius: 2em;
    background: #ebecf0;
}

.solumenu-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 35px;
    min-height: 30px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 20px;
    background: transparent;
    cursor: pointer;
}

.solumenu-item-on {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 0.4rem;
    min-height: 35px;
    margin: 0px 0px;
    padding: 0px 0px;
    border-radius: 2em;
    background: #fff;
    cursor: pointer;
}

    .solumenu-item-on > .label1 {
        padding: 0px 0px;
        font-size: 1em;
        font-weight: normal;
        color: #000;
        cursor: pointer;
    }

.hytoptib {
    width: 80%;
    margin: auto;
    display: flex;
    margin-top: 50px;
    align-items: center;
    justify-content: space-around;
}

.hytopjt {
    width: 5%;
    font-weight: bolder;
    font-size: 25px;
    color: #bfbbbb;
}

.hytoptibitem {
    width: 7%;
    margin: 0.5%;
    padding: 13px 0.5%;
    text-align: center;
    line-height: 15px;
}


.hytoptibitem5 {
    width: 18%;
    margin: 0.5%;
    padding: 13px 0.5%;
    text-align: center;
    line-height: 15px;
}
.hytoptibitemactive {
    background-color: #2033b3;
    color: white;
    border-radius: 20px;
}



.hxjspage {
    width: 100%;
    height: 1000px;
    background-color: #eaf2fd;
}

.hxjspagecenterdiv {
    width: 80%;
    margin: auto;
    display: flex;
    margin-top: 50px;
}

.hxjspageleftdiv {
    width: 63%;
    height: 800px;
    border-radius: 10px;
    background-color: white;
}

.hxjspageleftdivimg {
    width: 100%;
    padding-top: 80px;
}

.hxjspagerightdiv {
    margin-left: 2%;
    width: 35%;
    height: 800px;
}

.hxjsrighttopdiv {
    width: 100%;
    height: 390px;
    background-color: white;
    border-radius: 10px;
}

.hxjstitle1 {
    font-size: 40px;
    text-align: left;
    margin-top: 50px;
    font-family: 'Alibaba PuHuiTi 2.0'
}

.hxjstitle2 {
    font-size: 18px;
    color: #8b8b8b;
    text-align: left;
    margin-top: 30px;
}

.hxjsbtn {
    width: 150px;
    height: 50px;
    background-color: #131b33;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    margin-top: 80px;
    color: white;
    cursor:pointer;
}
    .hxjsbtn a {
        color: white !important; 
    }

.hxjsrighttopdivimg {
    margin-top: 25px;
    width: 100%;
}

.hxjstitle21 {
    font-size: 35px;
    text-align: left;
    margin-top: 20px;
    font-family: 'Alibaba PuHuiTi 2.0'
}

.hxjstitle22 {
    font-size: 16px;
    color: #8b8b8b;
    text-align: left;
    margin-top: 20px;
}


.hxjstitle23 {
    line-height:30px;
}
.hxjstitle3 {
    font-size: 18px;
    color: #343434;
    text-align: left;
    margin-top: 20px;
    cursor: pointer;
}

.xjiantou {
    width: 20px;
}


.softtopdiv {
    width: 66%;
    line-height: 50px;
    margin: auto;
    display: flex;
    justify-content: space-around;
}

.softtopttitle {
    width: 9%;
    text-align: center;
    font-size: 16px;
    position: relative;
    color: #727272;
}

.softtopline {
    width: 2px;
    background-color: #dbdbdb;
    height: 25px;
    margin-top: 14px;
}

.softtopttitle b {
    position: absolute;
    display: block;
    width: 0;
    height: 2px;
    background: #0545d7;
    left: 0;
    bottom: 0px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-right: 5px;
}

.softactivetitle {
    color: #0545d7;
}

.softcenterdiv {
    width: 100%;
    margin-top: 30px;
}

.softcenteritem {
    width: 75%;
    height: 700px;
    background: url('../images/index/softcenteritem1.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}



.softcentershow {
    display: inherit !important;
}

.leftsoftdiv {
    width: 20%;
    position: absolute;
    left: 20%;
    top: 35px;
    color: white;
    text-align: left;
}

.rightsoftdiv {
    width: 80%;
    height:500px;
    position: absolute;
    left: 40%;
    top: 100px;
    color: white;
    text-align: left;
    background:url('../images/index/softrightbg.png') no-repeat;
    background-size:100% 100%;
}

.leftsofttitle {
    font-size: 18px;
    line-height: 70px;
}

    .leftsofttitle span {
        margin-left: 20px;
    }

.leftsoftitem {
    height: 68px;
    border-left: 2px solid white;
    line-height: 68px;
}

    .leftsoftitem span {
        margin-left: 20px;
    }


.leftsoftitem3 {
    height: 53px;
    border-left: 2px solid white;
    line-height: 53px;
}
    .leftsoftitem3 span {
        margin-left: 20px;
    }

.softrighttitle1 {
    margin-top: 20px;
    padding-left: 100px;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
}

.softrighttitle2 {
    padding-left: 100px;
    font-size: 15px; 
    line-height:30px;
    width:80%;
    height:100px;
}

.leftsoftbg {
  width:100%;
  background:url('../images/index/softleftbg.png') no-repeat;
  background-size:100% 100%;
}


.showmorediv {
  line-height:100px;
  width:100%;
  text-align:center;
  font-size:13px;
  color:#b2b2b2;
  cursor:pointer;
}