* {
    margin: 0;
    padding: 0;
}
body {
    font-family: "PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
}
a {
    cursor: pointer;
    text-decoration: none;
    color: #000;
    display: block;
}

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

/* 头部 */
.header {
    height: 60px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    min-width:1240px;
}

    .header .flbox {
        margin-left: 30px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

        .header .flbox .logo {
            width: 108px;
            height: 35px;
            margin-right: 60px;
        }

        .header .flbox .navbox {
            display: flex;
            display: -webkit-flex;
            align-items: center;
        }

            .header .flbox .navbox .item {
                padding: 0 20px;
                position: relative;
            }

                .header .flbox .navbox .item a {
                    font-size: 14px;
                    color: #000000;
                    letter-spacing: 0;
                    line-height: 60px;
                    font-weight: 400;
                }

                .header .flbox .navbox .item:hover a {
                    color: #0067FF;
                }

                .header .flbox .navbox .item:hover .itembox,
                .header .frbox .toolbox:hover .itembox {
                    display: flex;
                    display: -webkit-flex;
                }

                .header .flbox .navbox .item .itembox,
                .header .frbox .toolbox .itembox {
                    display: none;
                    z-index: 999;
                    position: absolute;
                    right: 0;
                    top: 55px;
                    width: 300px;
                    overflow: hidden;
                    flex-wrap: wrap;
                    padding: 4px 0 15px 0;
                    background: #FFFFFF;
                    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
                    border-radius: 4px;
                }

    .header .frbox .toolbox .itembox {
        width: 140px;
    }

    .header .flbox .navbox .item .itembox a {
        width: calc((100% - 80px) / 2);
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        overflow: hidden;
        font-size: 12px;
        color: #333333;
    }

        .header .flbox .navbox .item .itembox a:hover,
        .header .frbox .toolbox .itembox a:hover {
            background: #F7F9FA;
            color: #0067FF
        }

    .header .frbox .toolbox .itembox a {
        width: calc(100%);
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        font-size: 12px;
        color: #333333;
        padding: 0 10px;
    }

    .header .flbox .navbox .item .arrow,
    .header .frbox .toolbox {
        position: relative;
    }

        .header .flbox .navbox .item .arrow i,
        .header .frbox .toolbox .arrow i {
            z-index: 999;
            content: "";
            position: absolute;
            right: -16px;
            top: 50%;
            background: url(../../Images/HomeNew/icon-down.png) 0 0 no-repeat;
            background-size: cover;
            width: 8px;
            height: 8px;
            margin-top: -3px;
        }

    .header .frbox {
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

        .header .frbox .toolbox {
            font-size: 14px;
            color: #333333;
            letter-spacing: 0;
            font-weight: 400;
            height: 60px;
            line-height: 60px;
        }

        .header .frbox .loginbox {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            margin-left: 40px;
        }

            .header .frbox .loginbox a {
                width: 100px;
                font-size: 14px;
                color: #0067FF;
                letter-spacing: 0;
                text-align: center;
                line-height: 60px;
            }

                .header .frbox .loginbox a:last-child {
                    background: #0067FF;
                    color: #fff;
                }

/* 轮播图 */
.bannerboxs {
    margin: 0 auto;
    height: auto;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    min-width: 1240px;
}

    .bannerboxs .banner {
        flex: 1;
        height: 480px;
        overflow: hidden;
    }

.banner-container {
    height: 480px;
    position: relative;
}

.banner .swiper-slide {
    width: calc(100%);
    height: 480px;
    position: relative;
    overflow: hidden;
}

    /* .banner .swiper-slide img {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100%);
    height: calc(100%);
} */

    .banner .swiper-slide h3 {
        padding: 75px 60px 10px 160px;
        font-size: 2.25rem;
        font-weight: 400;
        color: #fff;
    }

    .banner .swiper-slide h4 {
        padding: 0px 60px 10px 160px;
        font-size: 1.31rem;
        font-weight: 400;
        color: #fff;
    }

    .banner .swiper-slide .btnbox {
        display: block;
        width: 100px;
        height: 32px;
        margin: 80px 0 0 160px;
        border: 1px solid #fff;
        border-radius: 4px;
        text-align: center;
        color: #fff;
        line-height: 32px;
        font-size: 0.85rem;
        cursor: pointer;
    }

.wrap {
    width: 1190px;
    margin: 0 auto;
}

.banner .swiper-slide.ban1 {
    height: 480px;
    background: url('../../Images/HomeNew/banner/idx1@2x.jpg') center center no-repeat;
    background-size: cover;
}

.banner .swiper-slide.ban2 {
    height: 480px;
    background: url('../../Images/HomeNew/banner/idx2@2x.jpg') center center no-repeat;
    background-size: cover;
}

.banner .swiper-slide.ban3 {
    height: 480px;
    background: url('../../Images/HomeNew/banner/idx3@2x.jpg') center center no-repeat;
    background-size: cover;
}

.banner .swiper-slide .wrap {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
}

    .banner .swiper-slide .wrap .textbox {
        flex: 1;
    }

    .banner .swiper-slide .wrap .picbox {
        width: 590px;
        height: 400px;
        margin-top: 40px;
    }

.banner .swiper-slide h4 {
    font-size: 48px;
    color: #000;
    font-weight: 600;
    text-align: left;
    margin-top: 123px;
    padding: 0;
}

.banner .swiper-slide p {
    font-size: 21px;
    color: #000;
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 13px;
    text-align: left;
}

.banner .swiper-pagination {
    max-width: 1190px;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: flex;
    display: -webkit-flex;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 50px;
    height: 5px;
    background: #fff;
    border-radius: 4.5px;
}

.banner .swiper-pagination-bullet {
    width: 10px;
    height: 5px;
    opacity: 0.5;
    background: #FFFFFF;
    border-radius: 4.5px;
}

.newsbox {
    padding-top: 20px;
    background: #f2f2f2;
    min-width: 1240px;
}

    .newsbox .wrap {
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }

    .newsbox .newstit {
        width: 76px;
        height: 18px;
        background: url(../../Images/HomeNew/news.png) 0 0 no-repeat;
        background-size: cover;
    }

    .newsbox .swiper-container {
        margin: 0 20px;
        flex: 1;
        height: 30px;
        overflow: hidden;
        position: relative;
    }

        .newsbox .swiper-container .swiper-slide .itembox {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            height: 30px;
            width: 90%;
            cursor: pointer;
        }

        .newsbox .swiper-container .swiper-slide h3 {
            font-size: 14px;
            font-weight: 400;
            text-align: left;
            color: #333333;
            line-height: 30px;
            width: 100%;
            height:30px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
            .newsbox .swiper-container .swiper-slide h3 span{
                margin-right:10px;
            }
            .newsbox .swiper-container .swiper-slide .icon-new {
                width: 30px;
                height: 15px;
                margin-left: 20px;
                margin-top: 5px;
                display: none;
                background: url(../../Images/HomeNew/new.png) 0 0 no-repeat;
                background-size: cover;
            }

        .newsbox .swiper-container .swiper-slide:first-child .icon-new {
            display: block
        }

    .newsbox .btnbox {
        font-size: 0.85rem;
        font-weight: 400;
        text-align: left;
        color: #1677ff;
    }

    .newsbox .news-pagination {
        width: 47px;
        right: 27px;
        left: inherit;
        bottom: 3px;
        font-size: 14px;
        color: #909399;
        line-height: 23px;
    }

    .newsbox .swiper-button-prev {
        right: 80px;
        left: inherit;
        top: 30px;
        bottom: 6px;
        width: 16px;
        height: 16px;
        background: url('../../Images/HomeNew/news-prev.png') 0 0 no-repeat; background-size: cover;
    }

        .newsbox .swiper-button-prev::after,
        .newsbox .swiper-button-next::after {
            content: "";
            display: none;
        }

    .newsbox .swiper-button-next {
        right: 0px;
        left: inherit;
        top: inherit;
        bottom: 6px;
        width: 16px;
        height: 16px;
        background: url('../../Images/HomeNew/news-next.png') 0 0 no-repeat;
        background-size: cover;
    }

/* 右侧固定 */
.fixed-tool {
    z-index: 999;
    position: fixed;
    top: 70%;
    right: 0;
    width: 120px;
    height: 380px;
    margin-top: -190px;
}

    .fixed-tool .kefu {
        width: 120px;
        height: 380px;
    }

    .fixed-tool .goback {
        z-index: 9999;
        position: absolute;
        left: 29px;
        top: 31px;
        height: 76px;
        width: 60px;
        cursor: pointer;
    }

    .fixed-tool .online {
        z-index: 9999;
        position: absolute;
        left: 29px;
        top: 114px;
        height: 72px;
        width: 60px;
        cursor: pointer;
    }

    .fixed-tool .tel {
        z-index: 9999;
        position: absolute;
        left: 29px;
        top: 190px;
        height: 79px;
        width: 60px;
        cursor: pointer;
    }

        .fixed-tool .tel:hover .number {
            display: block;
        }

        .fixed-tool .tel .number {
            display: none;
            z-index: 99;
            position: absolute;
            right: 40px;
            top: -25px;
            width: 278px;
            height: 157px;
        }

            .fixed-tool .tel .number img {
                width: 278px;
                height: 157px;
            }

            .fixed-tool .tel .number .text {
                z-index: 999;
                position: absolute;
                left: 38px;
                top: 49px;
                width: 195px;
                height: 67px;
            }

                .fixed-tool .tel .number .text h4 {
                    color: #0067FF;
                    font-weight: bold;
                    font-size: 24px;
                }

                    .fixed-tool .tel .number .text h4 p {
                        color: #333333;
                    }

    .fixed-tool .help {
        z-index: 9999;
        position: absolute;
        left: 29px;
        top: 274px;
        height: 67px;
        width: 60px;
        cursor: pointer;
    }

.probox {
    background: #fff;
    padding-bottom: 50px;
    min-width: 1240px;
}

.procolor {
    background: #f2f2f2;
}

.probox .title {
    padding-top: 60px;
    font-size: 24px;
    color: #000000;
    text-align: center;
    font-weight: 500;
}

.probox .databox {
    padding-top: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .probox .databox .item {
        background: #FFFFFF;
        border-radius: 8px;
        height: 135px;
        padding: 0 40px 0 30px;
        width: calc((100% - 256px) / 3);
        margin-right: 17px;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        margin-bottom: 15px;
        border: 2px solid #fff;
    }

        .probox .databox .item:hover {
            border: 2px solid rgba(0, 103, 255, 1);
        }

        .probox .databox .item:nth-child(3n) {
            margin-right: 0;
        }

        .probox .databox .item .flbox {
            flex: 1;
            margin-right: 10px;
        }

            .probox .databox .item .flbox h4 {
                font-size: 18px;
                color: #000000;
                letter-spacing: 0;
                font-weight: 600;
            }

            .probox .databox .item .flbox p {
                font-size: 14px;
                color: #9f9f9f;
                letter-spacing: 0;
                margin-top: 3px;
                font-weight: 400;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                height: 40px;
            }

        .probox .databox .item .imgbox {
            width: 60px;
            height: 60px;
        }

.linebox {
    width: calc(100%);
    height: 237px;
}

.registerbox {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}

    .registerbox a {
        width: 240px;
        height: 50px;
        background: #FFFFFF;
        border: 1px solid rgba(0, 103, 255, 1);
        font-size: 18px;
        color: #0067FF;
        letter-spacing: 0;
        font-weight: 500;
        text-align: center;
        line-height: 50px;
        margin-right: 20px;
    }

        .registerbox a:last-child {
            background: #0067FF;
            border: 1px solid #fff;
            color: #fff;
        }

.anlibox .anbtn {
    width: 225px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #FFFFFF;
    border: 1px solid rgba(224, 224, 224, 1);
    border-radius: 4px;
    font-size: 18px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 400;
    margin: 30px auto 20px auto;
}

.anlibox .anlist {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

    .anlibox .anlist .item {
        width: calc((100% - 68px) / 5);
        height: 140px;
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        background: #FFFFFF;
        border: 1px solid rgba(242, 242, 242, 1);
        border-radius: 8px;
        margin-right: 17px;
    }

        .anlibox .anlist .item:nth-child(5n) {
            margin-right: 0;
        }

        .anlibox .anlist .item img {
            width: 100px;
            height: 100px;
        }

.hgbox {
    height: 260px;
    background: url(../../Images/HomeNew/shli-bg@2x.jpg) center center no-repeat;
    background-size: cover;
    padding: 0;
}

    .hgbox .title {
        padding-top: 35px;
        color: #fff;
    }

    .hgbox .hglist {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        justify-content: center;
    }

        .hgbox .hglist .item {
            width: 75px;
            height: 75px;
            margin-right: 55px;
            margin-top: 50px;
        }

            .hgbox .hglist .item:last-child {
                margin-right: 0;
            }

.footbox {
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: #f8f8f8;
    min-width:1240px;
}

    .footbox .bqbox {
        padding-top: 15px;
    }

        .footbox .bqbox .head {
            display: flex;
            display: -webkit-flex;
            align-items: flex-end;
        }

            .footbox .bqbox .head .textbox {
                width: 390px;
                height: auto;
                padding-right: 60px;
                color: #606266;
                font-size: 14px;
            }

                .footbox .bqbox .head .textbox .wexinbox {
                    height: 24px;
                    line-height: 24px;
                    display: flex;
                    align-items: center;
                    margin-bottom: 10px;
                    position: relative;
                    cursor:pointer;
                }

                    .footbox .bqbox .head .textbox .wexinbox:hover .showWeiXin {
                        display: block;
                    }

                    .footbox .bqbox .head .textbox .wexinbox .showWeiXin {
                        display: none;
                        z-index: 999;
                        position: absolute;
                        left: 36px;
                        bottom: 30px;
                        width: 121px;
                        height: 121px;
                    }

                    .footbox .bqbox .head .textbox .wexinbox i {
                        width: 24px;
                        height: 24px;
                        background: url(//static.heepay.com/Pay/V1/Images/weixin.png) 0 0 no-repeat;
                        background-size: cover;
                        margin-left: 15px;
                    }

            .footbox .bqbox .head .linkbox {
                flex: 1;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                justify-content: space-between;
            }

                .footbox .bqbox .head .linkbox img {
                    height: 45px;
                    width: auto;
                    cursor: pointer;
                }

                    .footbox .bqbox .head .linkbox img:last-child {
                        padding: 0;
                        margin-right: 0;
                    }

        .footbox .bqbox .foottext {
            width: auto;
        }

        .footbox .bqbox .conterbox {
            display: flex;
            -webkit-display: flex;
            align-items: flex-start;
        }

            .footbox .bqbox .conterbox .flbox {
                flex: 1;
            }

        .footbox .bqbox .foottext .textlinkbox {
            width: auto;
            font-size: 12px;
            color: #606266;
            line-height: 20px;
            display: flex;
            align-items: center;
        }

            .footbox .bqbox .foottext .textlinkbox a {
                color: #606266;
                line-height: 30px;
                padding: 0px 15px;
                position: relative;
            }

                .footbox .bqbox .foottext .textlinkbox a:first-child {
                    padding-left: 0;
                }

                .footbox .bqbox .foottext .textlinkbox a::before {
                    content: '';
                    position: absolute;
                    right: 0;
                    top: 50%;
                    width: 1px;
                    height: 12px;
                    margin-top: -7px;
                    background: #606266;
                }

                .footbox .bqbox .foottext .textlinkbox a:last-child::before {
                    content: '';
                    width: 0;
                }

.foottext .imgbox {
    display: flex;
    align-items: center;
    -webkit-display: flex;
    margin-top: 25px;
    float: right;
    cursor: pointer;
}

    .foottext .imgbox a {
        width: 63px;
        height: 45px;
        margin-left: 5px;
    }

        .foottext .imgbox a:nth-child(4),
        .foottext .imgbox a:nth-child(5) {
            width: 32px;
        }

        .foottext .imgbox a img {
            width: auto;
            height: 100%;
        }