.body {
    position: relative;
}
/*.container {*/
/*    overflow: hidden;*/
/*}*/

:root {
  --vi: #e50113;
}
/* <!---------------------------头部导航-------------------------------------> */
.header {
    width: 100%;
    height: 1.875rem;
    background: rgba(255, 255, 255, 0.66);
    backdrop-filter: blur(.6rem);
    padding: 0 2.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 999;
    
}
.header .side-btn {
    display: none;
}
.header .mb-nav {
    display: none;
}
.header .logo {
    width: 2.175rem;
    height: .7rem;
    background: url(../images/logo.png) no-repeat center;
    background-size: 100% 100%;
}
.header .nav {
    display: flex;
    flex-direction: row;
    width: 42%;
    align-content: center;
    justify-content: center;
}
.header .nav .item {
    font-weight: 600;
    cursor: pointer;
    padding: .6rem 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
/*.header .nav .item:last-child{position: relative;}*/
.header .nav .item.on>a {
    color: #E50113;
}
.header .nav .item ul.list{position: absolute;top: 100%;left: 0%;width: 100%;white-space:nowrap;display:flex;justify-content:center; line-height: 1.6;text-align: center;background: #fcfcfc;opacity:0;pointer-events:none; padding:1vw;transition:all 0.5s;}
.header .nav .item:hover ul.list{pointer-events:all;opacity:1;}
.header .nav .item ul.list a{display: block;margin: 0 0.32rem;}
.header .nav .item ul.list a:hover{color: #E50113;}
.header .right {
        display: flex;
        flex-direction: row;
        align-items: center;
}
.header .right .language {
    width: .45rem;
    height: .45rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: .925rem;
}
.header .right .language img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: lanrotate 3s linear infinite;
}
.header .right .language::after {
    content: '';
    display: inline-block;
    background: url(../images/arrow-down-b.png) no-repeat center;
    width: .15rem;
    height: .075rem;
    margin-left: .2rem;
    flex-shrink: 0;
}
.header .right .search {
    width: .9rem;
    height: .9rem;
    border-radius: .45rem;
    background-color: #E50113;
    /*background: #E50113 url(../images/search.png) no-repeat center;*/
    margin-right: .35rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .right button {
    width: 3.925rem;
    height: .875rem;
    border-radius: .1rem;
    background: #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .25rem;
}
.header .right button::before {
    content: '';
    display: inline-block;
    width: .375rem;
    height: .4rem;
    background: url(../images/talk.svg) no-repeat center;
    background-size: 100% 100%;
}
.header .right .write {
    display: none;
}


@keyframes lanrotate {
    from {
        transform: rotate(0deg);
    }
    
    to {
        transform: rotate(360deg);
    }
}
/*****************************  侧边固定部分  *******************************/
.side {
    width: 1.175rem;
    height: 5.125rem;
    background: url(../images/side.svg) no-repeat center;
    background-size: 100% 100%;
    position: fixed;
    left: calc(100vw - 1.5rem);
    top: calc(50vh - 2.5625rem);
    z-index: 999;
}

/* -----------------------------  首页  -------------------------------------- */
.index1 {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 9;
}
.index1 .text {
    padding: 2.95rem 0 0 6.575rem;
}
.index1 .text span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
}
.index1 .banner-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 1.1rem;
    padding: 0 0 .25rem 0;
}
.index1 .banner-box .banner {
    width: 43.475rem;
    width: 100%;
    height: 14.075rem;
    background: #000;
}
.index1 .banner-box .banner .item {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius:0;
    padding: .625rem;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.index1 .banner-box .banner .item .pic{
    width: fit-content;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.index1 .banner-box .banner .item .pic div{
    height: 100%;
    /*transition: all 0.1s;*/
}
.index1 .banner-box .banner .item img {
    height: 100%;
    /* object-fit: cover; */
    max-width: 99999px;
    transition: all 0.3s;
}
.index1 .banner-box .banner .item video {
    height: 100%;
    /* object-fit: cover; */
    max-width: 99999px;
    transition: all 0.3s;
}
    
.index2 {
    margin-top: 3rem;
    position: relative;
    z-index: 3;
}
.index2 .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; 
}
.index2 .text p {
    margin-top: .5rem;
}
.index2 .list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-top: 1.5rem;
    margin-left: 2.75rem;
}
.index2 .list .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0.5rem 0.5rem 0.5rem;
    background: #fff;  
}
.index2 .list .item img {
    width: 2.1rem;
    height: 2.1rem;
    object-fit: cover;
    transition: transform .5s;
}
.index2 .list .item:hover img {
    transform: rotate(30deg);
}
.index2 .list .item .text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-top: .5rem;
}
.index2 .list .item .text div{
    color: #E50113;
    display: flex;
    align-items: flex-end;
}
.index2 .list .item .text span {
    transform: translateY(-0.05rem);
    text-align: left;
    font-weight: 400;
    height: 1.45rem;
    margin-left: 0.05rem;
}
.index2 .list .item .text p {
    flex-shrink: 0;
    margin: 0;
    font-weight: 400;
}


.index3 {
    margin-top: 4.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 0;
}
.index3 .banner2 {
    width: 33.5rem;
    height: 15.75rem;
    position: relative;
    margin-top: 1.1rem;
    overflow: hidden;
    border-radius: .6rem;
}
.index3 .banner2 .swiper-pagination{
    bottom: 0.5rem;
}
.index3 .banner2 .swiper-pagination .swiper-pagination-bullet{border-radius: 0;width:0.5rem;height:0.04rem;background-color: #fff;opacity: 1;}
.index3 .banner2 .swiper-pagination .swiper-pagination-bullet-active{background-color: #E50113;}
.index3 .banner2 .banner2-items {
    width: 100%;
    height: 100%;
    /* position: absolute;
    top: 0; */
    opacity: 1;
    transition: all 1s;
}
.index3 .banner2 .banner2-items .banner2-item {
    width: 100%;
    height: 100%;
    position: relative;
}
.index3 .banner2 .banner2-items .banner2-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index3 .banner2 .banner2-items .banner2-item .text {
    position: absolute;
    padding: 3.75rem 0 0 2.775rem;
    font-weight: 600;
    z-index: 9;
}
.index3 .banner2 .banner2-items .banner2-item a {
    width: 4.825rem;
    height: 1.1rem;
    border-radius: .1rem;
    background-color: #fff;
    position: absolute;
    left: 2.775rem;
    top: 12.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}
.index3 .banner2 .banner2-items .banner2-item a:hover {
    background-color: #E50113;
    color: #fff;
}

            
            
            


.index4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 4.5rem;
    padding: 0 0 3.375rem 0;
    position: relative;
    z-index: 2;
}
.index4 .title {
    font-weight: 400;
    margin-bottom: 1.4rem;
}
.index4 .title span {
    color: #E50113;
}
.index4 .list {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*gap: .55rem;*/
    width: 100%;
    padding-left: 1rem;
}
.index4 .list .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
}
.index4 .list .swiper-wrapper .swiper-slide:nth-child(even) {
    transform: translateY(1.05rem);
}
.index4 .list.list1 {
    display: none;
}
.index4 .list .item {
    width: 10.425rem;
    height: 13.825rem;
    position: relative;
}
.index4 .list .item .img-box {
    border-radius: .4rem;
    overflow: hidden;
    position: relative;
    
}
.index4 .list .item .img-box .mask {
    width: 100%;
    height: 40%;
    background: linear-gradient(rgba(0, 0, 0, .6) 0% , rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
}
.index4 .list .item .img-box:hover img {
    transform: scale(105%);
}
.index4 .list .item img {
    border-radius: .4rem;
    width: 10.425rem;
    height: 13.825rem;
    object-fit: cover;
    transition: all .6s;
}
.index4 .list .item .text {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
}
.index4 .list .item .text p:nth-child(1) {
    font-weight: 400;
}
.index4 .list .item .text p:nth-child(2) {
    font-weight: 600;
}
.index4 .list .item:nth-child(1) .bottom {
    position: absolute;
    bottom: -2rem;
    left: 2.4rem;
}
.index4 .list .item:nth-child(1) .bottom img {
    width: auto;
    height: auto;
    object-fit: contain;
} 
.index4 .list .item:nth-child(2) .bottom {
    position: absolute;
    bottom: -2.125rem;
    left: .375rem;
}
.index4 .list .item:nth-child(2) .bottom img {
    width: 9.65rem;
    height: 6.925rem;
    object-fit: contain;
}
.index4 .list .item:nth-child(3) .bottom {
    position: absolute;
    bottom: -3.7875rem;
    left: 1.875rem;
}
.index4 .list .item:nth-child(3) .bottom img {
    width: 7.575rem;
    height: 7.575rem;
    object-fit: contain;
}
.index4 .list .item:nth-child(4) .bottom {
    position: absolute;
    bottom: -3.7875rem;
    left: 1.875rem;
}
.index4 .list .item:nth-child(4) .bottom img {
    width: 9.275rem;
    height: 7.175rem;
    object-fit: contain;
}
.index4 .list .item::before {
    content: '';
    position: absolute;
    display: inline-block;
    background: url(../images/arrow-l-b.svg);
    background-size: 100% 100%;
    width: .45rem;
    height: .45rem;
    left: -.25rem;
    top: -.25rem;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .3s;
}
.index4 .list .item::after {
    content: '';
    position: absolute;
    display: inline-block;
    background: url(../images/arrow-l-b.svg);
    background-size: 100% 100%;
    width: .45rem;
    height: .45rem;
    right: -.25rem;
    bottom: -.25rem;
    transform: rotate(-135deg);
    opacity: 0;
    transition: opacity .3s;
}
.index4 .list .item:hover::before {
    opacity: 1;
}
.index4 .list .item:hover::after {
    opacity: 1;
}
.index4 .list .item:nth-child(even) {
    margin-top: 2.65rem;
}



.index5 {
    width: 100%;
    height: 40.55rem;
    background: #000;
    position: relative;
    
}
.index5 .title {
    padding: 4.1rem 0 0 8.6rem;
    display: flex;
    flex-direction: column;
    gap: 1.475rem;
}
.index5 .title a {
    width: 4.825rem;
    height: 1.1rem;
    border-radius: .1rem;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .55rem;
}
.index5 .title a:hover {
    background-color: #E50113;
    color: #fff;
}

/*.index5 .radar.on .after {*/
/*    transform: rotate(45deg);*/
/*}*/
/*.index5 .radar.on1 .after {*/
/*    transform: rotate(-40deg);*/
/*}*/
/*.index5 .radar.on2 .after {*/
/*    transform: rotate(-70deg);*/
/*}*/
/*.index5 .radar.on3 .after {*/
/*    transform: rotate(8deg);*/
/*}*/
.index5 .radar {
    width: 100%;
    height: 28.7rem;
    /*background:url(../images/index16.png) no-repeat;*/
    background-size: 100% 100%;
    margin-top: 2.9rem;
    margin-top: 0;
    /*mask:url(../images/index17.png) no-repeat 11.125rem 5.75rem;*/
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, rgba(236, 15, 15, 0) 0%, rgba(233, 6, 6, 0) 80%), url(../images/index16.png) no-repeat;
    background-size:cover;
    position: relative;
    overflow: hidden;
}
@keyframes radarLightRotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.index5 .radar .cir1 {
    width: 15.125rem;
    height: 15.125rem;
    border-radius: 15.125rem;
    border: .025rem solid rgba(255, 255, 255, 0.24);
    box-shadow: 0px .0939rem .9393rem .7045rem rgba(0, 0, 0, 0.40);
    display: flex;
    justify-content: center;
    align-items: center;
}
.index5 .radar .cir1 .cir2 {
    width: 6.675rem;
    height: 6.675rem;
    border-radius: 6.675rem;
    border: .025rem solid rgba(255, 255, 255, 0.24);
    box-shadow: 0px .0939rem .9393rem .7045rem rgba(0, 0, 0, 0.40);
    display: flex;
    justify-content: center;
    align-items: center;
    
} 
.index5 .radar .cir1 .cir2 .cir3 {
    width: 2.8647rem;
    height: 2.8647rem;
    border-radius: 2.8647rem;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index5 .radar .after {
    /*content: '';*/
     display: inline-block; 
     width: 140vw;
    height: 140vw;
    top: -54vw;
    left: -20.4vw;
    position: absolute;
    /*transform-origin: top center;*/
     /*background: linear-gradient(180deg, rgba(229, 1, 19, .3) 0%, rgba(229, 1, 19, 0.6) 100%); */
     /*background-color: #E50113; */
    opacity: 1;
    /*width: 100%;*/
    
    /*margin-top: 2.9rem;*/
    background:url("../images/maskx.png");
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    transition: transform .5s;
    transition: transform 0.1s ease-out;
    /*transform-origin: 24.3rem 7.8rem;*/
}
.index5 .swiper-box {
    display: none;
}
.index5 .radar-cord {
    width: 7.325rem;
    height: 3.65rem;
    border-radius: .25rem;
    border: .025rem solid rgba(229, 1, 19, .3);
    padding: .25rem 0 .65rem .55rem;
    background: rgba(28, 26, 26, 0.50);
    backdrop-filter: blur(.51rem);
    position: absolute;
}
.index5 .radar-cord .img-box {
    width: 1rem;
    height: 1rem;
}
.index5 .radar-cord .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index5 .rc1 {
    top: 22.675rem;
    left: 7.95rem;
}
.index5 .rc2 {
    top: 26.95rem;
    left: 18rem;
}
.index5 .rc3 {
    top: 33.65rem;
    left: 14.625rem;
}
.index5 .rc4 {
    top: 32.5rem;
    left: 29.225rem;
}
.index5 .rc5 {
    top: 27rem;
    left: 36.5rem;
}

.index6 .title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 4.45rem 4.6rem 2.5rem 8.6rem;
}

.index6 .title .nav {
    display: flex;
    flex-direction: row;
    gap: 1.325rem;
    border-bottom: .025rem solid rgba(112, 112, 112, .15);
    padding-bottom: .375rem;
}
.index6 .title .nav .item {
    cursor: pointer;
    position: relative;
}
.index6 .title .nav .active {
    color: #E50113;
}
.index6 .title .nav .active::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: .025rem;
    background-color: #E50113;
    position: absolute;
    bottom: -0.4rem;
    left: 0;
}        

.index6 .banner3 {
    width: 100%;
    /* padding: 0 8.6rem; */
    position: relative;
    
}
.index6 .banner3 .banner3-box {
    /* display: flex;
    flex-direction: row;
    gap: .925rem;
    position: absolute;
    left: 8.6rem; */
    position: relative;
    overflow: hidden;
    padding: 0 0 1.75rem 8.6rem;
}
.index6 .banner3 .swiper-wrapper {
    display: none;
}
.index6 .banner3 .on {
    display: flex;
}
.index6 .banner3 .item {
    display: flex;
    flex-direction: column;
}
.index6 .banner3 .item .img-box {
    width: 15.3rem;
    height: 9.575rem;
    margin-bottom: .825rem;
    border-radius: .5rem;
}
.index6 .banner3 .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}
.index6 .banner3 .item p {
    width: 13.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 400;
    line-height: .9rem;
    margin-bottom: 1rem;
}
.index6 .banner3 .item a {
    width: 4.825rem;
    height: 1.1rem;
    border-radius: .1rem;
    border: 1px solid #000;
    background-color: #fff;
    text-align: center;
    line-height: 1.1rem;
}
.index6 .banner3 .item a:hover {
    background-color: #E50113;
    color: #fff;
}
.index6 .banner3 .bottom {
    display: flex;
    /* flex-direction: row; */
    align-items: center;
    /* justify-content: center; */
    /* position: absolute;
    top: 16.025rem; */
    padding: 0 0 2.5rem 8.6rem;
}
.index6 .banner3 .bottom .swiper-pagination{
    position:static;
    display:flex;
    width:fit-content;
    align-items: center;
}
.index6 .banner3 .bottom .swiper-pagination span:nth-child(1) {
    color: #E50113;font-size: 0.7rem;
    margin-right: 0.08rem;
}
.index6 .banner3 .bottom .swiper-pagination span:nth-child(2) {
    color: #3E3A39;font-size: 0.4rem;
    margin-left: 0.08rem;
    /* line-height: .9rem; */
}
.index6 .banner3 .bottom .swiper-pagination span:nth-child(3) {
    color: #3E3A39;
    /* line-height: 1.35rem; */
}
.index6 .banner3 .bottom .line {
    width: 24.475rem;
    height: 0px;
    border-bottom: 1px solid rgba(112, 112, 112, .15);
    margin-bottom: .05rem;
    margin-left: .55rem;
    margin-right: 1.775rem;
}
.index6 .banner3 .bottom .btn svg {
    cursor: pointer;
}
.index6 .banner3 .bottom .btn svg:hover {
    fill: #E50113;
}
.index6 .banner3 .bottom .btn svg:hover g {
    opacity: 1;
}
.index6 .banner3 .bottom .btn svg:hover g path {
    stroke: rgba(51, 51, 51, .22);
}
.index6 .banner3 .bottom .btn svg:hover .my-svg-path {
    fill:#fff;
}

.index7 {
    padding: 0 2.95rem 3.15rem;
    position: relative;
    z-index: 2;
}
.index7 .img-box:hover img {
    transform: scale(105%);
}
.index7 .img-box:hover .bor {
    opacity: 1;
}
.index7 .img-box {
        border-radius: .5rem;
        overflow: hidden;
        position: relative;
}
 .index7 .img-box img {
    width: 42.45rem;
    height: 17.075rem;
    object-fit: cover;
    border-radius: .5rem;
    transition: all .6s;
}
.index7 .img-box .bor {
    background: url(../images/arrow-l-b.svg) no-repeat center;
    width: .45rem;
    height: .45rem;
    position: absolute;
    opacity: 0;
    transition: opacity .6s;
}
.index7 .img-box .t-l {
    transform: rotate(45deg);
    top: -.3rem;
    left: -.3rem;
}
.index7 .img-box .t-r {
    transform: rotate(135deg);
    top: -.3rem;
    right: -.3rem;
}
.index7 .img-box .b-l {
    transform: rotate(-45deg);
    bottom: -.3rem;
    left: -.3rem;
}
.index7 .img-box .b-r {
    transform: rotate(-135deg);
    bottom: -.3rem;
    right: -.3rem;
}
    
.index7 .text {
    position: absolute;
    top:0;
    padding: 5.5rem 0 0 2.775rem;
    font-weight: 600;
    z-index: 9;
}
.index7 a {
    position: sticky;
    width: 4.825rem;
    height: 1.1rem;
    border-radius: .1rem;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    margin-top: 2rem;
    /* margin-left: 2.775rem; */
}
.index7 a:hover {
    background-color: #E50113;
    color: #fff;
}


.rail {
    position: absolute;
    top: 31.4rem;
    pointer-events: none;
}
.rail .rail-box {
    position: relative;
}
.rail .rail-box .rail1 {
    width: 17.5625rem;
    height: 18.275rem;
    border-left: .375rem solid #B1B8C74A;
    border-bottom: .375rem solid #B1B8C74A;
    border-bottom-left-radius: 2rem;
    /* background: #E50113;
    mask: radial-gradient(2rem at 0 100%, #0000 98%, #000); */
    position: absolute;
    top: 0;
    left: 6.625rem;
}
.rail .rail-box .rail1 .line-h {
    height: 17.5625rem;
    width: 18.275rem;
    position: absolute;
    left: -0.375rem;
    /* background-color: #E50113;
    mask: radial-gradient(.75rem at 100% 0%, #0000 100%, #000) right bottom;
    mask-composite: intersect; */
}
.rail .rail-box .rail2 {
    width: 17.5625rem;
    height: 18.275rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-right: .375rem solid #B1B8C74A;
    border-top: .375rem solid #B1B8C74A;
    border-bottom: .375rem solid #B1B8C74A;
    position: absolute;
    top: calc(18.275rem - .375rem);
    left: calc(6.625rem + 17.5625rem);
}
.rail .rail-box .rail3 {
    width: 17.5625rem;
    height: 18.275rem;
    border-left: .375rem solid #B1B8C74A;
    border-top: .375rem solid #B1B8C74A;
    border-top-left-radius: 2rem;
    position: absolute;
    top: calc(2 * (18.275rem - .375rem));
    left: 6.625rem;
}
.rail .rail-box .car {
    width: 5.4rem;
    position: absolute;
    left: calc(6.625rem - 2.5rem);
    top: 0;
    transition: all 1s;
    transform: rotate(90deg);
}
.rail .rail-box .car img {
    width: 5.4rem;
    height: 2.4rem;
    object-fit: cover;
}

/* 动画效果 */
@keyframes banner2Am {
    from {
        opacity: inherit;
    }

    to {
        opacity: .3;
        transform: scale(95%) translateY(-.75rem);
    }
}




/* --------------------------------------------关于我们-------------------------------- */

.about1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.95rem 0;
}
.about1 .title {
    width: 100%;
    padding: 0 0 0 6.575rem;
}
.about1 .title span{
    color:#E50113;
}
.about1 .banner {
    cursor: pointer;
    margin-top: 1.25rem;
    position: relative;
}
.about1 .banner .img-box {
    border-radius: .5rem;
    overflow: hidden;
}
.about1 .banner .img-box img {
    width: 42.45rem;
    height: 17.075rem;
    object-fit: cover;
    border-radius: .5rem;
    transition: all .6s;
}
.about1 .banner .img-box img:hover {
    transform: scale(105%);
}
.about1 .banner .bor {
    background: url(../images/arrow-l-b.svg) no-repeat center;
    width: .45rem;
    height: .45rem;
    position: absolute;
    opacity: 0;
    transition: opacity .6s;
}
.about1 .banner .t-l {
    transform: rotate(45deg);
    top: -.3rem;
    left: -.3rem;
}
.about1 .banner .t-r {
    transform: rotate(135deg);
    top: -.3rem;
    right: -.3rem;
}
.about1 .banner .b-l {
    transform: rotate(-45deg);
    bottom: -.3rem;
    left: -.3rem;
}
.about1 .banner .b-r {
    transform: rotate(-135deg);
    bottom: -.3rem;
    right: -.3rem;
}
.about1 .banner:hover .bor {
    opacity: 1;
}

.about2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.about2 .title {
    font-weight: 400;
}
.about2 .title p {
    width: 26.425rem;
    line-height: 34px;
}
.about2 .list {
    display: flex;
    flex-direction: row;
    gap: 1.1rem;
    margin-top: 4.75rem;
}
.about2 .list .item {
    cursor: pointer;
    transition: transform .6s;
}
.about2 .list .item .img-box {
    width: 11rem;
    height: 11.3rem;
    position: relative;
}
.about2 .list .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}
.about2 .list .item .img-box .item-tit {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    text-align: center;
    opacity: .8;
    transition: opacity .6s;
}
.about2 .list .item .text {
    text-align: left;
    margin-top: .5rem;
    opacity: 0;
    transition: opacity .6s;
}
.about2 .list .item .text span {
    color: #E50113;
}
.about2 .list .item .text p {
    width: 11rem;
    line-height: .65rem;
}
.about2 .list .item:hover {
    transform: translateY(-3.025rem);
}
.about2 .list .item:hover .img-box .item-tit {
    opacity: 0;
}
.about2 .list .item:hover .text {
    opacity: 1;
}

.about3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.375rem 0 0;
    position: relative;
    width: 100%;
    height: 29.125rem;
    background: linear-gradient(180deg, #FFF 26.7%, rgba(255, 255, 255, 0.00) 100%);
}
.about3 .img-box {
    position: absolute;
    bottom: 0;
    z-index: 99;
    pointer-events: none;
}
.about3 .cir {
    position: absolute;
    width: 21.675rem;
    height: 21.675rem;
    border-radius: 21.675rem;
    /* border: 1px solid rgba(215, 0, 15, 0.20);
    border-width: 1px;
    border-style: solid; */
    padding: .025rem;
    background-image: linear-gradient(#D7000F 0%, rgba(229, 1, 19, 0) 100%);
    left: 13.125rem;
    top: 5.5rem;
}
.about3 .cir .cir1 {
    width: 100%;
    height: 100%;
    border-radius: 21.675rem;
    background-color: rgba(255, 255, 255, 1);
}
.about3 .main {
    width: 100%;
    height: 100%;
    font-size: 2.4rem;
    z-index: 10;
    padding: 6.5rem 0;
    overflow: hidden;
}
.about3 .main .swiper-wrapper {
    display: flex;
    flex-direction: row;
    /*padding-left: 33%;*/
}
.about3 .main .item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    opacity: .3;
    transition: all .6s;
}
.about3 .main .item span {
    color: #E50113;
    line-height: .85rem;
    font-weight: 600;
}
.about3 .main .item .list {
    display: none;
    flex-direction: column;
    gap: .7rem;
    margin-left: .75rem;
    overflow: hidden;
}
.about3 .main .item .list li {
    display: flex;
    flex-direction: row;
}
.about3 .main .item .list li span {
    display: inline-block;
    width: 11rem;
    color: #333;
    font-weight: 400;
}
.about3 .main .item .list li::before {
    content: '';
    display: inline-block;
    width: .15rem;
    height: .15rem;
    background-color: #E50113;
    border-radius: .075rem;
    margin-right: .375rem;
    margin-top: .3rem;
}
.about3 .main .swiper-slide-active {
    opacity: 1;
}
.about3 .main .swiper-slide-active .list {
    display: flex;
}
.about3 .progress-box {
    position: absolute;
    bottom: 5.675rem;
    z-index: 999;
}
.about3 .progress-box .progress {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .675rem;
}
.about3 .progress-box .progress .line {
    width: 34.9rem;
    height: 0;
    border-bottom: .025rem solid #999;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 1rem;
}
.about3 .progress-box .progress .line .dian {
    display: flex;
    flex-direction: column;
    position: relative;
}
.about3 .progress-box .progress .line .dian .li {
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
    background-color: #E50113;
    position: absolute;
    top: -0.056rem;
    cursor: pointer;
}
.about3 .progress-box .progress .line .dian span {
    position: absolute;
    top: 1rem;
    left: -.65rem;
    font-size: .625rem;
    line-height: .85rem;
    color: #333;
    font-weight: 400;
}
.about3 .progress-box .progress .car {
    position: absolute;
    left: 0;
    transition: all .6s;
}
.about3 .progress-box .progress .car img {
    width: 3.05rem;
    height: 1.35rem;
    object-fit: cover;
}
.about3 .progress-box .progress .red-line {
    background-color: #E50113;
    width: 0;
    border-bottom: .125rem solid #E50113;
    position: absolute;
    left: 1rem;
    transition: width .6s;
}
.about3 .progress-box .progress svg {
    cursor: pointer;
    position: absolute;
}
.about3 .progress-box .progress svg:nth-of-type(1) {
    left: -1.5rem;
}
.about3 .progress-box .progress svg:nth-of-type(2){
    right: -1.5rem;
}

.about4 .title p {
    width: 25rem;
}

.about4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 3.75rem 0 1.625rem 0;
    position: relative;
}
.about4 .about4-box {
    width: 100%;
    height: 24.2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.about4 .about4-box1 {
    display: none;
}
.about4 .about4-box .left {
    margin-top: 3rem;
    position: relative;
    width: 42%;
}
.about4 .about4-box .left .item {
    width: 12.975rem;
    height: 7.9rem;
    border-radius: .5rem;
    position: absolute;
}
.about4 .about4-box .left .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
}
.about4 .about4-box .left .item img::nth-child(2) {
    transform: scale(40%);
}
.about4 .about4-box .left .item1 {
    top: 12.25rem;
    left: 25.775rem;
    transform: scale(120%);
    transition:  all .6s;
}
.about4 .about4-box .left .item2 {
    left: 2.75rem;
    top: 2.5rem;
    z-index: 99;
    transition: all .6s;
}
.about4 .about4-box .left .item3 {
    left: 0;
    top: 0;
    opacity: .6;
    transition: opacity .6s;
}
.about4 .about4-box .right {
    margin-top: 3rem;
}
.about4 .about4-box .right .r1 {
    width: 19.25rem;
    /* height: 5.325rem; */
    display: flex;
    flex-direction: row;
    gap: 1rem;
    border-left: .025rem solid #E8EAEF;
    position: relative;
    overflow: hidden;
}
.about4 .about4-box .right .r1 .list .item {
    display: flex;
    flex-direction: column;
    text-align: left;
    cursor: pointer;
    margin-top: .5rem;
}
.about4 .about4-box .right .r1 .list .item p {
    width: 18.175rem;
    opacity: 0;
    margin-top: .25rem;
    transform: translateY(.5rem);
    transition: all .6s;
}
.about4 .about4-box .right .r1 .list .swiper-slide-active span {
    color: #E50113;
}
.about4 .about4-box .right .r1 .list .swiper-slide-active p {
    opacity: 1;
    transform: translateY(0);
}
.about4 .about4-box .right .r1 .list .item span:hover {
    color: #E50113;
}
.about4 .about4-box .right .r1 .list .item span:hover+p {
    opacity: 1;
    transform: translateY(0);
}
.about4 .about4-box .right .r2 {
    margin-top: 3rem;
    border-radius: .5rem;
    overflow: hidden;
    width: 12.975rem;
    height: 7.9rem;
}
.about4 .about4-box .right .r2 img {
    width: 12.975rem;
    height: 7.9rem;
    object-fit: cover;
    border-radius: .5rem;
    transition: all .6s;
}
.about4 .about4-box .right .r2 img:hover {
    transform: scale(105%);
}
.about4 .about4-box .ab4-cir {
    width: 11.0517rem;
    height: 12.5661rem;
    border-radius: 12.5661rem;
    background: conic-gradient(from 20deg at 66.62% 72.54%, rgba(255, 255, 255, 0.00) 12.513508200645447deg, rgba(255, 255, 255, 0.0) 16.959065794944763deg, rgba(229, 1, 19, 0.15) 85.38112342357635deg);
    filter: blur(50px);
    position: absolute;
    top: 11rem;
    left: 6rem;
}
.about4 .about4-box .ab4-btn {
    display: flex;
    flex-direction: row;
    gap: .375rem;
    position: absolute;
    top: 18.425rem;
    left: 18rem;
}
.about4 .about4-box .ab4-btn img {
    width: 1.1rem;
    height: 1.1rem;
    object-fit: cover;
    z-index: 9999;
    cursor: pointer;
}

.about5 {
    background-color: #f9f9f9;
    padding: 3.25rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.about5 .title {
    text-align: center;
}
.about5 .title p {
    width: 60%;
    margin: 0 auto;
}
.about5 .list {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    margin-top: 2.25rem;
    overflow: hidden;
}
.about5 .list .swiper {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 100vw;
}
.about5 .list .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: .75rem;
    transition-timing-function: linear;
}
.about5 .list .swiper-wrapper .item.swiper-slide {
    width: 9.2rem;
    height: 4.375rem;
    border-radius: .4rem;
    background: #FFF;
    box-shadow: .1rem .1rem .5rem .25rem rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.about5 .list .swiper-wrapper .item.swiper-slide img {
    width: 3.675rem;
    height: 1.175rem;
    object-fit: contain;
    display: block;
}
.about5 .mask {
    position: absolute;
    width: 9.275rem;
    height: 17.175rem;
    background: linear-gradient(270deg, rgba(249, 249, 249, 0.00) 0%, #F9F9F9 100%);
    top: 3.25rem;
    left: 0;
    z-index: 99;
}
.about5 .bottom {
    margin-top: 4rem;
}
.about5 .bottom .img-box {
    width: 43.475rem;
    height: 16.5rem;
    background: linear-gradient(185deg, rgba(255, 255, 255, 0.40) 5.74%, rgba(255, 255, 255, 0.00) 35.43%);
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
}
.about5 .bottom .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: .5rem;
    position: absolute;
    transition: transform .6s;
}
.about5 .bottom .img-box img:hover {
    transform: scale(105%);
}
.about5 .bottom .img-box .text {
    position: absolute;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 99;
    width: 100%;
    top: 2.15rem;
}
.about5 .bottom .img-box .text span {
    font-weight: 400;
}
.about5 .bottom .img-box .text p {
    line-height: 160%;
    font-weight: 400;
}

/*------------------------------------------- 新闻中心 --------------------------------------------*/
.new-content {
    background-color: #f9f9f9;
    padding: 1.4rem 2.275rem;
}
.new-content .new-content-box {
    background-color: #fff;
    padding: 2.2rem 4.3rem 3.25rem;
    border-radius: .5rem;
}
.new-content .new-content-box .title span {
    font-weight: 400;
    color: #E50113;
    text-transform: capitalize;
    display: none;
}
.new-content .new-content-box .title span.on {
    display: block;
}
.new-content .new-content-box .line {
    width: 100%;
    height: 0;
    border: .025rem solid #E5E5E5;
    margin-top: 1.25rem;
}
.new-content .new-content-box .nav {
    display: flex;
    flex-direction: row;
    gap: 1.325rem;
    margin-top: 1.625rem;
    border-bottom: .025rem solid rgba(112, 112, 112, .15);
    padding: 0 0 .375rem 0;
}
.new-content .new-content-box .nav .on a{
    color: #E50113;
}
.new-content .new-content-box .new-list {
    margin-top: 1.75rem;
    display: flex;
    flex-direction: column;
}
.new-content .new-content-box .new-list .item a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: .025rem solid #E5E5E5;
    padding: 1.625rem 0;
}
.new-content .new-content-box .new-list .item .left {
    font-weight: 400;
}
 .new-content .new-content-box .new-list .item .left span {
    color: #E50113;
}
.new-content .new-content-box .new-list .item .left p {
    margin-top: .2rem;
}
.new-content .new-content-box .new-list .item .mid span {
    display: inline-block;
    font-weight: 600;
    width: 17.275rem;
}
.new-content .new-content-box .new-list .item .mid p {
    width: 16rem;
    font-weight: 400;
    /*max-height: 3rem;*/
    line-height: 1.6;
    max-height: 6.4em;
    overflow: hidden;
    margin-top: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4; /* 注意：这不是有效的CSS属性，仅用于示意 */
    line-clamp: 4;
}
.new-content .new-content-box .new-list .item .mid:hover span {
        color: #E50113;
}
.new-content .new-content-box .new-list .item .right img {
    width: 7.825rem;
    height: 4.85rem;
    object-fit: cover;
    border-radius: .4rem;
}

/* ------------------------------------------ 新闻详情 --------------------------------------------*/
.new-del {
    background-color: #f9f9f9;
    padding: 2.325rem 0 3.25rem;
    display: flex;
    justify-content: center;
}
.new-del .del-box {
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    gap: .75rem;
    padding: 0 3.25rem;
}
.new-del .del-box .left {
    background-color: #fff;
    border-radius: .5rem;
    padding: 0 1.75rem;
}
.new-del .del-box .left .top {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.65rem 0 .625rem 0;
    border-bottom: .025rem solid #F0F0F0;
}
.new-del .del-box .left .top .title {
    span {
        font-weight: 600;
    }
}
.new-del .del-box .left .top .share {
    display: flex;
    flex-direction: row;
    gap: 3.625rem;
    align-items: center;
}
.new-del .del-box .left .top .share span {
    font-weight: 400;
}
.new-del .del-box .left .top .share .share-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .625rem;
}
.new-del .del-box .left .top .share .share-list path {
    fill: #D3D3D3;
}

.new-del .del-box .left .top .share .share-list path:hover {
    fill: #E50113;
}
.new-del .del-box .left .mian {
    /*display: flex;*/
    flex-direction: column;
    justify-content: center;
    /*gap: 1.5rem;*/
    margin: 1rem 0;
}
.new-del .del-box .left .mian p {
    width: 27.85rem;
}
.new-del .del-box .right {
    position: relative;
}
.new-del .del-box .right > div {
    position: sticky;
    top: 2.25rem;
}
.new-del .del-box .right .r2 {
    border-radius: .375rem;
    background-color: #fff;
}
.new-del .del-box .right .r2 .r2-list {
    padding: 1.5rem .375rem 1.25rem .75rem;
    display: flex;
    flex-direction: column;
    border-radius: .375rem;
    gap: .625rem;
}
.new-del .del-box .right .r2 {
    margin-top: .5rem;
    position: relative;
}
.new-del .del-box .right .r2 .r1-item {
    margin-bottom: .4rem;
}
.new-del .del-box .right .r2 a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.25rem;
    background-color: #E50113;
    border-bottom-left-radius: .375rem;
    border-bottom-right-radius: .375rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.new-del .del-box .right .r2 a svg {
    margin-left: .5rem;
}
.new-del .del-box .right .r1 {
    border-radius: .375rem;
    background-color: #fff;
}
.new-del .del-box .right .r1 .r1-list {
    padding: 1.5rem .375rem 1.25rem .75rem;
    display: flex;
    flex-direction: column;
    border-radius: .375rem;
    gap: .625rem;
}
.new-del .del-box .right .r1 .r1-list .r1-title {
    font-weight: 700;
    position: relative;
}
.new-del .del-box .right .r1 .r1-list .r1-title::before {
    content: "";
    position: absolute;
    height: .7rem;
    width: .075rem;
    background-color: #E50113;
    left: -.75rem;
}
.new-del .del-box .right .r1 .r1-list .r1-item {
    display: flex;
    flex-direction: column;
}
.new-del .del-box .right .r1 .r1-list .r1-item a {
   width: 7.875rem;
   overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new-del .del-box .right .r1 .r1-list .r1-item a:hover span {
    color: #E50113;
}
.new-del .del-box .right .r1 .r1-list .r1-item span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/********************************************* 联系我们 ****************************************************/
/*.form1 {*/
/*    margin-bottom: 9rem;*/
/*}*/
.form1 .title {
    text-align: center;
}
.form1 .nav-list {
    display: flex;
    flex-direction: row;
    gap: 1.4rem;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}
.form1 .nav-list .item {
    padding: .25rem .45rem;
    align-items: center;
    border-radius: .1rem;
    border: .025rem solid #999;
    cursor: pointer;
}
.form1 .nav-list .item:hover {
    background-color: #333;
}
.form1 .nav-list .item:hover span {
    color: #fff;
}
.form1 .location > svg {
    width: 36.55rem;
    height: 18.925rem;
}
.form1 .location {
    position: relative;
    padding: 0 0 0 2.3rem;
    margin-top: 1.75rem;
}
.form1 .location .cir1 {
    width: 2.175rem;
    height: 2.175rem;
    border-radius: 50%;
    position: absolute;
    left: 30.5rem;
    top: 5.2rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9;
}
.form1 .location .cir1 svg {
    flex-shrink: 0;
}
.form1 .location .cir1 span {
    font-weight: 600;
    color: #E50113;
}
.form1 .location .cir1 > span {
    margin-left: 1.75rem;
} 
.form1 .location .loc-card {
    width: 10.25rem;
    height: 8.8rem;
    border-radius: .5rem;
    position: absolute;
    background-color: #fff;
    right: 2rem;
    top: 2rem;
    /*display: none;*/
}
.form1 .location .loc-card .loc-list {
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
}
.form1 .location .loc-card .loc-list .item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s ease;
}
.form1 .location .loc-card .loc-list .item.on {
    opacity: 1;
    z-index: 3;
}
.form1 .location .loc-card .loc-list .item .top span {
    color: #E50113;
}
.form1 .location .loc-card img {
    width: 10.25rem;
    height: 6.5rem;
    object-fit: cover;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.form1 .location .loc-card .text {
    padding: .625rem .5rem 1rem .75rem;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 0px 45px 0px rgba(32, 4, 4, 0.10);
}
.form1 .location .loc-card .text span {
    color: #E50113;
    font-weight: 600;
    margin-left: 0;
}
.form1 .location .loc-card .text p {
    width: 8.9rem;
    font-weight: 400;
    line-height: .6rem;
}
.form1 .location .dot {
    position: absolute;
    width: 1.475rem;
    height: 1.475rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    z-index: 3;
}
.form1 .location .dot.active span {
    color: #E50113;
}
.form1 .location .dot  img:nth-child(1) {
    width: .475rem;
    height: .5rem;
    object-fit: cover;
}
.form1 .location .dot  img:nth-child(2) {
    width: .9rem;
    height: .2rem;
    object-fit: cover;
    margin-top: .02rem;
}
.form1 .location .dot  span {
    font-weight: 400;
    color: #404040;
    margin-top: .125rem;
}
.form1 .location .dot1 {
    left: 33.25rem;
    top: 5.75rem;
}
.form1 .location .dot2 {
    left: 29.5rem;
    top: 9.8rem;
}
.form1 .location .dot3 {
    left: 27.3rem;
    top: 7.8rem;
}
.form1 .location .dot4 {
    top: 3.5rem;
    left: 21.2rem;
    flex-direction: row;
}
.form1 .location .dot4 .dot-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    gap: .05rem;
}
.form1 .location .dot4 .dot-img img:nth-child(1) {
    width: .475rem;
    height: .5rem;
    object-fit: cover;
}
.form1 .location .dot4 .dot-img img:nth-child(2) {
    width: .9rem;
    height: .2rem;
    object-fit: cover;
}
.form1 .location .dot4 span {
    margin-left: .375rem;
}
.form1 .location .dot5 {
    top: 3.4rem;
    left: 18.6rem;
}
.form1 .location .dot5  span {
    text-align: center;
    line-height: normal
}
.form1 .location .dot6 {
    left: 8.3rem;
    top: 4.85rem;
    flex-direction: row;
}
.form1 .location .dot6  .dot-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    gap: .05rem;
}
.form1 .location .dot6  .dot-img img:nth-child(1) {
    width: .475rem;
    height: .5rem;
    object-fit: cover;
}
.form1 .location .dot6  .dot-img img:nth-child(2) {
    width: .9rem;
    height: .2rem;
    object-fit: cover;
}
.form1 .location .dot6  span {
    margin-left: .2rem;
}
.form1 .location .cir1:hover .loc-card {
    display: block;
}
.form1 .location .loc-line1 {
    position: absolute;
    left: 31.5rem;
    top: 5.75rem;
    width: 2.6rem;
    height: .325rem;
}
.form1 .location .loc-line2 {
    position: absolute;
    left: 30.2rem;
    top: 6.1rem;
    width: 1.275rem;
    height: 4.175rem;
}
.form1 .location .loc-line3 {
    position: absolute;
    top: 6rem;
    left: 28rem;
    width: 3.55rem;
    height: 2.125rem;
}
.form1 .location .loc-line4 {
    position: absolute;
    top: 3.3rem;
    left: 21.825rem;
    width: 9.85rem;
    height: 2.85rem;
}
.form1 .location .loc-line5 {
    position: absolute;
    top: 2.625rem;
    left: 19.425rem;
    width: 12.05rem;
    height: 3.45rem;
}
.form1 .location .loc-line6 {
    position: absolute;
    top: 1.1rem;
    left: 9rem;
    width: 22.5rem;
    height: 5.125rem;
}
.form1 .location .loc-list {
    position: absolute;
    top: 16.8rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}
.form1 .location .loc-list.swiper {
    display: none;
}
.form1 .location .loc-list .item {
    width: 10.5rem;
    height: 8.8rem;
    padding: .825rem .75rem .9rem;
    border-radius: .15rem;
    background: rgba(255, 255, 255, 0.30);
    box-shadow: 0px .1rem 1.5rem 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(.375rem);
    position: relative;
    cursor: pointer;
    transition: all .6s;
}
.form1 .location .loc-list .item .top {
    border-bottom: .025rem solid rgba(0, 0, 0, 0.14);
    padding: 0 0 .5rem 0;
    font-weight: 600;
}
.form1 .location .loc-list .item .top p {
    color: #E50113;
}
.form1 .location .loc-list .item .bottom {
    margin-top: .6rem;
}
.form1 .location .loc-list .item .bottom .items {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.form1 .location .loc-list .item .bottom .items p {
    margin-left: .3rem;
}
.form1 .location .loc-list .item .bottom .address {
    align-items: flex-start;
    margin-top: .55rem;
}
.form1 .location .loc-list .item .bottom .address svg {
    flex-shrink: 0;
}
.form1 .location .loc-list .item .bottom button {
    position: absolute;
    bottom: .9rem;
    width: 3rem;
    height: .8rem;
    border: .025rem solid #333;
    border-radius: .1rem;
    background-color: #fff;
}
.form1 .location .loc-list .item:hover {
    background-color: #333;
}
.form1 .location .loc-list .item:hover .top {
    border-bottom: .025rem solid rgba(255, 255, 255, 0.14);
}
.form1 .location .loc-list .item:hover .top span {
    color: #fff;
}
.form1 .location .loc-list .item:hover .top p {
    color: #fff;
}
.form1 .location .loc-list .item:hover .bottom .items svg path {
    fill: #fff;
}
.form1 .location .loc-list .item:hover .bottom .items p {
    color: #fff;
}
.form1 .location .loc-list .item:hover .bottom button {
    background-color: #E50113;
    color: #fff;
}


.form2 {
    /*margin-top: 2rem;*/
    padding: 0 0 3.25rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
}
.form2 .title {
    text-align: center;
    font-weight: 400;
    color: #E50113;
}
.form2 .form-box {
    width: 43.475rem;
    border-radius: .2rem;
    background: #FFF;
    box-shadow: 0px .1rem 1.225rem 0px rgba(0, 0, 0, 0.05);
}
.form2 .form-box form {
    width: 100%;
    height: 100%;
    padding: 1.75rem 2.275rem 2.75rem;
    display: flex;
    flex-direction: column;
}

.form2 .form-box form .item-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.form2 .form-box form .form-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.form2 .form-box form .form-item label {
    color: #333;
    font-weight: 500;
    margin-bottom: .5rem;
}
.form2 .form-box form .form-item .request::before {
    content: '*';
    font-size: .45rem;
    color: #E50113;
    font-weight: 500;
    margin-right: .15rem;
}
.form2 .form-box form .form-item select {
    width: 11.3rem;
    height: 1.225rem;
    border: .025rem solid #f1f1f1;
    background-color: #fff;
    border-radius: .1rem;
    font-weight: 400;
    padding: 0 .5rem;
    appearance: none;
    -moz-appearance: none;
    /* 兼容Firefox */
    -webkit-appearance: none;
    /* 兼容Safari 和 Chrome */
}
.form2 .form-box form .form-item .select {
    position: relative;
}
.form2 .form-box form .form-item .select::after {
    content: '';
    background: url(../images/arrow-down-2.svg) no-repeat center;
    position: absolute;
    right: .5rem;
    top: .5rem;
    display: inline-block;
    width: .5rem;
    height: .25rem;
    z-index: 2;
}
.form2 .form-box form .form-item input {
    width: 11.3rem;
    height: 1.225rem;
    border: .025rem solid #f1f1f1;
    background-color: #fff;
    border-radius: .1rem;
    padding: 0 .5rem;
    /*font-size: .4rem;*/
    font-weight: 400;
}
.form2 .form-box form .form-item textarea {
    width: 17.875rem;
    height: 4.5rem;
    resize: none;
    border: .025rem solid #f1f1f1;
    border-radius: .1rem;
    padding: .5rem;
    /*font-size: .4rem;*/
}
.form1 .form-box form .form-item textarea {
    width: 37.475rem;
}
.form2 .form-box form .form-item textarea::placeholder {
    /*font-size: .32rem;*/
}
.form2 .form-box form .form-item .upload-box {
    display: flex;
    gap: .375rem;
    align-items: flex-end;
}
.form2 .form-box form .form-item .upload-btn {
    width: 6.65rem;
    height: 4.5rem;
    border-radius: .15rem;
    background: #F8F9FC;
    border: 1px solid #F8F9FC;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    cursor: pointer;
    margin-bottom: 0;
}
.form2 .form-box form .form-item .upload-box .files span.tips {
    color: #B4B4B4CC;
}
.form2 .form-box form .form-item .upload-box .files .file-item {
    display: none;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 7.925rem;
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: .2rem;
}
.form2 .form-box form .form-item .upload-box .files .file-item .name {
    display: flex;
    align-items: center;
}
.form2 .form-box form .form-item .upload-box .files .file-item .name img {
    width: .6rem;
    height: .6rem;
    object-fit: contain;
}
.form2 .form-box form .form-item .upload-box .files .file-item .name span {
    color: #B4B4B4;
}
.form2 .form-box form .form-item .upload-box .files .file-item img.close {
    cursor: pointer;
    width: .5rem;
    height: .5rem;
}
.form2 .form-box form .form-item .upload-box .files .file-item .bk {
    position: absolute;
    width: 4.7rem;
    height: 1px;
    background: var(--vi);
    bottom: -1px;
}
.form2 .form-box form .agree {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 1.05rem;
}
.form2 .form-box form .agree span {
    margin-left: .5rem;
    color: #B5B5B5;
}
.form2 .form-box form .agree span a {
    color: #E50113;
}
.form2 .form-box form .agree span a:hover {
    border-bottom: .025rem solid #E50113;
}
.form2 .form-box form .agree input.check-input[type="checkbox"] {
    /* background-color: #E50113; */
    width: .45rem;
    height: .45rem;
    -webkit-appearance: none;
    border: .025rem solid #666;
    border-radius: .1rem;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}
.form2 .form-box form .agree input.check-input[type="checkbox"]:checked {
    /* background-color: #E50113; */
    border: none;
}
.form2 .form-box form .agree input.check-input[type="checkbox"]:checked::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: .45rem;
    height: .45rem;
    border-radius: .1rem;
    background: url(../images/checked.png);
    background-size: 100% 100%;
    /* background-color: #E50113; */
    /* color: #fff;
text-align: center;
font-size: .4rem; */
}
.form2 .form-box form .button-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2.25rem;
    gap: .75rem;
}
.form2 .form-box form .button-box .btn {
    width: 4.1rem;
    border-radius: .1rem;
    border: .025rem solid #333;
    /*font-size: .4rem;*/
    font-weight: 600;
    line-height: 1.1rem;
    color: #333;
    background-color: #fff;
}
.form2 .form-box form .button-box .btn:hover {
    background: #E50113;
    color: #fff;
    border: none;
}

/********************************************** 成为经销商 **************************************************/
.form3 {
    margin: 0;
}
.form3 .title p {
    width: 24.7rem;
    font-weight: 400;
    line-height: .6rem;
}
.form3 .form-box {
    height: auto;
}    
.form3 .form-box form .item-box .form-item .long {
    width: 17.875rem;
}

/********************************************** 服务支持 *****************************************************/
.server1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 3.75rem 0;
}
.server1 .title {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 1.75rem;
}
.server1 .title span {
    color: #E50113;
    font-weight: 400;
}
.server1 .list {
    height: 12.35rem;
    display: flex;
    flex-direction: row;
    /*border-radius: .4rem;*/
    /*border: .025rem solid #ED2B2B;*/
    /*background: #D7000F;*/
}
.server1 .list .item:nth-child(1) {
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
}
.server1 .list .item {
    /* width: 18.875rem; */
    width: 5.125rem;
    height: 12.35rem;
    position: relative;
    overflow: hidden;
    transition: all .6s;
}
.server1 .list .item .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.server1 .list .item img {
    width: 100%;
    height: 100%;
    border-radius: .4rem;
    object-fit: cover;
}
.server1 .list .item .top {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    padding: .925rem 1.05rem 0;
}
.server1 .list .item .top img {
    width: 2.25rem;
    height: 2.25rem;
    object-fit: cover;
}
.server1 .list .item .text {
    position: absolute;
    margin-top: 5.75rem;
    padding: 0 1.05rem 0;
    display: none;
}
.server1 .list .item .text span {
    font-weight: 600;
}
.server1 .list .item .text p {
    width: 10.85rem;
    text-shadow: 0px .075rem .105rem rgba(36, 5, 5, 0.50);
    font-weight: 400;
    line-height: 160%;
}
.server1 .list .item button {
    display: none;
    position: absolute;
    bottom: 1.05rem;
    left: 1.05rem;
    padding: .375rem .675rem;
    text-align: center;
    border-radius: .1rem;
    z-index: 2;
}
.server1 .list .item button:hover {
    background-color: #E50113;
    color: #fff;
}
.server1 .list .item button:hover a {
    color: #fff;
}
/*.item:hover,*/
.server1 .list .item.active {
    width: 18.875rem;
    transition: all .6s;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.server1 .list .item.active .img-box {
    display: flex;
    transition: all .6s;
}
.server1 .list .item.active .img-box img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.server1 .list .item.active .top {
    display: flex;
}
.server1 .list .item.active .text {
    display: block;
}
.server1 .list .item.active button {
    display: block;
}
.server1 .list .item.active .num {
    opacity: 0;
}
.server1 .list .item.active .tit {
    opacity: 0;
}
.server1 .list .item.active .icon {
    opacity: 0;
}
.server1 .list .items {
    width: 5.125rem;
    height: 12.35rem;
    background-color: #D7000F;
    border-right: .025rem solid rgba(255, 255, 255, 0.35);
    position: relative;
}
 .server1 .list .items .icon {
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    bottom: .975rem;
    left: 1.75rem;
    transition: all .6s;
}
.server1 .list .items .num {
    position: absolute;
    top: .6rem;
    left: 1.85rem;
    transition: all .6s;
}
.server1 .list .items .tit {
    position: absolute;
    top: 2.475rem;
    left: .775rem;
    width: 3.4rem;
    text-align: center;
    transition: all .6s;
}
.server1 .list .items:nth-last-child(1) {
    border: none;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
}

/************************************************ 搜索页 ***************************************************/
.search-content {
    padding: 0 6.5rem;
}

.search1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4.7rem 0 3rem 0;
}
.search1 .title span {
    font-size: 2.4rem;
    font-weight: 500;
    text-align: center;
}
.search1 .search-input {
    width: 17.2rem;
    border-bottom: .025rem solid rgba(0, 0, 0, 0.40);
    display: flex;
    flex-direction: row;
    position: relative;
    margin-top: 1rem;
    padding: .375rem 0;
}
.search1 .search-input input {
    width: 17.2rem;
    font-size: .8rem;
    color: #000;
}
.search1 .search-input input::placeholder {
    font-size: .8rem;
    color: #000;
}
.search1 .search-input::after {
    content: '';
    display: inline-block;
    background: url(../images/search.png) no-repeat center;
    background-size: 100% 100%;
    width: .8rem;
    height: .8rem;
    position: absolute;
    right: 0;
}
.search1 .resou {
    margin-top: .5rem;
    width: 17.2rem;
    display: flex;
    flex-direction: row;
    gap: 1.4rem;
}

.search2 .search2 .title {
    padding: 0 0 1.25rem 0;
    border-bottom: .025rem solid #E5E5E5;
}

.search2 .search2-nav {
    margin-top: 1.75rem;
    border-bottom: .025rem solid rgb(112, 112, 112, .15);
    padding: 0 0 .375rem 0;
    display: flex;
    flex-direction: row;
    gap: 2.425rem;
}
.search2 .search2-nav li {
    color: #3E3A39;
}
.search2 .search2-list1 {
    display: flex;
    flex-direction: row;
    gap: .975rem;
    margin-top: 1.9rem;
    margin-bottom: 1.9rem;
}
.search2 .search2-list1 .items {
    width: 8rem;
    height: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    background: rgba(243, 242, 242, 0.80);
    cursor: pointer;
}
.search2 .search2-list1 .items img {
    width: 4.863rem;
    height: 4.8006rem;
    object-fit: cover;
}
.search2 .search2-list1 .items:hover {
    border: 2.494px solid #FFF;
    background: #FFF;
    box-shadow: .1247rem .1247rem .6234rem .1247rem rgba(0, 0, 0, 0.04);
}
.search2 .search2-list1 .items:hover span {
    color: #E50113;
}
.search2 .search2-list2 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}
.search2 .search2-list2 .items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.search2 .search2-list2 .items  .left {
    width: 3.675rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.search2 .search2-list2 .items  .left span {
    color: #E50113;
}
.search2 .search2-list2 .items  .mid {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
}
.search2 .search2-list2 .items  .mid span {
    color: #E50113;
}
.search2 .search2-list2 .items  .mid p {
    width: 15.75rem;
}
.search2 .search2-list2 .items  .right {
    width: 7.825rem;
    height: 4.85rem;
    border-radius: .4rem;
    overflow: hidden;
}
.search2 .search2-list2 .items  .right img {
    width: 7.825rem;
    height: 4.85rem;
    object-fit: cover;
    cursor: pointer;
    transition: transform .6s;
}
.search2 .search2-list2 .items  .right img:hover {
    transform: scale(105%);
}
.search2 .search-list3 {
    display: flex;
    flex-direction: row;
    gap: .75rem;
    margin-bottom: 3.375rem;
}
.search2 .search-list3 .items .img-box {
    width: 11.125rem;
    height: 7.5rem;
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
}
.search2 .search-list3 .items .img-box .bg {
    width: 11.125rem;
    height: 7.5rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: transform .6s;
}
.search2 .search-list3 .items .img-box .bg:hover {
    transform: scale(105%);
}
.search2 .search-list3 .items .img-box .bo {
    position: absolute;
    top: 4.425rem;
    left: 3.7rem;
}
.search2 .search-list3 .items .img-box .car {
    position: absolute;
    top: 2.8rem;
    left: 3.55rem;
}
.search2 .search-list3 .items .text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: .575rem;
}
.search2 .search-list3 .items .text .more {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .3rem;
    cursor: pointer;
}
.search2 .search-list3 .items .text .more:hover span {
    color: #E50113;
}
.search2 .search-list3 .items .text .more:hover svg {
    fill: #E50113;
}  
.search2 .search-list3 .items .text .more:hover svg g {
    opacity: 1 !important;
}
.search2 .search-list3 .items .text .more:hover svg g path {
    stroke: #fff !important;
}
.search2 .search-list3 .items .text .more:hover svg path {
    stroke: #fff !important;
}
.page-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 2.5rem;
}

.page-box .page {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}
.page-box .page .num {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
}
.page-box .page .num span {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
}
.page-box .page .num .page-active {
    background-color: #E50113;
    color: #fff;
}
.page-box .page .prev {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.page-box .page .prev .prev1 {
    position: absolute;
    opacity: 1;
    transition: opacity .3;
}
.page-box .page .prev .prev2 {
    opacity: 0;
    transition: opacity .3;
    transform: rotate(185deg);
}
.page-box .page .prev:hover .prev1 {
    opacity: 0;
}
.page-box .page .prev:hover .prev2 {
    opacity: 1;
}
.page-box .page .next {
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.page-box .page .next .next1 {
    transform: rotate(175deg);
    position: absolute;
    opacity: 1;
    transition: opacity .3;
}
.page-box .page .next .next2 {
    opacity: 0;
    transition: opacity .3;
}
.page-box .page .next:hover .next1 {
    opacity: 0;
}
.page-box .page .next:hover .next2 {
    opacity: 1;
}

/* 底部 */
.footer {
    width: 100%;
    /*height: 13.35rem;*/
    background-color: #000;
    padding: 0 2.25rem;
}
.footer .foot-logo {
    display: none;
}
.footer .img-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.footer .img-box img {
    width: 1.1rem;
    height: .55rem;
    object-fit: cover;
}
.footer .line {
    width: 100%;
    border-bottom: 1px solid #747474;
    margin-top: 1.05rem;
}
.footer .footer-line2 {
    margin-top: 3.1rem;
}
.footer .main {
    display: flex;
    flex-direction: row;
    /* gap: 2.7rem; */
    justify-content: space-between;
    padding-top: 1.25rem;
}
.footer .main .nav-list {
    display: flex;
    flex-direction: row;
    gap: 2.7rem;
}
.footer .main .nav-list .items {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.footer .main .nav-list .items .list {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    opacity: .5;
}
.footer .main .email-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.footer .main .email-box span {
    font-weight: 600;
}
.footer .main .email-box .email {
    width: 9.925rem;
    height: 1.05rem;
    border-radius: .125rem;
    margin-top: .55rem;
    position: relative;
}
.footer .main .email-box .email input[type="text"] {
    width: 100%;
    height: 100%;
    border-radius: .125rem;
    color: #fff;
    background: rgb(255, 255, 255, .2);
    padding-left: .5rem;
    font-size: .35rem;
    font-weight: 600;
}
.footer .main .email-box .email input:placeholder {
    color: #fff;
    opacity: .5;
}
.footer .main .email-box .email input[type="submit"]  {
    position: absolute;
    bottom: 0;
    right: 0;
    /*content: 'Subscribe Now';*/
    display: inline-block;
    width: 3.825rem;
    height: 1.05rem;
    text-align: center;
    border-radius: .1rem;
    background: #E50113;
    color: #fff;
    font-size: .35rem;
    font-weight: 600;
    line-height: 1.05rem;
}
.footer .main .email-box .icon-list {
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    gap: .5rem;
}
.footer .main .email-box .icon-list li img {
    fill: #9D9D9E;
}
.footer .main .email-box .icon-list li img path {
    stroke: #9D9D9E;
}
.footer .desc {
    margin-top: .75rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.footer .desc span {
    color: #9D9D9E;
    font-weight: 600;
}

.footer .desc a {
    color: #9D9D9E;
}


/************ 动画 *************/

@keyframes mymove {
    0% {
        transform: scale(1);
        background-color: rgba(229, 1, 19, .3);
    }

    100% {
        transform: scale(1.5);
        background-color: rgba(229, 1, 19, .1);
    }
}

@keyframes scrollxLeft {
    0 {
        transform: translateX(0);
    }

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


#tc1{position: fixed;top: 3.55rem;right: 0;width: 8.78rem;padding:0.7rem 0.6rem 0.5rem 0.6rem;background-color:#ffffff;border-radius:0.11rem;box-shadow: 0px 4px 33px 0px rgba(199, 144, 102, 0.09);transition:all 0.5s;opacity:0;pointer-events:none;z-index:999}
#tc1.show{opacity: 1;right: 0.7rem;pointer-events:all ;}
#tc1 .h{text-transform: uppercase;margin-bottom: 0.1rem;line-height: 1.3;}
#tc1 .p{color: #555;line-height: 1.37;}
#tc1 .out{position: absolute;
    top: 0.4rem;
    right: 0.3rem;
    width: 0.3rem;
    cursor: pointer;}

#tc2{position: fixed;top: 1.55rem;right: 0;width: 3.78rem;padding: 0.27rem 0.26rem 0.35rem 0.26rem;background-color:#ffffff;border-radius:0.11rem;box-shadow: 0px 4px 33px 0px rgba(199, 144, 102, 0.09);transition:all 0.5s;opacity:0;pointer-events:none;z-index:999}
#tc2.show{opacity: 1;right: 0.7rem;pointer-events:all ;}
#tc2 .h{text-transform: uppercase;margin-bottom: 0.1rem;line-height: 1.3;}
#tc2 .p{color: #555;line-height: 1.37;}
#tc2 .out{position: absolute;top: 0.24rem;right: 0.22rem;width: 0.13rem;cursor:pointer;}