video {
    width: 100%
}

body p {
    font-size: 16px;
    margin-bottom: 0
}

.container {
    max-width: 1500px
}

.show {
    display: block !important;
}

.bgImg {
    width: 100%
}

.hide1 {
    display: none
}

ul {
    list-style: none;
    padding-left: 0;
    padding-inline-start: 0
}

hr {
    margin-top: 0;
    margin-bottom: 0
}

.headroom {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all .2s ease-in-out
}

.container {
    padding-right: 0px;
    padding-left: 0px
}

.mobileShow {
    display: none !important
}

.MobileShow {
    display: none !important
}

a {
    color: unset;
    background-color: unset;
    text-decoration: none;
}

a:hover {
    color: unset
}

a:visited,
a:focus {
    color: unset;
    text-decoration: unset
}

.swiper-button {
    outline: none
}

.PcShow {
    display: block !important
}

@media screen and (max-width: 1540px) and (min-width: 1400px) {
    .container {
        width: 1320px
    }
}

@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

@media screen and (max-width: 1199px) and (min-width: 1000px) {
    .container {
        width: 950px
    }
}

@media screen and (max-width: 999px) and (min-width: 768px) {
    .container {
        width: 700px
    }
}

@media screen and (max-width: 767px) {
    .container {
        width: 100%;
        padding: 0 15px
    }
}

@media (max-width: 768px) and (min-width: 0px) {
    .viewBtn {
        width: 200px;
        line-height: 60px
    }

    .bgImg {
        height: 350px;
        object-fit: cover
    }

    .MobileShow {
        display: block !important
    }

    .PcShow {
        display: none !important
    }
}

@media (max-width: 767px) and (min-width: 0px) {
    .viewBtn {
        width: 100%;
        font-size: 16px;
        line-height: 50px
    }

    body p {
        font-size: 15px
    }
}