a {
    font-size: 16rem;
}

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

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

.indexbox .bannerbox {
    position: relative;
    margin-top: 60rem;
}

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

.bannerbox .swiper-slide img {
    width: 100%;
    height: auto;
    min-height: 100%;
    transition: 4s linear 2s;
 
    object-fit: cover;
}

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

.bannerbox .swiper-slide-active img,
.bannerbox .swiper-slide-duplicate-active img {
    transition: 6s linear;
   
}

.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 {
    /* width: 100%; */
    /* background: url(../image/productbg.jpg) no-repeat center center; */
    background-size: cover;
    position: relative;
    overflow: hidden;
    position: relative;
    /* background: #f6f7fb; */
}

.indexbox .indexproduct .zhutitle {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.indexbox .indexproduct .zhutitle .text {
    width: 100%;
    margin-bottom: 14rem;
}

.indexbox .indexproduct .indexproductcontent {
    display: flex;
    flex-wrap: wrap;
}

.indexbox .indexproduct .indexproductcontent .item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fefee8;
    background: #332c2b;
    padding: 12rem;
    border-radius: 6rem;
    overflow: hidden;
    color: #fff;
}

.indexbox .indexproduct .indexproductcontent .item:hover {
    color: #332c2b;
    background: #fbe122;
}

.indexbox .indexproduct .indexproductcontent .item .imgbox {
    width: 100%;
}

.indexbox .indexproduct .indexproductcontent .item .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexbox .indexproduct .indexproductcontent .item .textbox {}

.indexbox .indexproduct .indexproductcontent .item .textbox .btnbox {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: column;
}

.indexbox .indexproduct .indexproductcontent .item .textbox .btnbox a.read {
    padding: 6rem 16rem;
}

.indexbox .indexproduct .indexproductcontent .item .textbox .btnbox .biaoyu {
    font-size: 14rem;
    font-weight: 600;
    margin-bottom: 14rem;
    display: none;
}

.indexbox .indexproduct .indexproductcontent .item .textbox .title {
    font-size: 14rem;
    margin-top: 12rem;
    font-weight: 600;
}

.indexbox .indexproduct .indexproductcontent .item .textbox .pinfenbox {
    display: flex;
    align-items: center;
    margin: 10rem 0;
}

.indexbox .indexproduct .indexproductcontent .item .textbox .pinfenbox span {
    margin-right: 10rem;
    display: block;
    display: flex;
    align-items: center;
}

.indexbox .indexproduct .indexproductcontent .item .textbox .pinfenbox span img {
    width: 18rem;
}

.indexbox .indexproduct .indexproductcontent .item:hover .textbox .pinfenbox span img {
    filter: brightness(2000);
}

.indexbox .indexproduct .indexproductcontent .item:nth-child(2n) {
    margin-right: 0;
}

.indexbox .indexproduct:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    /* background: #332c2b; */
}

/* indexbrandbox */
.indexbrandbox {}

.indexbrandbox .itembox {
    background: #fbe122;
    background: #332c2b;
}

.indexbrandbox .zhutitle {
    text-align: center;
    justify-content: center;
}
.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;
    align-items: center;
}
.marquee-container-right {
    width: 100%;
    overflow: hidden;
    /* height: 431rem; */
    position: relative;
    /* margin-bottom: 40rem; */
}
.marquee-container-right .marquee-track {
    display: inline-flex;
    align-items: center;
    /* gap: 20rem; */
    will-change: transform;
}
 .marquee-item {
    flex-shrink: 0;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    transition: width 0.3s;
    flex-direction: column;
    border-radius: 10rem;
    position: relative;
}

.marquee-item .textbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #fbe1228a;
    transition:all .6s;
    opacity:0;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 30rem;
}

.marquee-item:hover .textbox {
   opacity:1;
}

.marquee-item  .textbox {
}



.marquee-item  .imgbox {
    width: 100%;
    height: 160rem;
    margin-right: 16rem;
    overflow: hidden;
    z-index: 1;
}

.marquee-item  .imgbox img {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
    min-height: 100%;
}



/*about*/
.indexbox .indexabout {
    /* background: #ecf3f9; */
}

.indexbox .indexabout .zhutitle {
    padding-bottom: 16rem;
}

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

.indexbox .indexabout .itembox .leftbox .leftvideobox {
    width: 100%;
    position: relative;
}

.indexbox .indexabout .itembox .leftbox .leftvideobox .videobox {
    width: 100%;
}

.indexbox .indexabout .itembox .leftbox .leftvideobox #videobtn {
    width: 70rem;
    height: 100%;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.indexbox .indexabout .itembox .leftbox .leftvideobox #videobtn #playButton {
    width: 100%;
    height: 100%;
}

.indexbox .indexabout .itembox .leftbox .leftvideobox #videobtn #playButton img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.indexbox .indexabout .itembox .leftbox .leftvideobox .videobox video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexbox .indexabout .itembox .leftbox {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15rem;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox,
.indexbox .indexabout .itembox .leftbox .rightimgbox {
    width: 48%;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox {
    display: flex;
    flex-direction: column;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .phonebox {
    display: flex;
    align-items: center;
    width: 100%;
    border-top-right-radius: 40rem;
    border-bottom-left-radius: 40rem;
    overflow: hidden;
    background: #332c2b;
    color: #fff;
    font-size: 16rem;
    padding: 20rem 28rem;
    margin-top: 35rem;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .phonebox .phone {}

.indexbox .indexabout .itembox .leftbox .leftimgbox .phonebox .phone p {
    font-size: 20rem;
    font-weight: 600;
    margin-top: 5rem;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .phonebox .icon {
    width: 54rem;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    padding: 10rem;
    margin-right: 16rem;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .phonebox .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .imgbox,
.indexbox .indexabout .itembox .leftbox .rightimgbox .imgbox {
    width: 100%;
    height: 500rem;
    overflow: hidden;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .imgbox {
    border-top-right-radius: 40rem;
    border: 1rem solid #666;
    border-bottom-left-radius: 40rem;
    padding: 3rem;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .imgbox img {
    border-top-right-radius: 40rem;
    border-bottom-left-radius: 40rem;
}

.indexbox .indexabout .itembox .leftbox .rightimgbox .imgbox {
    border-top-left-radius: 40rem;
    /* border-bottom: 2rem solid #eee; */
    /* padding: 3rem; */
    border-bottom-right-radius: 40rem;
}

.indexbox .indexabout .itembox .leftbox .leftimgbox .imgbox img,
.indexbox .indexabout .itembox .leftbox .rightimgbox .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexbox .indexabout .itembox .rightbox {
    width: 100%;
}


.indexbox .indexabout .itembox .rightbox .textbox {
    font-size: 14rem;
    line-height: 26rem;
}

.indexbox .indexabout .itembox .rightbox .textbox .text {
    font-size: 16rem;
    line-height: 30rem;
}

.indexbox .indexabout .itembox .rightbox .iconbox {
    display: flex;
    margin: 16rem 0;
    justify-content: space-between;
    flex-direction: column;
}

.indexbox .indexabout .itembox .rightbox .iconbox .icon {
    /* max-width: 32%; */
    font-size: 16rem;
    display: flex;
    align-items: center;
    background: #332c2b;
    padding: 6rem 6rem;
    overflow: hidden;
    border-radius: 5rem;
    margin: 5rem 0;
}

.indexbox .indexabout .itembox .rightbox .iconbox .icon .text {}

.indexbox .indexabout .itembox .rightbox .iconbox .icon .text .num {
    font-size: 14rem;
    font-weight: 600;
    color: #fbe122;
    /* color: #332c2b; */
}

.indexbox .indexabout .itembox .rightbox .iconbox .icon .text .num span {
    font-size: 36rem;
    font-weight: 600;
}

.indexbox .indexabout .itembox .rightbox .iconbox .icon .img {
    width: 46rem;
    border-radius: 50%;
    background: #fff;
    padding: 8rem;
    margin-right: 10rem;
    border: 1rem solid #666;
}

.indexbox .indexabout .itembox .rightbox .iconbox .icon .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/* news */
.indexbox .indexnewsbox {
    background: url(../image/newsbg.jpg) center no-repeat;
    background-size: cover;
    display: flex;
    /* background: #f5f5f5; */
}

.indexbox .indexnewsbox .indexnews {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indexbox .indexnewsbox .indexnews .left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.indexbox .indexnewsbox .indexnews .right {
    width: 46%;
    /* height: 700rem; */
    display: none;
}

.indexbox .indexnewsbox .indexnews .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.indexbox .indexnewsbox .indexnews .left .item {
    display: flex;
    flex-direction: column;
    background: #fff;
    margin-bottom: 20rem;
    box-shadow: 0rem 8rem 25rem 0rem rgba(172, 176, 181, 0.2);
    border-radius: 7rem;
    overflow: hidden;
    transition: all .5s;
    width: fit-content;
}

.indexbox .indexnewsbox .indexnews .left .item:nth-child(2n) {
    /* transform: translateX(40rem); */
    tr\:;
    tr\: inherit;
    tr\: inherit;
    tr\: t;
    tr\: tr;
    tr\: inherit;
    tr\: inherit;
    tr\: t;
}

.indexbox .indexnewsbox .indexnews .left .item .title {
    position: relative;
    color: #332c2b;
    color: #fff;
    font-size: 14rem;
    padding: 6rem 9rem;
    padding-left: 10rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    background: #332c2b;
    transition: all .6s;
}

.indexbox .indexnewsbox .indexnews .left .item .title span {
    margin-right: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexbox .indexnewsbox .indexnews .left .item .title span:before {
    content: "+";
    position: relative;
    font-size: 46rem;
    transform: translateY(-2rem);
    font-weight: 600;
    display: inline-block;
    font-size: 30rem;
    transition: all 0.3s ease-out 0s;
}

.indexbox .indexnewsbox .indexnews .left .item.active .title span:before {
    color: #fbe122;
    content: "-";
}

.indexbox .indexnewsbox .indexnews .left .item:last-child {
    margin-bottom: 0;
}



.indexbox .indexnewsbox .indexnews .left .item.active .title {
    color: #fbe122;
}

.indexbox .indexnewsbox .indexnews .item .miaoshu {
    width: 100%;
    overflow: hidden;
    padding: 14rem;
    padding-top: 10rem;
    font-size: 14rem;
    line-height: 27rem;
    display: none;
}


.indexvideobox {
    position: relative;
    /* padding: 60rem 0; */
    /* padding-bottom: 30rem; */
}

.indexvideobox .indexvideoboxbgbox:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(14, 27, 44, 0.6); */
    z-index: -1;
}

.indexvideobox .indexvideoboxbgbox {
    /* overflow: hidden; */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* height: 440rem; */
    /* overflow: hidden; */
    background: #332c2b;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 42rem 0;
}

.indexvideobox .indexvideoboxbgbox:before {
    /* position:absolute; */
    /* background: linear-gradient(61deg,#347307f0 10%,#61a62f9e 60%,#61a62f1f 80%); */
    /* content:''; */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    /* background: linear-gradient(45deg, #ffffff96, #ffffff00),linear-gradient(45deg, #ffffff8f 10%, transparent 40%); */
}

.indexvideobox .indexvideoboxbgbox img {
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: cover; */
}

.indexvideobox .indexvideoboxbgbox .textbox {
    /* position: absolute; */
    top: 34%;
    left: 50%;
    /* transform: translate(-50%, -50%); */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28rem;
    color: #fbe122;
    flex-direction: column;
}

.indexvideobox .indexvideoboxbgbox .textbox .text {
    margin: 30rem 0;
    line-height: initial;
}

.indexvideobox .indexvideoboxbgbox .textbox .btnbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexvideobox .indexvideoboxbgbox #videobtn {
    width: 80rem;
    height: 80rem;
    z-index: 10;
    /* margin-bottom: 30rem; */
}

.indexvideobox .indexvideoboxbgbox #videobtn #playButton {
    width: 100%;
    height: 100%;
    position: relative;
}

.indexvideobox .indexvideoboxbgbox #videobtn #playButton:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 90px;
    width: 90px;
    background: #332c2b8f;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
}

.indexvideobox .indexvideoboxbgbox #videobtn #playButton img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}

.indexvideobox .fuwubox {
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 10;
    background: #332c2b;
    border-radius: 5rem;
    overflow: hidden;
    padding: 20rem;
    margin-top: 0%;
    flex-direction: column;
    display: none;
}

.indexvideobox .fuwubox .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: #fff;
    margin: 10rem 0;
}

.indexvideobox .fuwubox .item .wenanbox {
    font-size: 12rem;
    line-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 179rem;
    text-align: justify;
    display: none;
}

.indexvideobox .fuwubox .item .icon {
    width: 80rem;
}

.indexvideobox .fuwubox .item .icon img {
    width: 100%;
}

.indexvideobox .fuwubox .item .title {
    font-size: 16rem;
    font-weight: 600;
    margin-top: 20rem;
}

.indexvideobox .fuwubox .item .futitle {
    color: #fbe122;
    margin: 15rem 0;
    width: 100%;
    font-size: 14rem;
}

.aboutvideobox {
    z-index: 9999;
    position: fixed;
    width: 100%;
    background: #ffffff96;
    background-color: rgba(14, 27, 44, 0.6);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    height: 100%;
    /* animation: scalevideo 1s; */
}

.aboutvideobox .videobox {
    position: absolute;
    /* width: 50%; */
    /* height: 50%; */
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    animation: scalevideo 1s;
}

.aboutvideobox video {
    display: block;
    max-width: 100%;
}

.aboutvideobox .close {
    position: absolute;
    width: 80rem;
    height: 80rem;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 50rem;
    font-size: 60rem;
    color: #fbe122;
    cursor: pointer;
    z-index: 5;
}

.indexpinjiabox {
    background: url(../image/pingjiabg.png) center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.indexpinjiabox .zhutitle {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexpinjiabox .swiper {
    width: 100%;
    height: 100%;
    padding-bottom: 36rem;
}

.indexpinjiabox .swiper-slide {
    text-align: center;
    font-size: 14rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10rem;
    margin: 10rem 16rem 26rem 20rem;
    position: relative;
    -webkit-border-radius: 20rem;
    box-shadow: 0 0 30rem rgba(0, 0, 0, 0.1);
    color: #332c2b;
}

.indexpinjiabox .swiper-slide:nth-child(even) {
    /* margin-top: 30rem; */
}

.indexpinjiabox .item {}

.indexpinjiabox .item .titlebox {
    width: 100%;
    display: flex;
    align-items: center;
}

.indexpinjiabox .item .titlebox .icon {
    width: 60rem;
    height: 60rem;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    border: 3rem solid #eee;
    /* padding: 10rem; */
}

.indexpinjiabox .item .titlebox .title {
    display: flex;
    flex-direction: column;
    margin-left: 10rem;
    text-align: left;
    font-size: 16rem;
}

.indexpinjiabox .item .titlebox .title .pinfenbox {
    display: flex;
    align-items: center;
    margin-top: 8rem;
}

.indexpinjiabox .item .titlebox .title .pinfenbox span {
    width: 20rem;
    margin-right: 7rem;
}

.indexpinjiabox .item .titlebox .title .pinfenbox span img {}

.indexpinjiabox .item .textbox {
    font-size: 14rem;
    line-height: 28rem;
    position: relative;
    color: #666;
    text-indent: 24rem;
    margin-bottom: 20rem;
    text-align: left;
    padding: 5rem;
}

.indexpinjiabox .item .textbox .yinhao {
    position: absolute;
    width: 27rem;
    left: -3rem;
    top: -3rem;
}

.indexpinjiabox .item .textbox .yinhao img {
    width: 100%;
}

.indexpinjiabox .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}