.container{ width: 100%; min-width: 1480px; margin: 0 auto;padding: 0px 0;}

.mores {
    display: flex;margin-top: 20px;
}

.mores .link {
    font-size: 24px;
    color: #FFF;
    background: #2C2C2C;
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
}
.moress .link {display: block;height: 40px;line-height: 40px;font-size: 20px; text-decoration: underline;color: #FFF;}

/* 首页轮播 */
.focus{ width: 100%; min-width: 1480px; height: 832px; min-height: 648px; margin: 0 auto; background-size: cover !important; background-position: 50% 50% !important; position: relative; display: flex; justify-content: center; align-items: center;}
.focus>.line{ backdrop-filter: blur(28px); position: absolute; left: 0; right: 0; bottom: 0; display: flex;}
.focus>.line>.item{ background: rgba(0, 0, 0, 0.1); flex: 1; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #FFF; cursor: pointer;}
.focus>.line>.item-hov{ background: rgba(44, 44, 44, 1);}
.focus>.wrap{ width: 1480px; display: flex; justify-content: space-between; align-items: center;}
.focus>.wrap>.inf{ max-width: 780px; color: #FFF;}
.focus>.wrap>.inf>.hihi{ font-size: 90px; line-height: 150px; margin: 0 0 10px; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.focus>.wrap>.inf>.name{ font-size: 25px; line-height: 1.2; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.focus>.wrap>.inf>.text{ font-size: 16px; line-height: 1.2; padding: 20px 50px 20px 0;}
.focus>.wrap>.inf>.link{ display: block; height: 40px; line-height: 40px; font-size: 20px; text-decoration: underline; color: #FFF;}
.focus>.wrap>.mp4{ width: 600px; height: 340px;}


.focuss{z-index:99; width: 100%; min-width: 1480px; margin: 0 auto; background-size: cover !important; background-position: 50% 50% !important; position: relative; display: flex; justify-content: center; align-items: center;}
.focuss>.line{ backdrop-filter: blur(28px); position: absolute; left: 0; right: 0; bottom: 0; display: flex;}
.focuss>.line>.item{ background: rgba(0, 0, 0, 0.1); flex: 1; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #FFF; cursor: pointer;}
.focuss>.line>.item-hov{ background: rgba(44, 44, 44, 1);}

 
.focuss { height: 60px;}
.focuss>.line {bottom: 50px;}
.mainCont { display: none;}

 


.sbanner-recycled{ width: 100%; min-width: 1480px; position: relative;}
.sbanner-recycled>.wrap{ position: absolute; color: #FFF; left: 20%; top: 50%; display: flex; justify-content: flex-start; align-items: center; transform: translate(-20%, -50%); -webkit-transform: translate(-20%, -50%); -moz-transform: translate(-20%, -50%); -ms-transform: translate(-20%, -50%); -o-transform: translate(-20%, -50%); }
.sbanner-recycled>.wrap>.leaf{ width: 240px; height: 240px; background: url('../images/icon-leaf.png'); background-position: 50% 50% !important; background-size: cover !important;}
.sbanner-recycled>.wrap>.text{ font-size: 80px; line-height: 80px;}

.sbanner-products{ width: 100%; min-width: 1480px; position: relative;}
.sbanner-products>.wrap{ position: absolute; color: #000; width: 1280px; left: 50%; top: 78%; display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translate(-50%, -75%); -webkit-transform: translate(-50%, -75%); -moz-transform: translate(-50%, -75%); -ms-transform: translate(-50%, -75%); -o-transform: translate(-50%, -75%); }
.sbanner-products>.wrap>.hd{ font-size: 100px; line-height: 120px;}
.sbanner-products>.wrap>.bd{ font-size: 20px; line-height: 24px; padding: 0 200px; margin: 40px 0; text-align: center;}
.sbanner-products>.wrap>.ft{ display: flex; justify-content: center; align-items: center;}
.sbanner-products>.wrap>.ft>.link{ font-size: 24px; color: #FFF; background: #2C2C2C; width: 250px; height: 60px; line-height: 60px; text-align: center; text-decoration: none;}
.sbanner-products>.wrap>.ft>.link:active{ color: #2C2C2C; background: #FFF;}

.sbanner-system{ overflow: hidden; width: 100%; position: relative; } 
.sbanner-system a{ display: block; width: 100%; height: 100%; position: relative;}
.sbanner-system a>img{ display: block; width: 100%; z-index: 1; position: relative; }
.sbanner-system a>.info{ position: absolute; z-index: 2; top: 50%; right: 10%; display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.sbanner-system a>.info>.name{ font-size: 80px; line-height: 120px; margin: 0 0 20px; color: #2C2C2C;}
.sbanner-system a>.info>.link{ font-size: 25px; color: #FFF; background: #2C2C2C; width: 250px; height: 60px; line-height: 60px; text-align: center;}
.sbanner-system a>.info>.link:active{ color: #009C00; background: #FFF;}

 


/* 车间展示 */
/* .sbanner-workshop{ width: 100%; min-width: 1480px; position: relative;} */
.sbanner-workshop{ overflow: hidden; width: 100%; position: relative; }
.sbanner-workshop img{ display: block; width: 100%; z-index: 1; position: relative; }
.sbanner-workshop .wrap{ position: absolute; z-index: 2; color: #FFF; width: 670px; left: 75%; top: 50%; transform: translate(-75%, -50%); -webkit-transform: translate(-75%, -50%); -moz-transform: translate(-75%, -50%); -ms-transform: translate(-75%, -50%); -o-transform: translate(-75%, -50%); }
.sbanner-workshop .wrap>.hd{ font-size: 120px;}
.sbanner-workshop .wrap>.bd{ font-size: 20px; line-height: 28px;}


/* 公司简介 */
.about{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.about>.resume{ width: calc(100% - 750px); padding: 0 80px 0 100px; box-sizing: border-box;}
.about>.resume>.name{ font-size: 54px; line-height: 90px;text-align: center;}
.about>.resume>.text{ font-size: 20px; line-height: 25px; padding: 60px 0;}
.about>.resume>.grid{ display: flex; flex-wrap: wrap;}
.about>.resume>.grid>.item{ flex: 0 0 20%; -ms-flex: 0 0 20%; max-width: 20%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.about>.resume>.grid>.item>.num{ font-size: 36px; line-height: 72px;}
.about>.resume>.grid>.item>.txt{ font-size: 20px; line-height: 28px;}
.about>.scroll{ width: 750px;}
.about>.scroll>.swiper{ width: 100%; overflow: hidden; position: relative; }
.about>.scroll>.swiper .swiper-slide{ width: 100%; overflow: hidden; }
.about>.scroll>.swiper .swiper-slide img{ display: block; width: 100%; }
.about>.scroll>.swiper .swiper-pagination{ bottom: 30px;}
.about>.scroll>.swiper .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px;}
.about>.scroll>.swiper .swiper-pagination .swiper-pagination-bullet-active{ background: #000;}


/* 公司实力 */
.power{ width: 1400px; margin: 0 auto 80px; overflow: hidden;}
.power>.list{ display: flex; flex-wrap: wrap; margin: 0 -16px 0;}
.power>.list>.item{ flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; max-width: 33.33%; box-sizing: border-box; padding: 0 16px; margin: 50px 0 0; display: flex; justify-content: flex-start; align-items: center; flex-direction: column;}
.power>.list>.item>.icon{ width: 150px; height: 160px;}
.power>.list>.item>.name{ font-size: 25px; text-align: center; line-height: 60px;}
.power>.list>.item>.text{ font-size: 16px; text-align: center; line-height: 25px;}
/* 应用领域 */
.range{ width: 1400px; margin: 0 auto; overflow: hidden;}
.range>.name{ font-size: 50px; height: 120px; margin: 0 0 80px; line-height: 120px; text-align: center; position: relative;}
.range>.name::after{ position: absolute; content: ''; height: 1px; background: #000; left: 0; right: 0; bottom: 0;}
.range>.list{ display: flex; flex-wrap: wrap; margin: -20px -10px 0;}
.range>.list>.item{ flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%; box-sizing: border-box; padding: 0 10px; margin: 20px 0 0;}
.range>.list>.item>.box{ border: 1px solid #c1c1c1; position: relative;}
.range>.list>.item>.box>.text{ color: #000; font-size: 25px; height: 50px; line-height: 50px; background: rgba(255, 255, 255, 0.7); position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
/* 产品链接 */
.goods{ margin: 80px 0 0;}
.goods>.item{ position: relative;}
.goods>.item>.info{ position: absolute; width: 50%; height: 160px; top: 50%; right: 0; margin-top: -80px; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.goods>.item>.info>.name{ font-size: 50px; line-height: 100px; text-align: center;}
.goods>.item>.info>.link{ width: 200px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; background: #2C2C2C; color: #FFF;}

/* 页面宽度最大1700px */
@media (max-width: 1700px) {
  /* 首页轮播 */
  .focus{ min-width: 1480px;}
  .focus>.wrap{ width: 1360px;}
  .focus>.wrap>.inf{ max-width: 720px;}
  .focus>.wrap>.inf>.hihi{ font-size: 100px; line-height: 100px;}
  .focus>.wrap>.inf>.name{ font-size: 32px;}

  /* 公司简介 */
  .about>.resume{ width: calc(100% - 650px); padding: 0 60px;}
  .about>.resume>.name{ font-size: 60px; line-height: 90px;}
  .about>.resume>.text{ font-size: 20px; line-height: 36px; padding: 40px 0;}
  .about>.scroll{ width: 650px;}
}

/* 页面宽度最大1600px */
@media (max-width: 1600px) {
  /* 首页轮播 */
  .focus{ min-width: 1280px;}
  .focus>.wrap{ width: 1280px;}
  .focus>.wrap>.inf{ max-width: 600px;}
  .focus>.wrap>.inf>.hihi{ font-size: 80px; line-height: 80px;}
  .focus>.wrap>.inf>.name{ font-size: 24px;}
  .focus>.wrap>.inf>.text{ font-size: 18px;}
  /* 公司简介 */
  .about>.resume{ width: calc(100% - 550px); padding: 0 60px;}
  .about>.resume>.name{ font-size: 60px; line-height: 60px;}
  .about>.resume>.text{ font-size: 20px; line-height: 1.2; padding: 40px 0;}
  .about>.scroll{ width: 550px;}
}
/* 页面宽度最大1400px */
@media (max-width: 1400px) {
  .container{ min-width: 990px;}
  .focus{ min-width: 990px; height: 430px; min-height: unset;}
  .focus>.line>.item{ height: 48px; line-height: 48px; font-size: 18px;}
  .focus>.wrap{ width: 990px;}
  .focus>.wrap>.inf{ max-width: unset; width: 480px;}
  .focus>.wrap>.inf>.hihi{ font-size: 36px; line-height: 48px;}
  .focus>.wrap>.inf>.name{ font-size: 18px; line-height: 30px;}
  .focus>.wrap>.inf>.text{ font-size: 14px; line-height: 20px; padding: 10px 0;}
  .focus>.wrap>.inf>.link{ font-size: 16px; height: 30px; line-height: 30px;}
  .focus>.wrap>.mp4{ width: 350px; height: 210px;}
  /* 公司简介 */
  .about{ width: 990px; padding: 30px 0 0;}
  .about>.resume{ width: calc(100% - 350px); padding: 0 20px 0 0;}
  .about>.resume>.name{ font-size: 32px; line-height: 40px;}
  .about>.resume>.text{ font-size: 16px; line-height: 20px; padding: 15px 0;}
  .about>.resume>.grid>.item>.num{ font-size: 16px; font-weight: 600; line-height: 40px;}
  .about>.resume>.grid>.item>.txt{ font-size: 14px; line-height: 28px;}
  .about>.scroll{ width: 350px;}

  /* 公司实力 */
  .power{ width: 990px; margin: 0 auto 40px;}
  .power>.list{ margin: 0 -20px 0;}
  .power>.list>.item{ flex: 0 50%; -ms-flex: 0 0 50%; max-width: 50%; padding: 0 20px; margin: 40px 0 0; }
  .power>.list>.item>.icon{ width: 100px; height: 100px;}
  .power>.list>.item>.name{ font-size: 18px; font-weight: 600; text-align: center; line-height: 40px;}
  .power>.list>.item>.text{ font-size: 14px; text-align: center; line-height: 20px;}


  /* 应用领域 */
  .range{ width: 990px; }
  .range>.name{ font-size: 28px; height: 72px; line-height: 72px; margin: 0 0 40px;}
  .range>.list>.item>.box>.text{ font-size: 16px; font-weight: 600; height: 36px; line-height: 36px;}

  /* 产品链接 */
  .goods{ margin: 40px 0 0;}
  .goods>.item>.info{ height: 100px; margin-top: -50px;}
  .goods>.item>.info>.name{ font-size: 28px; line-height: 64px;}
  .goods>.item>.info>.link{ width: 120px; height: 36px; line-height: 36px; font-size: 16px;}


}
/* 页面宽度最大1000px：手机 */
@media (max-width: 1000px) {

  .container{ min-width: unset;}

  .focus{ min-width: unset; height: 4.8rem; min-height: unset; align-items: flex-start; box-sizing: border-box; padding: 0.48rem 0 0;}
  .focus>.line>.item{ height: 48px; line-height: 48px; font-size: 18px;}
  .focus>.wrap{ width: unset; padding: 0 0.2rem;}
  .focus>.wrap>.inf{ max-width: unset; width: unset;}
  .focus>.wrap>.inf>.hihi{ font-size: 0.5rem; line-height: 0.88rem; font-weight: 600;}
  .focus>.wrap>.inf>.name{ font-size: 0.2rem; line-height: 0.48rem;}
  .focus>.wrap>.inf>.text{ display: none;}
  .focus>.wrap>.inf>.link{ font-size: 0.15rem; height: 0.56rem; line-height: 0.56rem;}
  .focus>.wrap>.mp4{ display: none;}
 
.focuss{ min-width: unset; height: 4.8rem; min-height: unset; align-items: flex-start; box-sizing: border-box; padding: 0.48rem 0 0;}
 
  .focuss>.line{ flex-wrap: wrap; justify-content: center; backdrop-filter: blur(0.1rem);background: #000;}
  .focuss>.line>.item{ flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; max-width: 33.33%; font-size: 0.26rem; height: 0.72rem; line-height: 0.72rem; }




  /* 可再回收 */
  .s-recycled{ width: 1480px;}
  .s-recycled>.recy-list{ width: 1280px;}
  .s-recycled>.recy-list>.recy-line>.cell>.name{ padding: 0;}
  .s-recycled>.recy-list>.recy-line>.cell>.text{ padding: 0;}

  /* 车间展示 */
  .sbanner-workshop .mySwiper .swiper-slide>a>.wrap{ width: 560px;}
  .sbanner-workshop .mySwiper .swiper-slide>a>.wrap>.hd{ font-size: 100px;}
  .sbanner-workshop .mySwiper .swiper-slide>a>.wrap>.bd{ font-size: 20px; line-height: 28px;}

  .s-workshop{ width: 1480px;}
  .s-workshop>.work-list{ width: 1480px;}
  .s-workshop>.work-list>.work-line>.cell>.name{ font-size: 60px; line-height: 60px; margin: 0 0 30px;}
  .s-workshop>.work-list>.work-line>.cell>.text{ font-size: 18px; line-height: 24px;}
  .s-workshop>.work-list>.work-line>.cell>.mp4{ height: 320px;}

.sbanner-workshop {height: 4.8rem;}
.sbanner-workshop .wrap {width: 95%; left: 74%;top: 36%;}
.sbanner-workshop .wrap>.hd{ font-size: 20px;}
.sbanner-workshop .wrap>.bd { font-size: 12px; line-height: 20px;}
.sbanner-workshop .wrap .moress { display: none;}


  /* 产品列表 */
 

  .sbanner-products{ min-width: unset;height: 4.8rem;}
  .sbanner-products>.icon{ height: 4.6rem;}
  .sbanner-products>.wrap{ width: unset; left: 0; right: 0; top: 80%; transform: translateY(-80%); -webkit-transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%); }
  .sbanner-products>.wrap>.hd{ font-size: 0.52rem; line-height: 1.2rem;}
  .sbanner-products>.wrap>.bd{ display: none;}
  .sbanner-products>.wrap>.ft>.link{ font-size: 0.26rem; width: 1.6rem; height: 0.72rem; line-height: 0.72rem;}


.sbanner-system {height: 4.8rem;}
.sbanner-system a>img{ height: 4rem;}
  .sbanner-systema>.info{ left: 0; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
  .sbanner-system a>.info>.name{ font-size: 0.72rem; line-height: 1.2rem; margin: 0 0 0.1rem; color: #FFF; text-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.8);}
  .sbanner-system a>.info>.link{ padding: 0 0.2rem; font-size: 0.26rem; width: 1.6rem; height: 0.72rem; line-height: 0.72rem; width: unset;}

  /* .focus>.line{ display: none;} */

  /* 公司简介 */
  .about{ width: unset; padding: 0.4rem 0 0; display: block;}
  .about>.resume{ width: unset; padding: 0 0.2rem;}
  .about>.resume>.name{ font-size: 0.35rem; line-height: 0.4rem; font-weight: 600;}
  .about>.resume>.text{ font-size: 0.2rem; line-height: 0.25rem; padding: 0.16rem 0;}
  .about>.resume>.grid{ justify-content: center; margin: 0 0 0.3rem;}
  .about>.resume>.grid>.item{ flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; max-width: 33.33%; margin: 0.2rem 0 0;}
  .about>.resume>.grid>.item>.num{ font-size: 0.4rem; font-weight: 600; line-height: 0.3rem;}
  .about>.resume>.grid>.item>.txt{ font-size: 0.25rem; line-height: 0.3rem;}
  .about>.scroll{ width: 100%;}

  /* 公司实力 */
  .power{ width: unset; margin: 0.2rem;}
  .power>.list{ margin: 0;}
  .power>.list>.item{ flex: 0 100%; -ms-flex: 0 0 100%; max-width: 100%; padding: 0; margin: 0.4rem 0 0; }
  .power>.list>.item:first-of-type{ margin: 0;}
  .power>.list>.item>.icon{ width: 1.4rem; height: 1.4rem;}
  .power>.list>.item>.name{ font-size: 0.4rem; font-weight: 600; text-align: center; line-height: 0.72rem;}
  .power>.list>.item>.text{ font-size: 0.2rem; text-align: center; line-height: 0.25rem;}


  /* 应用领域 */
  .range{ width: unset; margin: 0 0.2rem; }
  .range>.name{ font-size: 0.35rem; font-weight: 600; height: 0.88rem; line-height: 0.88rem; margin: 0 0 0.2rem;}
  .range>.list{ margin: -0.2rem -0.1rem 0;}
  .range>.list>.item{ flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; padding: 0 0.1rem; margin: 0.2rem 0 0;}
  .range>.list>.item>.box>.text{ font-size: 0.35rem; font-weight: 400; height: 0.72rem; line-height: 0.72rem;}

  /* 产品链接 */
  .goods{ margin: 0.2rem 0 0;}
  .goods>.item{ height: 2rem;}
  .goods>.item>.icon{ height: 2rem;}
  .goods>.item>.info{ width: 20%; height: 1rem; margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
  .goods>.item>.info>.name{ font-size: 0.25rem; line-height: 0.58rem;}
  .goods>.item>.info>.link{ width: unset; height: 0.32rem; line-height: 0.52rem; padding: 0 0.2rem; font-size: 0.24rem;}


  
}