* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

:root {
    --colorBk: #fff;
    --image-bgUrl: url('../imgs/logo.png');
    --primary: #94080b;
    font-size: 100px
}

ul li {
    list-style: none;
}

a {
    font-weight: 500;
    color: rgb(255, 255, 255);
    text-decoration: none;
    overflow: hidden;
}

body {
    font-size: 0.16rem;
    color: rgb(0, 0, 0);
    width: 100%;
    margin: 0px auto;
    overflow-y: scroll;
    font-family: "微软雅黑";
}

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

img {
    /* width: 100%; */
    /* height: 100%; */
    object-fit: cover;
    transition: transform 0.5s ease 0s;
}

a > img:hover {
    transform: scale(1.15);
}

.no-transform:hover {
    transform: none;
}

.overflow {
    overflow: hidden;
}

.header {
    width: 100%;
    position: fixed;
    top: 0px;
    box-sizing: border-box;
    z-index: 99;
    background-color: transparent;
}

    .header .top {
        display: flex;
        background-color: rgb(148, 7, 10);
        justify-content: space-between;
        height: 0.44rem;
        padding: 0 0.2rem;
        align-items: center;
        transition: all 0.3s;
        margin-top: 0;
    }

        .header .top .content {
            display: flex;
            align-items: center;
            color: rgb(255, 255, 255);
        }

            .header .top .content li {
                margin: 0px 0.1rem;
                position: relative;
            }

                .header .top .content li:hover:before {
                    width: 100%;
                }

                .header .top .content li:before {
                    position: absolute;
                    content: '';
                    background: #fff;
                    height: 2px;
                    top: -0.05rem;
                    left: 50%;
                    width: 0%;
                    transition: all 0.3s;
                    transform: translateX(-50%);
                }

                .header .top .content li:last-child {
                }

                .header .top .content li.line {
                    height: 0.15rem;
                    width: 1px;
                    background: #bf6d6d;
                    margin: 0
                }

            .header .top .content a {
                display: flex;
                align-items: center;
                font-size: 0.14rem;
                white-space: nowrap;
                overflow: visible;
                position: relative;
                transition: all 0.3s;
            }

                .header .top .content a:hover {
                    color: #ffadad;
                }

            .header .top .content .icon {
                width: 0.18rem;
                height: 0.18rem;
                margin-right: 0.05rem;
            }

            .header .top .content li .tank {
                position: absolute;
                top: 20px;
                background: #fff;
                color: #333;
                padding: 20px;
                border-radius: 10px;
                line-height: 1;
                font-size: 12px;
                text-align: center;
                left: 50%;
                transform: translateX(-50%);
                visibility: hidden;
                opacity: 0;
                transition: all 0.3s;
                z-index: 99
            }

                .header .top .content li .tank:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 0.12rem solid transparent;
                    border-right: 0.12rem solid transparent;
                    border-bottom: 0.12rem solid #fff;
                    transform: translateX(-50%);
                    position: absolute;
                    top: -0.12rem;
                    left: 50%;
                }

                .header .top .content li .tank img {
                    width: 140px;
                    height: 140px;
                    margin-bottom: 10px
                }

            .header .top .content li:hover .tank {
                opacity: 1;
                top: 40px;
                visibility: visible;
            }


        .header .top li .tank.system-content {
            position: absolute;
            width: 8.2rem;
            height: 1.5rem;
            display: flex;
            flex-flow: column wrap;
            place-content: center space-between;
            z-index: 2;
            box-sizing: border-box;
            align-items: center;
            padding-top: 32px;
            padding-bottom: 25px;
            opacity: 0;
            transition: all 0.2s linear 0s;
            visibility: hidden;
            transform: translateX(-50%);
        }

        .header .top li .system-content a {
            margin: 0 0.1rem;
            width: 1.64rem;
            height: 0.4rem;
            line-height: 0.4rem;
            text-align: center;
            color: rgb(255, 255, 255);
            background-color: rgb(148, 7, 10);
            border-radius: 5px;
            display: block;
            cursor: pointer;
        }

        .header .top .header_top_r {
            width: 6.52rem;
            height: 0.46rem;
        }

        .header .top .system {
            position: relative;
        }

    .header .header-logo {
        width: 2.8rem;
        height: 0.7rem;
        background-image: url(../imgs/logo.png);
        flex-shrink: 0;
        background-size: 100% 100%;
    }

    .header .header-content {
        height: 1.05rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.14rem;
        padding: 0 0.2rem;
        background: url(../imgs/bg_top_tm.png?12345);
        background: linear-gradient(180deg, #000000b3, transparent);
        transition: all 0.3s linear;
        text-shadow: rgb(0 0 0) 0px 0px 7px;
    }

        .header .header-content .bottom .g-nav {
            display: flex;
            justify-content: flex-end;
            margin-left: 10px;
        }

            .header .header-content .bottom .g-nav a {
                font-size: 0.18rem;
                padding: 0 0.08rem;
                line-height: 0.5rem;
                color: var(--colorBk);
                /* letter-spacing: 1px; */
                font-weight: bold;
                text-align: center;
                transition: all 0.2s;
                display: block;
            }

            .header .header-content .bottom .g-nav li > a:hover,
            .header .header-content .bottom .g-nav li:hover > a {
                background-color: #94080b;
                color: #fff
            }

            .header .header-content .bottom .g-nav li a:hover {
                background-color: rgb(148, 8, 11);
                color: #fff
            }

            .header .header-content .bottom .g-nav li {
                position: relative;
            }

            .header .header-content .bottom .g-nav .children {
                /* top: 100%; */
                display: flex;
                border-left: 8px solid var(--primary);
                flex-direction: column;
                position: absolute;
                opacity: 0;
                transition: all 0.5s ease 0s;
                overflow: hidden;
                visibility: hidden;
                text-shadow: none;
                min-width: 2rem;
            }

            .header .header-content .bottom .g-nav li:hover .children {
                opacity: 1;
                visibility: visible;
            }

            .header .header-content .bottom .g-nav .children a {
                border-bottom: 1px solid rgb(148, 8, 11);
                background-color: rgb(255, 255, 255);
                font-weight: normal;
                color: #000;
                text-align: left;
                line-height: 0.5rem;
                white-space: nowrap;
            }

                .header .header-content .bottom .g-nav .children a:last-child {
                    border-bottom: 0
                }

            .header .header-content .bottom .g-nav .children.jxjg_lj {
                display: flex;
                flex-wrap: wrap;
                width: 8rem;
                flex-direction: row;
                background: #fff;
                padding: 0.15rem;
            }

                .header .header-content .bottom .g-nav .children.jxjg_lj a {
                    width: 33.33%;
                    border: 0;
                    text-align: left;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

    .header .top.animate-top {
        margin-top: -0.44rem;
    }

.animate-header {
    animation: 0.5s linear 0s normal forwards running header;
}

.header.animate-header .header-content {
    background: #fff;
    text-shadow: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.header.animate-header .header-content  .header-logo{
    background-image: url('../imgs/header_logo.png');
}

    .header.animate-header .header-content .g-nav a {
        color: #000
    }

@keyframes header {

    40%, 100% {
        background-color: #ececf1;
        text-shadow: none;
        --image-bgUrl: url('../imgs/header_logo.png');
    }
}

.container {
    width: 100%;
    margin-top: 0.44rem;
    overflow: hidden;
}

    .container .top-bg a {
        width: 100%;
        display: block;
    }



    .container .common-link-content {
        width: 14rem;
        margin: 0 auto;
        padding: 0.8rem 0;
        position: relative;
        z-index: 2;
    }

        .container .common-link-content h1 {
            font-weight: 500;
        }

        .container .common-link-content .links {
            margin-top: 0.5rem;
        }
        .container .common-link-content .links ul{
            width: 7rem;
            display: flex;
            flex-wrap: wrap;
        }

            .container .common-link-content .links li {
                width: 33.333%;
                display: inline-block;
                padding: 0.05rem 0.65rem 0 0;
            }
            .container .common-link-content .links li a{
                display: block;
                font-size: 0.16rem;
                color: #616161;
                border-bottom: 1px solid #999;
                line-height: 0.45rem;
                transition:all 0.3s;
            }
            .container .common-link-content .links li a:hover{
                color: var(--primary);
                text-indent:0.1rem;
            }


footer {
    width: 100%;
    background-color: #94070a;
    padding-top: 0.7rem;
    font-weight: 400;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
    footer .ewm {
        text-align: center;
        font-size: 0.14rem;
        color: rgb(255, 255, 255);
        position: relative;
        margin-top: -1.9rem;
        display: flex;
        width: 14rem;
        justify-content: flex-end;
    }
footer .ewm>div{
    margin-left:0.2rem
}

        footer .ewm img {
            width: 1.5rem;
            height: 1.5rem;
            margin-bottom: 0.05rem;
            border: 0.06rem solid #fff;
        }

    footer .content {
        display: flex;
        align-items: flex-end;
        width: 14rem;
        border-bottom: 1px solid rgba(255, 255, 255,0.36);
        padding-bottom: 0.4rem;
    }

        footer .content .logo {
            width: 2rem;
            margin-right: 0.28rem;
        }

        footer .content .right-content .xx {
            display: flex;
            align-items: center;
            margin-bottom: 6px;
        }

            footer .content .right-content .xx a {
                display: flex;
                align-items: center;
            }

                footer .content .right-content .xx a img {
                    width: 0.2rem;
                    margin-right: 5px;
                }

        footer .content .right-content a {
            margin-right: 0.22rem;
            font-size: 0.16rem;
        }

    footer .ban {
        font-size: 0.16rem;
        color: rgb(255, 255, 255);
        display: flex;
        justify-content: space-between;
        width: 14rem;
        align-items: center;
        padding: 0.1rem 0;
    }

        footer .ban p span {
            margin-left: 0.22rem;
        }

        footer .ban > div {
            display: flex;
            align-items: center;
        }

            footer .ban > div img {
                width: 55px;
                height: 55px;
            }

                footer .ban > div img:hover {
                    transform: scale(1)
                }