:root{
  --red--:rgba(216, 0, 17, 1);
}
body {
  overflow-x: hidden;
}
@font-face {
  font-family: AlibabaPuHuiTi-2-65-Medium;
  src: url(../font/AlibabaPuHuiTi-2-65-Medium.ttf), 
}
@font-face {
  font-family: AlibabaPuHuiTi-2-55-Regular;
  src: url(../font/AlibabaPuHuiTi-2-55-Regular.ttf), 
}
@font-face {
  font-family: D-DIN;
  src: url(../font/D-DIN.otf), 
}
@font-face {
  font-family: D-DINExp;
  src: url(../font/D-DINExp.ttf), 
}
@font-face {
  font-family: Fjalla_One;
  src: url(../font/FjallaOne-Regular.ttf), 
}
@font-face {
  font-family: OPPOSans20-Medium;
  src: url(../font/OPPOSans20-Medium.ttf), 
}
@font-face {
  font-family: Poppins-Light;
  src: url(../font/Poppins-Light.ttf), 
}
@font-face {
  font-family: Lato-Regular-15;
  src: url(../font/Lato-Regular-15.ttf), 
}
*{
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: 'AlibabaPuHuiTi-2-55-Regular', '微软雅黑', 'Arial', 'PingFang SC';
}
*:focus {
  outline: none;
}
ul,li {
  list-style: none;
}
a:hover,a {
  text-decoration: none;
  color: #303133;
}
img {
  border: none;
  max-width: 100%;
}
dl,dd,p {
  margin: 0;
}
ul,li {
  margin-bottom: 0;
  padding-left: 0;
}
@media (min-width: 1920px) {
  .container{
    --bs-gutter-x:0;
  }
}

header{
  position: fixed;
  width: 100%;
  height:104px;
  left:0;
  top:0;
  z-index: 100;
  border-bottom: 1px solid rgba(228, 231, 237, .2);
  padding-left:1rem;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  z-index: 9999;
}
@media (max-width: 1200px) {
  header{
    height:80px;
    padding-left:0;
  }
}
header.white{
  background: #ffffff;
}
header .container-fluid{
  display: flex;
  height:100%;
  align-items: center;
  justify-content: space-between;
  --bs-gutter-x:5.5rem;
}
@media (max-width: 1600px) {
  header .container-fluid{
    --bs-gutter-x:3rem;
  }
}
@media (max-width: 1441px) {
  header .container-fluid{
    --bs-gutter-x:2rem;
  }
}
.logo{
  display: flex;
  align-items: center;
}
header.white .logo a img:first-child,
.logo a img:last-child{
  display: none;
}
header.white .logo a img:last-child{
  display:block;
}
.logo a{
  display: block;
}
.logo a img{
  max-width: 242px;
  max-height: 48px;
}
@media (max-width: 1200px) {
  .logo a img{
    max-width: 200px;
    max-height: 40px;
  }
}
.sogole{
  margin-top:10px;
  margin-left:16px;
}
.sogole img{
  max-width: 192px;
  max-height: 42px;
}
.nav_search,.nav_lan{
  cursor: pointer;
}
.nav_lan:hover svg rect,
.nav_lan:hover svg path{
  fill:var(--red--);
}
.nav_search:hover svg path{
  fill:var(--red--);
}
.nav_lan:hover svg,
.nav_search:hover svg{
  animation: search .3s ease-out ;
  -webkit-animation: search .3s ease-out ;
  animation-iteration-count: 1;
}

@keyframes search {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  50% {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
header.white .nav_lan svg rect,
header.white .nav_lan svg path,
header.white .nav_search svg path{
  fill:rgba(96, 98, 102, 1);
}
header.white .nav_lan:hover svg rect,
header.white .nav_lan:hover svg path,
header.white .nav_search:hover svg path{
  fill: var(--red--);
}
.nav_box{
  display: flex;
  align-items: center;
  padding-right: 1.5rem;
}
@media (max-width: 1600px) {
  .nav_box{
    padding-right: .8rem;
  }
}
@media (max-width: 1441px) {
  .nav_box{
    padding-right: .5rem;
  }
}
@media (max-width: 992px) {
  .nav_box{
    display: none;
  }
}
.nav_line{
  width:1px;
  height:13px;
  background: rgba(96, 98, 102, 1);
  margin:0 2.6rem;
}
@media (max-width: 1600px) {
  .nav_line{
    margin:0 1.8rem;
  }
}
@media (max-width: 1441px) {
  .nav_line{
    margin:0 1.5rem;
  }
}
@media (max-width: 1200px) {
  .nav_line{
    margin:0 1rem;
  }
}
header.white .nav_line{
  background: rgba(192, 196, 204, 1);
}
.nav_box>ul{
  display: flex;
  margin-right:2.1rem;
}
@media (max-width: 1600px) {
  .nav_box>ul{
    margin-right:1.6rem;
  }
}
@media (max-width: 1441px) {
  .nav_box>ul{
    margin-right:1.4rem;
  }
}
@media (max-width: 1200px) {
  .nav_box>ul{
    margin-right:1.2rem;
  }
}
.nav_box>ul>li{
  margin:0 1.1rem;
}
@media (max-width: 1600px) {
  .nav_box>ul>li{
    margin:0 .8rem;
  } 
}
@media (max-width: 1441px) {
  .nav_box>ul>li{
    margin:0 .7rem;
  } 
}
@media (max-width: 1200px) {
  .nav_box>ul>li{
    margin:0 .4rem;
  } 
}
.nav_box>ul>li>a{
  font-family: '微软雅黑';
  display: block;
  padding:37px 0;
  min-width: 86px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color:#ffffff;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .nav_box>ul>li>a{
    font-size: 1.1rem;
    min-width: 70px;
    font-weight: 500;
  }
}
@media (max-width: 1200px) {
  .nav_box>ul>li>a{
    font-size: 1rem;
    min-width: 60px;
    padding:27px 0;
  }
}
header.white .nav_box>ul>li>a{
  color:rgba(48, 49, 51, 1);
}
.nav_box>ul>li>a::after{
  content: '';
  position: absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:2px;
  background:var(--red--);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.nav_box>ul>li.checked>a::after,
.nav_box>ul>li.on>a::after{
  width:100%;
}
header.white .nav_box>ul>li.checked>a,
header.white .nav_box>ul>li.on>a,
.nav_box>ul>li.checked>a,
.nav_box>ul>li.on>a{
  color: var(--red--);
}
.banner-pc{
  width:100vw;
  height:100vh;
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.banr-cat{
  position: absolute;
  z-index: 111;
}
.banner-img{
  margin-top:16rem;
  max-width: 331px;
  transition: all .7s;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
}
.swiper-slide-active .banner-img{
  margin-top:12rem;
}
.banner-img2{
  max-width: 618px;
  max-height: 36px;
  margin-top:22rem;
  transition: all .7s;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
}
@media (max-width: 768px) {
  .banner-img2{
    max-width: 400px;
    max-height: 23px;
  }
}
.swiper-slide-active .banner-img2{
  margin-top:18rem;
}
@media (max-width: 1441px) {
  .swiper-slide-active .banner-img2{
    margin-top:14rem;
  }
}
.banner-txt{
     font-family: '微软雅黑';
  margin-top:2rem;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .banner-txt{
    font-size: 3rem;
  }
}
@media (max-width: 1200px) {
  .banner-txt{
    font-size: 2.6rem;
  }
}
@media (max-width: 992px) {
  .banner-txt{
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .banner-txt{
    font-size: 1.6rem;
  }
}
.banner-txt span{
  color:var(--red--);
}
.banner-txt2{
  margin-top:25%;
  color:#ffffff;
      transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.swiper-slide-active .banner-txt2{
    margin-top:20%;
}
@media (max-width: 1441px) {
  .banner-txt2{
    margin-top:24%;
  }
  .swiper-slide-active .banner-txt2{
    margin-top:20%;
}
}
@media (max-width: 992px) {
  .banner-txt2{
    margin-top:20rem;
  }
  .swiper-slide-active .banner-txt2{
      margin-top:16rem;
  }
}
@media (max-width: 768px) {
    .banner-txt2{
    font-size:1.3rem;
  }
}
@media (max-width: 426px) {
  .banner-txt2{
    margin-top:18rem;
    font-size:1.2rem;
  }
  .swiper-slide-active .banner-txt2{
    margin-top:16rem;
    }
}

.banner-txt3{
    margin-top:28%;
    color:#ffffff;
    font-size:56px;
    line-height: 1.8;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.swiper-slide-active .banner-txt3{
    margin-top:24%;
}
@media (max-width: 1441px) {
    .banner-txt3{
        margin-top:24%;
        font-size:3.5rem;
        line-height: 1.6;
    }
    .swiper-slide-active .banner-txt3{
        margin-top:20%;
    }
}
@media (max-width: 992px) {
    .banner-txt3{
        margin-top:20rem;
        font-size:2.6rem;
        line-height: 1.4;
    }
    .swiper-slide-active .banner-txt3{
        margin-top:16rem;
    }
}
@media (max-width: 768px) {
  .banner-txt3{
    font-size:2rem;
  }
}
.banner-txt4{
    font-family: 'AlibabaPuHuiTi-2-55-Regular';
   margin-top:6rem;
    font-size:22px;
    color:#ffffff;
    font-weight: 300;
        transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}

.swiper-slide-active .banner-txt4{
    margin-top:2.2rem;
}
@media (max-width: 426px) {
    .banner-txt4{
        font-size:1rem;
        text-align: center !important;
    }
   .swiper-slide-active .banner-txt4{
        margin-top:1rem;
    } 
}
.banner-img5{
    max-height:262px ;
    max-width: 860px;
    margin-top:25%;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
@media (max-width: 1441px) {
    .banner-img5{
        max-height:222px ;
        max-width: 560px;
    }
}
@media (max-width: 992px) {
    .banner-img5{
        margin-top:20rem;
        max-height:198px ;
        max-width: 500px;
    }
}
@media (max-width: 768px) {
    .banner-img5{
        max-height:158px ;
        max-width: 400px;
    }
}
@media (max-width: 426px) {
    .banner-img5{
        margin-left:auto;
        margin-right:auto;
        max-height:126px ;
        max-width:320px;
    }
}
.swiper-slide-active .banner-img5{
     margin-top:20%;
}
@media (max-width: 1441px) {
    .banner-img5{
        margin-top:18%;
    }
    .swiper-slide-active .banner-img5{
     margin-top:16%;
    }
}
@media (max-width: 992px) {
     .swiper-slide-active .banner-img5{
         margin-top:16rem;
    } 
}
@media (max-width: 426px) {
     .banner-img5{
        margin-top:18rem;
     }
    .swiper-slide-active .banner-img5{
         margin-top:14rem;
    } 
}
.banner-txt5{
    margin-top:30%;
    color: rgba(255, 255, 255, 1);
    text-shadow:0px 4px 9px rgba(0, 0, 0, 0.35);
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
}
.swiper-slide-active .banner-txt5{
    margin-top:28%;
}
@media (max-width: 1441px) {
    .banner-txt5{
        margin-top:26%;
    }
    .swiper-slide-active .banner-txt5{
        margin-top:22%;
    }
}
@media (max-width: 426px) {
    .banner-txt5{
        font-size:1.5rem;
        margin-top:20rem;
    }
   .swiper-slide-active .banner-txt5{
    margin-top:16rem;
    } 
}
.banner-desc{
  margin-top:3.5rem;
  max-width: 888px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .banner-desc{
    margin-top:2rem;
    font-size: 1.2rem;
    max-width: 700px;
  }
}
@media (max-width: 1200px) {
  .banner-desc{
    margin-top:1.6rem;
    font-size: 1rem;
    max-width: 600px;
  }  
}
@media (max-width: 992px) {
  .banner-desc{
    margin-top:1.4rem;
    max-width: 550px;
  } 
}
@media (max-width: 768px) {
  .banner-desc{
    margin-top:1.2rem;
    font-size:.9rem;
    max-width: 400px;
    padding:0 1rem;
  } 
}
.banner-more{
  margin-top:7.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width:180px;
  height:48px;
  background: rgba(216, 0, 17, 1);
  font-size: 18px;
  
  line-height: 18px;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  position: relative;
}
@media (max-width: 1600px) {
  .banner-more{
    margin-top:5rem;
    width:170px;
    height:40px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .banner-more{
    margin-top:3rem;
    width:160px;
    height:36px;
    font-size: .8rem;
  }
}
.banner-more:hover{
  color:#fbff00;
}
.banner-more svg{
  margin-left:2rem;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.swiper-slide-active .banner-more svg{
  margin-left:.5rem;
}
.banner-more2{
    margin-top:5rem;
}
@media (max-width: 1441px) {
    .banner-more2{
    margin-top:3rem;
}
}
.banner-info{
  margin-top:15rem;
  display: flex;
}
.banner-info li{
  position: relative;
  margin:0 2.3rem;
  font-size: 22px;
  font-weight: 400;
  line-height: 35.03px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.banner-info li::after{
  content: '';
  width:24px;
  height:24px;
  background: url(../images/banner-disc.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  top:50%;
  left:-50px;
  transform: translateY(-50%) translateX(-100%);
  -webkit-transform: translateY(-50%) translateX(-100%);
  -moz-transform: translateY(-50%) translateX(-100%);
  -ms-transform: translateY(-50%) translateX(-100%);
  -o-transform: translateY(-50%) translateX(-100%);
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  opacity: 0;
}
.swiper-slide-active .banner-info li::after{
  left:-10px;
  opacity: 1;
}

#rotation_swiper .swiper-pagination{
  bottom: 7vh;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#rotation_swiper .swiper-pagination ul{
  display: flex;
  justify-content: flex-start;
}
#rotation_swiper .swiper-pagination ul li{
  width:8px;
  height:8px;
  position: relative;
  margin:0 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, .5);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
#rotation_swiper .swiper-pagination ul li.on{
  background: var(--red--);
  box-shadow: none;
}
#rotation_swiper .swiper-pagination ul li.on::after{
  content: '';
  position: absolute;
  width:20px;
  height:20px;
  border: 1px solid rgba(216, 0, 17, .2);
  border-radius: 50%;
  left:50%;
  top:50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  -moz-transform: translate(-50%, -49%);
  -ms-transform: translate(-50%, -49%);
  -o-transform: translate(-50%, -49%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
#rotation_swiper .swiper-pagination ul li.on svg{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -49%);
  -webkit-transform: translate(-50%, -49%);
  -moz-transform: translate(-50%, -49%);
  -ms-transform: translate(-50%, -49%);
  -o-transform: translate(-50%, -49%);
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: Round 12s ease-out infinite;
  -webkit-animation: Round 12s ease-out infinite;
}
@keyframes Round {
  0% {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
  }
}
.letting-down{
  position: absolute;
  left:50%;
  bottom: 60px;
  z-index: 222;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1700px) {
    .letting-down{
        bottom: 20px;
    }
}
@media (max-width: 992px) {
  .letting-down{
    display: none;
  }
}
.letting-down span{
  margin-top:16px;
  display: block;
  font-size: 16px;
  
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: justified;
  color: rgba(255, 255, 255, 1);
}
.letting-down svg{
  animation: letting1 2s ease-out infinite;
  -webkit-animation: letting1 2s ease-out infinite;
}
@keyframes letting1 {
  0% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}

/* 产品中心 */
.about-desc{
    margin-bottom: 3rem;
    position: relative;
}
@media (max-height:760px) {
    .about-desc{
        margin-bottom:0;
    }
}
.about-r::after{
    content:'';
    width:622px;
    height:181px;
    position: absolute;
    background: url(../images/chunjiang.svg) no-repeat center;
    background-size: cover;
    top: -70px;
    left: -25px;
    z-index: 1;
}
@media (max-width:1500px) {
    .about-r::after{
        width:460px;
        height:134px;
        top: -56px;
        left: -20px;
    }
}
@media (max-width:1200px) {
    .about-r::after{
        width:360px;
        height:105px;
        top: -46px;
        left: -14px;
    }
}
@media (max-width: 992px) {
    .about-r::after{
        width:360px;
        height:105px;
        top: -46px;
        left: -14px;
    }
}
@media (max-width: 768px) {
    .about-r::after{
        width:300px;
        height:87px;
        top: -35px;
        left: -14px;
    }
}
.about-desc span{
    font-family: '微软雅黑';
  position: relative;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  z-index: 22;
}
@media (max-width: 1441px) {
  .about-desc span{
    font-size: 2.8rem;
  }
}
@media (max-width: 1200px) {
  .about-desc span{
    font-size: 2.4rem;
  }
}
@media (max-width: 992px) {
  .about-desc span{
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .about-desc span{
    font-size: 2rem;
  }
}
.about-desc span::after{
  content: '';
  width:60px;
  height:4px;
  background: rgba(216, 0, 17, 1);
  position:absolute;
  left:0;
  bottom: -1rem;
}
@media (max-width: 1200px) {
  .about-desc span::after{
    bottom: -.6rem;
  }
}
@media (max-width: 992px) {
  .about-desc span::after{
    width: 50px;
  }
}
@media (max-width: 768px) {
  .about-desc span::after{
    width: 40px;
  }
}
.product-case-pic{
  position: relative;
  overflow: hidden;
  width: fit-content;
}
.product-case-img{
  position: absolute;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  z-index: 0;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}
.product-case-pic:hover .product-case-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/* 关于春江  */
.section3 .fp-tableCell{
  vertical-align: top;
}
.about-lay{
  padding-top:104px;
  height:100%;
  position: relative;
}
@media (max-width: 992px) {
  .about-lay{
    padding-top:4rem;
  }
}
@media (max-width: 768px) {
  .about-lay{
    padding-top:3rem;
  }
}
.about-lay .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: calc( 100% - 204px ) ;
}
@media (max-height: 760px) {
    .about-lay .container{
          height: calc( 100% - 140px ) ;
    }
}
@media (max-width: 992px) {
  .about-lay .container{
    height:auto;
  }
}
.about-l{
  width:58.12%;
}
@media (max-width: 1441px) {
  .about-l{
    width:56%;
  }
}
@media (max-width: 992px) {
  .about-l{
    display: none;
  }
}
.about-r{
    position: relative;
  width:38.19%;
}
@media (max-width: 1441px) {
  .about-r{
    width:40%;
  }
}
@media (max-width: 1400px) {
  .about-r{
    width:38%;
  }
}
@media (max-width: 992px) {
  .about-r{
    width:100%;
  }
}
.about-info{
  position: absolute;
  right:0;
  bottom: 0;
  width:70.98%;
  height:204px;
  background: linear-gradient(69.6deg, #D80011 44.03%, rgba(216, 0, 17, 0.5) 106.76%);
  z-index: 222;
}
@media (max-width: 1441px) {
  .about-info{
    height:140px;
    width:78%;
  }
}
@media (max-width: 1200px) {
  .about-info{
    height:120px;
  }
}
@media (max-width: 992px) {
  .about-info{
    position: static;
    width: 100%;
    max-width: calc( 720px - 1.5rem );
    margin:1rem auto 0 auto;
    height:100px;
  }
}
@media (max-width: 768px) {
  .about-info{
    width: 100%;
    max-width:none;
    padding:.5rem 0;
    height:auto;
  } 
}
.about-info ul{
  display: flex;
  align-items: center;
  height:100%;
  margin-left:5rem;
}
@media (max-width: 1500px) {
    .about-info ul{
        margin-left:1rem;
    }
}
@media (max-width: 1441px) {
  .about-info ul{
    margin-left:3%;
  }
}
@media (max-width: 1200px) {
  .about-info ul{
    margin-left:2%;
  }
}
@media (max-width: 992px) {
  .about-info ul{
    margin-left:0;
    justify-content: space-around;
  }
}
@media (max-width: 768px) {
  .about-info ul{
    flex-wrap: wrap;
  }
}
.about-info ul li{
  margin:0 2.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1500px) {
    .about-info ul li{
        margin:0 1.6rem;
    }
}
@media (max-width: 1441px) {
  .about-info ul li{
    margin:0 1.8rem;
  }
}
@media (max-width: 1200px) {
  .about-info ul li{
    margin:0 1.4rem;
  }
}
@media (max-width: 992px) {
  .about-info ul li{
    margin:0;
  }
}
@media (max-width: 768px) {
  .about-info ul li{
    width:33.33%;
    margin:.5rem 0;
  }
}
.about-info ul li span{
  display: block;
  margin-top:1rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .about-info ul li span{
    margin-top:.5rem;
    font-size:.8rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .about-info ul li span{
    margin-top:.3rem;
    font-size:.7rem;
  }
}
.about-p{
  display: flex;
  align-items: flex-end;
  margin-top:1rem;
}
@media (max-width: 992px) {
  .about-p{
    margin:0;
  }
}
.about-i{
  font-family: 'OPPOSans20-Medium';
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: right;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .about-i{
    font-size:2rem;
  }
}
@media (max-width: 992px) {
  .about-i{
    font-size:1.5rem;
  }
}
.about-info ul li:nth-child(1) .about-i{
  width:122px;
}
@media (max-width: 1200px) {
  .about-info ul li:nth-child(1) .about-i{
    width:100px;
  }
}
@media (max-width: 992px) {
  .about-info ul li:nth-child(1) .about-i{
    width:74px;
  }
}
.about-info ul li:nth-child(2) .about-i{
  width:94px;
}
@media (max-width: 1200px) {
  .about-info ul li:nth-child(2) .about-i{
    width:76px;
  }
}
@media (max-width: 992px) {
  .about-info ul li:nth-child(2) .about-i{
    width:56px;
  }
}
.about-info ul li:nth-child(5) .about-i,
.about-info ul li:nth-child(3) .about-i{
  width:74px;
}
@media (max-width: 1200px) {
  .about-info ul li:nth-child(5) .about-i,
  .about-info ul li:nth-child(3) .about-i{
    width:60px;
  } 
}
@media (max-width: 992px) {
  .about-info ul li:nth-child(5) .about-i,
  .about-info ul li:nth-child(3) .about-i{
    width:52px;
  } 
}
.about-info ul li:nth-child(6) .about-i,
.about-info ul li:nth-child(4) .about-i{
  width:26px;
}
@media (max-width: 1200px) {
  .about-info ul li:nth-child(6) .about-i,
  .about-info ul li:nth-child(4) .about-i{
    width:20px;
  }
}
@media (max-width: 992px) {
  .about-info ul li:nth-child(6) .about-i,
  .about-info ul li:nth-child(4) .about-i{
    width:14px;
  }
}
.about-d{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  margin-left:.2rem;
}
@media (max-width: 992px) {
  .about-d{
    font-size: .9rem;

  }
}
.about-bg{
  position: absolute;
  left:0;
  top:0;
  height:100%;
  overflow: hidden;
  width:56.04%;
  z-index: 111;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/about-bg.jpg);
}
@media (max-width: 992px) {
  .about-bg{
    display: none;
  }
}
.about-bg img{
  object-fit: cover;
}
.about-desc>span b{
     font-family: '微软雅黑';
  color:var(--red--);
}
.about-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top:.5rem;
}
@media (max-width: 1441px) {
  .about-txt{
    margin-top:1rem;
  }
}
.about-txt p{
  margin-top:1.6rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  letter-spacing: 0.01em; 
  text-align:justify;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .about-txt p{
    margin-top:.8rem;
    font-size: .9rem;
    line-height: 1.6;
  }
}
.more{
  display: block;
  margin-top:2rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  text-align:justify;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .more{
    margin-top:1.5rem;
    font-size:.9rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .more{
    margin-top:1rem;
    font-size:.8rem;
  }
}
@media (max-width: 768px) {
  .more{
    margin-top:.9rem;
  }
}
.more img{
  margin-left:1rem;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .more img{
    margin-left:.5rem;
  }
}
.more:hover img{
  margin-left: 2rem;
}
@media (max-width: 1200px) {
  .more:hover img{
    margin-left: 1rem;
  }
}
.about-r:hover .more:hover{
  color:var(--red--);
}
@media (max-width: 992px) {
  .about-r .more{
    /* text-align: right; */
  }
}

/* 技术创新 */
.skill-lay{
  width:100%;
  height:100%;
  background: url(../images/skill-lay.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding-top: 104px;
}
@media (max-width: 992px) {
  .skill-lay{
    padding:4rem 0 3rem 0;
  }
}
@media (max-width: 768px) {
  .skill-lay{
    padding:3rem 0 3rem 0;
  }
}
.skill-lay .container{
  position: relative;
  height:100%;
  --bs-gutter-x:0;
}
.skill-main{
  width:29.7%;
  height: calc( 100% - 210px );
  border-left: 1px solid rgba(228, 231, 237, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left:2rem;
  padding-bottom: 5rem;
}
@media (max-width: 1441px) {
  .skill-main{
    padding-left: 1.6rem;
    padding-bottom: 2rem;
  }
}
@media (max-width: 992px) {
  .skill-main{
    height:auto;
    padding-left:1rem;
    padding-bottom: 1rem;
    width:35%;
  }
}
@media (max-width: 768px) {
  .skill-main{
    width:100%;
  }
}
.skill-name{
     font-family: '微软雅黑';
  position: relative;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .skill-name{
    font-size: 2.6rem;
  }
}
@media (max-width: 1200px) {
  .skill-name{
    font-size: 2.4rem;
  }
}
@media (max-width: 992px) {
  .skill-name{
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .skill-name{
    font-size: 2rem;
  }
}
.skill-name::after{
  content: '';
  width:2px;
  height:60px;
  background: var(--red--);
  position: absolute;
  left:-2.05rem;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .skill-name::after{
    height:50px;
    left:-26px;
  }
}
@media (max-width: 992px) {
  .skill-name::after{
    height:40px;
    left:-17px;
  }
}
.skill-name:hover::after{
  height:100px;
}
.skill-slide{
  max-width: 404px;
}
.skill-desc{
  margin-top:6.5rem;
}
@media (max-width: 1441px) {
  .skill-desc{
    margin-top:4rem;
  }
}
@media (max-width: 992px) {
  .skill-desc{
    margin-top:3rem;
  }
}
@media (max-width: 768px) {
  .skill-desc{
    margin-top:2rem;
  }
}
.skill-desc span{
  position: relative;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .skill-desc span{
    font-size:1.8rem;
  }
}
@media (max-width: 1200px) {
  .skill-desc span{
    font-size:1.6rem;
  }
}
@media (max-width: 768px) {
  .skill-desc span{
    font-size:1.3rem;
  }
}
.skill-desc span::after{
  content: '';
  position: absolute;
  right:-50px;
  width:42px;
  height:42px;
  background: url(../images/skill-desc.svg) no-repeat center;
  background-size: cover;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  top:50%;
  transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
}
@media (max-width: 992px) {
  .skill-desc span::after{
    width: 30px;
    height:30px;
    right:-40px;
  }
}
@media (max-width: 768px) {
  .skill-desc span::after{
    width: 20px;
    height:20px;
    right:-26px;
  }
}
.skill-desc:hover span::after{
  right:-70px;
}
.skill-desc p{
  margin-top:1.5rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  max-width: 404px;
}
@media (max-width: 1441px) {
  .skill-desc p{
    margin-top:1.2rem;
    font-size: 1rem;
    line-height: 1.6;
    max-width: none;
  }
}
@media (max-width: 992px) {
  .skill-desc p{
    margin-top:.8rem;
    font-size: .9rem;
    line-height: 1.5;
  }
}
.skill-info{
  position: absolute;
  left:0;
  bottom: 0;
  width:100%;
  height:210px;
  display: flex;
  background: rgba(245, 246, 248, 1);
}
@media (max-width: 1441px) {
  .skill-info{
    height:180px;
  }
}
@media (max-width: 992px) {
  .skill-info{
    position: static;
    margin-top:2rem;
    flex-wrap: wrap;
    height:auto;
  }
}
.skill-info li{
  display: flex;
  justify-content: space-between;
  padding:36px 46px;
  position: relative;
  flex:1;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  cursor: pointer;
}
@media (max-width: 992px) {
  .skill-info li{
    padding:1rem;
    flex:auto;
    width:50%;
  }
}
.skill-info li:nth-child(2),
.skill-info li:nth-child(3){
  background: rgba(255, 255, 255, 1);
}
.skill-info li.on{
  background: linear-gradient(74.17deg, #D80011 13.76%, rgba(216, 0, 17, 0.5) 91.69%);
}
.skill-info li span{
  margin-top:1.5rem;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 992px) {
  .skill-info li span{
    margin-top:.8rem;
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .skill-info li span{
    margin-top:.5rem;
    font-size: .9rem;
  }
}
.skill-info li p{
  margin-top:.4rem;
  font-family: 'Poppins-Light';
  font-size: 15px;
  font-weight: 400;
  line-height: 22.5px;
  text-align: left;
  color: rgba(144, 147, 153, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 992px) {
  .skill-info li p{
    margin-top:.2rem;
    font-size: .8rem;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .skill-info li p{
    margin-top:.4rem;
    font-size: .7rem;
  }
}
.skill-info li.on p,
.skill-info li.on span{
  color:#ffffff;
}
.skill-info-p{
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .skill-info-p svg{
    width:36px;
  } 
}
.skill-info-m{
  position: absolute;
  bottom:50px;
  right:50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width:34px;
  height:34px;
  border: 1px solid rgba(192, 196, 204, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.skill-info li.on .skill-info-m{
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, 1);
}
.skill-info li.on .skill-info-p svg path{
  fill:white;
}
.dan_line2{
  transition: all .9s;
  transform-origin:37.5px 17.5px;
  -webkit-transition: all .9s;
  -moz-transition: all .9s;
  -ms-transition: all .9s;
  -o-transition: all .9s;
}
.dan_line{
  transform-origin:13px 31.5px;
  transition: all .9s;
  -webkit-transition: all .9s;
  -moz-transition: all .9s;
  -ms-transition: all .9s;
  -o-transition: all .9s;
}
.reins_line1{
  transform-origin:18px 31px;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}
.reins_line2{
  transform-origin:18px 31px;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.reins_line3{
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.machine_line1{
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
.machine_but{
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
}
.machine_pic{
  transform-origin:26px 36px;
  transition: all .7s;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
}
.skill-case{
  position: absolute;
  top:150px;
  right:0;
  width:62.18%;
  height:467px;
}
@media (max-width: 1441px) {
  .skill-case{
    height:auto;
  }
}
@media (max-width: 992px) {
  .skill-case{
    top:70px;
  }
}
@media (max-width: 768px) {
  .skill-case{
    display: none;
  }
}
/* 新闻中心 */
.tab-box{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tab-box span{
  position: relative;
   font-family: '微软雅黑';
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .tab-box span{
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .tab-box span{
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .tab-box span{
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .tab-box span{
    font-size: 2rem;
  }
}
.tab-box span::after{
  content: '';
  position: absolute;
  left:50%;
  width:60px;
  height:4px;
  bottom: -5px;
  background: var(--red--);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.tab-box p{
  margin-top:1rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .tab-box p{
    font-size: .9rem;
    line-height:1.6;
  }
}
@media (max-width: 768px) {
  .tab-box p{
    display: none;
  }
}
.news-lay{
  height:100%;
  padding-top: 130px;
}
@media (max-width: 992px) {
  .news-lay{
    padding: 4rem 0 2.5rem 0;
  }
}
@media (max-width: 768px) {
  .news-lay{
    padding: 3rem 0 1.5rem 0;
  }
}
.news-lay .container{
  display: flex;
  justify-content: space-between;
  margin-top:2rem;
}
@media (max-width: 1441px) {
  .news-lay .container{
    margin-top:1.6rem;
  }
}
@media (max-width: 1200px) {
  .news-lay .container{
    margin-top:2.6rem;
  }
}
@media (max-width: 992px) {
  .news-lay .container{
    margin-top:1.4rem;
  }
}
@media (max-width: 768px) {
  .news-lay .container{
    flex-wrap: wrap;
  }
}
.news-l{
  width:48.04%;
}
@media (max-width: 992px) {
  .news-l{
    width:44.04%;
  }
}
@media (max-width: 768px) {
  .news-l{
    width:100%;
    margin-top:.5rem;
  }
}
.news-r{
  width:48.61%;
}
@media (max-width: 992px) {
  .news-r{
    width:53.61%;
  }
}
@media (max-width: 768px) {
  .news-r{
    width:100%;
    margin-top:1rem;
  }
}
.news-top{
  display: block ;
}
.news-top-txt span{
  display: block;
  margin-top:1.6rem;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .news-top-txt span{
    margin-top:1.2rem;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .news-top-txt span{
    margin-top:.8rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .news-top-txt span{
    margin-top:.4rem;
    font-size: 1rem;
  }
}
.news-top-txt p{
  margin-top:1rem ;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.02em;
  color: rgba(96, 98, 102, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1441px) {
  .news-top-txt p{
    margin-top:.5rem ;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .news-top-txt p{
    margin-top:.2rem ;
    font-size: .9rem;
  }
}
.news-top:hover .news-top-txt span{
  color:var(--red--);
}
.news-top:hover .product-case-img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.news-sider{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .news-sider{
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .news-sider{
    margin-bottom: 16px;
    align-items: center;
  }
}
.news-sider .news-sider-pic{
  width:36%;
}
.news-list-info{
  width:59.14%;
}
@media (max-width: 1200px) {
  .news-list-info{
    width:61.14%;
  }
}
.news-list-info span{
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .news-list-info span{
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .news-list-info span{
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 768px) {
  .news-list-info span{
    font-size: 1rem;
  }
}
.news-sider:hover .news-list-info span{
  color:var(--red--);
}
.news-sider:hover .product-case-img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.news-list-info p{
  margin-top:.8rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1441px) {
  .news-list-info p{
    margin-top:.4rem;
    font-size: 1rem;
    line-height: 1.4;
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 1200px) {
  .news-list-info p{
    margin-top:.2rem;
    font-size: .9rem;
  }
}
.news-list-info .more{
  margin-top:1.6rem;
}
@media (max-width: 1441px) {
  .news-list-info .more{
    margin-top:1rem;
  } 
}
@media (max-width: 992px) {
  .news-list-info .more{
    margin-top:.6rem;
  } 
}
/* 全球用户分布 */
.global-lay{
  padding-top:134px;
  background: linear-gradient(180deg, #F5F6F8 0%, #FFFFFF 100%);
}
@media (max-width: 1200px) {
  .global-lay{
    padding-top:100px
  }
}
@media (max-width: 992px) {
  .global-lay{
    padding-top:4rem;
  }
}
@media (max-width: 768px) {
  .global-lay{
    padding-top:3rem;
  }
}
.global-main{
  width: fit-content;
  margin:1rem auto;
  position: relative;
  max-width:1400px;
}
@media (max-width: 1441px) {
  .global-main{
    max-width:1200px;
  }
}
@media (max-width: 768px) {
  .global-main{
    margin:1.5rem auto;
  }
}
.global-middle-ico,
.global-small-ico,
.global-min-ico{
  position: absolute;
  width:18px;
  height:18px;
  cursor: pointer;
  background: var(--red--);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (max-width: 768px) {
  .global-min-ico{
    width:14px;
    height:14px;
  }
}
.global-small-ico{
  width:11px;
  height:11px;
}
@media (max-width: 768px) {
  .global-small-ico{
    width:8px;
    height:8px;
  }
}
.global-middle-ico{
  width:29px;
  height:29px;
}
@media (max-width: 768px) {
  .global-middle-ico{
    width:18px;
    height:18px;
  }
}
.global-middle1{
  right: 14.2%;
  top: 74.8%;
}
.global-middle-ico::after,
.global-small-ico::after,
.global-min-ico::after{
  content: '';
  position: absolute;
  left:50%;
  top:50%;
  width:170%;
  height:170%;
  background: rgba(232, 53, 40, 0.2);
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  animation: global 2s ease-out infinite;
  -webkit-animation: global 2s ease-out infinite;
}
@keyframes global {
  0% {
    width:150%;
    height:150%;
  }
  50% {
    width:170%;
    height:170%;
  }
  100% {
    width:150%;
    height:150%;
  }
}
.global-min3{
  right: 48.2%;
  top: 27.8%;
}
.global-min4{
  right: 51.2%;
  top: 22.5%;
}
.global-min5{
  right: 62.2%;
  top: 2.1%;
}
.global-min6{
  right: 76.6%;
  top: 21.2%;
}
.global-min7{
  right: 71.6%;
  top: 59.2%;
}
.global-min8{
  right: 44.8%;
  top: 25.5%;
}
.global-min9{
  right: 35.8%;
  top: 14.5%;
}
.global-min10{
  right: 46.8%;
  top: 72.5%;
}
.global-min11{
  right: 64.8%;
  top: 67.5%;
}
.global-min12{
  right: 70.8%;
  top: 89.5%;
}
.global-min13{
  right: 73.8%;
  top: 31.9%;
}
.global-min14{
  right: 80.8%;
  top: 41%;
}
.global-small1{
  right: 13.5%;
  top: 22.5%;
}
.global-small2{
  right: 24%;
  top: 48.5%;
}
.global-small3{
  right: 22.1%;
  top: 49.5%;
}
.global-small4{
  right: 20.4%;
  top: 59.2%;
}
.global-small5{
  right: 39.2%;
  top: 72.54%;
}
.global-small6{
  right: 40.7%;
  top: 52.54%;
}
.global-small7{
  right: 54.7%;
  top: 37.94%;
}
.global-small8{
  right: 46%;
  top: 31%;
}
.global-small9{
  right: 44%;
  top: 23.5%;
}
.global-small10{
  right: 45.1%;
  top: 13.5%;
}
.global-small11{
  right: 47.9%;
  top: 14.5%;
}
.global-small12{
  right: 52.5%;
  top: 30.2%;
}

.global-ico{
  position: absolute;
  width:36px;
  height:36px;
  background: var(--red--);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 333;
  cursor: pointer;
}
@media (max-width: 768px) {
  .global-ico{
    width:26px;
    height:26px;
  }
}
.global-ico::after{
  content: '';
  position: absolute;
  left:50%;
  top:50%;
  width:76px;
  height:76px;
  background: rgba(216, 0, 17, .4);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  z-index: 222;
  animation: global3 2s ease-out infinite;
  -webkit-animation: global3 2s ease-out infinite;
}
@media (max-width: 768px) {

}
@keyframes global3 {
  0% {
    width:66px;
    height:66px;
  }
  50% {
    width:76px;
    height:76px;
  }
  100% {
    width:66px;
    height:66px;
  }
}
@media (max-width: 768px) {
  0% {
    width:33px;
    height:33px;
  }
  50% {
    width:40px;
    height:40px;
  }
  100% {
    width:30px;
    height:30px;
  }
}
.global-ico::before{
  content: '';
  position: absolute;
  left:50%;
  top:50%;
  width:130px;
  height:130px;
  background: rgba(232, 53, 40, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  z-index: 111;
  animation: global2 2s ease-out infinite;
  -webkit-animation: global2 2s ease-out infinite;
}
@keyframes global2 {
  0% {
    width:110px;
    height:110px;
  }
  50% {
    width:130px;
    height:130px;
  }
  100% {
    width:110px;
    height:110px;
  }
}
@media (max-width: 768px) {
 0% {
    width:50px;
    height:50px;
  }
  50% {
    width:60px;
    height:60px;
  }
  100% {
    width:50px;
    height:50px;
  }
}
.global-max1{
  left: 18%;
  top: 30.5%;
}
.global-max2{
  left: 78%;
  top: 29.5%;
}
.icon-box{
  position: absolute;
  width:75px;
  height:81px;
  z-index: 444;
  left:50%;
  top:-50px;
  transform: translateX(-48%);
  -webkit-transform: translateX(-48%);
  -moz-transform: translateX(-48%);
  -ms-transform: translateX(-48%);
  -o-transform: translateX(-48%);
  animation: Icon 2s ease-out infinite;
  -webkit-animation: Icon 2s ease-out infinite;
}
@keyframes Icon {
  0% {
    top:-50px;
  }
  50% {
    top:-55px;
  }
  100% {
    top:-50px;
  }
}
.global-min3 .icon-box{
  top:-55px;
  animation: Icon2 2s ease-out infinite;
  -webkit-animation: Icon2 2s ease-out infinite;
}
@keyframes Icon2 {
  0% {
    top:-55px;
  }
  50% {
    top:-60px;
  }
  100% {
    top:-55px;
  }
}
.global-info{
  position: absolute;
  right:0;
  top:0%;
  z-index: 888;
  width: 380px;
  padding: 26px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  transform: translateX(-100px) translateY(-13%);
  -webkit-transform: translateX(-100px) translateY(-13%);
  -moz-transform: translateX(-100px) translateY(-13%);
  -ms-transform: translateX(-100px) translateY(-13%);
  -o-transform: translateX(-100px) translateY(-13%);
  opacity: 0;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  visibility: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 1441px) {
  .global-info{
    width: 320px;
    padding: 22px;
  }
}
@media (max-width: 1200px) {
  .global-info{
    padding: 18px;
  }
}
.global-info::after{
  content: '';
  position: absolute;
  top:30px;
  right:-14px;
  z-index: 666;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .05));
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .05));
}
.global-name{
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.04em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .global-name{
    font-size: 1rem;
    line-height: 1.4;
  }
}
.global-desc{
  border-top: 1px solid #eeeeee;
  margin-top:8px;
  padding-top:8px;
}
.global-desc p{
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.06em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .global-desc p{
    font-size: .9rem;
    line-height: 1.8;
  }
}
.global-middle-ico:hover .global-info,
.global-small-ico:hover .global-info,
.global-min-ico:hover .global-info{
  opacity: 1;
  visibility:visible;
  transform: translateX(-60px) translateY(-13%);
  -webkit-transform: translateX(-60px) translateY(-13%);
  -moz-transform: translateX(-60px) translateY(-13%);
  -ms-transform: translateX(-60px) translateY(-13%);
  -o-transform: translateX(-60px) translateY(-13%);
}
.global-small-ico:hover .global-info{
  transform: translateX(-30px) translateY(-15%);
  -webkit-transform: translateX(-30px) translateY(-15%);
  -moz-transform: translateX(-30px) translateY(-15%);
  -ms-transform: translateX(-30px) translateY(-15%);
  -o-transform: translateX(-30px) translateY(-15%);
}
.global-info2{
  width:150px;
  padding:20px 16px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  transform: translateX(-40px) translateY(-10%);
  -webkit-transform: translateX(-40px) translateY(-10%);
  -moz-transform: translateX(-40px) translateY(-10%);
  -ms-transform: translateX(-40px) translateY(-10%);
  -o-transform: translateX(-40px) translateY(-10%);
}
.global-info2 .global-name{
  text-indent: .2rem;
  color:var(--red--);
}
.global-info2 .global-desc{
  border-top:1px solid rgba(216, 0, 17, 0.4);
}
.global-desc ul{
  display: flex;
  flex-wrap: wrap;
}
.global-desc ul li{
  width:50%;
  text-align: center;
}
.global-ico:hover .global-info2{
  opacity: 1;
  visibility:visible;
  transform: translateX(-40px) translateY(-10%);
  -webkit-transform: translateX(-40px) translateY(-10%);
  -moz-transform: translateX(-40px) translateY(-10%);
  -ms-transform: translateX(-40px) translateY(-10%);
  -o-transform: translateX(-40px) translateY(-10%);
}
.global-min-ico:hover .global-info2{
  transform: translateX(-30px) translateY(-10%);
  -webkit-transform: translateX(-30px) translateY(-10%);
  -moz-transform: translateX(-30px) translateY(-10%);
  -ms-transform: translateX(-30px) translateY(-10%);
  -o-transform: translateX(-30px) translateY(-10%);
}
.global-left .global-info{
  right:auto;
  left:140px;
}
@media (max-width: 1441px) {
  .global-left .global-info{
    left:100px;
  } 
}
.global-but .global-info{
  transform: translateX(-100px) translateY(-60%);
  -webkit-transform: translateX(-100px) translateY(-60%);
  -moz-transform: translateX(-100px) translateY(-60%);
  -ms-transform: translateX(-100px) translateY(-60%);
  -o-transform: translateX(-100px) translateY(-60%);
}
.global-but:hover .global-info{
  transform: translateX(-60px) translateY(-60%);
  -webkit-transform: translateX(-60px) translateY(-60%);
  -moz-transform: translateX(-60px) translateY(-60%);
  -ms-transform: translateX(-60px) translateY(-60%);
  -o-transform: translateX(-60px) translateY(-60%);
}
.global-but .global-info::after {
  top:108px;
}
.global-left .global-info::after{
  right:auto;
  left:-14px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.global-more{
  position: absolute;
  width:260px;
  height:55px;
  left:50%;
  bottom: 20px;
  background: rgba(208, 0, 15, 1);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 30.6px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 1441px) {
  .global-more{
    width:220px;
    height:46px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: .9rem;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .global-more{
    position: relative;
    width:180px;
    height:40px;
    font-size: .8rem;
    margin:1.2rem 0;
  }
}
@media (max-width: 768px) {
  .global-more{
    width:140px;
    height:36px;
    font-size: .7rem;
    margin:.8rem 0;
  }
}
.global-more::after,
.global-more::before{
  content: '';
  position: absolute;
  width:320%;
  top:0rem;
  z-index:-1;
  aspect-ratio: 1;
  border:none;
  border-radius: 40%;
  -webkit-border-radius: 40%;
  -moz-border-radius: 40%;
  -ms-border-radius: 40%;
  -o-border-radius: 40%;
  background-color:rgba(232, 53, 40, 0.45);
  transition: 4s;
  -webkit-transition: 4s;
  -moz-transition: 4s;
  -ms-transition: 4s;
  -o-transition: 4s;
}
.global-more::before{
  left:-80%;
  transform: translate3d(0,5em,0) rotate(-340deg);
  -webkit-transform: translate3d(0,5em,0) rotate(-340deg);
  -moz-transform: translate3d(0,5em,0) rotate(-340deg);
  -ms-transform: translate3d(0,5em,0) rotate(-340deg);
  -o-transform: translate3d(0,5em,0) rotate(-340deg);
}
.global-more::after{
  right: -80%;
  transform: translate3d(0,5em,0) rotate(390deg);
  -webkit-transform: translate3d(0,5em,0) rotate(390deg);
  -moz-transform: translate3d(0,5em,0) rotate(390deg);
  -ms-transform: translate3d(0,5em,0) rotate(390deg);
  -o-transform: translate3d(0,5em,0) rotate(390deg);
}
.global-more:hover::before,
.global-more:hover::after{
  background-color: rgba(232, 53, 40, 0.75);
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.global-more svg{
  margin-left:.5rem;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
@media (max-width: 992px) {
  .global-more svg{
    width:20px;
  }
}
@media (max-width: 768px) {
  .global-more svg{
    width:16px;
    height:17px;
    margin-left:.2rem;
  }
}
.global-more:hover svg{
  margin-left:1rem;
}
/* 底部 */
.goto{
  height:58px;
  background: var(--red--);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 992px) {
  .goto{
    height:46px;
  }
}
@media (max-width: 768px) {
  .goto{
    height:32px;
  }
}
.goto img{
  animation: goto 2s ease-out infinite;
  -webkit-animation: goto 2s ease-out infinite;
}
@media (max-width: 992px) {
  .goto img{
    width:30px;
  }
}
@media (max-width: 768px) {
  .goto img{
    width:24px;
    animation: none;
    -webkit-animation: none;
  }
}
@keyframes goto {
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50% {
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
footer{
  height:500px;
  background: rgba(48, 49, 51, 1);
  padding-top:5rem;
}
@media (max-width: 1441px) {
  footer{
    height:auto;
    padding:3rem 0 0 0;
  }
}
@media (max-width: 992px) {
  footer{
    padding-top:1.5rem;
  }
}
@media (max-width: 768px) {
  footer{
    padding-top:1rem;
  }
}
.foot-menu{
  display: flex;
  justify-content: space-between;
  width:70%;
}
@media (max-width: 1200px) {
  .foot-menu{
    width:100%;
  }
}
@media (max-width: 768px) {
  .foot-menu{
    display: none;
  }
}
.foot-menu ul li{
  margin-bottom: .6rem;
  text-align: center;
}
@media (max-width: 1441px) {
  .foot-menu ul li{
    margin-bottom: .4rem;
  }
}
@media (max-width: 992px) {
  .foot-menu ul li{
    margin-bottom: .2rem;
  }
}
.foot-menu ul li:first-child a{
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .foot-menu ul li:first-child a{
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .foot-menu ul li:first-child a{
    font-size: .9rem;
  }  
}
.foot-menu ul li a{
  font-size: 15px;
  font-weight: 400;
  line-height: 21.75px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1441px) {
  .foot-menu ul li a{
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .foot-menu ul li a{
    font-size: .8rem;
  }
}
.foot-menu ul li a:hover{
  color:var(--red--);
}
.foot-main{
  display: flex;
  justify-content: space-between;
  width:100%;
}
@media (max-width: 1200px) {
  .foot-main{
    flex-direction: column;
  }
}
.code-img{
  position: absolute;
  left:50%;
  top:-180px;
  z-index: 222;
  width:130px;
  height:162px;
  padding:12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  visibility: hidden;
  background: #ffffff;
  box-shadow: 1px -2px 6px 0px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  opacity: 0;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
}
@media (max-width: 1200px) {
  .code-img{
    padding:8px;
    top:-150px;
    width:120px;
    height:132px;
  }
}
.code-img::after{
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .05));
  -webkit-filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .05));
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
}
.code-img img{
  width:110px;
  height:110px;
}
@media (max-width: 1200px) {
  .code-img img{
    width:90px;
    height:90px;
  }
}
.code-img span{
  display: block;
  margin-top:.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(192, 196, 204, 1);
}
@media (max-width: 1200px) {
  .code-img span{
    margin-top:.2rem;
    font-size: .9rem;
    line-height: 1.4;
  }
}
.foot-code li:hover .code-img{
  visibility:visible;
  opacity: 1;
}
.foot-info{
  width:23.19%;
}
@media (max-width: 1200px) {
  .foot-info{
    width:100%;
    display: flex;
  }
}
@media (max-width: 768px) {
  .foot-info{
    justify-content: center;
  }
}
.foot-code{
  display: flex;
  justify-content: flex-end;
  width:100%;
}
@media (max-width: 1200px) {
  .foot-code{
    width:50%;
    justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .foot-code{
    display: none;
  }  
}
.foot-code li{
  position: relative;
  margin-left:2.2rem;
  cursor: pointer;
}
@media (max-width: 1441px) {
  .foot-code li{
    margin-left: 1.5rem;
  }
}
.foot-code li:first-child{
  margin-left:0;
}
.foot-code li p{
  margin-top:.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 992px) {
  .foot-code li p{
    margin-top:.2rem;
    font-size: .7rem;
    line-height: 1.4;
  }
}
.foot-code li>span{
  display: flex;
  align-items: center;
  justify-content: center;
  width:40px;
  height:40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.foot-code li:hover>span{
  background: var(--red--);
  border: 1px solid var(--red--);
}
.foot-tel{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top:4.5rem;
}
@media (max-width: 1441px) {
  .foot-tel{
    margin-top: 3rem;
  }
}
@media (max-width: 1200px) {
  .foot-tel{
    margin-top: 0rem;
    width:50%;
  }
}
@media (max-width: 768px) {
  .foot-tel{
    width:100%;
    align-items: center;
  }
}
.foot-tel span{
  position: relative;
  font-family: 'Lato-Regular-15';
  font-size: 24px;
  font-weight: 700;
  line-height: 28.8px;
  letter-spacing: 0.03em;
  text-align: left;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1500px) {
    .foot-tel span{
        font-size:20px;
    }
}
@media (max-width: 1441px) {
  .foot-tel span{
    font-size: 1.3rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .foot-tel span{
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .foot-tel span{
    font-size: 1.1rem;
  }
}
.foot-tel span::before{
  content: '';
  position: absolute;
  left:-40px;
  top:50%;
  width:32px;
  height:32px;
  background: url(../images/foot-tel.svg) no-repeat center;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1441px) {
  .foot-tel span::before{
    width:26px;
    height:26px;
    left:-30px;
  }
}
@media (max-width: 576px) {
  .foot-tel span::before{
    width:20px;
    height:20px;
    left:-26px;
  }
}
.foot-tel p{
  margin-top:.8rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 21.75px;
  letter-spacing: 0.02em;
  text-align: right;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1441px) {
  .foot-tel p{
    margin-top: .5rem;
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .foot-tel p{
    margin-top: .2rem;
    font-size: .8rem;
  }
}
.copyright{
  margin-top:3rem;
  height:94px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 1441px) {
  .copyright{
    margin-top:2rem;
    height:80px;
  }
}
@media (max-width: 1200px) {
  .copyright{
    margin-top:1rem;
    height:60px;
  }
}
@media (max-width: 992px) {
  .copyright{
    height:50px;
  }
}
@media (max-width: 768px) {
  .copyright{
    height:auto;
    justify-content: center;
    padding:.5rem;
    margin-top:.6rem;
  }
}
@media (max-width: 426px) {
    .copyright{
        padding-left:0;
        padding-right:0;
    }
}
.copyright p,
.copyright span,
.copyright a{
  font-size: 14px;
  font-weight: 400;
  line-height: 20.3px;
  letter-spacing: 0.02em;
  text-align: right;
  color: rgba(109, 113, 120, 1);
}
@media (max-width: 1441px) {
  .copyright p,
  .copyright span,
  .copyright a{
    font-size: .8rem;
    line-height:1.4;
  }
}
@media (max-width: 992px) {
  .copyright p,
  .copyright span,
  .copyright a{
    font-size: .7rem;
    line-height:1.4;
  }
}
@media (max-width: 768px) {
  .copyright p:last-child{
    display: none;
  }
}
.copyright span{
  display: inline-block;
  margin-left:1rem;
}
@media (max-width: 1441px) {
  .copyright span{
    margin-left:.5rem;
  }
}
.copyright p a:first-child{
  position: relative;
}
.copyright p a:first-child::after{
  content: '';
  position: absolute;
  left:-20px;
  top:50%;
  width:17px;
  height:17px;
  background: url(../images/icp.png) no-repeat center;
  background-size: cover;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.copyright p a:hover{
  color:var(--red--);
}
.ripple {
  display: inline-block;
  overflow: hidden;
}
.ripple span {
  display: inline-block;
}
/* 悬浮 */
.suspend{
  position: fixed;
  left:17px;
  top:70%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 6666;
}
@media (max-width: 1441px) {
  .suspend{
    left:10px;
  }
}
@media (max-width: 1200px) {
  .suspend{
    display: none;
  }
}
.suspend li{
  position: relative;
  margin-bottom: 8px;
  box-shadow: 0px 2px 5.2px 0px rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  cursor: pointer;
}
.suspend li a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width:85px;
  height:85px;
      position: relative;
    z-index: 888;
}
@media (max-width: 1441px) {
  .suspend li a{
    width:66px;
    height:66px;
  }
  .suspend li a svg{
    width:30px;
    height:30px;
  }
}
.suspend li span{
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .suspend li span{
    font-size: .8rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .suspend li span{
    display: none;
  }
}
.suspend li:hover a span{
  color:var(--red--);
}
.suspend-info{
  position: absolute;
  left:108px;
  top:50%;
  width:166px;
  height:100%;
  padding:14px;
  background: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  box-shadow: 0px 2px 5.2px 0px rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transform: translateX(30px) translateY(-50%);
  -webkit-transform: translateX(30px) translateY(-50%);
  -moz-transform: translateX(30px) translateY(-50%);
  -ms-transform: translateX(30px) translateY(-50%);
  -o-transform: translateX(30px) translateY(-50%);
}
@media (max-width: 1441px) {
  .suspend-info{
    left:80px;
  }
}
.suspend li:hover .suspend-info{
  z-index: 999999;
  visibility: visible;
  opacity: 1;
  transform: translateX(0px) translateY(-50%);
  -webkit-transform: translateX(0px) translateY(-50%);
  -moz-transform: translateX(0px) translateY(-50%);
  -ms-transform: translateX(0px) translateY(-50%);
  -o-transform: translateX(0px) translateY(-50%);
}
.suspend-code{
  height:180px;
  width:150px;
  align-items: center;
}
@media (max-width: 1441px) {
  .suspend-code{
    height:130px;
    width:120px;
  }
}
.suspend-code img{
  height:120px;
  width:120px;
}
@media (max-width: 1441px) {
  .suspend-code img{
    height:90px;
    width:90px;
  }
}
.suspend-code span{
  margin-top:.5rem;
}
.suspend-info::before{
  content: '';
  position: absolute;
  top:50%;
  left:-14px;
  z-index: 666;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .05));
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-filter: drop-shadow(1px 3px 1px rgba(0, 0, 0, .05));
}
.suspend li .suspend-info span{
  font-size: 13px;
  font-weight: 400;
  line-height: 18.2px;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 1);
}
.suspend-info p{
  margin-top:.4rem;
  font-family: 'OPPOSans20-Medium';
  font-size: 18px;
  font-weight: 400;
  line-height: 23.74px;
  letter-spacing: 0.01em;
  color:var(--red--);
}
@media (max-width: 1441px) {
  .suspend-info p{
    margin-top: .2rem;
    font-size: .8rem;
    line-height: 1.2;
  }
}
.suspend-svg{
  position: absolute;
  width:100%;
  height:100%;
  overflow: hidden;
  left:0;
  top:0;
  z-index: 777;
}
@media (max-width: 1441px) {
  .suspend-svg svg{
    width:66px;
    height:66px;
  }
}
.shape{
  stroke:rgba(216, 0, 17, .2);
  stroke-width: 1px;
  fill: transparent;
  stroke-dasharray:340;
  stroke-dashoffset:340;
  transition: 1s all ease;
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
}
.suspend li:hover .shape {
  stroke-dasharray: 340;
  stroke-width: 1px;
  stroke-dashoffset: 0;
}
#fp-nav{
  display: none;
}
/* 内页头图 */
.inner-bar {
	position: relative;
  padding-top:104px;
}
@media (max-width: 1200px) {
  .inner-bar {
    padding-top:80px;
  }
}
.container.inner-box{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-60%);
  -webkit-transform: translate(-50%,-60%);
  -moz-transform: translate(-50%,-60%);
  -ms-transform: translate(-50%,-60%);
  -o-transform: translate(-50%,-60%);
}
@media (max-width: 992px) {
  .container.inner-box{
    transform: translate(-50%,-40%);
    -webkit-transform: translate(-50%,-40%);
    -moz-transform: translate(-50%,-40%);
    -ms-transform: translate(-50%,-40%);
    -o-transform: translate(-50%,-40%);
}
}
.inner-name{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.inner-name p{
  position: relative;
  font-family: '微软雅黑';
  font-size: 52px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
  /*text-shadow: 0px 4px 12.3px rgba(0, 0, 0, 0.25);*/
}
@media (max-width:1440px){
  .inner-name p{
    font-size:3rem;
  }
}
@media (max-width: 1200px) {
  .inner-name p{
    font-size:2.4rem;
  }
}
@media (max-width: 992px) {
  .inner-name p{
    font-size:2rem;
  }
}
@media (max-width: 768px) {
  .inner-name p{
    font-size:1.7rem;
  }
}
@media (max-width: 426px) {
  .inner-name p{
    font-size:1.5rem;
  }
}
.inner-name p::after{
  content: '';
  position: absolute;
  left:50%;
  bottom: -4rem;
  width:56px;
  height:5px;
  background: rgba(208, 0, 15, 1);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width:1440px){
  .inner-name p::after{
    bottom: -2rem;
  }
}
@media (max-width: 1200px) {
  .inner-name p::after{
    bottom: -1.2rem;
    width:50px;
    height:4px;
  }
}
@media (max-width: 992px) {
  .inner-name p::after{
    bottom: -.8rem;
    width:50px;
  }
}
@media (max-width: 768px) {
  .inner-name p::after{
    bottom: -.7rem;
    width:40px;
    height:3px;
  }
}
.inner-bar img{
  width:100%;
}

/* 内页子栏目 */
.crumb-box{
  height:76px;
  border-top:1px solid rgba(255, 255, 255, 0.2);
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  background: rgba(0, 0, 0, 0.03);
  position: relative;
  z-index: 5555;
}
@media (max-width: 1441px) {
  .crumb-box{
    height:66px;
  }
}
@media (max-width: 1200px) {
  .crumb-box{
    height:60px;
  }
}
@media (max-width: 992px) {
  .crumb-box{
    height:50px;
  }
}
@media (max-width: 768px) {
  .crumb-box{
    height:40px;
  }
}
.crumb-box .container{
  height:100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .crumb-box .container{
    justify-content: center;
  }
}
.crumb-tag{
  display: flex;
  height:100%;
  position: relative;
}
.crumb-product{
  width: 100%;
  justify-content: space-between;
}
.crumb-product a{
  padding:0;
  justify-content: center;
}
@media (max-width: 1200px) {
  .crumb-tag.crumb-product a{
    padding:0 1rem;
    font-size:.9rem;
  }
}
@media (max-width: 992px) {
  .crumb-tag.crumb-product a{
    padding:0 .5rem;
    font-size:.8rem;
  }
}
.tag-box{
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height:39px;
}
.tag-box.on{
  background: #D80011;
}
.tag-box a,
.crumb-tag a{
  display:flex;
  align-items: center;
  padding:0 2rem;
  height:100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  position: relative;
  z-index: 222;
}
@media (max-width: 1441px) {
  .crumb-tag a{
    font-size:1.1rem;
    line-height: 1.2;
  }
}
@media (max-width: 1200px) {
  .crumb-tag a{
    font-size:1rem;
  }
}
@media (max-width: 992px) {
  .crumb-tag a{
    font-size:.9rem;
  }
}
@media (max-width: 768px) {
  .tag-box a{
    font-size:1rem;
    padding:0;
  }
  .crumb-tag a{
    font-size:.8rem;
    padding:0 1.5rem;
  }
}
@media (max-width: 460px) {
 .crumb-tag2 a{
    padding:0 1rem;
  }
}
@media (max-width: 400px) {
.crumb-tag2 a{
    padding:0 .6rem;
  }
}
.crumb_more{
  position: absolute;
  left:0;
  top:0;
  z-index:111;
  width:100px;
  height:100%;
  background: #D80011;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.layout{
  margin-top:-76px;
  background: #f5f6f8;
}
@media (max-width: 1441px) {
  .layout{
    margin-top:-66px;
  }
}
@media (max-width: 1200px) {
  .layout{
    margin-top:-60px;
  }
}
@media (max-width: 1200px) {
  .layout{
    margin-top:-50px;
  }
}
@media (max-width: 768px) {
  .layout{
    margin-top:-40px;
  }
}
.top-box{
  padding-top:6.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#job{
  position: absolute;
  top:-5rem;
}
@media (max-width: 1441px) {
  .top-box{
    padding-top:4.5rem;
  }
}
@media (max-width: 1200px) {
  .top-box{
    padding-top:3.5rem;
  }
}
@media (max-width: 992px) {
  .top-box{
    padding:3rem 0 .5rem 0;
  }
}
@media (max-width: 768px) {
  .top-box{
    padding:2.5rem 0 .5rem 0;
  }
}
.top-box span{
  font-family: '微软雅黑';
  position: relative;
  font-size: 50px;
  font-weight: 700;
  line-height: 65.99px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .top-box span{
    font-size:2.8rem;
    line-height: 1.5;
  }
}
@media (max-width: 1200px) {
  .top-box span{
    font-size:2.2rem;
    line-height: 1.2;
  }
}
@media (max-width: 992px) {
  .top-box span{
    font-size:2rem;
  } 
}
@media (max-width: 768px) {
  .top-box span{
    font-size:1.7rem;
  }   
}
@media (max-width: 426px) {
  .top-box span{
    font-size:1.5rem;
  }   
}
.top-box span::after{
  content: '';
  width:60px;
  height:4px;
  background: rgba(216, 0, 17, 1);
  position: absolute;
  left:50%;
  bottom: -1.5rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1441px) {
  .top-box span::after{
    width:50px;
    bottom: -1rem;
  }
}
@media (max-width: 1200px) {
  .top-box span::after{
    width:40px;
  }
}
@media (max-width: 992px) {
  .top-box span::after{
    bottom: -.8rem;
  }
}
@media (max-width: 768px) {
  .top-box span::after{
    width:34px;
  }
}
.top-desc{
  margin-top:2.6rem;
}
@media (max-width: 1441px) {
  .top-desc{
    max-width: 80%;
    text-align: center;
  }
}
@media (max-width: 1200px) {
  .top-desc{
    margin-top:2rem;
  }
}
@media (max-width: 992px) {
  .top-desc{
    display: none;
  }
}
.top-desc p{
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .top-desc p{
    font-size: 1.1rem;
    line-height: 1.5;
    display: contents;
  }
}
@media (max-width: 1200px) {
  .top-desc p{
    font-size: 1rem;
    line-height: 1.5;
  }
}
.job-main{
  padding:3rem 0;
}
@media (max-width: 1441px) {
  .job-main{
    padding:2.6rem 0;
  }
}
@media (max-width: 1200px) {
  .job-main{
    padding:2rem 0;
  }
}
@media (max-width: 992px) {
  .job-main{
    padding:2rem 0 1rem 0;
  }
}
.job-main .row{
  --bs-gutter-x:2.5rem;
}
@media (max-width: 1441px) {
  .job-main .row{
    --bs-gutter-x:2rem;
  }
}
@media (max-width: 1200px) {
  .job-main .row{
    --bs-gutter-x:1.5rem;
  }
}
.job-box{
  background: #ffffff;
  padding:2rem;
  margin-bottom: 4rem;
}
@media (max-width: 1441px) {
  .job-box{
    padding:1.5rem;
    margin-bottom: 2.2rem;
  }
}
@media (max-width: 1200px) {
  .job-box{
    padding:1rem 1.2rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 992px) {
  .job-box{
    padding:.5rem 1.2rem 1rem 1.2rem;
    margin-bottom: 1.2rem;
  }
}
.job-box-top{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.job-box-title{
  margin-top:.5rem;
}
.job-box-title span{
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .job-box-title span{
    font-size: 1.6rem;
    line-height: 1.4;
  } 
}
@media (max-width: 1200px) {
  .job-box-title span{
    font-size: 1.3rem;
  } 
}
@media (max-width: 992px) {
  .job-box-title span{
    font-size: 1.2rem;
  } 
}
@media (max-width: 768px) {
  .job-box-title span{
    font-size: 1.1rem;
  } 
}
.job-box-title p{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .job-box-title p{
    font-size: 1.1rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .job-box-title p{
    font-size: 1rem;
  }
}
@media (max-width: 992px) {
  .job-box-title p{
    font-size: .9rem;
  }
}
.job-box-button{
  width:112px;
  height:42px;
  border-radius: 30px;
  background: rgba(216, 0, 17, 1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border:1px solid red;
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-align: center;
  color:#ffffff;
}
@media (max-width: 1441px) {
  .job-box-button{
    font-size: 1.1rem;
    line-height: 1.4;
    width:100px;
    height:40px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
}
@media (max-width: 1200px) {
  .job-box-button{
    font-size: 1rem;
    width:90px;
    height:36px;
  }
}
@media (max-width: 992px) {
  .job-box-button{
    font-size: .9rem;
    width:80px;
    height:30px;
  }
}
.job-box-desc{
  margin-top:2.2rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .job-box-desc{
    margin-top:1.6rem;
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .job-box-desc{
    margin-top:1rem;
  }
}
@media (max-width: 992px) {
  .job-box-desc{
    margin-top:.6rem;
  }
}
@media (max-width: 768px) {
  .job-box-desc{
    margin-top:.4rem;
  }
}
.job-box_txt{
  margin-left:3rem;
}
@media (max-width: 1441px) {
  .job-box_txt{
    margin-left:1.5rem;
  }
}
@media (max-width: 768px) {
  .job-box_txt{
    margin:.2rem 0 0 1rem;
  }
}
.modal{
  --bs-modal-width:660px;
}
@media (max-width: 992px) {
  .modal{
    --bs-modal-width:560px;
  }
}
@media (max-width: 768px) {
  .modal{
    --bs-modal-width:500px;
  }
}
.notes-title{
  margin-top:1rem;
  position: relative;
  font-family: Microsoft YaHei;
  font-size: 42px;
  font-weight: 700;
  line-height: 55.43px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .notes-title{
    font-size: 2rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .notes-title{
    margin-top:.5rem;
    font-size: 1.8rem;
  } 
}
@media (max-width: 768px) {
  .notes-title{
    margin-top:.5rem;
    font-size: 1.5rem;
  }  
}
.notes-title::after{
  content: '';
  width:60px;
  height:4px;
  background: rgba(216, 0, 17, 1);
  position: absolute;
  left:50%;
  bottom:-1.6rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .notes-title::after{
    bottom: -1rem;
  }
}
@media (max-width: 992px) {
  .notes-title::after{
    bottom: -.5rem;
    width:50px;
    height:3px;
  }
}
@media (max-width: 768px) {
  .notes-title::after{
    width:40px;
  } 
}
.notes-form{
  margin-top:4rem;
}
@media (max-width: 1200px) {
  .notes-form{
    margin-top:3rem;
  }
}
@media (max-width: 992px) {
  .notes-form{
    margin-top:2rem;
  }
  .modal-content{
    --bs-modal-margin:1rem;
  }
}
.notes-form .form-control{
  height:50px;
  width:342px;
}
@media (max-width: 1200px) {
  .notes-form .form-control{
    height:40px;
    width:300px;
  }
}
@media (max-width: 992px) {
  .notes-form .form-control{
    height:36px;
    width:260px;
  }
}
@media (max-width: 768px) {
  .notes-form .form-control{
    height:30px;
    width:240px;
    padding: 0 .5rem;
    line-height: 1.2;
    font-size:.8rem;
  }
}
.notes-form .form-control::placeholder{
  font-size: 19px;
  font-weight: 200;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(192, 196, 204, 1);
}
@media (max-width: 1200px) {
  .notes-form .form-control::placeholder{
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .notes-form .form-control::placeholder{
    font-size: .9rem;
  }
}
@media (max-width: 768px) {
  .notes-form .form-control::placeholder{
    font-size: .8rem;
    line-height: 1.4;
  } 
}
.notes-li{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom:1.5rem ;
}
@media (max-width: 1200px) {
  .notes-li{
    margin-bottom: 1rem;
  }
}
@media (max-width: 992px) {
  .notes-li{
    margin-bottom: .6rem;
  }
}
.notes-li span{
  position: relative;
  margin-right: 1.5rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.01em;
  text-align: right;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .notes-li span{
    margin-right: 1rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .notes-li span{
    font-size: .9rem;
  }
}
.notes-li span::after{
  content:'*';
  position: absolute;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.01em;
  text-align: right;
  color: #D80011;
}
@media (max-width: 1200px) {
  .notes-li span::after{
    font-size: 1rem;
    line-height: 1.4;
  }
}
.notes-li .notes-none::after{
  opacity: 0;
}
.notes-li button{
  width:202px;
  height:60px;
  background: rgba(216, 0, 17, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
  border:none;
  cursor: pointer;
  margin-top:1.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 1200px) {
  .notes-li button{
    width:160px;
    height:50px;
    margin:1rem 0 .5rem 0;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (max-width: 992px) {
  .notes-li button{
    width:120px;
    height:40px;
    margin: 0;
    font-size: .9rem;
  }
}
.notes-li button svg{
  margin-left:1.5rem;
}
@media (max-width: 1200px) {
  .notes-li button svg{
    margin-left:1rem;
    width:18px;
    height:18px;
  }
}
@media (max-width: 992px) {
  .notes-li button svg{
    margin-left:.5rem;
    width:16px;
    height:16px;
  } 
}
.notes-close{
  position: absolute;
  left:50%;
  bottom: -4rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.notes-file{
  position: relative;
  width:138px;
  height:138px;
  text-indent: 9999rem;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .notes-file{
    width:120px;
    height:120px;
  }
}
@media (max-width: 992px) {
  .notes-file{
    width:100px;
    height:100px;
  }
}
.notes-file::before,
.notes-file::after{
  content: '';
  position: absolute;
  width:100%;
  height:100%;
  background: rgba(245, 246, 248, 1);
  z-index: 9999;
  left:0px;
  top:0px;
}
.notes-file::before{
  background: url(../images/upload.svg) no-repeat center;
  background-size: contain;
  width:48px;
  height:48px;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  z-index: 999999;
}
@media (max-width: 1200px) {
  .notes-file::before{
    width:36px;
    height:36px;
  }
}
.notes-desc{
  margin-top:1.6rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .notes-desc{
    margin-top:1rem;
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .notes-desc{
    margin-top:.5rem;
    font-size: .8rem;
  }
}
@media (max-width: 768px) {
  .notes-desc{
    font-size: .7rem;
  }
}
.notes-right{
  display: flex;
  flex-direction: column;
  justify-items: center;
  text-align: center;
}

/* 联系我们 */
#map{
  height:600px;
}
@media (max-width: 1441px) {
  #map{
    height:500px;
  }
}
@media (max-width: 1200px) {
  #map{
    height:400px;
  }
}
.tel-box{
  display: flex;
  justify-content: space-between;
  height:386px;
  margin:8rem 0 5rem 0;
  position: relative;
}
#lianxi{
  position:absolute;
  top:-8rem;
}
@media (max-width: 1441px) {
  .tel-box{
    height:360px;
    margin:6rem 0 4rem 0;
  }
}
@media (max-width: 1200px) {
  .tel-box{
    height:auto;
    margin:4rem 0 3rem 0;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .tel-box{
    margin:3rem 0 2rem 0;
  }
}
@media (max-width: 768px) {
  .tel-box{
    margin:2rem 0 2rem 0;
  }
}
.tel-max{
  width:30.9%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .tel-max{
    width:48.9%;
    height: 280px;
  }
}
@media (max-width: 768px) {
  .tel-max{
    width:100%;
    height: 162px;
  }
}
.tel-max p{
  margin-top:3rem;
  font-size: 22px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .tel-max p{
    margin-top:2rem;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .tel-max p{
    margin-top:1rem;
    font-size: 1.1rem;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .tel-max p{
    margin-top:.5rem;
    font-size: 1rem;
  }
}
.tel-max span{
  margin:2rem 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1441px) {
  .tel-max span{
    margin:1rem 0;
    font-size: .9rem;
    line-height: 1.3;
  }
}
@media (max-width: 992px) {
  .tel-max span{
    margin:.5rem 0;
    font-size: .8rem;
  }
}
.tel-max a{
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);

}
.tel-cer{
  width:31.59%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .tel-cer{
    width:49%;
  }
}
@media (max-width: 768px) {
  .tel-cer{
    width:100%;
    height: 240px;
    margin-top:1rem;
  }
}
.tel-right{
  width:34.16%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .tel-right{
    margin-top:1.5rem;
    width:100%;
  }
}
@media (max-width: 768px) {
  .tel-right{
    margin-top:1rem;
  }
}
.tel-y,.tel-btn,.tel-max{
  background: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.tel-y{
  width:47.27%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .tel-y{
    width:49%;
    padding:1rem 0;
  }
}
.tel-y p{
  margin-top:4rem;
  font-size: 18px;
  
  line-height: 27px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .tel-y p{
    margin-top:2rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .tel-y p{
    margin-top:1rem;
    font-size: .9rem;
  }
}
@media (max-width: 992px) {
  .tel-y p{
    margin-top:.5rem;
    font-size: .8rem;
  }
}
.tel-y img{
  max-width: 130px;
}
.tel-btn{
  height:46.63%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.tel-btn p{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  margin:1rem 0;
}
@media (max-width: 1441px) {
  .tel-btn p{
    font-size: 1.2rem;
    line-height: 1.4;
    margin:.5rem 0;
  }
}
@media (max-width: 1200px) {
  .tel-btn p{
    font-size: 1rem;
    margin:.2rem 0;
  }
}
@media (max-width: 768px) {
  .tel-btn svg{
    width:30px;
    height:30px;
  }
  .tel-max>svg{
    width:50px;
    height:50px;
  }
}
.tel-btn span{
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .tel-btn span{
    font-size: .9rem;
    line-height: 1.4;
  }
}
.top-none span::after{
  display: none;
}
.top-none .top-desc{
  margin-top:.8rem;
}
.message{
  padding-bottom: 6rem;
  position: relative;
}
#liuyan{
  position: absolute;
  top:-5rem;
}
@media (max-width: 1441px) {
  .message{
    padding-bottom: 5rem;
  }  
}
@media (max-width: 992px) {
  .message{
    padding-bottom: 4rem;
  } 
}
@media (max-width: 768px) {
  .message{
    padding-bottom: 3rem;
  } 
}
.mes_box{
  margin-top:3rem;
  background: #ffffff;
  padding:5.4rem;
  padding-bottom: 2rem;
  padding-top:3rem;
}
@media (max-width:1400px){
  .mes_box{
    padding:4rem;
    padding-bottom: 2rem;
    padding-top:3rem;
    margin-top:2rem;
  }
}
@media (max-width: 992px) {
  .mes_box{
    padding-bottom: 1rem;
  }
}
@media (max-width:768px){
  .mes_box{
    margin-top:1rem;
    padding-top: 2rem;
    padding-right:3rem;
    padding-left:3rem;
  }
}
@media (max-width:576px){
  .mes_box{
    padding:1rem 1.2rem;
  }
}
.mes_box .row *{
  --bs-gutter-x:3rem;
}
@media (max-width:1400px){
  .mes_box .row *{
    --bs-gutter-x:1.5rem;
  }
}
@media (max-width:1200px){
  .mes_box .row *{
    --bs-gutter-x:1rem;
  }
}
@media (max-width:991px){
  .mes_box .row *{
    --bs-gutter-x:.8rem;
  }
}
@media (max-width:426px){
  .mes_box .row *{
    --bs-gutter-x:.7rem;
  }
}
.mes_box-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mes_box-txt p textarea::placeholder,
.mes_box-txt p input::placeholder,
.mes_box-txt p input{
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(192, 196, 204, 1);
}
.mes_box-txt p textarea,
.mes_box-txt p input{
  color:rgba(96, 98, 102, 1);
}
@media (max-width:1400px){
  .mes_box-txt p textarea::placeholder,
  .mes_box-txt p input::placeholder,
  .mes_box-txt p input{
    font-size:1rem;
    line-height:1.2;
  }
}
@media (max-width:991px){
  .mes_box-txt p textarea::placeholder,
  .mes_box-txt p input::placeholder,
  .mes_box-txt p input{
    font-size:.8rem;
  }
}
.mes_box-txt p input{
  margin-left:.5rem;
  border:0 none;
  flex:none;
  width:70%;
}
.mes_box-txt p{
  margin:.8rem 0;
  width:100%;
  min-height:60px;
  border: 1px solid rgba(228, 231, 237, 1);
  display: flex;
  align-items: center;
  padding:0 1rem;
}
@media (max-width:1400px){
  .mes_box-txt p{
    margin:.6rem 0 1.2rem 0;
    min-height:40px;
    padding:0 .6rem;
  }
}
@media (max-width:1200px){
  .mes_box-txt p{
    margin:.4rem 0 1rem 0;
    min-height:36px;
    padding:0 .4rem;
  }
}
@media (max-width:991px){
  .mes_box-txt p svg{
    width:22px;
    height:22px;
  }
}
.mes_box-txt p textarea{
  width:100%;
  height:170px;
  border:none;
  margin:0 .5rem;
}
@media (max-width:1400px){
  .mes_box-txt p textarea{
    height:200px;
    margin:0 .2rem;
  }
}
@media (max-width:1200px){
  .mes_box-txt p textarea{
    height:160px;
    margin:0 .1rem;
  }
}
@media (max-width:991px){
  .mes_box-txt p textarea{
    height:140px;
    font-size:.8rem;
  }
}
.mes_box-info p{
  padding:1.2rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}
@media (max-width:1400px){
  .mes_box-info p{
    padding:1rem;
    margin-bottom: 1rem;
  }
}
@media (max-width:1200px){
  .mes_box-info p{
    padding:.9rem;
    margin-bottom: .6rem;
  }
}
@media (max-width:991px){
  .mes_box-info p{
    padding:.6rem .4rem;
    margin-bottom: .3rem;
  }
}
.mes_box-info em{
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width:1400px){
  .mes_box-info em{
    font-size:.8rem;
  }
}
.mes_box button{
  display: flex;
  align-items: center;
  justify-content: center;
  width:238px;
  height:55px;
  border-radius: 40px;
  background: rgba(216, 0, 17, 1);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border:none;
  margin:2rem auto;
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
}
@media (max-width:1400px){
  .mes_box button{
    width:200px;
    height:46px;
    font-size:1.2rem;
    line-height:1.2;
  }
}
@media (max-width:1200px){
  .mes_box button{
    margin:1.8rem auto;
    width:180px;
    height:42px;
    font-size:1rem;
  }
  .map-logo img{
    height:40px;
  }
}
@media (max-width:991px){
  .mes_box button{
    margin:1.4rem auto;
    width:160px;
    height:38px;
    font-size:.9rem;
  }
}
@media (max-width: 768px) {
  .mes_box button{
    margin:1rem auto;
  }
}
@media (max-width: 768px) {
  .map-logo{
    padding:0;
  }
  .map-logo img{
    height:30px;
  }
}
/* 分页 */
.pager{
  padding:3rem 0;
}
.paging{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:2rem 0;
}
@media (max-width:1400px){
  .pager{
    padding:3.5rem 0;
  }
}
@media (max-width: 1200px) {
  .pager{
    padding:3rem 0;
  }
}
@media (max-width:991px){
  .pager{
    padding:2rem 0;
  }
}
.paging li{
  width:38px;
  height:38px;
  margin:0 6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(245, 246, 248, 1);
}
@media (max-width:991px){
  .paging li{
    width:30px;
    height:30px;
    margin:0 4px;
  }
}
@media (max-width:576px){
  .paging li{
    width:40px;
    height:40px;
  }
}
.paging li span,
.paging li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height:100%;
  font-size: 15px;
  font-weight: 400;
  color: rgba(48, 49, 51, 1);
}
@media (max-width:991px){
  .paging li span,
  .paging li a{
    font-size:14px;
  }
}
.paging li a img{
  width:22px;
  height:22px;
}
.pagination li a:hover, 
.pagination .active span{
  background: rgba(216, 0, 17, 1);
  color:#fff;
}
.pagination li:last-child:hover span,
.pagination li:first-child:hover span{
  background: none;
}

/* 新闻中心 */
.article-desc{
  background: #ffffff;
  padding:2.3rem 2rem 3rem 2rem;
}
@media (max-width: 1441px) {
  .article-desc{
    padding:2rem 1.5rem ;
  }
}
@media (max-width: 1200px) {
  .article-desc{
    padding:1rem 1.2rem ;
  }
}
.article-red span,
.article-desc span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 23px;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.article-desc span{
    -webkit-line-clamp: 1;  
}
@media (max-width: 1441px) {
  .article-red span,
  .article-desc span{
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .article-red span,
  .article-desc span{
    font-size: 1.1rem;
    line-height: 1.4;
  }
}
.article-red p,
.article-desc p{
  margin-top:1rem;
  margin-bottom: 3.5rem;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1441px) {
  .article-red p,
  .article-desc p{
    margin:.5rem 0 2rem 0;
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .article-red p,
  .article-desc p{
    margin:.2rem 0 1rem 0;
    font-size: .9rem;
    line-height: 1.5;
  }
}
.article-box .row{
  --bs-gutter-x:5.5rem;
  --bs-gutter-y:3.5rem;
}
@media (max-width: 1441px) {
  .article-box .row{
    --bs-gutter-x:3rem;
    --bs-gutter-y:2.5rem;
  }
}
@media (max-width: 1200px) {
  .article-box .row{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:1.5rem;
  }
}
.article-item{
  position: relative;
  overflow: hidden;
  display: block;
  height:100%;
  background: #ffffff;
}
@media (max-width: 768px) {
  .article-item .product-case-pic{
    width: 100%;
  }
}
.article-red{
  opacity: 0;
  position: absolute;
  width: 100%;
  height:100%;
  z-index: 999;
  background: rgba(216, 0, 17, 1);
  left:0;
  top:0%;
  padding:5rem 2.5rem;
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
}
@media (max-width: 1441px) {
  .article-red{
    padding:3rem 1.6rem;
  }
}
@media (max-width: 1200px) {
  .article-red{
    padding:2rem 1.2rem;
  }
}
.article-item:hover .article-red{
  opacity: 1;
}
.article-red span{
  font-weight: 400;
  color:rgba(255, 255, 255, 1);
}
.article-red p{
  margin-top:2rem;
  -webkit-line-clamp: 5;
  color:rgba(255, 255, 255, .8);
  line-height: 1.8;
}
@media (max-width: 1441px) {
  .article-red p{
    margin-top:1.5rem;
  }
}
@media (max-width: 1200px) {
  .article-red p{
    margin-top:1rem;
  }
}
.article-red .more{
  position: absolute;
  bottom: 2rem;
  background: #FFFFFF;
  width:150px;
  height:50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
}
@media (max-width: 1441px) {
  .article-red .more{
    bottom: 1.6rem;
    width:130px;
    height:46px;
  }
}
@media (max-width: 1200px) {
  .article-red .more{
    bottom: 1.2rem;
    width:120px;
    height:40px;
  }
}
.article-hot{
  padding-top:4rem;
  position: relative;
}
#article-hot{
  position: absolute;
  top:-12rem;
}
@media (max-width: 1441px) {
  .article-hot{
    padding-top:3rem;
  }
}
@media (max-width: 1200px) {
  .article-hot{
    padding-top:2.5rem;
  }
}
@media (max-width: 992px) {
  .article-hot{
    padding-top:2rem;
  }  
}
@media (max-width: 768px) {
  .article-hot{
    padding-top:1.5rem;
  }
}

.article-box{
  padding-top:4rem;
  position: relative;
}
@media (max-width: 1441px) {
  .article-box{
    padding-top:3rem;
  }
}
@media (max-width: 1200px) {
  .article-box{
    padding-top:2.5rem;
  }
}
@media (max-width: 992px) {
  .article-box{
    padding-top:2rem;
  }  
}
@media (max-width: 768px) {
  .article-box{
    padding-top:1.5rem;
  }
}
.article-hot-items{
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: normal;
  overflow: hidden;
  border-radius: 0 0 80px 0;
  -webkit-border-radius: 0 0 80px 0;
  -moz-border-radius: 0 0 80px 0;
  -ms-border-radius: 0 0 80px 0;
  -o-border-radius: 0 0 80px 0;
}
@media (max-width: 992px) {
  .article-hot-items{
    flex-wrap: wrap;
    border-radius: 0 0 40px 0;
    -webkit-border-radius: 0 0 40px 0;
    -moz-border-radius: 0 0 40px 0;
    -ms-border-radius: 0 0 40px 0;
    -o-border-radius: 0 0 40px 0;
}
}
.article-hot-l{
  width:48.61%;
}
@media (max-width: 992px) {
  .article-hot-l{
    width:100%;
  } 
}
.article-hot-r{
  flex:1;
  margin:3rem 4rem;
  position: relative;
   cursor: pointer;
}
@media (max-width: 1441px) {
  .article-hot-r{
    margin:2rem 3rem;
  }
}
@media (max-width: 1200px) {
  .article-hot-r{
    margin:1.5rem 2rem 1.5rem 2.5rem;
  } 
}
@media (max-width: 992px) {
  .article-hot-r{
    margin:1rem 1.5rem;
  } 
}
@media (max-width: 768px) {
  .article-hot-r{
    margin:1rem 1.2rem;
  } 
}
.article-hot-r a{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  position: relative;
  font-size: 26px;
  line-height: 36.4px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  display:block;
  margin-top:.5rem;
}
@media (max-width: 1441px) {
  .article-hot-r a{
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top:.2rem;
  }
}
@media (max-width: 1200px) {
  .article-hot-r a{
    font-size: 1.3rem;
  }
}
@media (max-width: 992px) {
  .article-hot-r a{
    font-size: 1.2rem;
  }  
}
@media (max-width: 768px) {
  .article-hot-r a{
    font-size: 1.1rem;
    line-height: 1.4;
  } 
}
.article-hot-r a::after{
  content: '';
  width: 2px;
  height:30px;
  background: rgba(216, 0, 17, 1);
  position: absolute;
  left:-1rem;
  top:4px;
}
@media (max-width: 1441px) {
  .article-hot-r a::after{
    top:.4rem;
  }
}
@media (max-width: 1200px) {
  .article-hot-r a::after{
    top:.3rem;
    height:24px;
    left:-10px;
  }
}
@media (max-width: 992px) {
  .article-hot-r a::after{
    display: none;
  } 
}
.article-hot-r p{
  margin-top:2rem;
  font-size: 16px;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media (max-width: 1441px) {
  .article-hot-r p{
    margin-top:1rem;
    font-size: .9rem;
    line-height: 1.6;
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 1200px) {
  .article-hot-r p{
    margin-top:.5rem;
    line-height: 1.4;
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 768px) {
  .article-hot-r p{
    margin-top:.2rem;
    line-height: 1.4;
    font-size:.8rem;
    -webkit-line-clamp: 2;
  }
}
.article-hot-btn{
  position: absolute;
  width:105%;
  bottom: 0rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1441px) {
  .article-hot-btn{
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .article-hot-btn{
    width: 96%;
  }
}
@media (max-width: 992px) {
  .article-hot-btn{
    margin-top:1rem;
    position: static;
  }
}
@media (max-width: 768px) {
  .article-hot-btn{
    margin-top:.5rem;
  }
}
.article-hot-btn span{
  position: relative;
  display: block;
  text-indent: 26px;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .article-hot-btn span{
    text-indent: 26px;
    font-size: .9rem;
    line-height:1.4;
  }
  .article-hot-btn svg{
    width:46px;
    height:46px;
  }
}
@media (max-width: 1200px) {
  .article-hot-btn span{
    text-indent: 26px;
    font-size: .8rem;
  }
  .article-hot-btn svg{
    width:36px;
    height:36px;
  }
}
@media (max-width: 992px) {
  .article-hot-btn svg{
    width:30px;
    height:30px;
  }
}
@media (max-width: 768px) {
  .article-hot-btn span{
    text-indent: 20px;
  }
  .article-hot-btn svg{
    width:24px;
    height:24px;
  }
}
.article-hot-btn span::after{
  content: '';
  width:20px;
  height:20px;
  background: url(../images/hot-time.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left:0;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .article-hot-btn span::after{
    width:16px;
    height:16px;
  }
}
.article-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top:6rem;
}
@media (max-width: 1441px) {
  .article-top{
    padding-top:5rem;
  }
}
@media (max-width: 1200px) {
  .article-top{
    padding-top:4rem;
  }
}
@media (max-width: 768px) {
  .article-top{
    padding-top:3rem;
  }
}
.article-top .top-box{
  padding-top:0;
}
.article-top .top-box span::after{
  left:0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.article-search{
  width:344px;
  height:56px;
  border-radius: 40px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 1.5rem;
}
@media (max-width: 1441px) {
  .article-search{
    width:300px;
    height:46px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding:0 1.2rem;
  }
}
@media (max-width: 1200px) {
  .article-search{
    width:240px;
    height:38px;
    padding:0 1rem;
  }
}
@media (max-width: 768px) {
  .article-search{
    width:180px;
    height:30px;
    padding:0 .5rem;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
}
.article-search input{
  font-size: 18px;
  font-weight: 400;
  line-height: 26.1px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  border:none;
}
@media (max-width: 1441px) {
  .article-search input{
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .article-search input{
    font-size: .9rem;
  }
}
@media (max-width: 768px) {
  .article-search input{
    font-size: .8rem;
    width:50%;
  }
}
.article-search button{
  border: none;
  background: none;
  cursor: pointer;
}

/* 详情页 */
.nav-box{
  height:88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid  rgba(235, 238, 245, 1);
}
@media (max-width: 1441px) {
  .nav-box{
    height:70px;
  }
  .breadcrumb{
    --bs-breadcrumb-margin-bottom:0;
  }
}
@media (max-width: 1200px) {
  .nav-box{
    height:60px;
  }
}
@media (max-width: 992px) {
  .nav-box{
    height:50px;
  }
}
@media (max-width: 426px) {
  .nav-box{
    height:46px;
  }
  .breadcrumb{
    --bs-breadcrumb-item-padding-x:.3rem;
  }
}
.nav-box .breadcrumb-item{
  display: flex;
  align-items: center;
}
.nav-box .breadcrumb-item svg{
  margin-right: .4rem;
}

@media (max-width: 992px) {
  .nav-box .breadcrumb-item a{
    font-size:.9rem;
  }
}
@media (max-width: 768px) {
  .nav-box .breadcrumb-item a{
    font-size:.8rem;
  }
}
@media (max-width: 768px) {
  .nav-box .breadcrumb-item svg{
    width:18px;
    height:18px;
  }
}
@media (max-width: 426px) {
  .nav-box .breadcrumb-item svg{
    width:16px;
    height:16px;
  }
}
.nav-box-return a{
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.02em;
  text-align: right;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .nav-box-return a{
    font-size: 1rem;
    line-height:1.4;
  }
}
@media (max-width: 992px) {
  .nav-box-return a{
    font-size: .9rem;
  }
}
@media (max-width: 768px) {
  .nav-box-return a{
    font-size: .8rem;
  }
}
@media (max-width: 426px) {
  .nav-box-return a{
    font-size: .7rem;
  }
}
.view-box{
  margin-top:3rem;
}
@media (max-width: 1441px) {
  .view-box{
    margin-top:2rem;
  }
}
@media (max-width: 1200px) {
  .view-box{
    margin-top:1.6rem;
  }
}
@media (max-width: 768px) {
  .view-box{
    margin-top:1.2rem;
  }  
}
.view-box .title{
  font-size: 44px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  line-height: 61.6px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .view-box .title{
    font-size: 2.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .view-box .title{
    font-size: 2rem;
  }
}
@media (max-width: 992px) {
  .view-box .title{
    font-size: 1.7rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .view-box .title{
    font-size: 1.5rem;
  }
}
.view-box .info{
  display: flex;
  justify-content: center;
  align-items: center;
  margin:1rem 0;
}
@media (max-width: 992px) {
  .view-box .info{
    margin:.5rem 0;
  }
}
.view-box .info span{
  display: flex;
  align-items: center;
  margin:0 1rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 21.75px;
  letter-spacing: 0.02em;
  text-align: justified;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1441px) {
  .view-box .info span{
    font-size:.9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .view-box .info span{
    font-size:.8rem;
    margin:0 .5rem;
  }
}
@media (max-width: 768px) {
  .view-box .info span{
    font-size:.7rem;
    margin:0 .2rem;
  }
}
.view-box .info span svg{
  margin-right:.3rem;
}
@media (max-width: 768px) {
  .view-box .info span svg{
    width:16px;
    height:16px;
  }
}
.view-box .content{
  margin:4rem 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: justified;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .view-box .content{
    margin:3rem 0;
    font-size:1rem;
    line-height:1.8;
  }
}
@media (max-width: 1200px) {
  .view-box .content{
    margin:2rem 0;
  }
}
@media (max-width: 992px) {
  .view-box .content{
    margin:1.4rem 0;
    font-size:.9rem;
    line-height:1.6;
  }
}
@media (max-width: 768px) {
  .view-box .content{
    margin:1.2rem 0;
    font-size:.85rem;
  }
}
.view-box .end{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:5rem 0 3rem 0;
}
@media (max-width: 1441px) {
  .view-box .end{
    margin:4rem 0 2rem 0;
  }
}
@media (max-width: 1200px) {
  .view-box .end{
    margin:3rem 0 1.5rem 0;
  }
}
@media (max-width: 992px) {
  .view-box .end{
    margin-top:2rem;
  }  
}
@media (max-width: 768px) {
  .view-box .end{
    margin-top:1.6rem;
  } 
}
.view-box .end-line{
  width:45.83%;
  height:1px;
  background:rgba(228, 231, 237, 1) ;
}
.view-box .end-round{
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .view-box .end-round svg{
    width:50px;
    height:50px;
  }
}
@media (max-width: 992px) {
  .view-box .end-round svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 768px) {
  .view-box .end-round svg{
    width:30px;
    height:30px;
  }
}
.view-box .end-round span{
  margin-top:8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .view-box .end-round span{
    margin-top:5px;
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .view-box .end-round span{
    font-size: .8rem;
  }
}
@media (max-width: 768px) {
  .view-box .end-round span{
    font-size: .7rem;
    margin-top:4px;
  }
}
.view-box .tool{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6rem;
}
@media (max-width: 1441px) {
  .view-box .tool{
    padding-bottom: 4rem;
  }
}
@media (max-width: 1200px) {
  .view-box .tool{
    padding-bottom: 3rem;
  }
}
@media (max-width: 768px) {
  .view-box .tool{
    padding-bottom: 2rem;
  }
}
.view-box .tool a{
  width:200px;
  height:54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(235, 238, 245, 1);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1441px) {
  .view-box .tool a{
    width:160px;
    height:40px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .view-box .tool a{
    width:150px;
    height:36px;
    font-size: .9rem;
  }
}
@media (max-width: 992px) {
  .view-box .tool a{
    width:130px;
    height:30px;
    font-size: .8rem;
  }
}
@media (max-width: 768px) {
  .view-box .tool a{
    width:120px;
    height:26px;
    font-size: .7rem;
  }
}
.view-box .tool a:hover{
  background: rgba(216, 0, 17, 1);
  color:#ffffff;
  border:1px solid rgba(216, 0, 17, 1);
}
/* 可持续发展 */
.inner-desc{
  margin-top:6.5rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  /*text-shadow:0px 4px 3px rgba(0, 0, 0,0.25);*/
}
@media (max-width: 1441px) {
  .inner-desc{
    margin-top:3rem;
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .inner-desc{
    text-align: center;
  }
  .inner-desc p{
    display: contents;
  }
}
@media (max-width: 992px) {
    .inner-desc{
      margin-top:2rem;
      font-size: .9rem;
      line-height: 1.5;
    }
}
@media (max-width: 426px) {
    .inner-desc{
      margin-top:1.5rem;
      font-size: .8rem;
      line-height: 1.4;
    }
}
.develop{
  background:#ffffff url(../images/develop_bg.jpg) no-repeat center bottom;
  background-size: cover;
  padding-bottom: 5rem;
  position: relative;
}
#develop{
  position: absolute;
  top:-4rem;
}
@media (max-width: 1441px) {
  .develop{
    padding-bottom: 4rem;
  }
}
@media (max-width: 1200px) {
  .develop{
    padding-bottom: 3rem;
  }
}
@media (max-width: 992px) {
  .develop{
    padding-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .develop{
    padding-bottom: 1rem;
  }
}
.develop .container{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .develop .container{
    flex-direction: column;
  }
}
.develop-l{
  width:40.13%;
  padding-right: 3rem;
  position: relative;
}
@media (max-width: 1441px) {
  .develop-l{
    padding-right:1.8rem;
    width:35.13%;
  }
}
@media (max-width: 1200px) {
  .develop-l{
    width:100%;
  }
}
.develop-r{
  flex:1;
  padding-left:3rem;
  position: relative;
  margin-top:6rem;
}
@media (max-width: 1200px) {
  .develop-r{
    margin-top:2rem;
  }
}
@media (max-width: 1441px) {
  .develop-r{
    padding-left:1.8rem;
  }
}
@media (max-width: 1200px) {
  .develop-r{
    padding-left:0;
  }
}
@media (max-width: 768px) {
  .develop-r{
    margin-top:1rem;
  }
}
.develop-r::after{
  content: '';
  height: calc( 100% - 50px ) ;
  width:3px;
  background: rgba(228, 231, 237, 1);
  position: absolute;
  left:0;
  top:10px;
}
@media (max-width: 1441px) {
  .develop-r::after{
    height: calc( 100% - 30px ) ;
  }
}
@media (max-width: 1200px) {
  .develop-r::after{
    display: none;
  }
}
.develop-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(228, 231, 237, 1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1441px) {
  .develop-box{
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.develop-box .news-sider-pic{
  width:47.64%;
}
.develop-txt{
  width:47.27%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1441px) {
  .develop-txt{
    width:49.27%;
  }
}
@media (max-width: 768px) {
  .develop-txt{
    width:50%;
  }
}
.develop-txt span{
  margin-top:2rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .develop-txt span{
    margin-top:0;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .develop-txt span{
    font-size: 1.3rem;
  }
}
@media (max-width: 992px) {
  .develop-txt span{
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .develop-txt span{
    font-size: 1rem;
  }
}
.develop-txt p{
  margin-top:1.6rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .develop-txt p{
    margin-top:1.2rem;
    font-size: .9rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .develop-txt p{
    margin-top:1rem;
  }
}
@media (max-width: 992px) {
  .develop-txt p{
    margin-top:.5rem;
  }
}
@media (max-width: 768px) {
  .develop-txt p{
    margin-top:.5rem;
    font-size: .8rem;
    line-height: 1.5;
  }
}
.apply-l .top-box,
.develop-l .top-box{
  align-items: flex-start;
  margin-bottom: 6rem;
}
@media (max-width: 1441px) {
    .apply-l .top-box,
  .develop-l .top-box{
    margin-bottom: 3rem;
  }
}
@media (max-width: 992px) {
    .apply-l .top-box,
  .develop-l .top-box{
    margin-bottom: 2rem;
  } 
}
@media (max-width: 768px) {
    .apply-l .top-box,
  .develop-l .top-box{
    margin-bottom: 1.6rem;
  } 
}
.apply-l .top-box span::after,
.develop-l .top-box span::after{
  left:0;
  bottom: -1rem;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.develop-item{
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
@media (max-width: 1441px) {
  .develop-item{
    margin-bottom: 1rem;
  }
}
.develop-item span{
  font-size: 24px;
  font-weight: 500;
  line-height: 38.4px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .develop-item span{
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media (max-width: 1200px) {
  .develop-item span{
    font-size: 1.2rem;
    line-height: 1.8;
  }
}
@media (max-width: 992px) {
  .develop-item span{
    font-size: 1.1rem;
  }
}
.develop-item p{
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color:rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .develop-item p{
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .develop-item p{
    font-size: .9rem;
  }
}
@media (max-width: 768px) {
  .develop-item p{
    font-size: .8rem;
  }
}
.worth .top-box{
  padding-top: 4.5rem;
}
@media (max-width: 1441px) {
  .worth .top-box{
    padding-top: 4rem;
  }
}
@media (max-width: 1200px) {
  .worth .top-box{
    padding-top: 3rem;
  }
}
.apply{
  position: relative;
}
#apply{
  position: absolute;
  top:-4rem;
}

.apply .top-box span::after,
.worth .top-box span::after{
  bottom: -1rem;
}
.apply .top-desc{
    margin-top:3.8rem;
}
.apply .top-desc p{
    margin-top:2.4rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.6px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .apply .top-desc{
    margin-top:2.2rem;
    text-align: left;
  }
  .apply .top-desc p{
      margin-top:2rem;
    font-size: 16px;
    line-height: 1.4;
    display: block;
  }
}
@media (max-width: 992px) {
    .apply .top-desc{
        display: block;
        margin-top:1.6rem;
     }
     .apply .top-desc p{
         margin-top:1rem;
        font-size: 14px;
        text-align: justify;

     }
}
.apply-main{
  padding:5rem 0 5rem 0;
  display: flex;
  align-items: flex-start;
    justify-content: space-between;
}
.apply-l{
    width:746px;
}
.apply-r{
    width:520px;
}
@media (max-width: 1441px) {
    .apply-l{
        width:51.8%;
    }
    .apply-r{
        width:36.66%;
    }  
}
@media (max-width: 992px) {
    .apply-main{
        flex-wrap: wrap;
        padding: 3rem 0;
    }
    .apply-l,
    .apply-r{
        width:100%;
    }
    .apply .top-desc{
        max-width: 100%;
    }
    .apply .product-case-pic,
    .apply .product-case-pic img{
        width:100%;
    }
}
@media (max-width: 768px) {
    .apply-main{
        padding-top: 0rem;
    }
}
.worth{
  background: #ffffff;
  position: relative;
}
#worth{
  position:absolute;
  top:-4rem;
}
.worth .top-desc{
  margin-top:2rem;
}
.worth .top-desc p{
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
.worth-main{
  padding:5rem 0 8.5rem 0;
}
@media (max-width: 1441px) {
  .worth-main{
    padding:3rem 0 6rem 0;
  }
}
@media (max-width: 1200px) {
  .worth-main{
    padding:2rem 0 5rem 0;
  }
}
@media (max-width: 768px) {
  .worth-main{
    padding:2rem 0 4rem 0;
  }
}
@media (max-width: 426px) {
  .worth-main{
    padding-bottom:3rem;
  }
}
.worth-box{
  display: block;
  height:100%;
background: #f9f9f9;
position: relative;
}
.worth-desc{
  display: flex;
  flex-direction: column;
  padding:2.5rem 2rem 6rem 2rem;
  
}
@media (max-width: 1441px) {
  .worth-desc{
    padding:1.5rem 1.5rem 4rem 1.5rem;
  }
}
@media (max-width: 1441px) {
  .worth-desc{
    padding:1rem 1rem 3rem 1rem;
  }
}
@media (max-width: 992px) {
  .worth-desc{
    padding:.5rem 1rem 2rem 1rem;
  }
}
@media (max-width: 768px) {
  .worth-desc{
    padding:.5rem .8rem 1.5rem .8rem;
  }
}
.worth-box::before,
.worth-box::after{
  content: '';
  width:100%;
  height:5px;
  background: rgba(228, 231, 237, 1);
  position: absolute;
  left:0;
  bottom: 0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 992px) {
  .worth-desc::before,
  .worth-desc::after{
    height:3px;
  }
}
.worth-box::before{
  width:0;
  background: rgba(216, 0, 17, 1);
  z-index: 22;
}
.worth-box:hover::before{
  width: 100%;
}
.worth-desc span{
  font-size: 23px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1441px) {
  .worth-desc span{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .worth-desc span{
    font-size: 1.2rem;
  }
}
@media (max-width: 992px) {
  .worth-desc span{
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .worth-desc span{
    font-size: 1rem;
  }
}
.worth-box:hover .worth-desc span{
  color: rgba(216, 0, 17, 1);
}
.worth-desc p{
  margin-top:1.5rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1441px) {
  .worth-desc p{
    margin-top:1rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1441px) {
  .worth-desc p{
    margin-top:.7rem;
    font-size: .9rem;
  }
}
@media (max-width: 992px) {
  .worth-desc p{
    margin-top:.4rem;
    font-size: .8rem;
  }
}
@media (max-width: 768px) {
  .worth-desc p{
    font-size: .75rem;
  }
}
/* 技术创新 */
.material{
  background: url(../images/material.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
#material{
  position: absolute;
  top:-5rem;
}
.material .top-box{
  padding-top:7.2rem;
}
@media (max-width: 1441px) {
  .material .top-box{
    padding-top:5rem;
  }
}
@media (max-width: 1200px) {
  .material .top-box{
    padding-top:4rem;
  }
}
@media (max-width: 992px) {
  .material .top-box{
    padding-top:3rem;
  }
}
.material-main{
  display: flex;
  justify-content: space-between;
  padding:6.5rem 0;
}
@media (max-width: 1441px) {
  .material-main{
    padding:4rem 0;
  }
}
@media (max-width: 1200px) {
  .material-main{
    padding:3rem 0;
  }
}
@media (max-width: 992px) {
  .material-main{
    padding:2rem 0;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.material-l{
  width:43.12%;
  padding-top:3rem;
}
@media (max-width: 1441px) {
  .material-l{
    padding-top:1rem;
    width:46.12%;
  }
}
@media (max-width: 992px) {
  .material-l{
    width:100%;
  }
}
.material-r{
  width:50.97%;
}
@media (max-width: 992px) {
  .material-r{
    width:100%;
  }
}
.material-item{
  display: flex;
  flex-direction: column;
}
.material-item span{
  display: block;
  font-size: 34px;
  font-weight: 500;
  line-height: 47.6px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  padding-bottom: 2rem;
  margin-bottom: 2rem ;
  border-bottom: 1px solid rgba(228, 231, 237, 1);
}
@media (max-width: 1441px) {
  .material-item span{
    font-size: 2rem;
    line-height:1.6;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem ;
  }
}
@media (max-width: 1200px) {
  .material-item span{
    font-size: 1.8rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.2rem ;
  }
}
@media (max-width: 992px) {
  .material-item span{
    font-size: 1.4rem;
    padding-bottom: .5rem;
    margin-bottom: .5rem ;
  } 
}
@media (max-width: 768px) {
  .material-item span{
    font-size: 1.2rem;
    padding-bottom: 0;
    margin-bottom: .4rem ;
  } 
}
.material-item p{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .material-item p{
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .material-item p{
    font-size: .9rem;
  }
}
@media (max-width: 768px) {
  .material-item p{
    font-size: .8rem;
  } 
}
.material-item svg{
  margin-top:5rem;
}
@media (max-width: 1441px) {
  .material-item svg{
    margin-top:3rem;
    width:46px;
    height:46px;
  }
}
@media (max-width: 1200px) {
  .material-item svg{
    margin-top:2rem;
    width:36px;
    height:36px;
  }
}
@media (max-width: 992px) {
  .material-item svg{
    margin-top:1rem;
    width:26px;
    height:26px;
  }
}
#material_swiper .swiper-pagination{
  text-align: left;
  padding-left:3rem;
}
@media (max-width: 992px) {
  #material_swiper .swiper-pagination{
    padding-left:1rem;
  }
}
#material_swiper .swiper-pagination-bullet{
  width: 12px;
  height:12px;
  background: #ffffff;
  opacity: .6;
  margin:0 6px;
}
#material_swiper .swiper-pagination-bullet-active{
  background: rgba(216, 0, 17, 1);
  opacity: 1;
}

/* 设备优势 */
.device{
  background: url(../images/device.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
#device{
  position: absolute;
  top:-7rem;
}
.device .container{
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .device .container{
    flex-wrap: wrap;
  }
}
.device-l{
  width:24.95%;
}
@media (max-width: 1441px) {
  .device-l{
    width:27.95%;
  }
}
@media (max-width: 1200px) {
  .device-l{
    width:100%;
  }
}
.device-l .top-box{
  padding-top:7.2rem;
  align-items: flex-start;
}
@media (max-width: 1441px) {
  .device-l .top-box{
    padding-top:4.5rem;
  }
}
@media (max-width: 992px) {
  .device-l .top-box{
    padding-top:3rem;
    align-items: center;
  }
}
.device-l .top-box span::after{
  left:0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
@media (max-width: 992px) {
  .device-l .top-box span::after{
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
}
.device-info{
  margin-top:16rem;
}
@media (max-width: 1441px) {
  .device-info{
    margin-top:6rem;
  }
}
@media (max-width: 1200px) {
  .device-info{
    margin:2rem 0 1rem 0;
    display: flex;
    justify-content:space-around;
  }
}
@media (max-width: 992px) {
  .device-info{
    margin:1rem 0;
  } 
}
@media (max-width: 768px) {
  .device-info{
    flex-wrap: wrap;
    margin:.5rem 0;
    justify-content: center;
  } 
}
.device-info li{
  display: flex;
  align-items: flex-end;
  margin:3.2rem 0;
}
@media (max-width: 1441px) {
  .device-info li{
    margin:2rem 0;
  }
  .device-info li svg{
    width:30px;
    height:30px;
  }
}
@media (max-width: 1200px) {
  .device-info li{
    margin:1rem 0;
  }
}
@media (max-width: 992px) {
  .device-info li{
    margin:.5rem 0;
  }
  .device-info li svg{
    width:24px;
    height:24px;
  }
}
@media (max-width: 768px) {
  .device-info li{
    width:50%;
    justify-content: center;
  }
  .device-info li:nth-child(2){
    order: 3;
  }
}
@media (max-width: 426px) {
  .device-info li svg{
    width:20px;
    height:20px;
  }
}
.device-info li b{
  margin-left:2rem;
  font-family: Impact;
  font-size: 58px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .device-info li b{
    margin-left:1rem;
    font-size: 3rem;
  }
}
@media (max-width: 1200px) {
  .device-info li b{
    margin-left:.8rem;
    font-size: 2.6rem;
  }
}
@media (max-width: 992px) {
  .device-info li b{
    margin-left:.4rem;
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .device-info li b{
    margin-left:.2rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 426px) {
  .device-info li b{
    font-size: 1.5rem;
  }
}
.device-info li span{
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  padding:0 6px;
}
@media (max-width: 1441px) {
  .device-info li span{
    font-size: .9rem;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .device-info li span{
    font-size: .8rem;
    padding:0 4px;
  }
}
@media (max-width: 426px) {
     .device-info li span{
    padding:0 2px;
  }
}
.device-info li p{
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .device-info li p{
    font-size: .9rem;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .device-info li p{
    font-size: .8rem;
  }
}
.device-r{
  width:68.75%;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: -1rem;
}
@media (max-width: 1200px) {
  .device-r{
    width:88%;
    margin:0 auto;
  }
}
@media (max-width: 992px) {
  .device-r{
    width:100%;
  }
}
.device-r .swiper-slide{
  flex-shrink: 0;
  transition-property: transform;
}
.device-max{
  width:60.60%;
}
.device-min{
  width:34.34%;
}
.device-image{
  position: relative;
  overflow: hidden;
}
.device-txt{
  position: absolute;
  left:0;
  bottom: 0;
  background: linear-gradient(90deg, #D80011 0%, rgba(216, 0, 17, 0) 100%);
  max-width:436px;
  width:100%;
  height:46px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  display: flex;
  align-items: center;
  padding:0 2rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media (max-width: 1441px) {
  .device-txt{
    height:40px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    padding:0 1rem;
  }
}
@media (max-width: 1200px) {
  .device-txt{
    max-width: 500px;
  }
}
@media (max-width: 992px) {
  .device-txt{
    max-width: 340px;
    height:36px;
    font-size: .9rem;
  }
}
@media (max-width: 768px) {
  .device-txt{
    max-width: 260px;
    height:30px;
    font-size: .8rem;
  }
}
@media (max-width: 426px) {
  .device-txt{
    padding:0 .5rem;
  }
}
.device-min .device-txt{
  max-width: 310px;
  background: linear-gradient(90deg, #D80011 0%, rgba(216, 0, 17, 0) 100%);
}
@media (max-width: 1200px) {
  .device-min .device-txt{
    max-width: 280px;
  }
}
@media (max-width: 992px) {
  .device-min .device-txt{
    max-width: 200px;
  }
}
@media (max-width: 768px) {
  .device-min .device-txt{
    max-width: 170px;
  }
}
#device_max{
  height:1000px;
}
#device_min{
  height:1000px;
}
#device_min .swiper-wrapper ,
#device_max .swiper-wrapper {
    -webkit-transition-timing-function: linear; /*涔嬪墠鏄痚ase-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
@media (max-width: 1441px) {
  #device_min,
  #device_max{
    height:780px;
  }
}
@media (max-width: 1200px) {
  #device_min,
  #device_max{
    height:820px;
  }
}
@media (max-width: 992px) {
  #device_min,
  #device_max{
    height:700px;
  }
}
@media (max-width: 768px) {
  #device_min,
  #device_max{
    height:530px;
  }
}
@media (max-width: 426px) {
  #device_min,
  #device_max{
    height:380px;
  }
}
/* 材料优势 */
.makings{
  padding-bottom: 3rem;
  background: #ffffff;
  position: relative;
}
#makings{
  position: absolute;
  top:-6rem;
}
.makings .container{
  position: relative;
}
.makings-main{
  position: relative;
  width:120%;
  padding-bottom: 4.5rem;
}
@media (max-width: 1200px) {
  .makings-main{
    padding-bottom: 3rem;
  }
}
@media (max-width: 992px) {
  .makings-main{
    padding-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .makings-main{
    padding-bottom: 1.5rem;
    width:100%;
  }
}
.makings-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width:830px;
  position: relative;
  padding-top: 7rem;
}
@media (max-width: 1441px) {
  .makings-item{
    padding-top: 5rem;
    width:600px;
  }
}
@media (max-width: 1200px) {
  .makings-item{
    padding-top: 4rem;
    width:560px;
  }
}
@media (max-width: 992px) {
  .makings-item{
    width:420px;
  }
}
@media (max-width: 768px) {
  .makings-item{
    width:100%;
  }
}
.makings-r{
  display: flex;
  flex-direction: column;
  width:44.57%;
}
@media (max-width: 1200px) {
  .makings-r{
    width:47.57%;
  }
}
.makings-r span{
  font-size: 40px;
  font-weight: 500;
  line-height: 56px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  opacity: .5;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .makings-r span{
    font-size: 2rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .makings-r span{
    font-size: 1.8rem;
  }
}
@media (max-width: 992px) {
  .makings-r span{
    font-size: 1.5rem;
  }
}
@media (max-width: 426px) {
  .makings-r span{
    font-size: 1.2rem;
  }
}
.makings-r p{
  margin-top:2rem ;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  opacity: .5;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .makings-r p{
    margin-top:1rem;
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .makings-r p{
    margin-top:.6rem;
    font-size: .9rem;
  }
}
@media (max-width: 992px) {
  .makings-r p{
    margin-top:.4rem;
    font-size: .8rem;
  }
}
.swiper-slide-active .makings-r p,
.swiper-slide-active .makings-r span{
  opacity: 1;
}
.makings-l{
  position: relative;
  width:48.19%;
}
.makings-l .news-sider-pic{
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.makings-num{
  position: absolute;
  top:0;
  left:50%;
  font-family:'D-DIN';
  font-size: 160px;
  font-weight: 800;
  line-height: 173.76px;
  letter-spacing: 0.02em;
  font-style: italic;
  text-align: center;
  color: rgba(240, 240, 240, 1);
  z-index: 222;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1441px) {
  .makings-num{
    font-size: 8rem;
    line-height:1.6;
  }
}
@media (max-width: 1200px) {
  .makings-num{
    font-size: 7rem;
  }
}
@media (max-width: 992px) {
  .makings-num{
    font-size: 5rem;
  } 
}
@media (max-width: 768px) {
  .makings-num{
    line-height: 1.2;
  } 
}
.swiper-pagination-progressbar{
  top:auto !important;
  bottom: 0;
  background: rgba(228, 231, 237, 1);
  height:2px !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:rgba(216, 0, 17, 1);
}

/* 荣誉资质 */
.honer{
  padding:6.2rem 0 3.5rem 0;
  position: relative;
}
#honer{
  position: absolute;
  top:-5rem;
}
@media (max-width: 1200px) {
  .honer{
    padding:5rem 0 2rem 0;
  }
}
@media (max-width: 992px) {
  .honer{
    padding:4rem 0 1rem 0;
  }
}
.honer-ul{
  display: flex;
  justify-content: center;
}
.honer-ul li{
  width:300px;
  height:66px;
  background: rgba(255, 255, 255, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
@media (max-width: 992px) {
  .honer-ul li{
    width:260px;
    height:50px;
  }
}
@media (max-width: 768px) {
  .honer-ul li{
    width:200px;
    height:40px;
  }
}
.honer-ul li.on{
  background: rgba(216, 0, 17, 1);
}
.honer-ul li a{
  font-size: 22px;
  font-weight: 400;
  line-height: 37.4px;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 992px) {
  .honer-ul li a{
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .honer-ul li a{
    font-size: 1rem;
    line-height: 1.4;
  }
}
.honer-ul li.on a{
  color:#ffffff;
}
.honer-ul li.on::after{
  content: '';
  width:35px;
  height:29px;
  background: url(../images/honer-disc.svg) no-repeat center;
  background-size: cover;
  margin-left:1rem;
}
@media (max-width: 992px) {
  .honer-ul li.on::after{
    width:28px;
    height:23px;
    margin-left:.5rem;
  }
}
@media (max-width: 768px) {
  .honer-ul li.on::after{
    width:21px;
    height:18px;
    margin-left:.3rem;
  }
}
#honor_swiper2,
#honor_swiper{
  height:720px;
}
@media (max-width:1400px){
  #honor_swiper2,
  #honor_swiper{
    height:680px;
  }
}
@media (max-width:1200px){
  #honor_swiper2,
  #honor_swiper{
    height:660px;
  }
}
@media (max-width:991px){
  #honor_swiper2,
  #honor_swiper{
    height:640px;
  }
}
@media (max-width:768px){
  #honor_swiper2,
  #honor_swiper{
    height:620px;
  }
}
#honor_swiper2 .swiper-slide,
#honor_swiper .swiper-slide { 
  height: calc( ( 100% - 0px ) / 2 ) !important;
}
.honor-box{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.honor-box span{
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  margin-top:2.4rem;
  position:relative;
  z-index: 4444;
      text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (max-width:1400px){
  .honor-box span{
    font-size:1.1rem;
    margin-top:2rem;
  }
}
@media (max-width:1200px){
  .honor-box span{
    font-size:1rem;
    margin-top:1.6rem;
  }
}
@media (max-width:426px){
  .honor-box span{
    font-size:.9rem;
  }
}
.honor-img{
  overflow: hidden;
  position: relative;
}
.honor-img img{
  opacity: 0;
}
.honor-pic{
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 222;
}
.honor-main{
  max-width: 1440px ;
  margin:4.45rem auto 0 auto;
  position: relative;
}
.honor-main::before,
.honor-main::after{
  content: '';
  width:1567px;
  height:38px;
  background: url(../images/honor-main.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left:50%;
  top:246px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 111;
}
@media (max-width:1600px){
  .honor-main::before,
  .honor-main::after{
    width:100%;
  }
}
@media (max-width:1400px){
  .honor-main::before,
  .honor-main::after{
    height:30px;
  }
}
.honor-main::before{
  top:auto;
  bottom: 72px;
}
@media (max-width:1400px){
  .honor-main::before{
    bottom: 60px;
  }
}
@media (max-width:991px){
  .honor-main::before{
    bottom: 50px;
  }
}
@media (max-width:768px){
  .honor-main::before{
    bottom: 36px;
  }
}
@media (max-width:1400px){
  .honor-main{
    margin-top:3rem;
  }
}
@media (max-width:1200px){
  .honor-main{
    margin-top:1.8rem;
  }
}
@media (max-width:768px){
  .honor-main{
    margin-top:1.5rem;
  }
}
@media (max-width:576px){
  .honor-main{
    max-width: 100%;
  }
}
.course-page .swiper-button-prev::after,
.course-page .swiper-button-next::after,
.mission-page .swiper-button-prev::after,
.mission-page .swiper-button-next::after,
.pro_sell_main .swiper-button-prev::after,
.pro_sell_main .swiper-button-next::after,
.honor-main .swiper-button-prev::after,
.honor-main .swiper-button-next::after{
  display: none;
}
.course-page .swiper-button-next,
.course-page .swiper-button-prev,
.mission-page .swiper-button-next,
.mission-page .swiper-button-prev,
.pro_sell_main .swiper-button-prev,
.pro_sell_main .swiper-button-next,
.honor-main .swiper-button-prev,
.honor-main .swiper-button-next{
  display: block !important;
  width:60px;
  height:60px;
  background: url(../images/honor-button2.svg) no-repeat center;
  background-size: cover;
  opacity: 1;
  cursor: pointer;
}
.pro_sell_main .swiper-button-next,
.pro_sell_main .swiper-button-prev{
background: url(../images/honor-button4.svg) no-repeat center;
  background-size: cover;
}
.course-page .swiper-button-next,
.course-page .swiper-button-prev{
    top:32%;
}
@media (max-width: 1441px) {
    .course-page .swiper-button-next,
    .course-page .swiper-button-prev{
        top:30%;
    } 
}
@media (max-width: 1200px) {
    .course-page .swiper-button-next,
    .course-page .swiper-button-prev{
        top:23%;
    } 
    .course-page .swiper-button-next,
    .course-page .swiper-button-prev,
  .mission-page .swiper-button-next,
  .mission-page .swiper-button-prev,
  .pro_sell_main .swiper-button-prev,
  .pro_sell_main .swiper-button-next,
  .honor-main .swiper-button-prev,
  .honor-main .swiper-button-next{
    width:50px;
    height:50px;
  }
}
@media (max-width: 992px) {
    .course-page .swiper-button-next,
    .course-page .swiper-button-prev{
        top:25%;
    } 
}
@media (max-width: 768px) {
    .course-page{
       display: none;
    } 
  .mission-page .swiper-button-prev,
  .mission-page .swiper-button-next{
    width:40px;
    height:40px;
  }
}
@media (max-width: 426px) {
    .course-page .swiper-button-next,
.course-page .swiper-button-prev,
  .mission-page .swiper-button-next,
  .mission-page .swiper-button-prev,
  .pro_sell_main .swiper-button-prev,
  .pro_sell_main .swiper-button-next,
  .honor-main .swiper-button-prev,
  .honor-main .swiper-button-next{
   display: none !important;
  }
}
.mission-page .swiper-button-prev,
.pro_sell_main .swiper-button-prev,
.honor-main .swiper-button-prev
{
  right:auto;
  left:-100px;
}
.honor-main .swiper-button-prev{
  left:-150px;
  top:35%;
}
.mission-page .swiper-button-prev{
    left:-80px;
}
@media (max-width: 768px) {
  .mission-page .swiper-button-prev{
    left:-60px;
  }
}
.course-page .swiper-button-next,
.mission-page .swiper-button-next,
.pro_sell_main .swiper-button-next,
.honor-main .swiper-button-next{
  right:-100px;
  left:auto;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.course-page .swiper-button-next{
    right:10px;
}
.honor-main .swiper-button-next{
  right:-150px;
  top:35%;
}
.mission-page .swiper-button-nex{
    right:-80px;
}
@media (max-width: 768px) {
  .mission-page .swiper-button-next{
    right:-60px;
  }
}
.course-page .swiper-button-next:hover,
.course-page .swiper-button-prev:hover,
.mission-page .swiper-button-prev:hover,
.mission-page .swiper-button-next:hover,
.pro_sell_main .swiper-button-next:hover,
.pro_sell_main .swiper-button-prev:hover,
.honor-main .swiper-button-next:hover,
.honor-main .swiper-button-prev:hover{
  background: url(../images/honor-button.svg) no-repeat center;
  background-size: cover;
}
@media (max-width: 768px) {
  .honor-main .swiper-button-next,
  .honor-main .swiper-button-prev{
    display: none !important;
  }
}
.course-page .swiper-button-next:hover,
.mission-page .swiper-button-next:hover,
.pro_sell_main .swiper-button-next:hover,
.honor-main .swiper-button-next:hover{
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
.course-page .swiper-button-prev:hover,
.mission-page .swiper-button-prev:hover,
.pro_sell_main .swiper-button-prev:hover,
.honor-main .swiper-button-prev:hover{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}

/* 品质保障 */
.quality-top{
  padding:5.6rem 0 4rem 0;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1441px) {
  .quality-top{
    padding:5rem 0 4rem 0;
  }
}
@media (max-width: 1200px) {
  .quality-top{
    padding:4rem 0 3rem 0;
  }
}
@media (max-width: 992px) {
  .quality-top{
    padding:3rem 0 2rem 0;
  } 
}
.quality-top span{
  margin-top:.6rem;
  font-size: 40px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .quality-top span{
    margin-top:0;
    font-size: 2.6rem;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .quality-top span{
    font-size: 2.2rem;
  } 
}
@media (max-width: 768px) {
  .quality-top span{
    font-size: 2rem;
  }
}
@media (max-width: 426px) {
  .quality-top span{
    font-size: 1.6rem;
  }
}
.quality-top-p{
  margin-top:1.3rem;
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .quality-top-p{
    margin-top:1rem;
    font-size: 1.1rem;
    line-height: 1.6;
    max-width: 86%;
  }
}
@media (max-width: 1200px) {
  .quality-top-p{
    text-align: center;
    max-width: 80%;
    margin-top:.6rem;
    font-size: 1rem;
  }
  .quality-top-p p{
    display: contents;
  }
}
@media (max-width: 992px) {
  .quality-top-p{
    margin-top:.5rem;
    font-size: .9rem;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .quality-top-p{
    max-width: 90%;
  }
}
.quality-btn{
  background: #ffffff;
  padding:5.5rem 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 57.6px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .quality-btn{
    padding:4rem 0;
    font-size:1.8rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .quality-btn{
    padding:3rem 0;
    font-size:1.4rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .quality-btn{
    font-size:1.2em;
    padding:3rem 4rem;
  }
  .quality-btn p{
    display: contents;
  }
}
@media (max-width: 768px) {
  .quality-btn{
    font-size:1em;
    padding:2rem 3rem;
  }
}
.quality{
  background:  url(../images/quality.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 9.5rem;
}
@media (max-width: 1441px) {
  .quality{
    padding-bottom: 6rem;
  }
}
@media (max-width: 1200px) {
  .quality{
    padding-bottom: 4rem;
  }
}
@media (max-width: 768px) {
  .quality{
    padding-bottom: 3rem;
  }
}
.quality .container{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding:0 2rem;
}
@media (max-width: 768px) {
  .quality .container{
    flex-wrap: wrap;
  }
}
.quality-l{
  width:42.23%;
}
@media (max-width: 768px) {
  .quality-l{
    width:100%;
  }
}
.quality-r{
  width:37.9%;
  padding-top: 7.5rem;
  position: relative;
}
@media (max-width: 1200px) {
  .quality-r{
    width:44.19%;
    padding-top: 5rem;
  }
}
@media (max-width: 768px) {
  .quality-r{
    width:100%;
    padding-top: 1rem;
  }
}
.quality-box{
  display: flex;
  flex-direction: column;
  margin-top:5.5rem;
}
@media (max-width: 1441px) {
  .quality-box{
    margin-top: 3rem;
  }
}
@media (max-width: 992px) {
  .quality-box{
    margin-top: 2rem;
  }
}
.quality-box li{
  margin-bottom: 1rem;
  position: relative;
}
#jianya,
#guankong,
#fuwu{
  position: absolute;
  top:-7rem;
}

@media (max-width: 1441px) {
  .quality-box li{
    margin-bottom: 0;
  }
}
.quality-box li span{
  position: relative;
  display: flex;
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  letter-spacing: 0.01em;
  text-align: left;
  color:rgba(48, 49, 51, 1);
  border-bottom: 1px solid rgba(228, 231, 237, 1);
  padding:1.9rem 0;
  margin-bottom: 1rem;
  padding-left: 1rem;
  cursor: pointer;
}
@media (max-width: 1441px) {
  .quality-box li span{
    font-size: 1.5rem;
    line-height: 1.4;
    padding:1.5rem 0 1.5rem 1rem;
    margin-bottom:0;
  }
}
@media (max-width: 1200px) {
  .quality-box li span{
    font-size: 1.4rem;
    padding:1.3rem 0 1.3rem 1rem;
  }
}
@media (max-width: 992px) {
  .quality-box li span{
    font-size: 1.3rem;
    padding:1rem 0 1rem 1rem;
  } 
}
@media (max-width: 768px) {
  .quality-box li span{
    font-size: 1.1rem;
    padding:.8rem 0 .8rem 1rem;
  }  
}
.quality-box li span::after{
  content:'';
  width:8px;
  height:3px;
  background: rgba(96, 98, 102, 1);
  position: absolute;
  left:0;
  top:50%;
}
.quality-box li.on span::after{
  background: rgba(216, 0, 17, 1);
}
.quality-box li span::before{
  content:'';
  width:30px;
  height:30px;
  background: url(../images/quality-disc.svg) no-repeat center;
  position: absolute;
  right:0;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.quality-box li.on span::before{
  background: url(../images/quality-disc2.svg) no-repeat center;
  transform: rotateX(180deg) translateY(50%);
  -webkit-transform: rotateX(180deg) translateY(50%);
  -moz-transform: rotateX(180deg) translateY(50%);
  -ms-transform: rotateX(180deg) translateY(50%);
  -o-transform: rotateX(180deg) translateY(50%);
}
.quality-box li.on span{
  color: rgba(216, 0, 17, 1);
}
.quality-box li .quality-item{
  display: none;
  margin:1.7rem 0 .4rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 32.4px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .quality-box li .quality-item{
    margin:.8rem 0 .2rem;
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .quality-box li .quality-item{
    font-size: .9rem;
    line-height: 1.5;
  }
}
.quality-box li.on .quality-item{
  display: block;
}
.fabric-l .top-box,
.pro_sell .top-box,
.quality-l .top-box{
  align-items: flex-start;
}
@media (max-width: 768px) {
  .quality-l .top-box{
    align-items: center;
  }
}
.fabric-l .top-box span,
.pro_sell .top-box span,
.quality-l .top-box span{
  font-size:40px;
}
@media (max-width: 1200px) {
  .fabric-l .top-box span,
  .pro_sell .top-box span,
  .quality-l .top-box span{
    font-size:2.5rem;
  }
}
@media (max-width: 992px) {
  .fabric-l .top-box span,
  .pro_sell .top-box span,
  .quality-l .top-box span{
    font-size:2.2rem;
  }
}
@media (max-width: 768px) {
  .fabric-l .top-box span,
  .pro_sell .top-box span,
  .quality-l .top-box span{
    font-size:2rem;
  }
}
@media (max-width:426px) {
  .fabric-l .top-box span,
  .pro_sell .top-box span,
  .quality-l .top-box span{
    font-size:1.5rem;
  }
}
.fabric-l .top-box span::after,
.pro_sell .top-box span::after,
.quality-l .top-box span::after{
  bottom: -.5rem;
  left:0;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
@media (max-width: 1200px) {
  .fabric-l .top-box span::after,
  .pro_sell .top-box span::after,
  .quality-l .top-box span::after{
    bottom: -1rem;
  }
}
@media (max-width: 768px) {
  .quality-l .top-box span::after{
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
}
.quality-page{
  position: absolute;
  right:-30px;
  bottom: 0;
  height:80px;
  width: 243px;
  background: rgba(216, 0, 17, 1);
  z-index: 222;
  display: flex;
  justify-content: flex-end;
  padding:0 1.8rem;
}
@media (max-width: 1441px) {
  .quality-page{
    height:60px;
    width: 200px;
    right:-10px;
    padding:0 1rem;
  }
}
@media (max-width: 992px) {
  .quality-page{
    height:50px;
    width: 180px;
    align-items: center;
  }
}
.quality-page .swiper-button-next::after,
.quality-page .swiper-button-prev::after{
  display: none;
}
.quality-page .swiper-button-next,
.quality-page .swiper-button-prev{
  position: relative;
  left:auto;
  right:auto;
  width:43px;
  height:43px;
  background: url(../images/quality-page.svg) no-repeat center;
  background-size: cover;
}
@media (max-width: 992px) {
  .quality-page .swiper-button-next,
  .quality-page .swiper-button-prev{
    width:36px;
    height:36px;
    margin-top:0;
    top:0;
  }
}
.quality-page .swiper-button-prev{
  margin-right:1.4rem;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}

/* 产品 */
#rotation_swiper .swiper-button-prev::after,
#rotation_swiper .swiper-button-next::after,
.inner-bar .swiper-button-prev::after,
.inner-bar .swiper-button-next::after{
  display: none;
}
#rotation_swiper .swiper-button-prev,
#rotation_swiper .swiper-button-next,
.inner-bar .swiper-button-prev,
.inner-bar .swiper-button-next{
  width:50px;
  height:50px;
  background: url(../images/inner_page.svg) no-repeat;
  background-size: cover;
}
@media (max-width: 1200px) {
    #rotation_swiper .swiper-button-prev,
    #rotation_swiper .swiper-button-next,
  .inner-bar .swiper-button-prev,
  .inner-bar .swiper-button-next{
    width:40px;
    height:40px;
  }
}
@media (max-width: 992px) {
    #rotation_swiper .swiper-button-prev,
    #rotation_swiper .swiper-button-next,
  .inner-bar .swiper-button-prev,
  .inner-bar .swiper-button-next{
    width:30px;
    height:30px;
  }
}
@media (max-width:426px) {
    #rotation_swiper .swiper-button-prev,
    #rotation_swiper .swiper-button-next,
  .inner-bar .swiper-button-prev,
  .inner-bar .swiper-button-next{
    width:22px;
    height:22px;
  }
}
#rotation_swiper .swiper-button-prev,
.inner-bar .swiper-button-prev{
  background: url(../images/inner_page2.svg) no-repeat;
  background-size: cover;
}
.pro_box_top{
  padding:5.4rem 0;
  background: #ffffff;
  position: relative;
}
#pro_box_top{
  position: absolute;
  top:-12rem;
}
@media (max-width: 1441px) {
  .pro_box_top{
    padding:5rem 0 4rem 0;
  }
}
@media (max-width: 1200px) {
  .pro_box_top{
    padding:4rem 0 3rem 0;
  }
}
@media (max-width: 992px) {
  .pro_box_top{
    padding:3rem 0 1.5rem 0;
  }
}
.pro_box_top .container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro_box_top .container>span{
     font-family: '微软雅黑';
  margin-top:.5rem;
  font-size: 40px;
  font-weight: 700;
  line-height: 52.79px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  position: relative;
}
@media (max-width: 1441px) {
  .pro_box_top .container>span{
    margin-top:.2rem;
    font-size: 2.6rem;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .pro_box_top .container>span{
    margin-top:0;
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .pro_box_top .container>span{
    font-size: 2rem;
  }
}
@media (max-width:426px) {
  .pro_box_top .container>span{
    font-size: 1.6rem;
  }
}
.pro_box_top .container>span::after{
  content: '';
  position: absolute;
  left:50%;
  bottom: -1.85rem;
  width:106px;
  height:6px;
  background: linear-gradient(90deg, #D80011 0%, rgba(216, 0, 17, 0) 100%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1441px) {
  .pro_box_top .container>span::after{
    bottom: -1rem;
  }
}
@media (max-width: 992px) {
  .pro_box_top .container>span::after{
    bottom: -.5rem;
  }
}
@media (max-width: 1200px) {
  .pro_box_top .container>span::after{
    bottom: -.5rem;
  }
}
.pro_box_top .container>span:nth-child(4):after{
  display: none;
}
.pro_box_top .container>span:nth-child(4){
  margin-top:4.5rem;
}
@media (max-width: 1441px) {
  .pro_box_top .container>span:nth-child(4){
    margin-top:3rem;
    font-size:2.4rem;
  }
}
@media (max-width: 1200px) {
  .pro_box_top .container>span:nth-child(4){
    margin-top:2rem;
    font-size:2.2rem;
  }  
}
@media (max-width: 992px) {
  .pro_box_top .container>span:nth-child(4){
    margin-top:1rem;
    font-size:2rem;
  }
}
@media (max-width: 768px) {
  .pro_box_top .container>span:nth-child(4){
    font-size:1.8rem;
  }
}
@media (max-width: 426px) {
  .pro_box_top .container>span:nth-child(4){
    font-size:1.5rem;
  }
}
.pro_box_top b{
  display: block;
  max-width: 555px;
  max-height: 43px;
}
.pro_box_top b.pro_box_txt1{
  max-width: 287px;
  max-height: 43px;
}
@media (max-width: 1200px) {
  .pro_box_top b.pro_box_txt1{
    max-width: 220px;
    max-height: 33px;
  }
}
@media (max-width: 992px) {
  .pro_box_top b.pro_box_txt1{
    max-width: 180px;
    max-height: 27px;
  }
}
@media (max-width: 768px) {
  .pro_box_top b.pro_box_txt1{
    max-width: 160px;
    max-height: 24px;
  }
}
.pro_box_desc{
  margin-top:4rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 32.4px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .pro_box_desc{
    margin-top:3rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .pro_box_desc{
    margin-top:2.5rem;
  }
}
@media (max-width: 992px) {
  .pro_box_desc{
    margin-top:2rem;
    font-size:.9rem;
    max-width: 80%;
  }
}
@media (max-width: 768px) {
  .pro_box_desc{
    margin-top:1.6rem;
    font-size:.8rem;
    max-width: 90%;
  }
}
.pro_box_ul{
  display: flex;
  justify-content:space-evenly;
  width:100%;
  margin-top:2rem;
}
@media (max-width: 1441px) {
  .pro_box_ul{
    margin-top: 1.4rem;
  }
}
@media (max-width: 1200px) {
  .pro_box_ul{
    margin-top: 1.2rem;
  } 
}
@media (max-width: 992px) {
  .pro_box_ul{
    margin-top: 1rem;
    flex-wrap: wrap;
  } 
}
.pro_box_ul li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 992px) {
  .pro_box_ul li{
    width: 20%;
    margin-bottom: .5rem;
  }
}
.pro_box_ul li span{
  font-size: 20px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .pro_box_ul li span{
    font-size: 1rem;
    line-height: 2;
  }
  .pro_box_ul li svg{
    width:60px;
    height:60px;
  }
}
@media (max-width: 1200px) {
  .pro_box_ul li span{
    font-size: .9rem;
  }
  .pro_box_ul li svg{
    width:50px;
    height:50px;
  }
}
@media (max-width: 992px) {
  .pro_box_ul li span{
    font-size: .8rem;
    margin-top: .2rem;
  }
}
.pro_box_title{
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .pro_box_title{
    align-items: center;
  }
}
.pro_box_title a{
  background: rgba(208, 0, 15, 1);
  width:180px;
  height:48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 19.8px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .pro_box_title a{
    width:160px;
    height:36px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (max-width: 992px) {
  .pro_box_title a{
    width:140px;
    height:30px;
    font-size: .9rem;
  }
}
@media (max-width: 768px) {
  .pro_box_title a{
    width:120px;
    height:26px;
    font-size: .8rem;
  }
}
@media (max-width: 426px) {
  .pro_box_title a{
    display: none;
  }
}
.pro_box_h1{
  display: flex;
  align-items: center;
}
.pro_box_h1 span{
  font-size: 40px;
  font-weight: 700;
  line-height: 52.79px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  position: relative;
}
@media (max-width: 1441px) {
  .pro_box_h1 span{
    font-size: 3rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .pro_box_h1 span{
    font-size: 2.2rem;
  }
}
@media (max-width: 992px) {
  .pro_box_h1 span{
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .pro_box_h1 span{
    font-size: 1.8rem;
  }
}
@media (max-width: 426px) {
  .pro_box_h1 span{
    font-size: 1.5rem;
  }
}
.pro_box_h1 span::after{
  content: '';
  height:24px;
  width:1px;
  background: rgba(228, 231, 237, 1);
  position: absolute;
  top:50%;
  right:-1.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .pro_box_h1 span::after{
    height:18px;
    right:-1rem;
  }
}
@media (max-width: 992px) {
  .pro_box_h1 span::after{
    height:14px;
    right:-.6rem;
  }
}
.pro_box_h1 p{
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  margin-left:48px;
}
@media (max-width: 1200px) {
  .pro_box_h1 p{
    font-size: 1rem;
    line-height: 1.4;
    margin-left:1.8rem;
  }
}
@media (max-width: 992px) {
  .pro_box_h1 p{
    font-size: .9rem;
    margin-left:1.2rem;
  }
}
@media (max-width: 426px) {
  .pro_box_h1 p{
    font-size: .8rem;
    margin-left:1rem;
  }
}
.pro_box_h1 p:last-child{
  font-size:14px;
  margin-left:12px;
}
@media (max-width: 1200px) {
  .pro_box_h1 p:last-child{
    font-size:1rem;
    margin-left:.5rem;
  }
}
@media (max-width: 992px) {
  .pro_box_h1 p:last-child{
    font-size:.9rem;
    margin-left:.2rem;
  }
}
@media (max-width: 768px) {
  .pro_box_h1 p:last-child{
    font-size:.8rem;
  }
}
.pro_box_list{
  padding-top:4rem;
}
@media (max-width: 1200px) {
  .pro_box_list{
    padding-top:3.5rem;
  }
}
@media (max-width: 768px) {
  .pro_box_list{
    padding-top:3rem;
  } 
}
.pro-box-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #FFFFFF;
  padding:1rem;
  margin-bottom: 4rem;
}
@media (max-width: 1441px) {
  .pro-box-item{
    margin-bottom: 2rem;
    padding:.6rem;
  }
}
@media (max-width: 1200px) {
  .pro-box-item{
    margin-bottom: 1.5rem;
    padding:.5rem;
  }
}
@media (max-width: 768px) {
  .pro-box-item{
    margin-bottom: 1rem;
  }
}
.pro-box-desc{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pro-box-desc span{
  padding-top:1.8rem;
  font-size: 22px;
  font-weight: 500;
  line-height: 30.8px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .pro-box-desc span{
    padding-top:1rem;
    font-size: 1.4rem;
    line-height:1.4;
  }
}
@media (max-width: 1200px) {
  .pro-box-desc span{
    padding-top:.5rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 992px) {
  .pro-box-desc span{
    padding-top:.2rem;
    font-size: 1.1rem;
  }
}
.pro-box-desc p{
  margin-top:.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
  word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1441px) {
  .pro-box-desc p{
    margin-top:.4rem;
    font-size: .9rem;
    line-height:1.4;
  }
}
@media (max-width: 992px) {
  .pro-box-desc p{
    margin-top:.2rem;
    font-size: .8rem;
  }
}
.pro-more{
  width:150px;
  height:50px;
  background: rgba(245, 246, 248, 1);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(216, 0, 17, 1);
  margin:3rem 0 1.5rem 0;
}
@media (max-width: 1441px) {
  .pro-more{
    width:140px;
    height:46px;
    margin:1.5rem 0 1rem 0;
    font-size: .8rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .pro-more{
    width:140px;
    height:40px;
    margin:1.2rem 0 1rem 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
}
@media (max-width: 992px) {
  .pro-more{
    width:120px;
    margin:1rem 0 .8rem 0;
  }
}
.pro-box-item:hover .pro-more{
  background:rgba(216, 0, 17, 1) ;
  color:#ffffff;
}
.pro-more::after{
  content: '';
  width:22px;
  height:22px;
  background: url(../images/pro-more.svg) no-repeat center;
  background-size: cover;
  margin-left:1rem;
}
@media (max-width: 992px) {
  .pro-more::after{
    margin-left:.5rem;
  }
}
.pro-box-item:hover .pro-more::after{
  background: url(../images/pro-more2.svg) no-repeat center;
  background-size: cover;
}
.pro_box_listing{
  padding:4rem 0 2rem 0;
}
@media (max-width: 1441px) {
  .pro_box_listing{
    padding:2rem 0 1rem 0;
  }
}
@media (max-width: 1200px) {
  .pro_box_listing{
    padding:1.5rem 0 1rem 0;
  }
}
@media (max-width: 992px) {
  .pro_box_listing{
    padding:1.2rem 0 1rem 0;
  }
}
.pro_box_listing .row{
  --bs-gutter-x:2.2rem;
}
@media (max-width: 1441px) {
  .pro_box_listing .row{
    --bs-gutter-x:1.8rem;
  }
}
@media (max-width: 1200px) {
  .pro_box_listing .row{
    --bs-gutter-x:1.5rem;
  } 
}
@media (max-width: 992px) {
  .pro_box_listing .row{
    --bs-gutter-x:1.2rem;
  } 
}
.pro_sell{
  background: #ffffff;
  position: relative;
}
#pro_sell{
  position: absolute;
  top:-5rem;
}
.swiper-slide-active .pro-box-item,
.pro_sell_main .pro-box-item:hover{
  border:1px solid rgba(235, 238, 245, 1);
}
.pro_sell_main{
  padding:4rem 0 5rem 0;
  position: relative;
}
@media (max-width: 1441px) {
  .pro_sell_main{
    padding:3rem 0;
  }
}
@media (max-width: 1200px) {
  .pro_sell_main{
    padding:2rem 0;
  }
}
@media (max-width: 992px) {
  .pro_sell_main{
    padding-bottom: 1.5rem;
  }
}
/* 产品详情页 */
.fabric{
  background: linear-gradient(180deg, #F5F6F8 0%, rgba(245, 246, 248, 0) 34.87%);
}
.bg-fff{
  background: rgba(245, 245, 245, 1);
}
.fabric-top{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding:4rem 0;
}
@media (max-width: 1441px) {
  .fabric-top{
    padding:3rem 0;
  }
}
@media (max-width: 1200px) {
  .fabric-top{
    padding:2rem 0;
  }
}
@media (max-width: 992px) {
  .fabric-top{
    padding:1rem 0;
  }
}
@media (max-width: 768px) {
  .fabric-top{
    flex-wrap: wrap;
  }
}
.fabric-bar{
  width:38.88%;
}
@media (max-width: 768px) {
  .fabric-bar{
    width:100%;
  }
}
.fabric-info{
  width:50.41%;
  margin-right:3.5%;
}
@media (max-width: 1441px) {
  .fabric-info{
    width:55.41%;
    margin-right:0;
  }
}
@media (max-width: 992px) {
  .fabric-info{
    width:59.41%;
  }
}
@media (max-width: 768px) {
  .fabric-info{
    width:100%;
  }
}
.fabric-info h1{
  font-size: 50px;
  font-weight: 700;
  line-height: 65.99px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .fabric-info h1{
    font-size: 3rem;
    line-height:1.4;
    margin-bottom: 0;
  }
}
@media (max-width: 1200px) {
  .fabric-info h1{
    font-size: 2.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 992px) {
  .fabric-info h1{
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .fabric-info h1{
    font-size: 2rem;
    text-align: center;
    margin-top: 1rem;
  }
}
@media (max-width: 426px) {
  .fabric-info h1{
    font-size: 1.6rem;
  }
}
.fabric-info ul{
  margin-top:2rem;
}
@media (max-width: 1441px) {
  .fabric-info ul{
    margin-top:1rem;
  }
}
@media (max-width: 1200px) {
  .fabric-info ul{
    margin-top:.5rem;
  }
}
@media (max-width: 768px) {
  .fabric-info ul{
    margin-top:.2rem;
  }
}
.fabric-info li{
  display: flex;
  font-size: 18px;
  
  line-height: 32.4px;
  letter-spacing: 0.02em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .fabric-info li{
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .fabric-info li{
    font-size: .9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .fabric-info li{
    font-size: .8rem;
    line-height: 1.6;
  } 
}
.fabric-info li span{
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fabric-info li p{
  display: contents;
}
#fabric_swiper{
  --swiper-theme-color:rgba(216, 0, 17, 1);
} 
#fabric_swiper .swiper-pagination-bullet{
  width:12px;
  height:12px;
}
.fabric-info a{
  display: flex;
  align-items: center;
  justify-content: center;
  width:250px;
  height:56px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  background: rgba(216, 0, 17, 1);
  margin-top:4.5rem;
}
@media (max-width: 1441px) {
  .fabric-info a{
    margin-top: 3rem;
    width:210px;
    height:46px;
    font-size:1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .fabric-info a{
    margin-top: 2rem;
    width:160px;
    height:40px;
    font-size:.9rem;
  }
}
@media (max-width: 992px) {
  .fabric-info a{
    margin-top: 1rem;
    width:140px;
    height:36px;
    border-radius: 16px;
    font-size:.8rem;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }
}
@media (max-width: 768px) {
  .fabric-info a{
    margin:1rem auto .5rem auto;
  }
}
.fabric-l .top-box{
  padding-top:3.5rem;
}
@media (max-width: 1441px) {
  .fabric-l .top-box{
    padding-top:2rem;
  }
}
@media (max-width: 992px) {
  .fabric-l .top-box{
    padding-top:1.5rem;
  }
}
.fabric-main{
  border-top:1px solid rgba(228, 231, 237, 1);
  display: flex;
  justify-content: space-between;
}
.fabric-l{
  width:62.5%;
}
@media (max-width: 1441px) {
  .fabric-l{
    width:67%;
  }
}
@media (max-width: 992px) {
  .fabric-l{
    width:100%;
  }
}
.fabric-r{
  width:26.38%;
}
@media (max-width: 1441px) {
  .fabric-r{
    width:30%;
  }
}
@media (max-width: 992px) {
  .fabric-r{
    display: none;
  }
}
.fabric-txt{
  padding:3rem 0;
  border-bottom:1px solid rgba(228, 231, 237, 1);
}
@media (max-width: 1441px) {
  .fabric-txt{
    padding:2rem 0;
  } 
}
@media (max-width: 1200px) {
  .fabric-txt{
    padding:1.5rem 0;
  } 
}
@media (max-width: 992px) {
  .fabric-txt{
    padding:1.2rem 0;
  } 
}
.fabric-txt p{
  font-size: 18px;
  font-weight: 500;
  line-height: 32.4px;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .fabric-txt p{
    font-size: 1rem;
    line-height:1.6;
  }
}
@media (max-width: 992px) {
  .fabric-txt p{
    font-size: .9rem;
  }
}
.fabric-none{
  padding-top: 4rem;
  margin-bottom: -2rem;
}
@media (max-width: 1441px) {
  .fabric-none{
    padding-top: 3rem;
    margin-bottom: -1rem;
  }
}
.fabric-none span::after{
  display: none;
}
.fabric-desc{
  display: flex;
  flex-direction: column;
  padding-left:2rem;
}
@media (max-width: 1441px) {
  .fabric-desc{
    padding:0 1rem;
    flex:1;
  } 
}
.fabric-desc span{
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .fabric-desc span{
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .fabric-desc span{
    font-size: 1rem;
  }
}
.fabric-desc p{
  margin-top:.5rem;
  font-size: 16px;
  
  line-height: 24px;
  letter-spacing: 0.02em;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .fabric-desc p{
    margin-top:.3rem;
    font-size: .9rem;
    line-height: 1.2;
  }
}
@media (max-width: 992px) {
  .fabric-desc p{
    margin-top:.1rem;
    font-size: .8rem;
  }
}
.fabric-ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:.5rem 0;
}
.fabric-ul li{
  width:47.91%;
  display: flex;
  align-items: center;
  background: rgba(248, 248, 248, 1);
  margin-bottom:30px;
}
@media (max-width: 1441px) {
  .fabric-ul li{
    margin-bottom: 20px;
  }
  .fabric-ul li .news-sider-pic{
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .fabric-ul li{
    width:100%;
  }
  .fabric-ul li .news-sider-pic{
    width: 27%;
  }
}
@media (max-width: 992px) {
  .fabric-ul li{
    width:49%;
  }
}
@media (max-width: 768px) {
  .fabric-ul li{
    width:100%;
    margin-bottom: 16px;
  }
}
.fabric-nav{
  margin:4rem 0 2rem 0;
}
@media (max-width: 1441px) {
  .fabric-nav{
    margin:3rem 0 1.5rem 0;
  }
}
.fabric-nav li{
  height:70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 1441px) {
  .fabric-nav li{
    height:60px;
  }
}
@media (max-width: 1200px) {
  .fabric-nav li{
    height:50px;
  }
}
.fabric-nav li a{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
  width:100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .fabric-nav li a{
    font-size: 1.1rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .fabric-nav li a{
    font-size: 1rem;
    line-height: 1.4;
  }
}
.fabric-nav li.on a::after{
  content: '';
  background: rgba(216, 0, 17, 1);
  width:3px;
  height:100%;
  position: absolute;
  right:0;
  top:0;
}
.fabric-nav li.on a{
  background: rgba(247, 247, 247, 1);
  color: rgba(216, 0, 17, 1);
}
.fabric-tel-p{
  background: rgba(249, 249, 249, 1);
  padding:2rem;
}
@media (max-width: 1441px) {
  .fabric-tel-p{
    padding:1.2rem;
  }
}
@media (max-width: 1200px) {
  .fabric-tel-p{
    padding:1rem;
  }
}
.fabric-tel-p p{
  font-size: 24px;
  font-weight: 400;
  line-height: 40.8px;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .fabric-tel-p p{
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .fabric-tel-p p{
    font-size: 1rem;
  }
}
.fabric-tel-p ul{
  margin-top:1rem;
}
@media (max-width: 1441px) {
  .fabric-tel-p ul{
    margin-top:.5rem;
  }
}
.fabric-tel-p ul li{
  margin:.5rem 0;
  color: rgba(96, 98, 102, 1);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.01em;
  text-align: left;
}
@media (max-width: 1441px) {
  .fabric-tel-p ul li{
    font-size: .9rem;
    line-height: 1.4;
    margin:.2rem 0;
  }
  .fabric-tel-p ul li svg{
    width:20px;
    height:20px;
  }
}
@media (max-width: 1200px) {
  .fabric-tel-p ul li{
    font-size: .8rem;
  }
  .fabric-tel-p ul li svg{
    width:18px;
    height:18px;
  } 
}
.fabric-tel-p a{
  margin-top:4rem;
  width:308px;
  height:68px;
  background: rgba(216, 0, 17, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .fabric-tel-p a{
    width:200px;
    height:46px;
    margin:1rem auto 0 auto;
    font-size: 1.1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .fabric-tel-p a{
    width:80%;
    height:auto;
    padding:.6rem 0;
    margin:.6rem auto 0 auto;
    font-size: 1rem;
  }
}

#chima,
#beizhu,
#yinyong,
#tuijian{
  position: absolute;
  top:-6rem;
}

/* 捍足者 */
.inner-more{
  position: absolute;
  left:50%;
  bottom: 4rem;
  transform: translateX(-50% );
  -webkit-transform: translateX(-50% );
  -moz-transform: translateX(-50% );
  -ms-transform: translateX(-50% );
  -o-transform: translateX(-50% );
      animation: letting2 2s ease-out infinite;
    -webkit-animation: letting2 2s ease-out infinite;
}
@keyframes letting2 {
  0% {
    transform: translateY(0px) translateX(-50% );
    -webkit-transform: translateY(0px) translateX(-50% );
    -moz-transform: translateY(0px) translateX(-50% );
    -ms-transform: translateY(0px) translateX(-50% );
    -o-transform: translateY(0px) translateX(-50%);
  }
  50% {
    transform: translateY(5px) translateX(-50%);
    -webkit-transform: translateY(5px) translateX(-50%);
    -moz-transform: translateY(5px) translateX(-50%);
    -ms-transform: translateY(5px) translateX(-50%);
    -o-transform: translateY(5px) translateX(-50%);
  }
  100% {
    transform: translateY(0px) translateX(-50% );
    -webkit-transform: translateY(0px) translateX(-50% );
    -moz-transform: translateY(0px) translateX(-50% );
    -ms-transform: translateY(0px) translateX(-50% );
    -o-transform: translateY(0px) translateX(-50% );
  }
}
@media (max-width: 1200px) {
  .inner-more{
    bottom: 3rem;
  }
  .inner-more img{
    width:40px;
    height:40px;
  }
}
@media (max-width: 768px) {
    .inner-more{
    bottom: 1rem;
  }
  .inner-more img{
    width:30px;
    height:30px;
  }
}
.feet-top{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:9rem 0 6.5rem 0;
  position: relative;
}
@media (max-width: 1441px) {
  .feet-top{
    padding:6rem 0 4rem 0;
  }
}
@media (max-width: 1200px) {
  .feet-top{
    padding:5rem 0 3rem 0;
  } 
}
@media (max-width: 992px) {
  .feet-top{
    padding:4rem 0 2.5rem 0;
  } 
}
@media (max-width: 768px) {
  .feet-top{
    padding:4rem 0 1.5rem 0;
  } 
}
@media (max-width: 426px) {
  .feet-top{
    padding-top:3rem;
  } 
}
.feet-top h1{
  font-family: '微软雅黑';
  font-size: 52px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
  position: relative;
}
.feet-top h1 font{
     font-family: '微软雅黑';
}
@media (max-width: 1441px) {
  .feet-top h1{
    font-size: 3rem;
    line-height: 1.6;
    margin-bottom: 0;
  }
}
@media (max-width: 1200px) {
  .feet-top h1{
    font-size: 2.6rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .feet-top h1{
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .feet-top h1{
    font-size: 2rem;
  }
}
@media (max-width: 426px) {
  .feet-top h1{
    font-size: 1.6rem;
  }
}
.feet-top span{
  margin-top:1.6rem;
  font-size: 26px;
  font-weight: 400;
  line-height: 31.2px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .feet-top span{
    margin-top:1rem;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .feet-top span{
    margin-top:.5rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 992px) {
  .feet-top span{
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .feet-top span{
    font-size: 1rem;
  }
}
.feet-top-desc{
  margin-top:3.6rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 32.4px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .feet-top-desc{
    margin-top:2rem;
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
    max-width: 80%;
  }
  .feet-top-desc p{
    display: contents;
  }
}
@media (max-width: 1200px) {
  .feet-top-desc{
    font-size: .9rem;
    line-height: 1.5;
  }
}
@media (max-width: 992px) {
  .feet-top-desc{
    margin-top:1.5rem;
  }
}
@media (max-width: 768px) {
  .feet-top-desc{
    margin-top:1rem;
    font-size: .8rem;
    max-width: 90%;
  }
}
.feet-info{
  position: relative;
  padding-bottom: 6.2rem;
}
@media (max-width: 1441px) {
  .feet-info{
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 1200px) {
  .feet-info{
    padding-bottom: 3.5rem;
  }
}
@media (max-width: 992px) {
  .feet-info{
    padding-bottom: 2.5rem;
  }
}
.feet-info-l{
  width:56.56%;
}
@media (max-width: 768px) {
  .feet-info-l{
    width:79%;
  }
}
.feet-info-r{
  width:64.47%;
  position: absolute;
  right:0;
  top:31px;
}
@media (max-width: 1441px) {
  .feet-info-r{
    top:20px;
  }
}
@media (max-width: 992px) {
  .feet-info-r{
    top:10px;
    width:64.47%;
  }
}
@media (max-width: 768px) {
  .feet-info-r{
    top:0px;
    width:100%;
  }
}
.feet-info-box{
  position: absolute;
  top:16%;
  width:100%;
}
@media (max-width: 992px) {
  .feet-info-box{
    top:10%;
  }
}
@media (max-width: 426px) {
  .feet-info-box{
    top:5%;
  }
}
.feet-info-box ul{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  margin-top:7.42%;
  margin-left:18%;
}
@media (max-width: 1600px) {
  .feet-info-box ul{
     margin-top:5%;
  }
}
@media (max-width: 1441px) {
  .feet-info-box ul{
    margin-left:10%;
  }
}
@media (max-width: 1200px) {
  .feet-info-box ul{
    margin-left:14%;
  }
}
@media (max-width: 992px) {
  .feet-info-box ul{
     margin-top:3%;
  }
}
@media (max-width: 426px) {
  .feet-info-box ul{
     margin-top:2%;
      margin-left:10%;
  }
}
.feet-info-box ul li{
  display: flex;
  justify-content: center;
  align-items: center;
  width:40%;
  margin-bottom: 1.5rem;
}
@media (max-width: 1200px) {
  .feet-info-box ul li{
    margin-bottom: 1rem;
  }
}
@media (max-width: 992px) {
  .feet-info-box ul li{
    margin-bottom: .5rem;
  }
}
.feet-info-box ul li:nth-child(3),
.feet-info-box ul li:nth-child(4),
.feet-info-box ul li:nth-child(5){
  width:33.33%;
}
@media (max-width: 1441px) {
  .feet-info-box ul li svg{
    width:50px;
    height:50px;
  }
}
@media (max-width: 1200px) {
  .feet-info-box ul li svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 992px) {
  .feet-info-box ul li svg{
    width:32px;
    height:32px;
  }
}
@media (max-width: 426px) {
  .feet-info-box ul li svg{
    width:26px;
    height:26px;
  }
}
.feet-info-desc{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left:1rem;
}
@media (max-width: 1200px) {
  .feet-info-desc{
    margin-left:.5rem;
  }
}
.feet-info-desc span{
  display: block;
  font-family: 'Impact';
  font-size:45px;
  line-height:1.2;
  color:#ffffff;
}

.feet-info-box ul li:nth-child(1) .feet-info-desc span{
  width:110px;
}
.feet-info-box ul li:nth-child(2) .feet-info-desc span{
  width:120px;
}
.feet-info-box ul li:nth-child(3) .feet-info-desc span{
  width:95px;
}
.feet-info-box ul li:nth-child(4) .feet-info-desc span{
  width:49px;
}
.feet-info-box ul li:nth-child(5) .feet-info-desc span{
  width:23px;
}
@media (max-width: 1441px) {
  .feet-info-box ul li:nth-child(1) .feet-info-desc span{
    width:82px;
  }
  .feet-info-box ul li:nth-child(2) .feet-info-desc span{
    width:86px;
  }
  .feet-info-box ul li:nth-child(3) .feet-info-desc span{
    width:72px;
  }
  .feet-info-box ul li:nth-child(4) .feet-info-desc span{
    width:40px;
  }
  .feet-info-box ul li:nth-child(5) .feet-info-desc span{
    width:23px;
  }
}
@media (max-width: 1200px) {
  .feet-info-box ul li:nth-child(1) .feet-info-desc span{
    width:74px;
  }
  .feet-info-box ul li:nth-child(2) .feet-info-desc span{
    width:79px;
  }
  .feet-info-box ul li:nth-child(3) .feet-info-desc span{
    width:64px;
  }
  .feet-info-box ul li:nth-child(4) .feet-info-desc span{
    width:34px;
  }
  .feet-info-box ul li:nth-child(5) .feet-info-desc span{
    width:23px;
  }
}

@media (max-width: 1441px) {
  .feet-info-desc span{
    font-size:2rem;
  }
}
@media (max-width: 1200px) {
  .feet-info-desc span{
    font-size:1.8rem;
    line-height: 1;
  }
}
@media (max-width: 992px) {
  .feet-info-desc span{
    font-size:1.6rem;
    line-height: 1.2;
  }
}
@media (max-width: 768px) {
  .feet-info-desc span{
    font-size:1.4rem;
  }
}
@media (max-width: 426px) {
  .feet-info-desc span{
    font-size:1.2rem;
  }
}
.feet-info-desc p{
  font-size:20px;
  color:#ffffff;
}
@media (max-width: 1441px) {
  .feet-info-desc p{
    font-size:1rem;
  }
}
@media (max-width: 1200px) {
  .feet-info-desc p{
    font-size:.9rem;
  }
}
@media (max-width: 992px) {
  .feet-info-desc p{
    font-size:.8rem;
  }
}
@media (max-width: 768px) {
  .feet-info-desc p{
    font-size:.7rem;
  }
}
.feet-info-box b{
  margin-left:32%;
  font-size: 34px;
  font-weight: 400;
  line-height: 40.8px;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .feet-info-box b{
    font-size:2rem;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .feet-info-box b{
    font-size:1.8rem;
    margin-left:30%;
  }
}
@media (max-width: 992px) {
  .feet-info-box b{
    font-size:1.6rem;
  }
}
@media (max-width: 768px) {
  .feet-info-box b{
    font-size:1.5rem;
  }
}
@media (max-width: 426px) {
  .feet-info-box b{
    font-size:1.2rem;
  }
}
.feet-big{
  background: url(../images/feet-big.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 8rem;
}
@media (max-width: 1441px) {
  .feet-big{
    padding-bottom: 6rem;
  }
}
@media (max-width: 1200px) {
  .feet-big{
    padding-bottom: 5rem;
  }
}
@media (max-width: 992px) {
  .feet-big{
    padding-bottom: 4rem;
  }
}
.feet-big-main{
  width:100%;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top:8rem;
  position: relative;
  padding:6rem 0;
}
@media (max-width: 1441px) {
  .feet-big-main{
    margin-top:5rem;
    padding:4rem 0;
  }
}
@media (max-width: 1200px) {
  .feet-big-main{
    margin-top:4rem;
    padding:3rem 0;
  }
}
@media (max-width: 992px) {
  .feet-big-main{
    margin-top:4rem;
    padding:2.5rem 0;
  }
}
@media (max-width: 426px) {
  .feet-big-main{
    margin-top:3rem;
    padding:2rem 0;
  }
}
.feet-big-box{
  position: absolute;
  left:50%;
  top:-4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1441px) {
  .feet-big-box{
    top:-3rem;
  }
}
@media (max-width: 992px) {
  .feet-big-box{
    top:-2.5rem;
  }
}
@media (max-width: 768px) {
  .feet-big-box{
    top:-1.5rem;
  }
}
.feet-big-box li{
  width:120px;
  height:120px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 2.5rem;
  cursor: pointer;
}
@media (max-width: 1441px) {
  .feet-big-box li{
    width:90px;
    height:90px;
    margin:0 1rem;
  }
  .feet-big-box li svg{
    height:50px;
    width:50px;
  }
}
@media (max-width: 1200px) {
  .feet-big-box li{
    width:80px;
    height:80px;
  }
  .feet-big-box li svg{
    height:40px;
    width:40px;
  }
}
@media (max-width: 992px) {
  .feet-big-box li{
    width:70px;
    height:70px;
  }
  .feet-big-box li svg{
    height:35px;
    height:35px;
  }
}
@media (max-width: 768px) {
.feet-big-box li{
    width:50px;
    height:50px;
    margin:0 .6rem;
  }
  .feet-big-box li svg{
    height:30px;
    height:30px;
  }
}
.feet-big-box li.on{
    animation: bigBox .3s ease-out ;
  -webkit-animation: bigBox .3s ease-out ;
  animation-iteration-count: 1;
}
@keyframes bigBox {
  0% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);;
  }
  25% {
      transform: rotate(40deg);
      -webkit-transform: rotate(40deg);
      -moz-transform:  rotate(40deg);
      -ms-transform:  rotate(40deg);
      -o-transform:  rotate(40deg);
  }
    50% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);;
  }
    75% {
      transform: rotate(-40deg);
      -webkit-transform:  rotate(-40deg);
      -moz-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
      -o-transform:  rotate(-40deg);
  }
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
.feet-big-box li.on{
  background: rgba(216, 0, 17, 1);
}
.feet-big-box li.on svg path{
  fill:rgba(255,255,255,1);
}
.feet-big-box li svg path{
  fill:rgba(216, 0, 17, 1);
}
.feet-big-li,
.feet-big-txt{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top:.6rem;
}
.feet-big-txt li{
  display: none;
}
.feet-big-txt li.on{
  display: block;
}
.feet-big-txt li b{
  position: absolute;
  left:50%;
  top:0;
  font-family: 'Fjalla_One';
  background: linear-gradient(90deg, rgba(216, 0, 17, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-align: center;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translateX(-50%) translateY(-40%);
  -webkit-transform: translateX(-50%) translateY(-40%);
  -moz-transform: translateX(-50%) translateY(-40%);
  -ms-transform: translateX(-50%) translateY(-40%);
  -o-transform: translateX(-50%) translateY(-40%);
  width: 100%;
}
@media (max-width: 1441px) {
  .feet-big-txt li b{
    font-size: 2rem;
    line-height: 1.2;
    transform: translateX(-50%) translateY(-20%);
    -webkit-transform: translateX(-50%) translateY(-20%);
    -moz-transform: translateX(-50%) translateY(-20%);
    -ms-transform: translateX(-50%) translateY(-20%);
    -o-transform: translateX(-50%) translateY(-20%);
  }
}
@media (max-width: 1200px) {
  .feet-big-txt li b{
    font-size: 1.8rem;
  }
}
@media (max-width: 992px) {
  .feet-big-txt li b{
    font-size: 1.5rem;
  }
}
@media (max-width: 426px) {
  .feet-big-txt li b{
    font-size: 1.2rem;
  }
}
.feet-big-txt li .feet-big-li>span{
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .feet-big-txt li .feet-big-li>span{
    font-size: 1.8rem;
    line-height: 1.5;
  } 
}
@media (max-width: 1200px) {
  .feet-big-txt li .feet-big-li>span{
    font-size: 1.6rem;
  } 
}
@media (max-width: 992px) {
  .feet-big-txt li .feet-big-li>span{
    font-size: 1.4rem;
  } 
}
@media (max-width: 768px) {
  .feet-big-txt li .feet-big-li>span{
    font-size: 1rem;
  } 
}
.feet-big-desc{
  margin-top:2.5rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 32.4px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .feet-big-desc{
    margin-top:1.5rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .feet-big-desc{
    margin-top:1.2rem;
    font-size: .9rem;
  }
}
@media (max-width: 992px) {
  .feet-big-desc{
    margin-top:.8rem;
    font-size: .8rem;
    padding:0 1rem;
  }
}
@media (max-width:426px) {
    .feet-big-desc{
        text-align: center;
    }
    .feet-big-desc p{
        display: contents;
    }
}
.feet-case-l a{
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(216, 0, 17, 1);
}
.feet-case-l a svg{
  margin-left:1rem;
}
@media (max-width: 1200px) {
  .feet-case-l a{
    font-size:1.2rem;
    line-height: 1.4;
  }
  .feet-case-l a svg{
    margin-left:.5rem;
    width: 40px;
    height:40px;
  }
}
@media (max-width: 992px) {
  .feet-case-l a{
    font-size:1rem;
  }
  .feet-case-l a svg{
    width: 30px;
    height:30px;
  }
}
@media (max-width: 768px) {
  .feet-case-l a{
    font-size:.9rem;
  }
  .feet-case-l a svg{
    width: 26px;
    height:26px;
  }
}
.feet-case-r{
  max-width: 1247px;
  transform: translateX(320px);
  -webkit-transform: translateX(320px);
  -moz-transform: translateX(320px);
  -ms-transform: translateX(320px);
  -o-transform: translateX(320px);
}
@media (max-width: 1800px) {
  .feet-case-r{
    max-width: 1100px;
  }
}
@media (max-width: 1700px) {
  .feet-case-r{
    max-width: 1000px;
  }
}
@media (max-width: 1600px) {
  .feet-case-r{
    max-width: 920px;
  }
}
@media (max-width: 1441px) {
  .feet-case-r{
    max-width: 850px;
  }
}
@media (max-width: 1200px) {
  .feet-case-r{
    max-width: none;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
}
.feet-case-l{
  position: absolute;
  left:0;
  bottom: 20%;
}
@media (max-width: 1441px) {
  .feet-case-l{
    left:2%;
  }
}
@media (max-width: 1200px) {
  .feet-case-l{
    position:static;
    display: flex;
    justify-content: center;
  }
}
.feet-case{
  background: url(../images/feet-case.jpg) no-repeat;
  background-size: cover;
  padding:10rem 0 4rem 0;
}
@media (max-width: 1441px) {
  .feet-case{
    padding:8rem 0 3rem 0;
  }
}
@media (max-width: 1200px) {
  .feet-case{
    padding:4rem 0 3rem 0;
  }
}
@media (max-width: 1200px) {
  .feet-case{
    padding:3rem 0 2.5rem 0;
  }
}
@media (max-width: 768px) {
  .feet-case{
    padding:3rem 0 1.5rem 0;
  }
}
.feet-case .container{
  position: relative;
}
.feet-case-top{
  position: absolute;
  left:0;
  top:-2rem;
  max-width: 488px;
}
@media (max-width: 1441px) {
  .feet-case-top{
    left:2%;
  }
}
@media (max-width: 1200px) {
  .feet-case-top{
    max-width: 100%;
    position:static;
  }
}
.feet-case-top .top-box{
  display: flex;
  align-items: flex-start;
  padding-top: 0rem;
}
@media (max-width: 1200px) {
  .feet-case-top .top-box{
    align-items: center;
  }
}
.feet-case-top .top-box span::after{
  left:0;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
@media (max-width: 1200px) {
  .feet-case-top .top-box span::after{
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
}
.feet-case-top .top-desc{
  margin-top:5.5rem;
}
@media (max-width: 1441px) {
  .feet-case-top .top-desc{
    margin-top:3rem;
  }
}
@media (max-width: 1200px) {
  .feet-case-top .top-desc{
    max-width: 90%;
  }
}
.feet-case-top .top-desc p{
  text-align: left;
}
@media (max-width: 1441px) {
  .feet-case-top .top-desc{
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .feet-case-top .top-desc{
    text-align: center;
  }
}
.feet-case-main{
  display: flex;
  align-items: center;
}

/* 关于春江 */
.profile{
  background: url(../images/profile.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 5rem;
  position: relative;
}
#profile{
  position: absolute;
  top:-5rem;
}
@media (max-width: 1441px) {
  .profile{
    padding-bottom: 4rem;
  }
}
@media (max-width: 1200px) {
  .profile{
    padding-bottom: 3rem;
  } 
}
@media (max-width: 992px) {
  .profile{
    padding-bottom: 2rem;
  } 
}
.profile-top{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:9rem 0 4rem 0;
  position: relative;
}
@media (max-width: 1441px) {
  .profile-top{
    padding:7rem 0 3rem 0;
  }
}
@media (max-width: 1200px) {
  .profile-top{
    padding:6rem 0 2rem 0;
  }
}
@media (max-width: 992px) {
  .profile-top{
    padding:5rem 0 1rem 0;
  }
}
.profile-top h1{
     font-family: '微软雅黑';
  font-size: 52px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: 0.01em;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1200px) {
  .profile-top h1{
    font-size: 3.5rem;
    line-height: 1.4;
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .profile-top h1{
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .profile-top h1{
    font-size: 2.5rem;
  }
}
@media (max-width: 460px) {
  .profile-top h1{
    font-size: 2rem;
  }
}
.profile-top span{
  margin-top:1.5rem;
  font-size: 26px;
  font-weight: 400;
  line-height: 31.2px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .profile-top span{
    margin-top:1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .profile-top span{
    margin-top:.5rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 992px) {
  .profile-top span{
    margin-top:.2rem;
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .profile-top span{
    font-size: 1rem;
  }
}
.feet-top svg,
.profile-top svg{
  position: absolute;
  left:50%;
  top:5rem;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1441px) {
  .feet-top svg{
    top:4rem;
  }
}
@media (max-width: 992px) {
  .profile-top svg{
    top:4.5rem;
  }
  .feet-top svg{
    top:3rem;
  }
}
@media (max-width: 426px) {
  .profile-top svg{
    top:3.5rem;
  }
  .feet-top svg{
    top:2rem;
  }
}
.profile-desc{
  margin-top:4rem;
  font-size: 18px;
  line-height: 32.4px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  text-indent: 2rem;
}
@media (max-width: 1441px) {
  .profile-desc{
    margin-top:2.6rem;
    font-size: 1.1rem;
    line-height:1.8;
    text-align:justify;
  }
}
@media (max-width: 1200px) {
  .profile-desc{
    margin-top:2rem;
    font-size: 1rem;
    line-height:1.7;
  }
}
@media (max-width: 992px) {
  .profile-desc{
    margin-top:1rem;
    font-size: .9rem;
    line-height:1.6;
  }
}
@media (max-width: 768px) {
  .profile-desc{
    font-size: .8rem;
    line-height:1.5;
  }
}
.text-stroke{
  font-family: 'Fjalla_One';
  text-transform:uppercase;
  font-size: 120px;
  line-height: 72px;
  letter-spacing: 0.01em;
  text-align: center;
  fill: rgba(0, 0, 0, 0);
  stroke:rgba(216, 0, 17, 0.1);
  stroke-width: 1px;
}
@media (max-width: 1441px) {
  .text-stroke{
    font-size:5rem;
    line-height: 1.6;
  }
  .feet-top .text-stroke{
    font-size:6rem;
  }
}
@media (max-width: 1200px) {
  .text-stroke{
    font-size:3.5rem;
  }
  .feet-top .text-stroke{
    font-size:4rem;
  }
}
@media (max-width: 992px) {
  .text-stroke{
    font-size:2.6rem;
  }
  .feet-top .text-stroke{
    font-size:3rem;
  }
}
@media (max-width: 768px) {
  .feet-top .text-stroke{
    font-size:2.5rem;
  }
}
.profile-info{
  display: flex;
  justify-content: space-between;
  padding-bottom: 5.2rem;
}
@media (max-width: 1441px) {
  .profile-info{
    padding-bottom: 3rem;
  }
}
@media (max-width: 1200px) {
  .profile-info{
    padding-bottom: 2rem;
  }
}
@media (max-width: 992px) {
  .profile-info{
    padding-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .profile-info{
    flex-wrap: wrap;
  }
}
.profile-info li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .profile-info li{
    width:33.33%;
    margin-top:.5rem;
  }
}
.profile-info li span{
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .profile-info li span{
    font-size:.9rem;
    line-height: 1.4;
  }
}
@media (max-width: 1441px) {
  .profile-info li svg{
    width:35px;
    height:35px;
  }
}
@media (max-width: 992px) {
  .profile-info li span{
    font-size:.8rem;
  }
  .profile-info li svg{
    width:30px;
    height:30px;
  }
}
@media (max-width: 768px) {
  .profile-info li span{
    font-size:.7rem;
  }
}
.info-num{
  display: flex;
  align-items: flex-end;
  padding:1.8rem 0 .4rem 0;
}
@media (max-width: 1441px) {
  .info-num{
    padding:1rem 0 .2rem 0;
  }
}
@media (max-width: 1200px) {
  .info-num{
    padding:.5rem 0 .1rem 0;
  }
}
@media (max-width: 1200px) {
  .info-num{
    padding:.2rem 0 0 0;
  }
}
.info-num b{
  font-family: Impact;
  font-size: 58px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: right;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .info-num b{
    font-size: 2.5rem;
  }
}
@media (max-width: 1200px) {
  .info-num b{
    font-size: 2.2rem;
  }
}
@media (max-width: 992px) {
  .info-num b{
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .info-num b{
    font-size: 1.8rem;
  }
}
.info-num p{
  margin-left:.2rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .info-num p{
    font-size:.9rem;
    line-height: 1.4;
  }
}
@media (max-width: 992px) {
  .info-num p{
    font-size:.8rem;
  } 
}
.profile-info li:nth-child(1) .info-i{
  width: 160px;
}
@media (max-width: 1441px) {
  .profile-info li:nth-child(1) .info-i{
    width: 114px;
  }
}
@media (max-width: 1200px) {
  .profile-info li:nth-child(1) .info-i{
    width: 100px;
  }
}
@media (max-width: 992px) {
  .profile-info li:nth-child(1) .info-i{
    width: 90px;
  }
}
.profile-info li:nth-child(2) .info-i{
  width: 118px;
}
@media (max-width: 1441px) {
  .profile-info li:nth-child(2) .info-i{
    width: 85px;
  }
}
@media (max-width: 1200px) {
  .profile-info li:nth-child(2) .info-i{
    width: 72px;
  }
}
@media (max-width: 992px) {
  .profile-info li:nth-child(2) .info-i{
    width: 63px;
  }
}
.profile-info li:nth-child(5) .info-i,
.profile-info li:nth-child(3) .info-i{
  width: 95px;
}
@media (max-width: 1441px) {
  .profile-info li:nth-child(5) .info-i,
  .profile-info li:nth-child(3) .info-i{
    width: 70px;
  }
}
@media (max-width: 1200px) {
  .profile-info li:nth-child(5) .info-i,
  .profile-info li:nth-child(3) .info-i{
    width: 60px;
  }
}
@media (max-width: 992px) {
  .profile-info li:nth-child(5) .info-i,
  .profile-info li:nth-child(3) .info-i{
    width: 52px;
  }
}
.profile-info li:nth-child(6) .info-i,
.profile-info li:nth-child(4) .info-i{
  width: 30px;
}
@media (max-width: 1441px) {
  .profile-info li:nth-child(6) .info-i,
  .profile-info li:nth-child(4) .info-i{
    width: 26px;
  }
}
@media (max-width: 1200px) {
  .profile-info li:nth-child(6) .info-i,
  .profile-info li:nth-child(4) .info-i{
    width: 20px;
  }
}
@media (max-width: 992px) {
    
}

.profile-tv{
  position: relative;
}
.profile-tv a{
  position: absolute;
  width:100%;
  height:100%;
  left:50%;
  top:50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  cursor: pointer;
  z-index: 666;
}
@media (max-width: 1441px) {
  .profile-tv a img{
    width:60px;
  }
}
@media (max-width: 992px) {
  .profile-tv a img{
    width:50px;
  }
}
/* 发展历程 */
.course{
  background: url(../images/course.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 11rem;
  position: relative;
}
#course{
  position: absolute;
  top:-5rem;
}
@media (max-width: 1441px) {
  .course{
    padding-bottom: 6rem;
  }
}
@media (max-width: 1200px) {
  .course{
    padding-bottom: 5rem;
  }
}
@media (max-width: 1200px) {
  .course{
    padding-bottom: 4rem;
  }
}
.course .top-box span{
  color:#000000;
}
.course .top-desc p{
  color: rgba(48, 49, 51, 1);
}
.course-item{
  margin-left:10%; 
  position: relative;
}
@media (max-width: 1200px) {
  .course-item{
    margin-left:5%; 
  }
}
.course-layout{
  padding-top:5.8rem;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1441px) {
  .course-layout{
    padding-top:4rem;
  }
}
@media (max-width: 1200px) {
  .course-layout{
    padding-top:3rem;
  }
}
@media (max-width: 992px) {
  .course-layout{
    padding-top:2rem;
  }
}
.course-layout::after{
  content: '';
  width:100%;
  height:14px;
  background: url(../images/course-layout.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  left:0;
  top:11.5rem;
}
@media (max-width: 1441px) {
  .course-layout::after{
    top:9.6rem;
  }
}
@media (max-width: 1200px) {
  .course-layout::after{
    top:8.7rem;
  }
}
@media (max-width: 1200px) {
  .course-layout::after{
    top:6.6rem;
  } 
}
.course-main{
  width: calc( 100% - 12rem) ;
}
@media (max-width: 1441px) {
  .course-main{
    width: calc( 100% - 7rem) ;
  }
}
@media (max-width: 1200px) {
  .course-main{
    width: calc( 100% - 5rem) ;
  }
}
@media (max-width: 992px) {
  .course-main{
    width: calc( 100%  - 4rem ) ;
  }
}
@media (max-width: 768px) {
  .course-main{
    width: calc( 100%  - 1rem ) ;
  }
}
.course-desc{
  width:282px;
  min-height:280px;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(3px)
}
@media (max-width: 1441px) {
  .course-desc{
    width:100%;
    height:auto;
  }
}
@media (max-width: 768px) {
     .course-desc{
width:90%;
   min-height:250px;
  }
}
.course-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding:2rem 1.5rem;
}
@media (max-width: 1441px) {
  .course-txt{
    padding:1.6rem 1rem;
  }
}
@media (max-width: 1200px) {
  .course-txt{
    padding:1.4rem 1rem;
  }
}
@media (max-width: 960px) {
  .course-txt{
    padding:1rem .8rem;
  }
}
.course-desc span{
  font-size: 16px;
  font-weight: 500;
  line-height: 22.4px;
  letter-spacing: 0.4571428596973419px;
  text-align: left;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .course-desc span{
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .course-desc span{
    font-size: 1.1rem;
  }
}
.course-desc p{
  margin-top:.5rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .course-desc p{
    margin-top:.3rem;
    font-size: .9rem;
    line-height: 1.4;
  }
}
.course-pic img{
  max-width: 180px;
  text-align: center;
}
.course-pic{
  margin-top:1.2rem;
  width:100%;
  display: flex;
  justify-content: center;
}
@media (max-width: 1441px) {
  .course-pic{
    margin-top:.8rem;
  }
}
@media (max-width: 1200px) {
  .course-pic{
    margin-top:.7rem;
  }
}
.course-name{
  margin-bottom:6.8rem;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1441px) {
  .course-name{
    margin-bottom:5rem;
  }
}
@media (max-width: 1200px) {
  .course-name{
    margin-bottom:6rem;
  }
}
@media (max-width: 960px) {
  .course-name{
    margin-bottom:5rem;
  }
}
.course-name span{
  font-family: 'D-DINExp';
  font-size: 50px;
  font-weight: 700;
  line-height: 54.3px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(216, 0, 17, 1);
}
@media (max-width: 1441px) {
  .course-name span{
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media (max-width: 1200px) {
  .course-name span{
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
@media (max-width: 992px) {
  .course-name span{
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .course-name span{
    font-size: 2rem;
  }
}
.course-disc{
  position: relative;
  margin:2rem 1rem 0 1rem;
}
@media (max-width: 1200px) {
  .course-disc{
    margin:1rem .8rem 0 .8rem;
  }
}
.course-line::after{
  content: '';
  width: 10px;
  height: 10px;
  background: rgba(216, 0, 17, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top:0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.course-line::before{
  content: '';
  height:57px;
  width: 1px;
  background: rgba(216, 0, 17, 1);
  position: absolute;
  left:50%;
  top:10px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.course-round{
  width:16px;
  height:16px;
  border-radius: 50%;
  background: rgba(216, 0, 17, 1);
  position: absolute;
  left:50%;
  top:57px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 222;
}
.course-round::before{
  content: '';
  width:18px;
  height:18px;
  border: 2px solid #ffffff;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 222;
}
.course-round::after{
  content: '';
  width:18px;
  height:18px;
  position: absolute;
  background: rgba(216, 0, 17, .2);
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 111;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .course-round::before{
    content: '';
    width:16px;
    height:16px;
  }
}
.swiper-slide-active .course-round::after{
  width:60px;
  height:60px;
}
@media (max-width: 1200px) {
  .swiper-slide-active .course-round::after{
    width:50px;
    height:50px;
  }
}
/* 愿景及使命 */
.mission{
  background: url(../images/mission.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
#mission{
  position: absolute;
  top:-5rem;
}
.mission-layout{
  position: relative;
  display: flex;
  justify-content: flex-end;
  padding-top:7rem;
}
@media (max-width: 1441px) {
  .mission-layout{
    padding-top: 5rem;
  }
}
@media (max-width: 1200px) {
  .mission-layout{
    padding-top: 4rem;
  }
}
@media (max-width: 992px) {
  .mission-layout{
    padding-top: 3rem;
  }
}
@media (max-width: 768px) {
    .mission-layout{
    justify-content:center;
  }
}
.mission-main{
  width: calc( 100% - 12rem);
  padding-bottom: 14rem;
}
@media (max-width: 1441px) {
  .mission-main{
    width: calc( 100% - 8rem);
    padding-bottom: 10rem;
  }
}
@media (max-width: 992px) {
  .mission-main{
    width: calc( 100% - 4rem);
    padding-bottom: 6rem;
  }
}
@media (max-width: 768px) {
  .mission-main{
    width: 84%;
  }
}
.mission-page{
  position: absolute;
  left:50%;
  bottom: 20%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .mission-page{
    bottom: 25%;
  }
}
@media (max-width: 992px) {
  .mission-page{
    bottom: 15%;
  }
}
.mission-item{
  height:342px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding:2rem;
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  cursor: pointer;
}
@media (max-width: 1441px) {
  .mission-item{
    height:300px;
    padding:1.4rem;
  }
}
@media (max-width: 1200px) {
  .mission-item{
    height:250px;
    padding:1.4rem;
  }
}
@media (max-width: 992px) {
  .mission-item{
    height:200px;
    padding:1rem;
  }
}

.mission-img{
  display: flex;
  justify-content: center;
  align-items: center;
  width:82px;
  height:82px;
  border: 1px solid rgba(235, 238, 245, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-top:1.5rem;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .mission-img{
    width:70px;
    height:70px;
    margin-top:1rem;
  }
  .mission-img svg{
    width: 36px;
  }
}
@media (max-width: 992px) {
  .mission-img{
    width:60px;
    height:60px;
    margin-top:.5rem;
  }
  .mission-img svg{
    width: 30px;
  }
}
.mission-desc{
  display: flex;
  flex-direction: column;
  margin-top:2.5rem;
 transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .mission-desc{
    margin-top: 1rem;
  }
}
@media (max-width: 1200px) {
  .mission-desc{
    margin-top: .6rem;
  }
}
.mission-desc span{
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1441px) {
  .mission-desc span{
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
@media (max-width: 1200px) {
  .mission-desc span{
    font-size: 1.2rem;
  }
}
@media (max-width: 992px) {
  .mission-desc span{
    font-size: 1.1rem;
  }
}
.mission-desc-p{
  margin-top:1.5rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1441px) {
  .mission-desc-p{
    margin-top:1rem;
    font-size: .9rem;
    line-height:1.4;
  }
}
@media (max-width: 1200px) {
  .mission-desc-p{
    margin-top:.5rem;
    font-size: .9rem;
    line-height:1.4;
  }
}
@media (max-width: 992px) {
  .mission-desc-p{
    margin-top:.3rem;
  }
  .mission-desc-p p{
    display: contents;
  }
}
.mission-item.on{
    background: rgba(216, 0, 17, 1);
}
.mission-item.on .mission-img{
    margin-top:1rem;
}
.mission-item.on .mission-desc{
    margin-top:2rem;
}
.mission-item.on .mission-desc span{
    color:#ffffff;
}
.mission-item.on .mission-desc-p{
    color:#ffffff;
}
.mission-item.on .mission-img{
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(235, 238, 245, 1);
}

/*@media (max-width: 768px) {*/
/* .swiper-slide-active .mission-item{*/
/*    background: rgba(216, 0, 17, 1);*/
/*  }*/
/*  .swiper-slide-active .mission-item .mission-img{*/
/*        margin-top:1rem;*/
/*    }*/
/*   .swiper-slide-active .mission-item .mission-desc{*/
/*        margin-top:2rem;*/
/*    }*/
/*   .swiper-slide-active .mission-item .mission-desc span{*/
/*        color:#ffffff;*/
/*    }*/
/*    .swiper-slide-active .mission-item .mission-desc-p{*/
/*        color:#ffffff;*/
/*    }*/
/*   .swiper-slide-active .mission-item .mission-img{*/
/*        background: rgba(255, 255, 255, 0.8);*/
/*        border: 1px solid rgba(235, 238, 245, 1);*/
/*    }*/
/*}*/
/* 企业荣誉 */
.glory{
  padding-bottom: 4.5rem;
  background: #ffffff;
  position: relative;
}
#glory{
  position: absolute;
  top:-5rem;
}
@media (max-width: 1200px) {
  .glory{
    padding-bottom: 3rem;
  }
}
@media (max-width: 992px) {
  .glory{
    padding-bottom: 2rem;
  } 
}
.glory-ul{
  display: flex;
  flex-wrap: wrap;
  padding:5rem 0 3.2rem 0;
}
@media (max-width: 1441px) {
  .glory-ul{
    padding:3rem 0 2rem 0;
  }
}
@media (max-width: 1200px) {
  .glory-ul{
    padding:2rem 0 1rem 0;
  }
}
@media (max-width: 768px) {
  .glory-ul{
    padding:1.5rem 0 1rem 0;
  }
}
.glory-ul li{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: rgba(48, 49, 51, 1);
  width:25%;
  margin-bottom: .8rem;
  text-indent: 1rem;
  position: relative;
}
.glory-ul li:hover{
    color:rgba(216, 0, 17, 1);
}
@media (max-width: 1600px) {
    .glory-ul{
        justify-content:space-between;
        width:90%;
        margin:0 auto;
    }
  .glory-ul li{
    font-size: .9rem;
    line-height: 1.4;
  }
  .glory-ul li:nth-child(3n+1){
      width:314px;
  }
   .glory-ul li:nth-child(3n+2){
      width:290px;
  }
     .glory-ul li:nth-child(3n+3){
      width:210px;
  }
}
@media (max-width: 1200px) {
  .glory-ul li{
    font-size: .8rem;
    line-height: 1.2;
  }
}
@media (max-width: 992px) {
    .glory-ul{
        justify-content:space-between;
        width:100%;
    }
  .glory-ul li{
    font-size: .8rem;
    width: 44% !important;
    margin-bottom: .6rem;
    margin-left: 5.3%;
  }
}
@media (max-width: 768px) {
    .glory-ul{
        width:288px;
    }
  .glory-ul li{
    margin-bottom: .4rem;
    text-indent: .6rem;
    width: 100% !important;
    
  }
}
.glory-ul li::before{
  content: '';
  width:6px;
  height:6px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: rgba(144, 147, 153, 1);
  position: absolute;
  top:.5rem;
  left:0;
}
@media (max-width: 992px) {
  .glory-ul li::before{
    top:.3rem;
  }
}
@media (max-width: 768px) {
  .glory-ul li::before{
    width:4px;
    height:4px;
  }
}
video {
  border: none !important;
  outline: none !important;
}

.sub_main{
  display: none;
  position: fixed;
  z-index: 8888;
  left:0;
  top:104px;
  width:100%;
  height:310px;
  background: #ffffff;
}
@media (max-width: 1600px) {
  .sub_main{
    height:260px;
  }
}
@media (max-width: 1200px) {
  .sub_main{
    top:80px;
    height:220px;
  }
}
.sub_lay{
  display: flex;
  justify-content: space-between;
  width:100%;
  height:100%;
}
.sub_left{
  width:31.77%;
  height:100%;
  background: rgba(247, 247, 247, 1);
  display: flex;
  justify-content: flex-end;
  align-items:flex-start;
}
.sub-info{
  width:53.44%;
  margin-right:7.2%;
  margin-top:5.9%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1600px) {
  .sub-info{
    width:60.44%;
  }
}
@media (max-width: 1200px) {
  .sub-info{
    width:70.44%;
  }
}
.sub-info span{
  display: block;
  padding:.8rem 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  border-bottom: 1px solid rgba(228, 231, 237, 1)
}
@media (max-width: 1600px) {
  .sub-info span{
    font-size: 1.3rem;
    padding:.6rem 0;
  }
}
.sub-info p{
  margin-top:34px;
  max-width: 297px;
  font-size: 16px;
  font-weight: 400;
  line-height:1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1600px) {
  .sub-info p{
    font-size: .9rem;
    margin-top:1.5rem;
  }
}
.sub-box{
  width:68.23%;
  position: relative;
  display: flex;
  align-items: flex-start;
}
.sub-box ul{
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  width: 800px;
  margin-left:8.4%;
  margin-top:5%;
}
@media (max-width: 1600px) {
  .sub-box ul{
    width: 600px;
    margin-left:7%;
  }
}
@media (max-width: 1200px) {
  .sub-box ul{
    margin-top:4%;
  }
}
.sub-box ul li{
  width:25%;
}
.sub-box.sub-box-max ul li{
  width:33.33%;
}
.sub-box.sub-box-max ul{
  width: 460px;
}
@media (max-width: 1600px) {
  .sub-box ul li{
    width:33.33%;
  }
}
.sub-box ul li a{
  display: flex;
  padding:.9rem 1rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1600px) {
  .sub-box ul li a{
    font-size:1rem;
    padding:.6rem .8rem;
  }
}
@media (max-width: 1200px) {
  .sub-box ul li a{
    font-size:.9rem;
    padding:.4rem .6rem;
  }
}
.sub-box ul li.on a,
.sub-box ul li a:hover{
  color: rgba(216, 0, 17, 1);
}
.sub-image{
  position: absolute;
  right:0;
  top:0;
  width:46.56%;
  height:100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position:left center;
}

.navi {
  margin-left:30px;
  margin-right:5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  cursor: pointer;
  display: none;
}
@media (max-width: 992px) {
  .navi {
    display: flex;
  }
}
.navi a {
  width: 27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.navi span {
  width: 100%;
  opacity: 1;
  background: rgba(48, 49, 51, 1);
  border-radius: 1.5px;
  height: 3px;
  margin:3px 0;
  display: block;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
.navi.home span{
  background: rgba(255, 255, 255, 1);
}
#header.on .navi span{
    background: rgba(48, 49, 51, 1);
}
.navi span:nth-child(2){
  width:82%;
}
.navi span:last-child{
  width:70%;
}
.navi.on span:last-child {
  display: none;
}
.navi.on span:nth-child(1) {
  transform: skewY(40deg) translateX(6px) translateY(0px);
  -webkit-transform: skewY(40deg) translateX(6px) translateY(0px);
  -moz-transform: skewY(40deg) translateX(6px) translateY(0px);
  -ms-transform: skewY(40deg) translateX(6px) translateY(0px);
  -o-transform: skewY(40deg) translateX(6px) translateY(0px);
}
.navi.on span:nth-child(2) {
  transform: skewY(-40deg) translateX(6px);
  -webkit-transform: skewY(-40deg) translateX(6px);
  -moz-transform: skewY(-40deg) translateX(6px);
  -ms-transform:skewY(-40deg) translateX(6px);
  -o-transform: skewY(-40deg) translateX(6px);
  width: 100%;
}



.header-nav {
	background: #ffffff;
	display: none;
	width: 100%;
	position: fixed;
	left: 0;
	top: 80px;
    z-index: 888888;
}
@media (max-width:991px){
  .header-nav {
    top:80px;
  }
}
.header-nav>ul>li>a {
	display: block;
  width:100%;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
	font-size: 15px;
	color: #081f2c;
  padding: 16px 10px;
}
.header-nav>ul>li{
  cursor: pointer;
  position: relative;
  display: block;
  border-top: 1px solid #e0e0e0;
}
.header-nav>ul>li::after{
	content: " ";
	position: absolute;
	top: 2rem;
	transform: translateY(-50%);
	right: 15px;
	background: url(../images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}
.header-nav>ul>li.nav-parent>a{
  width:70%;
}
.header-nav>ul>li.nav-parent::after {
	background: url(../images/icon_plus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.header-nav>ul>li.nav-minus::after {
	background: url(../images/icon_minus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.header-nav>ul>li>ul {
	display: none;
}
.header-nav>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 14px 20px;
	border-top: 1px solid #b7b7b8;
	font-size: 14px;
   font-family: 'AlibabaPuHuiTi-2-65-Medium';
	color: #081f2c;
}
.header-nav>ul>li>ul>li>a::after {
	content: " ";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	background: url(../images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}





.sy-mask {
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	left: 0;
	top: 0;
	z-index: 1000;
}

.sy-alert {
	position: fixed;
	display: none;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	width: 400px;
	max-width: 90%;
	max-height: 80%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9999;
	padding: 5px;
}

.sy-alert.animated {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
}

.sy-alert .sy-title {
	text-align: center;
	color: #333;
	line-height: 2;
	font-size: 24px;
	border-bottom: 1px solid #eee;
	padding: 0 12px;
}

.sy-alert .sy-content {
	padding: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	overflow-y: auto;
}

.sy-alert .sy-btn {
	height: 50%;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.sy-alert .sy-btn button {
	float: left;
	border: 0;
	color: #333;
	cursor: pointer;
	background: #fff;
	width: 50%;
	line-height: 45px;
	font-size: 15px;
	text-align: center;
}

.sy-alert .sy-btn button:nth-child(1) {
	color: #888;
	border-right: 1px solid #eee;
}

.sy-alert.sy-alert-alert .sy-btn button {
	float: none;
	width: 100%;
}

.sy-alert.sy-alert-tips {
	text-align: center;
	width: 150px;
	background: rgba(0, 0, 0, 0.7);
}

.sy-alert.sy-alert-tips .sy-content {
	padding: 8px;
	color: #fff;
	font-size: 14px;
}

.sy-alert.sy-alert-model .sy-content {
	text-align: left;
}

.sy-alert.sy-alert-model .sy-content .form .input-item {
	margin-bottom: 12px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.sy-alert.sy-alert-model .sy-content .form .input-item input {
	display: block;
	position: relative;
	width: 100%;
	border: 1px solid #eee;
	padding: 10px;
	box-sizing: border-box;
}

.sy-alert.sy-alert-model .sy-content .form .input-item select {
	padding: 10px 5px;
	border: 1px solid #eee;
	box-sizing: border-box;
	display: inline;
	width: 32%;
}

.sy-alert.sy-alert-model .sy-content .form .input-item .getcode {
	border: 0;
	top: 0;
	right: 0;
	position: absolute;
	background: 0;
	line-height: 37px;
	color: #f60;
	width: 100px;
	text-align: center;
}


.ge-search {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  z-index: 999999999999999;
  background: rgba(255,255,255,.99)
}

.ge-search-inner {
  position: relative;
  padding-top: 220px
}

.ge-search-close {
  position: fixed;
  z-index: 1;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: right
}

.ge-search-close>a {
  position: relative;
  z-index: 2;
  display: block;
  line-height: 1
}

.ge-search-closeSvgPath {
  fill: #979797
}

.ge-search-input {
  margin: 0 0 60px
}

.ge-search-results {
  margin-bottom: 60px
}

.ge-search-results-title {
  font-family: "Cronos Pro LtDisp";
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.08;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #081f2c;
  margin-bottom: 10px
}

.ge-search-results-list {
  margin-bottom: 40px
}

.ge-search-results-list-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.ge-search-results-list-heading-title {
  font-family: "Cronos Pro LtDisp";
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.1;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #081f2c
}

.ge-search-results-messagetext {
  margin-top: -20px;
  margin-bottom: 25px;
  color: #505050
}

.ge-search-results-count {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.ge-search-results-count-text {
  padding-right: 75px;
  color: #505050
}

.ge-search-results-count-tabs {
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-size: 2rem;
  -ms-flex-align: center;
  align-items: center
}

.ge-search-results-count-tabs li {
  margin-right: 30px
}

.ge-search-results-count-tabs li a,.ge-search-results-count-tabs li>span {
  color: rgba(8,31,44,.5)
}

.ge-search-results-count-tabs li.is-selected a,.ge-search-results-count-tabs li.is-selected>span {
  color: #081f2c
}

.c-input-group--large {
  position: relative;
  display: block;
  border-bottom: 1px solid #081f2c;
}

.c-input-box--large {
  font-family: "Chronicle Display";
  line-height: 1.2;
  letter-spacing: .02em;
  border: none;
  padding: 0;
  height: 60px;
  font-size: 22px;
  width: 90%;
}

.c-input-group--large>button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 40px;
  height: 35px;
  border: 0;
  background: none;
  cursor: pointer;
}

.ge-search .containers {
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 920px) {
  .ge-search .containers {
      padding:0 16px;
  }
}

.highlight{
  color:red;
}

.fabric-r{
  position:relative;
}
.fabric-nav.on{
  position: fixed;
  z-index: 999;
  top: 160px;
  width: 200px;
  margin:0;
}
.fabric-nav.active{
  position: absolute;
  z-index: 999;
  width: 200px;
  top:auto;
  bottom: 30px;
}



 #mask-2,
#mask-1{
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    z-index: 2;
    background-color: #ffffff;
}
#mask-2{
    right:0;
}
#mask-1{
    left:0;
}
#card-info-more,
#card-info-desc,
#card-info-title{
    clip-path:polygon(0 0, 100% 0, 100% 0%, 0% 0%);
}
#worth_swiper .swiper-slide{
    height:auto;
}

.header-nav-tool{
  display:flex;
  justify-content: center;
  align-items: center;
  padding: .5rem 0 1rem 0;
}