html,
body {
    padding: 0;
    margin: 0;
    height: 100%;
}

* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
}

#app {
    height: 100%;
    width: 100%;
}

/* 版心设置 */
.TypeArea {
    height: 100%;
    width: 84.078vw;
    margin: auto;
}

.TypeFlex {
    display: flex;
}

/* 导航栏 */
Nav {
    height: 6.043vw;
    width: 100%;
}

    Nav .TypeArea .LeftLogo {
        width: 30%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 10%;
    }

    Nav .el-tabs__active-bar {
        background-color: #C30D23;
        --el-font-size-base: 0.946vw
    }

    Nav .nav .el-tabs {
        --el-tabs-header-height: 6.043vw;
    }

    Nav img {
        width: 100%;
    }

    Nav .nav {
        width: 51.25%;
        height: 100%;
    }

        Nav .nav ul {
            width: 100%;
            display: flex;
            justify-content: space-between;
            line-height: 6.043vw;
        }

            Nav .nav ul li {
                list-style: none;
                font-size: 0.946vw;
                font-family: Microsoft YaHei;
                font-weight: 400;
                color: #000000;
                line-height: 5.78vw;
            }

    Nav .Search {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 3.153vw;
    }

    Nav .nav ul li:hover {
        cursor: pointer;
    }

    Nav .nav ul li img {
        width: 1.051vw;
        height: 0.631vw;
    }

.nav ul li {
    height: 6.043vw;
}

    .nav ul li a {
        display: inline-block;
        width: 100%;
        color: black;
    }

Nav .nav ul .clickNav {
    color: #C30D23;
    border-bottom: 2px solid #C30D23;
}

Nav .NavIMG {
    display: none;
}

Nav .Search img {
    width: 1.156vw;
    height: 1.156vw;
    vertical-align: middle;
}

#banner {
    /* height: 100%; */
    width: 100%;
    position: relative;
    overflow: hidden;
}

    /* 轮播图 */
    /* #banner .img {
    width: 100%;
    height: 100%;
} */

    #banner .lb_box {
        width: 100%;
        height: 25vw;
    }

    #banner .lb_imgbox {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    #banner .lb_imgleft {
        width: 100%;
        height: 100%;
        position: relative;
        left: 0;
        transition: left 0.3s linear;
    }

    #banner .lb_img {
        width: 500%;
        height: 100%;
        display: flex;
    }

    #banner .ImgOneText {
        list-style: none;
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        position: relative;
    }

        #banner .ImgOneText:hover {
            cursor: pointer;
        }

@media screen and (max-width:31.477vw) {
    .lb_btn {
        display: none;
    }

    .lb_box {
        height: 40vw;
    }
}

.lb_btn {
    position: absolute;
    top: 30%;
    height: 40%;
    background: transparent;
    background-color: rgba(0, 0, 0, .5);
    border: none;
    width: 3vw;
    z-index: 1;
    cursor: pointer;
}


#banner .slide .ImgOneText img {
    height: 100%;
    width: 100%;
}

#banner #leftBtn,
#banner #rightBtn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.573vw;
    height: 3.573vw;
    background-color: hsla(0, 0%, 0%, 0.2);
    /* position: relative; */
    border-radius: 50%;
}

    #banner #leftBtn img,
    #banner #rightBtn img {
        position: absolute;
        width: 1.576vw;
        height: 1.576vw;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

#banner #leftBtn {
    left: 1.051vw;
}

#banner #rightBtn {
    right: 1.051vw;
}

.SeeMore a {
    color: white;
}

#banner #dotted {
    position: absolute;
    left: 3.153vw;
    top: 18.392vw;
    width: 6.306vw;
    height: 1.576vw;
    border: 1px solid blue;
}

.SeeMore a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: white;
}

#banner .ImgOneText .PositioningText {
    position: absolute;
    color: white;
    top: 30%;
    left: 13%;
    z-index: 10;
}

    #banner .ImgOneText .PositioningText h1 {
        font-size: 2.627vw;
        line-height: 3.773vw;
        margin: 0;
        margin-bottom: 2.627vw;
    }

        #banner .ImgOneText .PositioningText h1:first-child {
            margin-bottom: 0px;
        }

    #banner .ImgOneText .PositioningText p {
        line-height: 2.627vw;
        font-size: 1.156vw;
    }


        #banner .ImgOneText .PositioningText p img:last-child {
            margin-left: 3.153vw;
        }

        #banner .ImgOneText .PositioningText p img {
            width: 1.261vw;
            height: 1.261vw;
            vertical-align: middle;
        }

footer {
    height: 31.792vw;
    width: 100%;
    color: white;
    padding-top: 7.882vw;
    box-sizing: border-box;
    background: url('Image/FooterBackImg.png');
}

    footer .TopFooter {
        height: 18.129vw;
    }

    footer .BotFooter {
        height: 5.78vw;
        text-align: center;
        border-top: 1px dashed white;
        line-height: 5.78vw;
        font-size: 0.788vw;
    }

        footer .BotFooter img {
            vertical-align: middle;
        }

    footer .FootLeft {
        width: 52.549vw;
        height: 100%;
        float: left;
        display: flex;
        justify-content: space-between;
    }

        footer .FootLeft ul {
            height: 13.137vw;
            margin: 0 1.051vw;
            padding: 0;
        }

            footer .FootLeft ul li:first-child {
                font-size: 1.261vw;
                font-weight: bold;
                height: 2.627vw;
            }

            footer .FootLeft ul li:hover {
                color: #C30D23;
                cursor: pointer;
            }

    footer li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        font-size: 0.998vw;
        font-weight: 400;
        text-align: center;
        line-height: 2.102vw;
    }

        footer li a {
            color: white;
        }

            footer li a:hover {
                color: red;
            }

    footer .FootRight {
        float: right;
        display: flex;
    }

        footer .FootRight dl {
            margin: 1.051vw;
        }

        footer .FootRight dt img {
            width: 8.671vw;
            height: 8.671vw;
        }

        footer .FootRight dd {
            width: 8.671vw;
            text-align: center;
            margin: 0;
            font-size: 0.998vw;
        }