.wrap-box {
   /* width: 100%; */
   /* background-color: green; */
   /* display: flex;
   justify-content: center; */
}

/* 添加小手 */
.add-hand {
   cursor: pointer;
}



.top-box {
   width: 100%;
   position: sticky;
   left: 0;
   top: 0;
   background-color: var(--white-color);
   z-index: 999;
}

.min-header {
   width: 100%;
   height: 2.63rem;
   background-color: var(--black-color1);
}

.min-header .min-header-box {
   height: 100%;
   display: flex;
   margin-left: 12.5rem;
   justify-content: space-between;

}

.min-header .min-header-box .min-header-left {
   /* width: 50%; */
   width: 100%;
   display: flex;
   align-items: center;
   font-size: 0.83rem;
   font-family: Source Han Sans CN;
   font-weight: 500;
   color: var(--white-color);
}

.min-header .min-header-box .min-header-left .min-header-letter {
   /* width: 13.5rem; */
   margin-right: 6.5rem;
   height: 1.04rem;
   display: flex;
   align-items: center;

}

.min-header .min-header-box .min-header-left .min-header-letter img {
   width: 1.04rem;
   height: 1.04rem;
   margin-right: 0.46rem;

}

.min-header .min-header-box .min-header-left .min-header-time {
   display: flex;
   align-items: center;
}

.min-header .min-header-box .min-header-left .min-header-time img {
   width: 1.04rem;
   height: 1.04rem;
   margin-right: 0.42rem;
}

.min-header .min-header-box .min-header-right {
   /* width: 30%; */
   display: flex;
   align-items: center;
   justify-content: end;
   margin-right: 12.25rem;
}

.min-header .min-header-box .min-header-right .min-header-logo {
   width: 1.46rem;
   height: 1.46rem;
   margin-left: 0.54rem;

}

.min-header .min-header-box .min-header-right .min-header-logo img {
   width: 100%;
   height: 100%;
}


/* 头部 */
.wrap-box .wrap-header {
   width: 100%;
   height: 5rem;

   display: flex;
   align-items: center;
   /* margin-left: 12.5rem; */

}

.leftLogo {
   width: 9.96rem;
   height: 2.17rem;
}

.leftLogo img {
   width: 100%;
}


.headerTab ul {
   /* 准确 */
   /* width: 41.79rem; */
   height: 2.54rem;
   margin-left: 2.33rem;
   /* 准确 */
   /* margin-right: 6.57rem; */
   margin-right: 5.5rem;
   display: flex;
   align-items: center;
}

.headerTab ul li {
   width: 6rem;
   height: 2.54rem;
   margin-right: 0.84rem;
   box-sizing: border-box;
   font-size: 1.04rem;
   font-family: Poppins;
   font-weight: 500;
   color: #252525;
   display: flex;
   align-items: center;
   justify-content: center;

}

.headerTab>ul li :hover {
   width: 6rem;
   height: 2.54rem;
   text-align: center;
   background: var(--theme-bg-color5);
   border-radius: 0.5rem;
   color: var(--white-color);
   display: flex;
   align-items: center;
   justify-content: center;
}

.rightCountry {
   width: 2.92rem;
   height: 2.92rem;
   display: flex;
   justify-content: end;
}

.rightCountry img {
   width: 100%;
}

/* 首页第一个盒子 */
.home-conten-wrap {
   width: 100%;
   overflow: hidden;
}

.top-swiper-main {
   width: 100vw;
   overflow: hidden;
   position: relative;
}

.home-conten-wrap .home-conten-box1 {
   width: 100%;
   height: 45rem;
   position: relative;
}

/* 首页轮播图修改第一个图片 */
.Rotationone-top {
   font-size: 3.125rem;
   position: absolute;
   top: 16.3rem;
   right: 10.33rem;
   color: var(--white-color);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
   /* background:var(--theme-bg-color20) !important; */
   border-color: #ffffff !important;
}

.swiper-pagination-bullet-active::after {
   animation: swiperPag .5s;
   animation-fill-mode: forwards;
}

span.swiper-pagination-bullet {
   margin: 1.1875rem 1.9375rem !important;
   position: relative;
   width: .75rem !important;
   height: .75rem !important;
   opacity: 1;
   /* border: 1px solid transparent; */
   background-color: #ffffff;
   transition: all .3s;
   cursor: pointer;
}

span.swiper-pagination-bullet::after {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 0;
   height: 0;
   border-radius: 50%;
   border: 1px solid #fff;
   /* animation: swiperPag 1s; */

}

@keyframes swiperPag {
   0% {
      width: 0;
      height: 0;
   }

   100% {
      width: 3rem;
      height: 3rem;
   }
}

.swiper-pagination {
   bottom: 1.5625rem !important;
}

.Rotationone-bootm {
   position: absolute;
   bottom: 6.5rem;
   left: 9.55rem;
   font-size: 3.125rem;
   color: var(--white-color);
}

.Rotationtwo-top {
   position: absolute;
   left: 16.67rem;
   top: 17.83rem;
   font-size: 3.95rem;
   font-weight: normal;
   color: var(--gray-color19);
}

.Rotationtwo-centent {
   position: absolute;
   left: 16.67rem;
   top: 21.95rem;
   font-size: 3.125rem;
   font-family: OPPOSans R;
   color: var(--gray-color20);
}

.Rotationtwo-bootm {
   position: absolute;
   top: 28.2rem;
   left: 20.96rem;
   font-size: 1.2rem;
   color: var(--gray-color20);
}

.Rotationthree-top {
   position: absolute;
   top: 5.5rem;
   left: 9.54rem;
   font-size: 2.79rem;
   color: var(--gray-color19);
   font-family: Alibaba PuHuiTi;
   font-weight: 500;
   line-height: 2rem;
}

.Rotationthree-bottm {
   position: absolute;
   top: 8.75rem;
   left: 9.54rem;
   font-size: 2.79rem;
   color: var(--gray-color19);
   font-weight: 400;
}

.Rotationfour-top {
   position: absolute;
   left: 16.67rem;
   top: 16.87rem;
   font-size: 3.96rem;
   font-weight: normal;
   /* font-family: Adobe Heiti Std; */
   color: var(--gray-color19);
}

.Rotationfour-centent {
   position: absolute;
   top: 21.67rem;
   left: 16.67rem;
   font-weight: 400;
   color: var(--gray-color20);
   font-size: 3.125rem;
}

.Rotationfour-bootm {
   position: absolute;
   top: 28.2rem;
   left: 19.9rem;
   font-weight: 400;
   font-size: 1.2rem;
   color: var(--gray-color19);
}

.Rotationfive-top {
   position: absolute;
   top: 13.33rem;
   left: 16.67rem;
   font-size: 3.95rem;
   font-family: Poppins;
   font-weight: 600;
   color: var(--theme-bg-color20);
}

.Rotationfive-bootm {
   position: absolute;
   top: 18.25rem;
   left: 16.67rem;
   font-size: 2.79rem;
   color: var(--gray-color19);
}

.home-box1-imgage-message {
   position: absolute;
   left: 4.04rem;
   top: 2.92rem;
   font-size: 2rem;
   font-family: Source Han Sans CN;
   font-weight: 300;
   color: var(--white-color);
}

.home-conten-wrap .home-conten-box1 .home-realize-more {
   width: 12.04rem;
   height: 2.5rem;
   background: var(--theme-bg-color9);
   border-radius: 0.42rem;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 1.04rem;
   font-family: Alibaba PuHuiTi 2.0;
   font-weight: normal;
   color: var(--white-color);
   position: absolute;
   top: 18.42rem;
   right: 5.08rem;
}

.home-conten-wrap .home-conten-box1 .home-realize-more:hover {
   background: var(--theme-bg-color5);
}

.home-conten-wrap .home-conten-box1 img {
   width: 100%;
   height: 45rem;
}

.home-conten-wrap .home-conten-box2 {
   width: 100%;
   display: flex;
   position: relative;
   top: 10rem;
}

.home-conten-wrap .home-conten-box2 .home-box2-left {
   width: 100%;
   /* height: 45rem; */
   background: #FAFAFC;
}

.home-conten-wrap .home-conten-box2 .home-box2-left img {
   width: 100%;
   height: 100%;
}

.home-conten-wrap .home-conten-box2 .home-box2-right {
   flex: 1;
   margin-top: 1.5rem;
   position: absolute;
   right: 14.75rem;
   bottom: -2rem;
   width: 39.75rem;
   height: 36.25rem;
   box-sizing: border-box;
   background-color: rgba(140, 195, 56, 0.7);
}

.home-conten-wrap .home-conten-box2 .home-box2-right .box2-wire {
   display: flex;
   align-items: center;
}

.home-conten-wrap .home-conten-box2 .home-box2-right .box2-left-wire {
   font-size: 1.04rem;
   font-family: Poppins;
   font-weight: 600;
   color: var(--theme-bg-color1);
   margin-right: 0.79rem;
}

.home-conten-wrap .home-conten-box2 .home-box2-right .box2-right-wire {
   /* width: 34.33rem; */
   width: 33.8rem;
   height: 0.25rem;
   background-color: var(--theme-bg-color4);
}

.home-conten-wrap .home-conten-box2 .home-box2-right .box2-title {
   margin-top: 3.03rem;
   font-size: 3rem;
   text-align: center;
   font-family: PingFang SC-Heavy, PingFang SC;
   font-weight: 800;
   color: rgba(255, 255, 255, 1);
   line-height: 3.5rem;
   /* 文字间隙 */
   letter-spacing: 10px;
}

.home-conten-wrap .home-conten-box2 .home-box2-right .box2-content {
   margin-top: 2.9rem;
   font-size: 1.4rem;
   font-weight: 400;
   color: rgba(255, 255, 255, 1);
   padding: 0 2.9375rem;
   line-height: 2.85rem;
}

.box2-content .textcolor {
   color: #90D12E;
}

.box2-content .box2-content-top {
   margin-top: 1rem;
}

.home-conten-wrap .home-conten-box2 .home-box2-right .box2-read-button {
   margin-top: 5.5rem;
   width: 15.5rem;
   height: 5.5rem;
   border-radius: 5.5rem;
   opacity: 1;
   border: 1px solid #90D12E;
   font-size: 1.65rem;
   font-family: PingFang SC-Regular, PingFang SC;
   font-weight: 400;
   line-height: 2rem;
   background: #ffffff;
   color: #90D12E;
   display: flex;
   justify-content: center;
   align-items: center;
}

.home-conten-wrap .home-conten-box2 .home-box2-right .box2-read-button:hover {
   /* background: var(--theme-bg-color5); */
   cursor: pointer;
}

.home-conten-wrap .home-conten-box3 {
   display: flex;
   flex-direction: column;
   align-items: center;
   background-color: #ffffff;
   margin-top: 13.5rem;
   /* margin-bottom: 4.21rem; */
}

.home-conten-wrap .home-conten-box3 .home-box3-left {
   width: 26.04rem;
   height: 16.5rem;

}

.home-conten-wrap .home-conten-box3 .home-box3-left img {
   width: 100%;

}

.home-conten-wrap .home-conten-box3 .home-box3-middle {
   width: 100%;
   text-align: center;

}

.home-conten-wrap .home-conten-box3 .home-box3-middle .box-conten-title {
   margin: 10rem 0 1.5rem 0;
   font-size: 3rem;
   font-family: PingFang SC-Heavy, PingFang SC;
   font-weight: 800;
   color: #17171A;
   line-height: 3.5rem;
}

.home-conten-wrap .home-conten-box3 .home-box3-middle .box3-top-arrows {
   width: 2.71rem;
   height: 2.71rem;
   /* margin: 2.96rem 6.17rem 1.92rem 6rem; */
   margin: 0 auto;
   margin-top: 2.96rem;
   margin-bottom: 1.92rem;

}

.home-conten-wrap .home-conten-box3 .home-box3-middle .box-conten-text {
   font-size: 1rem;
   font-weight: 400;
   color: #17171A;
   line-height: 2.75rem;
   font-weight: bold;
   margin: auto;
}

.home-conten-wrap .home-conten-box3 .home-box3-middle .box3-top-arrows img {
   width: 100%;
}


.home-conten-wrap .home-conten-box3 .home-box3-right {
   width: 100%;
   /* padding: 4rem 7.5rem 2.6875rem; */
   box-sizing: border-box;
   margin-top: 1.5rem;
}

.home-conten-wrap .home-conten-box3 .home-box3-right img {
   width: 100%;
   height: 100%;
}

.home-conten-wrap .home-conten-box4 {
   width: 100%;
   height: 6.8rem;
   margin-bottom: 4.67rem;
}

.home-conten-wrap .home-conten-box4 img {
   width: 100%;
   /* height: 6.8rem; */
}

.home-conten-wrap .home-conten-box5 {
   overflow: hidden;
   width: 100%;
   background: #FAFAFC;
   position: relative;
   top: -3rem;
   /* height: 39.63rem; */
}

.home-conten-wrap .home-conten-box5 .home-box3-middle .box-conten-title {
   margin-top: 7.5rem;
}

.home-box5-title {
   width: 100%;
   height: 2.9rem;
   text-align: center;
   font-size: 2.58rem;
   font-family: Poppins;
   font-weight: 500;
   color: var(--black-color);
}

.home-box5-swiper {
   position: relative;
   width: 80%;
   /* height: 25.88rem; */
   height: 27rem;
   margin: 0 auto;
   margin-top: 4rem;
   margin-bottom: 6.25rem;
   display: flex;
   justify-content: space-evenly;
}



.eristic-large {
   display: none;
   width: 100%;
   height: 100%;
   position: relative;
   border-radius: 1rem;
}

.eristic-large img {
   width: 100%;
   height: 100%;
}

.large-centent {
   position: absolute;
   bottom: 0;
   width: 100%;
   min-height: 5.43rem;
   background-color: RGBA(186, 186, 186, 0.5);
   /* 背景透明 */
   border-radius: 0 0rem 1rem 1rem;
   color: rgba(255, 255, 255, 1);
   text-align: left;
}

.large-centent .centent-title {
   font-size: 1.56rem;
   height: 1.56rem;
   margin-top: 0.7rem;
   margin-left: 1.8rem;
}

.large-centent .centent-stuste {
   margin-top: 0.7rem;
   margin-left: 1.8rem;
   font-size: 1.3rem;
}

.eristic-small {
   width: 100%;
   height: 100%;
   position: relative;
}

.eristic-small img {
   width: 100%;
   height: 100%;
}

.characteristic-active {
   width: 60% !important;
   max-width: 60% !important;
   border-radius: 1rem !important;
   transition: all 0.5s ease;
}

.characteristic-active .eristic-large {
   display: block;

}

.characteristic-active .eristic-small {
   display: none;
}

.footer-centet {
   width: 100%;
}

.footer-centet img {
   width: 100%;
   height: 100%;
}

.small-centent {
   background-color: RGBA(186, 186, 186, 0.5);
   /* 背景透明 */
   width: 100%;
   height: 100%;
   z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 1rem;
}

.small-centent .centent-title {
   width: 100%;
   text-align: center;
   font-size: 1.56rem;
   color: rgba(255, 255, 255, 1);
   position: absolute;
   bottom: 3rem;
   opacity: 1;
}

.box5-swiper {
   width: 20%;
   max-width: 20%;
   margin-left: 0.5rem;
   margin-right: 0.5rem;
   border-radius: 0.4rem;
   transition: all 0.5s ease;
   cursor: pointer;
   /* 设置1秒的宽度过渡效果 */
}

.box5-swiper img {
   border-radius: 1rem;
}

/* .box5-swiper:hover {
   cursor: pointer;
   width: 60%;
   max-width: 60%;
   border-radius: 0.4rem;
}

.box5-swiper:hover .eristic-large {
   display: block;
   border-radius: 1rem;
}

.box5-swiper:hover .eristic-small {
   display: none;
   border-radius: 1rem;
} */

.box5-swiper .eristic-small img {
   border-radius: 1rem;
}


.swiper-container {
   /* padding: 0 8.125rem; */
   padding-right: 7.5rem;
   width: 100%;
   box-sizing: border-box;
   /* height: 25.88rem; */
   height: 34rem;
   width: 92.25rem;
   /* 改造左右按钮1 */
   /* width: 57.88rem;
   padding: 0 2rem; */
   position: relative;
}

.swiper-container-free-mode>.swiper-wrapper {
   align-items: center;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
   transform: translateY(-50%);
   background-size: auto;
   margin-top: 0;
   width: 4rem;
   height: 4rem;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 3.5625rem;
   opacity: 1;
   background-size: 50% 50%;
}

.swiper .swiper-button-prev {
   /* width: 1.6875rem;
   height: 2.75rem; */
   left: 7.5rem;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper .swiper-button-next {
   /* width: 1.6875rem;
   height: 2.75rem; */
   right: 7.5rem;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

div.swiper-button-prev {
   left: 7.5rem;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

div.swiper-button-next {
   right: 7.5rem;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

div.swiper-button-next,
div.swiper-button-prev {
   transform: translateY(-50%);
   background-size: auto;
   margin-top: 0;
   width: 4rem;
   height: 4rem;
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 3.5625rem;
   opacity: 1;
   background-size: 50% 50%;
}

div.swiper-container {
   /* position: static; */
   /* overflow: unset; */
}

.swiper-button-prev {
   position: absolute;
   top: 0;
   left: -1rem;

}








/* nth-child(even) */




.swiper-text1-box,
.swiper-slide .home-swiper-text-black div.swiper-text1-box-black {
   font-size: 1.125rem;
   font-family: PingFang SC-Regular, PingFang SC;
   font-weight: 400;
   color: #000000;
   line-height: 1.3125rem;
}

.swiper-slide .home-swiper-text-black {
   width: 17.5rem;
   border-radius: 0 0 0.3rem 0.3rem;
   box-sizing: border-box;
   /* box-shadow: 0.1rem 0.1rem 0.6rem rgb(177, 171, 171); */
   /* background-color: var(--gray-color6); */
}

.swiper-slide .home-swiper-text-black .swiper-text-box-black {
   display: flex;
   /* border-bottom: 0.1rem solid var(--white-color); */
   margin-bottom: 1.25rem;
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
}

.swiper-slide .home-swiper-text-black .swiper-text-box-black .swiper-text-box1-black,
.swiper-container .swiper-wrapper .swiper-slide .home-swiper-text .swiper-text-box div.swiper-text-box1 {
   font-size: 1.75rem;
   font-family: PingFang SC-Heavy, PingFang SC;
   font-weight: 800;
   color: #17171A;
   line-height: 2.375rem;
}

.swiper-slide .home-swiper-text-black .swiper-text-box-black .swiper-text-box2-black {
   width: 6rem;
   /* height: 1rem; */
   padding: 0.38rem 0.58rem;
   box-sizing: border-box;
   background-color: var(--white-color);
   font-size: 0.88rem;
   font-family: Microsoft YaHei UI;
   font-weight: 400;
   color: var(--black-color);
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 1rem 0.3rem 0 0;
   display: none;
}

.swiper-slide .home-swiper-text-black .swiper-text1-box-black {
   font-size: 0.88rem;
   font-family: Poppins;
   font-weight: 500;
   color: var(--white-color);
}














.home-conten-box6 {
   width: 100%;
   height: 35.29rem;
   position: relative;
}

.home-conten-box6 img {
   width: 100%;
}

.home-conten-box6 .home-box6-title {
   font-size: 2.58rem;
   font-family: Poppins;
   font-weight: 500;
   color: var(--black-color);
   position: absolute;
   top: 5.17rem;
   left: 12.46rem;
}

.home-conten-box6 .home-box6-text {
   position: absolute;
   bottom: 3.33rem;
   left: 12.5rem;
   line-height: 1.72rem;
   font-size: 1.42rem;
   font-family: Poppins;
   font-weight: 500;
   color: var(--white-color);
}


.title-border{
   border-bottom: .5625rem solid #FFCE45;
   line-height: .3125rem;
}
.w68{
   width: 4.25rem;
}
.w153{
   width: 7.1625rem;
}

.w182{
   width: 9.175rem;
}

.mb67{
   margin-bottom: 4.1875rem;
}

.line-height20{
   line-height: 1.875rem;
}

.mb47{
   margin-bottom: 2.9375rem;
}