.am-theme-header.am-topbar.am-nav-absolute {
    background: #000;
    box-shadow: none;
}

.am-home-content {
    background-color: #fff;
    position: relative;
}

.a:hover {
    color: var(--color-red);
}

.am-footer.am-footer-default {
    margin-top: 0 !important;
}

/*  * 轮播*/
.am-swiper-container {
    --title-size: 7.2rem;
    --title-lh: 10rem;
    --desc-size: 3.2rem;
    --desc-lh: 5.8rem;
    --desc-mt: 4rem;
    --swiper-button-ps: 4rem;
    --swiper-button-w: 3.3rem;
    --swiper-button-h: 10.1rem;
    --swiper-button-size: 2rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.am-swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 1s linear 2s;
    transform: scale(1.1, 1.1);
}

.am-swiper-container .swiper-slide-active img,
.am-swiper-container .swiper-slide-duplicate-active img {
    transition: 6s linear;
    transform: scale(1, 1);
}

.am-swiper-container .swiper-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.am-swiper-container .swiper-title {
    font-size: var(--title-size);
    line-height: var(--title-lh);
    text-align: center;
    font-weight: 500;
    color: #333;
    color: #fff;
}

.am-swiper-container .swiper-desc {
    margin-top: var(--desc-mt);
    font-size: var(--desc-size);
    color: #fff;
    text-align: center;
    white-space: pre-wrap;
    line-height: var(--desc-lh);
}

.am-swiper-container .swiper-button-prev,
.am-swiper-container .swiper-rtl .swiper-button-next {
    left: var(--swiper-button-ps);
}

.am-swiper-container .swiper-button-next,
.am-swiper-container .swiper-rtl .swiper-button-prev {
    right: var(--swiper-button-ps);
}

.am-swiper-container .swiper-button-next,
.am-swiper-container .swiper-rtl .swiper-button-prev,
.am-swiper-container .swiper-button-prev,
.am-swiper-container .swiper-rtl .swiper-button-next {
    width: var(--swiper-button-w);
    height: var(--swiper-button-h);
    background: rgba(255, 255, 255, 0.24);
}

.am-swiper-container .swiper-button-next:hover,
.am-swiper-container .swiper-rtl .swiper-button-prev:hover,
.am-swiper-container .swiper-button-prev:hover,
.am-swiper-container .swiper-rtl .swiper-button-next:hover {
    background: rgba(255, 255, 255, 0.14);
}

.am-swiper-container .swiper-button-next:after,
.am-swiper-container .swiper-rtl .swiper-button-prev:after,
.am-swiper-container .swiper-button-prev:after,
.am-swiper-container .swiper-rtl .swiper-button-next:after {
    font-size: var(--swiper-button-size);
    color: #fff;
}

.am-swiper-container .swiper-pagination {
    bottom: 4rem;
}

.am-swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: rgba(216, 216, 216, 0.37);
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 1.5rem;
}

.am-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    border: 0.1rem solid #fff;
    position: relative;
}

.am-swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    background: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1600px) {
    .am-swiper-container {
        --title-size: 6rem;
        --title-lh: 8rem;
        --desc-size: 2.8rem;
        --desc-lh: 4rem;
        --desc-mt: 3rem;
    }
}

@media only screen and (max-width: 1440px) {
    .am-swiper-container {
        --title-size: 4rem;
        --title-lh: 6rem;
        --desc-size: 2.4rem;
        --desc-lh: 3.4rem;
        --desc-mt: 3rem;
        --swiper-button-w: 3rem;
        --swiper-button-h: 8rem;
        --swiper-button-size: 2rem;
    }
}

@media only screen and (max-width: 1260px) {
    .am-swiper-container {
        --title-size: 3.6rem;
        --title-lh: 5rem;
        --desc-size: 2rem;
        --desc-lh: 3rem;
        --desc-mt: 3rem;
    }
}

@media only screen and (max-width: 1024px) {
    .am-swiper-container {
        --swiper-button-ps: 1rem;
    }
}

@media only screen and (max-width: 1000px) {
    .am-swiper-container {
        --title-size: 3rem;
        --title-lh: 4rem;
        --desc-size: 1.8rem;
        --desc-lh: 3rem;
        --desc-mt: 1.8rem;
    }
}

@media only screen and (max-width: 820px) {
    .am-swiper-container {
        --title-size: 2.4rem;
        --title-lh: 3rem;
        --desc-size: 1.6rem;
        --desc-lh: 2.4rem;
        --desc-mt: 1rem;
        --swiper-button-w: 2rem;
        --swiper-button-h: 5rem;
        --swiper-button-size: 1.4rem;
    }
}

@media only screen and (max-width: 640px) {
    .am-swiper-container {
        --title-size: 1.6rem;
        --title-lh: 2rem;
        --desc-size: 1.2rem;
        --desc-lh: 2rem;
        --desc-mt: 1rem;
    }
}

/** * 关于我们*/
.about {
    --about-flex-gap: 2.7rem;
    --about-flex-p: 7rem 0;
    --about-flex-direction: row;
    --title-size: 3.2rem;
    --text-desc-lh: 2.7rem;
    --text-desc-mt: 2.4rem;
    --text-btn-mt: 9rem;
    --text-btn-size: 1.6rem;
    --text-btn-p: 1.2rem 2.8rem;
    background-size: cover;
    background-position: center;
}

.about .about-flex {
    display: flex;
    flex-direction: var(--about-flex-direction);
    gap: var(--about-flex-gap);
    padding: var(--about-flex-p);
}

.about .about-flex>* {
    flex: 1;
}

.about .about-flex .about-content,
.about .about-flex .about-content a {
    color: #fff;
}

.about .about-flex .about-content .content {
    margin-top: var(--text-desc-mt);
}

.about .about-flex .about-content .title {
    font-weight: 500;
    font-size: var(--title-size);
}

.about .about-flex .about-content .text-desc {
    font-size: 1.4rem;
    line-height: var(--text-desc-lh);
    white-space: pre-wrap;
    margin-top: var(-text-desc-mt);
}

.about .about-flex .about-content .text-btn {
    margin-top: var(--text-btn-mt);
    font-size: var(--text-btn-size);
    border-radius: 0.4rem;
    padding: var(--text-btn-p);
    transition: all 0.3s;
}

@media only screen and (max-width: 1600px) {
    .about {
        --text-desc-lh: 2rem;
        --text-btn-mt: 6rem;
    }
}

@media only screen and (max-width: 1440px) {
    .about {
        --about-flex-gap: 2rem;
        --about-flex-p: 5rem 0;
        --title-size: 2.4rem;
        --text-desc-mt: 1.5rem;
        --text-btn-mt: 4rem;
    }
}

@media only screen and (max-width: 1260px) {
    .about {
        --about-flex-p: 4rem 0;
        --about-flex-direction: column;
    }

    .about .about-flex .about-img {
        max-height: calc(100vw / 2);
        overflow: hidden;
    }
}

@media only screen and (max-width: 820px) {
    .about {
        --about-flex-p: 3rem 0;
        --text-btn-size: 1.4rem;
        --text-btn-p: 0.8rem 1.6rem;
        --text-btn-mt: 3rem;
    }
}

/** * 产品中心*/
.product {
    --content-p: 4.4rem 3rem 13rem 3rem;
    --a-w: 12.1rem;
    --a-h: 4.8rem;
    --a-size: 1.6rem;
    --title-size: 2.4rem;
    --title-mb: 1rem;
    --desc-size: 1.4rem;
    background-color: #000;
}

.product .odd .img {
    order: 1;
}

.product .content {
    padding: var(--content-p);
    color: #fff;
    background: #242424;
}

.product .odd .content {
    order: 0;
}

.product .content a {
    width: var(--a-w);
    height: var(--a-h);
    line-height: var(--a-h);
    font-size: var(--a-size);
    padding: 0 1rem;
    border-radius: 0.4rem;
}

.product .content .title {
    margin-bottom: var(--title-mb);
    font-size: var(--title-size);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.product .content .desc {
    margin-bottom: var(--title-mb);
    font-size: var(--desc-size);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

@media only screen and (max-width: 1600px) {
    .product {
        --content-p: 4rem 3rem 4rem 3rem;
        --a-w: 10rem;
        --a-h: 4rem;
        --title-size: 2.2rem;
    }
}

@media only screen and (max-width: 1260px) {
    .product {
        --content-p: 2rem;
        --a-w: 8rem;
        --a-h: 3.6rem;
        --title-size: 2rem;
    }
}

@media only screen and (max-width: 820px) {
    .product {
        --content-p: 1rem;
        --a-w: 7rem;
        --a-h: 3rem;
        --a-size: 1.2rem;
        --title-size: 1.6rem;
        --desc-size: 1.2rem;
        --title-mb: 0.5rem;
    }
}

@media only screen and (max-width: 640px) {
    .product {
        --content-p: 1rem;
        --a-w: auto;
        --a-h: auto;
        --a-size: 1rem;
        --title-size: 1.2rem;
        --desc-size: 1rem;
        --title-mb: 0;
    }

    .product .content a {
        padding: 0;
        border: 0;
    }

    .product .content .desc {
        -webkit-line-clamp: 1;
        line-clamp: 1;
    }
}

/** * 新闻中心*/
.new {
    --slider-size: 1.8rem;
    --item-content-p: 3rem;
    --title-size: 1.8rem;
    --title-mb: 1rem;
    --time-size: 1.6rem;
    --time-mb: 1.3rem;
    --desc-size: 1.4rem;
    --new-footer-nav-p: 4rem 0 6.2rem 0;
    --new-footer-nav-i-size: 4rem;
    background-color: #000;
}

.new .swiper-slide {
    font-size: var(--slider-size);
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.new .swiper-slide .item {
    width: 100%;
}

.new .swiper-slide .item .item-content {
    padding: var(--item-content-p);
}

.new .swiper-slide.odd .item .img {
    order: 1;
}

.new .swiper-conent {
    background: #242424;
    width: 100%;
}

.new .swiper-conent .title,
.new .swiper-conent .desc {
    color: #fff;
}

.new .swiper-conent .title {
    font-size: var(--title-size);
    margin-bottom: var(--title-mb);
}

.new .swiper-conent .time {
    color: #999;
    font-size: var(--title-size);
    margin-bottom: var(--title-mb);
}

.new .swiper-conent .desc {
    font-size: var(--desc-size);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.new .new-footer-nav {
    padding: var(--new-footer-nav-p);
}

.new .new-footer-nav i {
    width: var(--new-footer-nav-i-size);
    height: var(--new-footer-nav-i-size);
    border: 0.1rem solid #CCCCCC;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}

.new .new-footer-nav i:hover {
    color: var(--color-main);
    border-color: var(--color-main);
}

@media only screen and (max-width: 1600px) {
    .new {
        --slider-size: 1.8rem;
        --item-content-p: 3rem;
        --title-size: 1.8rem;
        --title-mb: 1rem;
        --time-size: 1.6rem;
        --time-mb: 1.3rem;
        --desc-size: 1.4rem;
        --new-footer-nav-p: 4rem 0 6.2rem 0;
        --new-footer-nav-i-size: 4rem;
    }
}

@media only screen and (max-width: 1440px) {
    .new {
        --slider-size: 1.6rem;
        --item-content-p: 2rem;
        --title-size: 1.6rem;
        --title-mb: 0.5rem;
        --time-size: 1.4rem;
        --time-mb: 0.8rem;
        --desc-size: 1.2rem;
        --new-footer-nav-p: 4rem 0 6.2rem 0;
        --new-footer-nav-i-size: 4rem;
    }
}

@media only screen and (max-width: 1260px) {
    .new {
        --item-content-p: 1rem;
        --title-mb: 0rem;
        --time-mb: 0rem;
        --new-footer-nav-p: 3rem 0 4rem 0;
        --new-footer-nav-i-size: 3rem;
    }
}

@media only screen and (max-width: 820px) {
    .new {
        --new-footer-nav-p: 2rem 0 3rem 0;
    }
}

@media only screen and (max-width: 820px) {
    .new {
        --slider-size: 1.4rem;
        --title-size: 1.2rem;
        --title-mb: 0rem;
        --time-size: 1rem;
        --time-mb: 0.5rem;
        --desc-size: 1rem;
    }
}

/** * 通用样式*/
.common-title {
    --pt: 6rem;
    --pb: 5rem;
    --title: 3.6rem;
    --vice-title: 1.8rem;
    position: relative;
    padding-bottom: var(--pb);
    padding-top: var(--pt);
    color: #fff;
}

.common-title .title {
    font-size: var(--title);
    text-align: center;
    font-weight: 500;
}

.common-title .vice-title {
    font-size: var(--vice-title);
    text-align: center;
}

@media only screen and (max-width: 1260px) {
    .common-title {
        --pt: 4rem;
        --pb: 3rem;
        --title: 2.4rem;
        --vice-title: 1.6rem;
    }
}

@media only screen and (max-width: 820px) {
    .common-title {
        --pt: 3rem;
        --pb: 2rem;
        --title: 2rem;
        --vice-title: 1.4rem;
    }
}