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

.am-home-content {
    background-color: #f8f8f8;
}

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

/* 
 * 轮播
*/
.am-swiper-container {
    width: 100%;
    height: 92rem;
    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-slide .swiper-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    z-index: 1;
    width: 100%;
}

.am-swiper-container {
    --size: 5.4rem;
    --desc-size: 2.2rem;
    --desc-m-t: 2.3rem;
    --line-space: 4.8rem;
    --link-size: 1.6rem;
    --link-p: 1.4rem 5rem;
    --link-margin-t: 6rem;
}

.am-swiper-container .swiper-slide .swiper-content .swiper-title {
    font-weight: bold;
    font-size: var(--size);
    margin-top: var(--desc-m-t);
}

.am-swiper-container .swiper-slide .swiper-content .swiper-desc {
    font-size: var(--desc-size);
}

.am-swiper-container .swiper-slide .swiper-content .swiper-btn {
    gap: var(--line-space);
    margin-top: var(--link-margin-t);
}

.am-swiper-container .swiper-slide .swiper-content .link {
    display: inline-flex;
    align-items: center;
    padding: var(--link-p);
    font-size: var(--link-size);
    border-radius: 2.6rem;
    color: #fff;
    transition: all 0.5s ease-in-out;
}

.am-swiper-container .swiper-slide .swiper-content .link:first-of-type {
    background: var(--color-red);
}

.am-swiper-container .swiper-slide .swiper-content .link:last-of-type {
    background: transparent;
    border: 0.1rem solid #fff;
}

.am-swiper-container .swiper-slide .swiper-content .link:hover {
    background: var(--color-main);
    border-color: var(--color-main);
}

.am-swiper-container .swiper-slide .swiper-content .link i {
    margin-left: 1rem;
    transition: all 0.5s ease-in-out;
}

.am-swiper-container .swiper-slide .swiper-content .link:hover i {
    margin-left: 2rem;
}

@media only screen and (max-width: 1024px) {
    .am-swiper-container {
        --size: 4.2rem;
        --desc-size: 2rem;
        --desc-m-t: 1.8rem;
        --link-size: 1.6rem;
        --link-p: 1rem 4rem;
        --link-margin-t: 4rem;
        --line-space: 3rem;
    }
}

@media only screen and (max-width: 640px) {
    .am-swiper-container {
        --size: 2.4rem;
        --desc-size: 1.4rem;
        --desc-m-t: 1.2rem;
        --link-size: 1.2rem;
        --link-p: 0.6rem 1.8rem;
        --link-margin-t: 1.5rem;
        --line-space: 2rem;
    }

    .am-swiper-container .swiper-slide .swiper-content {
        padding-top: 4rem;
    }
}

/* 
 * 企业简介
*/
.company {
    --padding: 11.3rem 0 17rem 0;
    --content-gap: 14.7rem;
    --p-size: 1.8rem;
    --p-line-h: 4.4rem;
    --a-size: 1.6rem;
    --a-p: 1.4rem 5rem;
    --a-margin-t: 3rem;
    --ca-margin-t: 4.8rem;
    --ca-p-1-size: 3.6rem;
    --ca-p-2-size: 1.6rem;
    --ca-p-2-margin-t: 1rem;
    padding: var(--padding);
}

.company .content {
    gap: var(--content-gap);
}

.company .left .mini-show p {
    font-weight: 500;
    font-size: var(--p-size);
    color: #333333;
    line-height: var(--p-line-h);
    margin-bottom: 2rem;
}

.company .left>a {
    display: inline-flex;
    align-items: center;
    padding: var(--a-p);
    font-size: var(--a-size);
    border-radius: 2.6rem;
    color: #fff;
    background: var(--color-main);
    margin-top: var(--a-margin-t);
    transition: all 0.5s ease-in-out;
}

.company .left>a:hover {
    background: var(--color-main-hover);
}

.company .left>a i {
    margin-left: 1rem;
    transition: all 0.5s ease-in-out;
}

.company .left>a:hover i {
    margin-left: 2rem;
}

.company .company-advantage>div {
    flex: 1;
    margin-top: var(--ca-margin-t);
    position: relative;
    text-align: center;
    padding: 0 1rem;
}

.company .company-advantage>div p:first-of-type {
    color: #2A307E;
    font-weight: 700;
    font-size: var(--ca-p-1-size);
}

.company .company-advantage>div p:last-of-type {
    margin-top: var(--ca-p-2-margin-t);
    font-weight: 500;
    font-size: var(--ca-p-2-size);
    color: #333333;
}

.company .company-advantage>div:not(:last-of-type):before {
    content: '';
    width: 0.1rem;
    height: 4.5rem;
    background-color: #d8d8d8;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.company .right .img {
    width: 50.4rem;
    height: 50.4rem;
}

.company .mini-show .img {
    display: none;
}

.company .img>div {
    float: left;
    width: calc(50% - 2rem);
    height: calc(50% - 2rem);
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin: 1rem;
}

.company .img .img-1 {
    border-top-right-radius: 40%;
    border-bottom-left-radius: 40%;
}

.company .img .img-2 {
    border-top-left-radius: 40%;
    border-bottom-right-radius: 40%;
}

.company .img .img-3 {
    clear: both;
    border-top-left-radius: 40%;
    border-bottom-right-radius: 40%;
}

.company .img .img-4 {
    border-top-right-radius: 40%;
    border-bottom-left-radius: 40%;
}

.company .img img {
    position: absolute;
    width: 200%;
    transition: all 0.5s;
}

.company .img img:hover {
    transform: scale(1.2);
}

.img>div:nth-child(1) img {
    left: 0;
    top: 0;
}

.company .img .img-2 img {
    right: 0;
    top: 0;
}

.company .img .img-3 img {
    left: 0;
    bottom: 2rem;
}

.company .img .img-4 img {
    right: 0;
    bottom: 2rem;
}

@media only screen and (max-width: 1599px) {
    .company {
        --p-line-h: 3.4rem;
    }

    .company .right .img {
        width: 59.4rem;
        height: 59.4rem;
    }
}

@media only screen and (max-width: 1259px) {
    .company {
        --padding: 8rem 0 10rem 0;
        --content-gap: 4rem;
        --p-size: 1.8rem;
        --p-line-h: 4rem;
        --a-size: 1.6rem;
        --a-p: 1.4rem 5rem;
        --a-margin-t: 3rem;
        --ca-margin-t: 4.8rem;
        --ca-p-1-size: 3.6rem;
        --ca-p-2-size: 1.6rem;
        --ca-p-2-margin-t: 1rem;
    }

    .company .right {
        display: none;
    }

    .company .mini-show .img {
        display: block;
        width: 31rem;
        height: 31rem;
    }
}

@media only screen and (max-width: 1024px) {
    .company {
        --padding: 4rem 0 6rem 0;
        --content-gap: 8rem;
        --p-size: 1.6rem;
        --a-size: 1.6rem;
        --a-p: 1rem 4rem;
        --a-m-t: 4rem;
        --ca-margin-t: 3rem;
        --ca-p-1-size: 3rem;
        --ca-p-2-size: 1.4rem;
        --ca-p-2-margin-t: 1rem;
    }
}

@media only screen and (max-width: 820px) {
    .company {
        --p-line-h: 2.4rem;
    }

    .company .left,
    .company .company-advantage>div p {
        text-align: center;
    }

    .company .left .mini-show p {
        text-align: left;
    }

    .company .mini-show {
        flex-direction: column;
        gap: 0;
    }

    .company .mini-show .desc {
        width: 100%;
    }

    .company .mini-show .img {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 640px) {
    .company {
        --padding: 3rem 0 4rem 0;
        --p-size: 1.4rem;
        --p-line-h: 2.4rem;
        --a-size: 1.2rem;
        --a-p: 0.6rem 1.8rem;
        --a-m-t: 1.5rem;
        --ca-margin-t: 2rem;
        --ca-p-1-size: 2.4rem;
        --ca-p-2-size: 1.2rem;
        --ca-p-2-margin-t: 0rem;
    }
}

/* 
 * 服务项目
*/
.service {
    --left-width: 42.6rem;
    --left-padding: 14.3rem 11.5rem;
    --left-a-size: 3.2rem;
    --left-a-i-size: 3.6rem;
    --left-a-margin-b: 4rem;
    --right-item-padding: 2rem;
    --right-item-content-img-width: 7.4rem;
    --right-item-content-size: 2.4rem;
    --right-item-content-gap: 2.4rem;
    --right-item-content-i-size: 3.8rem;
    --right-item-content-i-margin-bottom: -6rem;
    color: #fff;
}

.service .left {
    background: var(--color-main);
    width: var(--left-width);
    padding: var(--left-padding);
}

.service .left a {
    font-weight: 500;
    font-size: var(--left-a-size);
    color: #FFFFFF;
    margin-bottom: var(--left-a-margin-b);
    position: relative;
}

.service .left a i {
    font-size: var(--left-a-i-size);
}

@keyframes forward {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(0%);
    }
}

.service .right .item .item-content {
    color: #fff;
    padding: var(--right-item-padding);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: var(--right-item-content-gap);
    z-index: 2;
    font-size: var(--right-item-content-size);
}

.service .right .item {
    width: 25%;
}

.service .right .item .item-content img {
    max-width: var(--right-item-content-img-width);
    transition: all 0.5s ease-in-out;
}

.service .right .item .item-content i {
    margin-bottom: var(--right-item-content-i-margin-bottom);
    font-size: var(--right-item-content-i-size);
    line-height: var(--right-item-content-i-size);
    transition: all 0.5s ease-in-out;
}

.service .right .item>img {
    filter: brightness(30%);
}

@media only screen and (min-width: 641px) {

    .service .right .item:hover i,
    .service .left a:hover i {
        position: relative;
        animation: forward 2s linear infinite;
    }

    .service .right .item::after,
    .service .right .item::before {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        background-color: var(--color-red);
        transition: all 1s ease-in-out;
    }

    .service .right .item::before {
        top: 0;
        bottom: 100%;
    }

    .service .right .item:hover::before {
        bottom: 0;
    }

    .service .right .item::after {
        bottom: 0;
        top: 100%;
    }

    .service .right .item:hover::after {
        top: 0;
    }

    .service .right .item:hover .item-content img {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        /*兼容-webkit-引擎浏览器*/
        -moz-transform: scale(1.3);
        /*兼容-moz-引擎浏览器*/
    }

    .service .right .item .item-content i {
        opacity: 0;
    }

    .service .right .item:hover .item-content i {
        opacity: 1;
        margin-bottom: 0rem;
    }
}

@media only screen and (max-width: 1440px) {
    .service {
        --left-width: 32rem;
        --left-padding: 10rem 6rem;
        --left-a-size: 3.2rem;
        --left-a-i-size: 3.6rem;
        --left-a-margin-b: 3rem;
        --right-item-padding: 2rem;
        --right-item-content-img-width: 5rem;
        --right-item-content-size: 2.4rem;
        --right-item-content-gap: 2rem;
        --right-item-content-i-size: 3.8rem;
        --right-item-content-i-margin-bottom: -6rem;
    }
}

@media only screen and (max-width: 1200px) {
    .service {
        --left-width: 26rem;
        --left-padding: 6rem 3rem;
        --left-a-size: 2.6rem;
        --left-a-i-size: 2.6rem;
        --left-a-margin-b: 2rem;
        --right-item-padding: 1rem;
        --right-item-content-img-width: 3.5rem;
        --right-item-content-size: 2rem;
        --right-item-content-gap: 1.6rem;
        --right-item-content-i-size: 2.6rem;
        --right-item-content-i-margin-bottom: -4rem;
    }
}

@media only screen and (max-width: 1024px) {
    .service {
        --left-width: 22rem;
        --left-padding: 4rem 2rem;
        --left-a-size: 2rem;
        --left-a-i-size: 2rem;
        --left-a-margin-b: 2rem;
        --right-item-padding: 1rem;
        --right-item-content-img-width: 3rem;
        --right-item-content-size: 1.6rem;
        --right-item-content-gap: 1.6rem;
        --right-item-content-i-size: 2rem;
        --right-item-content-i-margin-bottom: -4rem;
    }
}

@media only screen and (max-width: 820px) {
    .service {
        --left-width: 18rem;
        --left-padding: 2rem 1rem;
        --left-a-size: 1.8rem;
        --left-a-i-size: 1.8rem;
        --left-a-margin-b: 1rem;
        --right-item-padding: 1rem;
        --right-item-content-img-width: 2rem;
        --right-item-content-size: 1.4rem;
        --right-item-content-gap: 1rem;
        --right-item-content-i-size: 1.8rem;
        --right-item-content-i-margin-bottom: -3rem;
    }
}

@media only screen and (max-width: 640px) {
    .service {
        --left-width: 100%;
        --left-padding: 2rem 1rem;
        --left-a-size: 1.8rem;
        --left-a-i-size: 1.8rem;
        --left-a-margin-b: 1rem;
        --right-item-padding: 1rem;
        --right-item-content-img-width: 4rem;
        --right-item-content-size: 1.4rem;
        --right-item-content-gap: 1rem;
        --right-item-content-i-size: 2rem;
        --right-item-content-i-margin-bottom: 0;
        flex-direction: column;
    }

    .service .right {
        width: 100%;
    }

    .service .right .item {
        width: 50%;
    }
}

/* 
 * 新闻中心
*/
.new {
    --padding: 11.3rem 0 14.3rem 0;
    --link-margin: 0 0 3rem 0;
    --link-a-size: 2.4rem;
    --content-padding: 2.3rem 2rem 3.2rem 2rem;
    --content-title-size: 2.2rem;
    --item-more-padding: 0.6rem 1.7rem;
    padding: var(--padding);
    background-color: #fff;
}

.new .link {
    margin: var(--link-margin);
}

.new .link a {
    font-weight: 500;
    font-size: var(--link-a-size);
    color: #CCCCCC;
    transition: all 0.5s;
}

.new .link a.am-active,
.new .link a:hover {
    color: var(--color-main-hover);
}

.new .link a:not(:last-of-type)::before {
    content: '';
    width: 0.2rem;
    height: 65%;
    background: #D8D8D8;
    position: absolute;
    top: 50%;
    right: -1.6rem;
    transform: translateY(-50%);
}

.new-list ul {
    display: none;
}

.new-list ul.am-active {
    display: block;
}

.new ul li .item {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.07);
    background-color: #fff;
}

.new ul li .content {
    padding: var(--content-padding);
}

.new ul li .item-title {
    font-weight: 600;
    font-size: var(--content-title-size);
}

.new ul li .item-title:hover {
    color: var(--color-main);
}

.new ul li .item-more {
    background: #eee;
    border-radius: 2.6rem;
    padding: var(--item-more-padding);
    transition: all 0.5s ease-in-out;
}

.new ul li .item-more:hover {
    background-color: var(--color-main);
    color: #fff;
}

.new ul li .item-more i {
    margin-left: 0.5rem;
}

@media only screen and (max-width: 1200px) {
    .new {
        --padding: 8rem 0 10rem 0;
        --link-margin: 0 0 2.4rem 0;
        --link-a-size: 1.8rem;
        --content-padding: 1.5rem 1.5rem 2rem 1.5rem;
        --content-title-size: 1.8rem;
        --item-more-padding: 0.6rem 1.6rem;
    }
}

@media only screen and (max-width: 640px) {
    .new {
        --padding: 3rem 0 4rem 0;
        --link-margin: 0 0 2rem 0;
        --link-a-size: 1.6rem;
        --content-padding: 1rem 1rem 1.5rem 1rem;
        --content-title-size: 1.6rem;
        --item-more-padding: 0.5rem 1rem;
    }
}

/* 
 * 合作客户
*/
.custom {
    padding: 11.3rem 0 8rem 0;
}

.custom .am-swiper-container-2 {
    height: 55.426rem;
}

.custom .swiper-slide {
    height: calc((100% - 40px) / 3) !important;
}

.custom .swiper-pagination {
    bottom: -2rem;
}

@media only screen and (max-width: 1200px) {
    .custom {
        padding: 8rem 0 7rem 0;
    }
}

@media only screen and (max-width: 640px) {
    .custom {
        padding: 3rem 0 0rem 0;
    }

    .custom .swiper-pagination {
        display: none;
    }
}

/* 
 * 服务优势
*/
.advantage {
    --padding: 13rem 0;
    --desc-size: 1.6rem;
    --desc-margin-b: 5rem;
    --img-w: 11.8rem;
    --img-padding: 3rem;
    --img-padding: 3rem;
    --left-size: 2.1rem;
    --right-width: 51.2rem;
    --right-radius: 4rem;
    --right-padding: 5rem;
    --right-title: 2.4rem;
    --right-margin-b: 4rem;
    --form-padding: 2rem 3rem;
    --form-radius: 1.2rem;
    --form-btn-size: 1.6rem;
    --form-btn-padding: 1.5rem 3.4rem;
    padding: var(--padding);
    background-size: cover;
}

.advantage .desc {
    font-weight: 500;
    font-size: var(--desc-size);
    margin-bottom: var(--desc-margin-b);
}

.advantage .left ul li:not(:last-of-type) {
    margin-bottom: 3rem;
}

.advantage .left ul li .img {
    width: var(--img-w);
    height: var(--img-w);
    padding: var(--img-padding);
}

.img-bg-0 {
    background: var(--color-main);
}

.img-bg-1 {
    background: #FFF1F1;
}

.img-bg-2 {
    background: #F4F4FF;
}

.img-bg-3 {
    background: #FAF1FF;
}

.advantage .left ul li .content p:first-of-type {
    font-weight: 600;
    font-size: var(--left-size);
    color: var(--color-main);
}

.advantage .right {
    width: 100%;
    max-width: var(--right-width);
    background: #FFFFFF;
    box-shadow: 0.1rem 0.1rem 2rem 0.3rem rgba(0, 0, 0, 0.06);
    border-radius: var(--right-radius);
    padding: var(--right-padding);
}

.advantage .form-title {
    font-weight: 600;
    font-size: var(--right-title);
    margin-bottom: var(--right-margin-b);
}

.advantage input.input-form,
.advantage input.input-form:hover,
.advantage input.input-form:focus,
.advantage textarea,
.advantage textarea:hover,
.advantage textarea:focus {
    background-color: #fff;
    font-size: 1.6rem !important;
    padding: var(--form-padding);
    box-shadow: none !important;
    border: 0.1rem solid #DDDDDD !important;
    height: auto;
}

.advantage input.input-form {
    border-radius: var(--form-radius);
}

.advantage textarea {
    border-radius: var(--form-radius);
}

.advantage .advantage-btn {
    border-radius: var(--form-radius);
    color: #fff;
    transition: all 0.5s;
    font-size: var(--form-btn-size);
    padding: var(--form-btn-padding);
}

.advantage .advantage-btn i {
    margin-left: 1rem;
    transition: all 0.5s;
}

.advantage .advantage-btn:hover i {
    margin-left: 2rem;
}

@media only screen and (max-width: 1260px) {
    .advantage {
        --padding: 8rem 0;
        --desc-size: 1.6rem;
        --desc-margin-b: 4rem;
        --img-w: 10rem;
        --img-padding: 3rem;
        --left-size: 2rem;
        --right-width: 45rem;
        --right-radius: 2rem;
        --right-padding: 3rem;
        --right-title: 2.4rem;
        --right-margin-b: 3rem;
        --form-padding: 2rem 3rem;
        --form-btn-size: 1.6rem;
        --form-btn-padding: 1.5rem 3.4rem;
    }
}

@media only screen and (max-width: 1024px) {
    .advantage {
        --padding: 8rem 0;
        --desc-size: 1.6rem;
        --desc-margin-b: 4rem;
        --img-w: 6rem;
        --img-padding: 1.5rem;
        --left-size: 1.8rem;
        --right-width: 40rem;
        --right-radius: 2rem;
        --right-padding: 2rem;
        --right-title: 2rem;
        --right-margin-b: 2rem;
        --form-padding: 1.5rem 2rem;
        --form-btn-size: 1.6rem;
        --form-btn-padding: 1.5rem 3.4rem;
    }
}

@media only screen and (max-width: 820px) {
    .advantage {
        --padding: 8rem 0;
        --desc-size: 1.6rem;
        --desc-margin-b: 2rem;
        --img-w: 7.56rem;
        --img-padding: 1.5rem;
        --left-size: 1.6rem;
        --right-width: 100%;
        --right-radius: 2rem;
        --right-padding: 2rem;
        --right-title: 2rem;
        --right-margin-b: 2rem;
        --form-padding: 1rem 2rem;
        --form-btn-size: 1.6rem;
        --form-btn-padding: 1rem 2rem;
    }
}

@media only screen and (max-width: 640px) {
    .advantage .content-flex {
        flex-direction: column;
    }

    .advantage {
        --padding: 3rem 0;
        --desc-size: 1.6rem;
        --desc-margin-b: 1rem;
        --img-w: 7.06rem;
        --img-padding: 1.5rem;
        --left-size: 1.6rem;
        --right-width: 100%;
        --right-radius: 2rem;
        --right-padding: 2rem;
        --right-title: 2rem;
        --right-margin-b: 2rem;
        --form-padding: 1rem 2rem;
        --form-btn-size: 1.6rem;
        --form-btn-padding: 1rem 2rem;
    }

    .advantage .left ul li {
        gap: 1rem;
    }

    .advantage .left ul li .content p:first-of-type {
        margin-bottom: 0.5rem;
    }
}

/* 
 * 常用样式
*/
.title {
    --size: 3.6rem;
    --margin: 0 0 3rem 0;
    font-weight: 600;
    font-size: var(--size);
    color: #333333;
    margin: var(--margin);
}

@media only screen and (max-width: 1200px) {
    .title {
        --size: 3rem;
        --margin: 0 0 2.4rem 0;
    }
}

@media only screen and (max-width: 640px) {
    .title {
        --size: 2.4rem;
        --margin: 0 0 2rem 0;
    }
}

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