.home-wrap{
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.home-wrap::-webkit-scrollbar {
  display: none;
}
/*首屏*/
.home-swiper {
    position: relative;
    width: 100%;
}
.video-slide-title {
  position: absolute;
  left: 0;
  top:24.48vw;
  z-index: 22;
  width: 100%;
  padding:0 10%;
  text-align: left;
  font-size: 3.85vw;
  line-height: 4.01vw;
  color: #fff;
  font-weight: 700;
  transition: transform 0.8s, opacity 1s;
  transform: translate(0, 0);
  transition-delay: 0.5s;
}
.video-slide-title .sub-title {
  font-size: 90%;
  line-height: 2;
}
.video-slide-title .grid-item-link {
  float:left;
  width: 9.11vw;
  height:3.07vw;
  text-align: center;
  line-height: 3.07vw;
  background:#fff;
  border-radius: 1.98vw;
  color:#17BBEF;
  font-size:0.83vw;
  transition: none;
  margin-top: 4.69vw;
  font-weight: normal;
}
.carousel-video{
  width:100%;
}
/*品牌背书*/
.endorsement-slide{
  position: relative;
  margin-top:-0.26vw;
  padding:6.77vw 10% 0;
  background:#fff;
}
.endorsement-title{
  font-size:3.75vw;
  line-height:4.01vw;
  text-align: center;
  word-break: break-all;
  background: linear-gradient(to right, #67E8FF,#17BBEF );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.endorsement-tip{
  margin-top:1.56vw;
  font-size:1.77vw;
  text-align: center;
  color:#444;
}
.endorsement-box{
  margin:5.21vw 0 0;
  padding-bottom:8.85vw;
  display: flex;
  align-items: stretch;
}
.endorsement-left-box{
  box-sizing: border-box;
  width:74%;
  margin-right:0.78vw;  
}
.endorsement-right-box{
  width:25%;
  box-sizing: border-box;
  background:#F7F8FA;  
}
.sany-one-container{
  width:100%;
  height:21vw;
}
.sany-one{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: 1;
}
.endorsement-left-box .endorsement-bottom-box{
  display: flex;
  margin-top:0.78vw;
}
.endorsement-left-box .endorsement-bottom1{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width:60%;
  justify-content: space-between;
  padding:0 0 3% 5%;
}
.endorsement-bottom1 .endorsement-bottom-text{
  box-sizing: border-box;
  width:70%;
}
.endorsement-bottom1 .endorsement-bottom-img1{
  box-sizing: border-box;
  width:35%;
}
.endorsement-text{
  text-align: left;
}
.endorsement-text .tit{
  color:#17BBEF;
  font-size:4.5vw;
  line-height: 5vw;
  font-weight: 700;
}
.endorsement-text .tit2{
  color:#17BBEF;
  font-size:3.33vw;
  font-weight: 700;
}
.endorsement-text .tit3{
  color:#17BBEF;
  font-size:2.50vw;
  line-height: 3vw;
  font-weight: 700;
}
.endorsement-text .tit4{
  margin-top:2vw;
  color:#17BBEF;
  font-size:3.65vw;
  line-height: 3vw;
  font-weight: 700;
}
.endorsement-text .tit4 em{
  font-size:2.08vw;
}
.endorsement-text .sub-tit{
  color:#17BBEF;
  font-size:1.88vw;
  font-weight: 700;
}
.endorsement-text .say{
  font-size:1.15vw;
  line-height: 1.4vw;
  color:#5F6368;
  font-weight: 300;
}
.endorsement-left-box .endorsement-bottom2{
  position: relative;
  box-sizing: border-box;
  width:40%;
  margin-left:0.78vw;
  padding:2% 5%;
}
.endorsement-bottom-img2{
  position: absolute;
  width:4.22vw;
  height:3.49vw;
  right:5%;
  bottom:15%;
}
.endorsement-right1{
  text-align: right;
  padding:0.73vw 5%;
  border-bottom: 0.78vw solid #fff;
}
.endorsement-right-img1{
  width:3.23vw;
  height:3.23vw;
  margin-top:0.56vw;
}
.endorsement-right2{
  text-align: center;
  padding:5%;
}
.endorsement-right2 .endorsement-text{
  text-align: center;
}
.endorsement-right-img2{
  width:8.13vw;
  height:11.20vw;
  margin-top:1vw;
}
.endorsement-bottom,.endorsement-right{
  background:#F7F8FA;
}

/*碳排放*/
.swiper-carbon-wrap{
  background: linear-gradient(#CCECFF, #E6EEF9, #ABE6DD);
  width:100%;
}
.carbon-title{
  padding:7.81vw 10% 0;
  font-size:3.75vw;
  line-height:4.01vw;
  font-weight: 700;
  word-break: break-all;
  background: linear-gradient(to right,#17BBEF, #6CFFDD );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.carbon-tip{
  margin:2.08vw 10% 0;
  font-size:1.77vw;
  color:#444;
}
.swiper-carbon{
  position: relative;
  margin-top:2.60vw;
  margin-left:10%;
  height:34.17vw;
}
.swiper-carbon .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.swiper-carbon .swiper-slide .carbon-txt{
  position: absolute;
  top:4.17vw;
  left:0;
  z-index: 4;
  width:100%;
  text-align: center;
  color:#fff;
}
.swiper-carbon .swiper-slide .carbon{
  font-size: 2.50vw;
}
.swiper-carbon .swiper-slide .carbon-say{
  margin-top:-0.52vw;
  font-size: 1.67vw;
}
.swiper-carbon .swiper-slide img{
    display: block;
    width:100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.15, 0.99, 0.44, 1);
}
.swiper-carbon .swiper-slide:hover img{
  transform: scale(1.1);
  transition: all 0.5s cubic-bezier(0.15, 0.99, 0.44, 1);
}
.carbon-detail{
  margin:1.56vw 10% 0;
  padding-bottom:9.38vw;
  font-size:1.25vw;
  color:#9D9D9D;
}
.swiper-button-prev,
.swiper-button-next {
    margin-left: 0.52vw;
    margin-right: 0.52vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: none;
    width: 2.86vw;
    height: 2.86vw;
    background-color: #E7E7EB;
    border-radius: 50%;
    transition: background-color 0.2s;
}
.swiper-button-prev img,
.swiper-button-next img {
    width: 1.56vw;
    height: 1.56vw;
}

/*菜单入口*/
.menu-into{
  position: relative;
}
.section-swiper-container .menu-into{
  position: relative;
}
.section-swiper-container .menu-bg{
  position: absolute;
  width:100%;
  height:100%;
}
.menu-bg{
  width:100%;
  height: 78.75vw;
}
.menu-into-content{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index: 99;
}
.menu-into-content .menu-tit{
  margin-top:6.77vw;
  text-align: center;
  color:#73DEFF;
  font-size: 3.75vw;
  line-height: 4.01vw;
  font-weight: 700;
}
.menu-into-content .menu-say{
  text-align: center;
  margin-top:1.04vw;
  font-size:1.77vw;
  color:#fff;
}
.menu-into-content .menu-into-box{
  display: flex;
  justify-content: center;
  margin:4.43vw 0 0;
  height:41.67vw;
}
.menu-img-box{
  position: relative;
}
.menu-into-box .menu-img {
  width:100%;
  height:100%;
}
.menu-into-box .menu-txt-box{
  position: absolute;
  top:4.11vw;
  left:0;
  width:100%;
  height: 8vw;
  overflow: hidden;
  color:#fff;
  cursor: pointer;
}
.menu-into-box .menu-txt{
  margin-top:2vw;
  text-align: center;
  transition: transform 1s ease;
}
.menu-img-box:hover .menu-txt{
  transform: translateY(-2.2vw);
}
.menu-into-box .menu-tit1{
  font-size:2.08vw;
  font-weight: 700;
}
.menu-into-box .menu-tit2{
  font-size:1.25vw;
  line-height:1.46vw;
  font-weight: 700;
}
.menu-into-box .menu-tit3{
  margin-top:0.1vw;
  font-weight: 300;
  font-size:0.8vw;
  color:#fff;
}
.menu-into-box .menu-btn{
  position: absolute;
  top:15.10vw;
  left:50%;
  margin-left:-4.69vw;
  width:9.17vw;
  height:1.77vw;
  background:#fff;
  text-align: center;
  line-height: 1.77vw;
  border-radius: 0.89vw;
  color:#17BBEF;
  font-size:0.83vw;
  cursor: pointer;
  font-weight: 600;
}
.menu-img-box:nth-child(2){
  margin:0 1.25vw;
}

/* 热销产品 */

.txts1 .sup {
    background: linear-gradient(90.36deg, #8CBEE7 18.84%, #3E5E83 43.78%, #102960 86.29%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 3.75vw;
    font-weight: bold;
    text-align: center;
    margin-top: 4.69vw;
}

.txts1 .sub {
    font-size: 1.77vw;
    color: #444444;
    text-align: center;
    margin-bottom: 5.73vw;
}

.swiper1 {
    width: 69.79vw;
    margin: auto;
    overflow: hidden;
    padding-bottom:5.73vw;
}

.swiper1 .years {
    position: absolute;
    position: relative;
    /* border: 0.0521vw dashed green; */
    width: 69.79vw;
    /* height: 34.69vw; */
    display: flex;
    justify-content: space-evenly;
}

.swiper1 .years .bg-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.1563vw;
    width: 100%;
    background-color: #D9D9D9;
}

.swiper1 .years .active-line {
    position: absolute;
    top: 0;
    left: calc(100% / 5 * 0 + 100% / 5 * 0.1);
    height: 0.1563vw;
    width: calc(100% / 5 * 0.8);
    background-color: #007BA2;
    transition: all 0.3s;
}

.swiper1 .years .year {
    cursor: pointer;
    user-select: none;
    font-size: 1.1458vw;
    font-weight: bold;
    padding: 1.0417vw 0;
    flex: 1;
    text-align: center;
    color: #9D9D9D;
}

.swiper1 .years .active {
    color: #000000;
}

.swiper1 .img-txt {
    position: relative;
}

.swiper1 .img-txt>img {
    width: 69.79vw;
    height: 34.69vw;
    transition: transform 1s ease;
}

.swiper1 .img-txt {
    overflow: hidden;
}

.swiper1 .img-txt>img:hover {
    /* 鼠标悬浮时放大 */
    transform: scale(1.1)
}

.swiper1 .img-txt .txt3 {
    pointer-events: none;
    position: absolute;
    bottom: 2.50vw;
    left: 2.50vw;
}

.swiper1 .img-txt .txt3 .sup {
    font-size: 2.50vw;
    font-weight: bold;
    color: #FFFFFF;
}

.swiper1 .img-txt .txt3 .sub {
    font-size: 1.04vw;
    height: 0;
    overflow: hidden;
    transition: height 1s ease;
    color: #FFFFFF;
}

.swiper1 .img-txt .txt3 .sssub {
    width: 10vw;
}

.swiper1 .img-txt .txt3 .sssub span {
    cursor: pointer;
    pointer-events: auto;
    font-size: 1.25vw;
    color: #FFFFFF;
}

.swiper1 .img-txt .txt3 .sssub span>img {
    width: 7.0.26vw;
    height: 0.57vw;
}


/*案例*/

.swiper-case-wrap{
  width:100%;
  background:#F7F8FA;
  padding-bottom:5.4vw;
}
.case-title{
  padding:4.48vw 10% 0;
  font-size:3.85vw;
  line-height:4.01vw;
  font-weight: 700;
  word-break: break-all;
  background: linear-gradient(to right,#00C1FE, #00A1D5,#0093C2 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.case-tip{
  margin:2.60vw 10% 0;
  font-size:1.77vw;
  color:#444;
}
.swiper-case{
  height:34.17vw;
  margin:2.60vw 0 0 10%;
  position: relative;
}
.swiper-case .swiper-slide{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.swiper-case .swiper-slide img{
    display: block;
    width:100%;
}
.case-txt-box{
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:0 3vw 0 2vw;
  color:#fff;
  transition: transform 0.5s cubic-bezier(0.15, 0.99, 0.44, 1);
}
.case-tit{
  margin-top:0.7vw;
  font-size:2.08vw;
  font-weight: 700;
}
.case-say{
  height:0;
  overflow: hidden;
  font-size:0.93vw;
  margin-top:0.52vw;
  transition: height 0.5s cubic-bezier(0.15, 0.99, 0.44, 1);
}
.case-btn{
  display: block;
  margin:0.52vw 0 1.56vw;
  color:#fff;
  font-size:0.73vw;
  font-weight: 500;
}
.swiper-case .swiper-slide:hover .case-txt-box{
  background:#fff;
}
.swiper-case .swiper-slide:hover .case-tit{
  color:#000;
}
.swiper-case .swiper-slide:hover .case-say{
  height:4.17vw;
  color:#5F6368;
}

.swiper-case .swiper-slide:hover .case-say-2{
  height: 5.17vw;
}

.swiper-case .swiper-slide:hover .case-btn{
  color:#000;
}
.swiper-case .swiper-button-next,.swiper-case .swiper-button-prev{
  top:40%;
}