a {
    font-size: 16rem;
}

.indexbox {
    width: 100%;
    overflow: hidden;
}

.indexbox>.contentbox {
    /* background: #03864d; */
}



.bannerbox .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "";
}

.bannerbox .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "";
}

.bannerbox .swiper-button-next,
.bannerbox .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60rem;
    height: 60rem;
    margin-top: -22rem;
    z-index: 10;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* background-color: #07805799; */
    border-radius: 50%;
}

.bannerbox .swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url(../image/left.png);
}

.bannerbox .swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url(../image/right.png);
}

.indexbox .bannerbox {
    position: relative;
    width: 100%;
    margin: auto;
    height: 919rem;
    /* padding-top: 89rem; */
}


.bannerbox .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bannerbox .swiper-slide img {
    width: 100%;
    height: 100%;
    min-height: 100%;

    object-fit: cover;
}

.bannerbox .swiper-slide {
    position: relative;
}

.bannerbox .swiper-slide-active img,
.bannerbox .swiper-slide-duplicate-active img {}

.bannerbox .swiper-slide .text {
    text-align: left;
    width: 80%;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    position: absolute;
    color: #fff;

}

.bannerbox .swiper-slide .text .title {
    overflow: hidden;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-size: 60rem;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 22rem;
    text-shadow: 6rem 2rem 1rem #000;
    /* font-style: oblique; */
    font-family: "myBold";
}

.bannerbox .swiper-slide .text .b_line {
    width: 80rem;
    margin: 0rem 0rem 20rem;
    height: 6rem;
    background: #fff;
}

.bannerbox .swiper-slide .text .wenan {
    font-size: 24rem;
    line-height: 1.6;
    white-space: pre-line;
    width: 76%;
    text-align: left;
    text-shadow: 1rem 1rem 0rem #000;
}

.bannerbox .swiper-slide .text .btn {
    width: 160rem;
    background: linear-gradient(to right, #03367f, #0da3d1);
    height: 44rem;
    line-height: 41rem;
    text-align: center;
    border-radius: 6rem;
    border: solid 0rem rgba(0, 0, 0, 0);
    color: #fff;
    margin-top: 3%;
    font-size: 16rem;
    display: inline-block;
}

.bannerbox .swiper-slide .text .title p {
    transition: all 1s .7s;
}



/* */

.indexbox .indexproduct {
    /* background: #e60012; */
    margin-top: 10rem;
    position: relative;
    /* padding-top: 10rem; */
}

.indexbox .indexproduct:after {
    content: "";
    width: 100%;
    height: 42%;
    position: absolute;
    background: #e60012;
    bottom: 0;
    left: 0;
}

.indexbox .indexproduct .zhutitle {
    /* color: #fff; */
}

.indexbox .indexproduct .itembox {
    position: relative;
    padding: 0 40rem;
}



.indexbox .indexproduct .swiper {
    width: 100%;
    height: 100%;
    position: initial;
    overflow: hidden;
}

.indexbox .indexproduct .swiper-button-next img,
.indexbox .indexproduct .swiper-button-prev img {
    filter: invert(1);
}

.indexbox .indexproduct .swiper-button-next {
    right: -20rem;
    left: initial;
}

.indexbox .indexproduct .swiper-button-prev {
    left: -20rem;
    right: initial;
}

.indexbox .indexproduct .swiper .swiper-wrapper {}

.indexbox .indexproduct .swiper-slide {
    text-align: center;
    /* background: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
}

.indexbox .indexproduct .swiper-slide.swiper-slide-active .btn a {
    animation: huangdong 3s 0s infinite;
    -webkit-animation: huangdong 3s 0s infinite;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
}

.indexbox .indexproduct .swiper-slide .btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexbox .indexproduct .swiper-slide .btn a {
    background: #f2f2f2;
    color: #000;
    font-weight: 600;
    padding: 26rem 50rem;
    font-size: 18rem;
    /* box-shadow: 0rem 0rem 5rem #00000045; */
    transition: all .6s;
    position: relative;
    z-index: 1;
    background: url(../image/productbtnbg.png) center no-repeat;
    background-size: contain;
    /* animation: huangdong 3s 0s infinite; */
    /* -webkit-animation: huangdong 3s 0s infinite; */
    /* transform-origin: bottom; */
    /* -webkit-transform-origin: bottom; */
}

.indexbox .indexproduct .swiper-slide .btn a:hover {
    animation: huangdong 3s 0s infinite;
    -webkit-animation: huangdong 3s 0s infinite;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    color: #e60012;
}

.indexbox .indexproduct .swiper-slide .btn a:hover {
    color: #e60012;
}

.indexbox .indexproduct .swiper-slide .btn a:hover:after {
    /* background: #faaf18; */
    width: 100%;
}

.indexbox .indexproduct .swiper-slide .btn a:after {
    content: "";
    background: #faaf18;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .6s;
}

.indexbox .indexproduct .swiper-slide .title {
    font-size: 20rem;
    font-weight: 600;
    margin: 30rem 0;
}

.indexbox .indexproduct .swiper-slide .imgbox {
    width: 100%;
    height: 300rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10rem 0;
    overflow: hidden;
}

.indexbox .indexproduct .swiper-slide .imgbox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    transition: all .6s;
}

.indexbox .indexproduct .swiper-slide:hover .imgbox img {
    /* transform: scale(1.2); */
}

/* indexabout */
.indexabout {}

.indexabout .itembox {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    margin-bottom: 84rem;
}

.indexabout .itembox .leftbox {
    width: 40%;
    position: relative;
}

.indexabout .itembox .leftbox .imgbox {
    position: absolute;
    bottom: -179rem;
    right: -40rem;
    background: #e60012;
    padding: 20rem;
    width: 330rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexabout .itembox .leftbox .imgbox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.indexabout .itembox .leftbox .imgbox .imgtitle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -65%;
    background: #e60012;
    padding: 20rem;
    color: #fff;
    font-size: 28rem;
    font-weight: 600;
    width: max-content;
    width: 251rem;
    min-height: 230rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexabout .itembox .leftbox .imgbg {
    width: 100%;
    height: 421rem;
    /* position: absolute; */
    left: 0;
    top: 0;
}

.indexabout .itembox .leftbox .imgbg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexabout .itembox .rightbox {
    width: 54%;
    /* padding-top: 60rem; */
}

.indexabout .itembox .rightbox .title {
    display: flex;
    flex-direction: column;
    font-size: 20rem;
    font-weight: 600;
    color: #000;
    position: relative;
    padding-bottom: 12rem;
}

.indexabout .itembox .rightbox .title .titleson {
    color: #e60012;
    font-size: 30rem;
    padding: 10rem 0;
}

.indexabout .itembox .rightbox .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100rem;
    height: 5rem;
    background: #fedc07;
}



.indexabout .itembox .rightbox .textbox {
    font-size: 15rem;
    line-height: 32rem;
    margin-top: 20rem;
}

.indexabout .itembox .rightbox .iconbox {
    display: flex;
    align-items: center;
    margin-top: 30rem;
}

.indexabout .itembox .rightbox .iconbox .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #e60012;
    font-size: 16rem;
    margin-right: 44rem;
    font-weight: 600;
    text-align: center;
}

.indexabout .itembox .rightbox .iconbox .icon:last-child {
    margin-right: 0;
}

.indexabout .itembox .rightbox .iconbox .icon .imgbox {
    width: 70rem;
    height: 70rem;
    margin-bottom: 10rem;
}

.indexabout .itembox .rightbox .iconbox .icon .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.indexabout .itembox .rightbox .iconbox .icon .num {
    font-weight: 600;
    font-size: 16rem;
    margin: 10rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.indexabout .itembox .rightbox .iconbox .icon .num i {
    font-size: 20rem;
}

/* indexcase */
.indexcase {
    background: #e60012;
}

.indexcase .zhutitle {
    color: #fff;
}

.indexcase .itembox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indexcase .itembox .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background: #fff; */
    padding: 10rem 5rem;
    width: 32%;
}

.indexcase .itembox .item .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25rem;
}

.indexcase .itembox .item .btn a {
    background: #fedc07;
    color: #000;
    font-size: 18rem;
    font-weight: 600;
    padding: 10rem 50rem;
    position: relative;
    z-index: 1;
    border-radius: 5rem;
    overflow: hidden;
}

.indexcase .itembox .item .btn a:after {
    content: "";
    background: #fff;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .6s;
}

.indexcase .itembox .item .btn a:hover:after {
    width: 100%;
}

.indexcase .itembox .item .videobox {}

.indexcase .itembox .item .videobox .videobtn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50rem;
    height: 50rem;
    cursor: pointer;
}

.indexcase .itembox .item .videobox .videobtn img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.indexcase .itembox .item .videobox video {
    max-width: 100%;
    max-height: 100%;
}

.indexcase .itembox .item .itemhead {
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 20rem;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-top: 10rem;
}

.indexcase .itembox .item .itemhead .itemtitle {
    margin: 12rem 0;
    color: #fff;
}

.indexcase .itembox .item .itemhead img {
    width: 50rem;
}

.indexcase .itembox .item .imgbox {
    width: 100%;
    height: 309rem;
    margin: 20rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    border-radius: 10rem;
}

.indexcase .itembox .item .imgbox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
    transition: all .6s;
}

.indexcase .itembox .item .imgbox:hover img {
    transform: scale(1.2);
}

/* indexhezuo */
.indexhezuo {}

.indexhezuo .itembox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.indexhezuo .itembox .zhutitle {
    /* color: #000; */
    display: flex;
    position: relative;
    padding-bottom: 0;
}

.indexhezuo .itembox .zhutitle:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 110rem;
    width: 50rem;
    background: linear-gradient(0, #e60012, transparent);
    display: none;
}

.indexhezuo .itembox .leftbox {
    width: 100%;
}

.indexhezuo .itembox .leftbox .textbox {
    margin: 50rem 0;
    font-size: 16rem;
    line-height: 30rem;
    text-align: center;
}

.indexhezuo .itembox .rightbox {
    width: 100%;
}

.marquee-container-left {
    width: 100%;
    overflow: hidden;
    /* height: 400rem; */
    position: relative;
    padding-bottom: 10rem;
}

.marquee-container-left .marquee-track {
    display: inline-flex;
    /* position: absolute; */
    /* gap: 20rem; */
    will-change: transform;
}

.marquee-container-right {
    width: 100%;
    overflow: hidden;
    /* height: 431rem; */
    position: relative;
    margin-bottom: 40rem;
    padding: 5rem 0;
}

.marquee-container-right .marquee-track {
    display: inline-flex;
    /* position: absolute; */
    /* gap: 20rem; */
    will-change: transform;
}

.marquee-item {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0rem 0rem 5rem #0000002e;
    padding: 5rem;
}


.marquee-item .imgbox {
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120rem;
}

.marquee-item .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}