:root{
  --origin--:rgba(220, 84, 27, 1);
}
body {
  overflow-x: hidden;
}
body,html{
    -webkit-overflow-scrolling: touch;
}
input::-ms-clear {display: none;}
@font-face {
  font-family: AlibabaPuHuiTi-2-65-Medium;
  src: url(https://hefeng.539360.com/font/AlibabaPuHuiTi-2-65-Medium.ttf), 
}
@font-face {
  font-family: AlibabaPuHuiTi-2-55-Regular;
  src: url(https://hefeng.539360.com/font/AlibabaPuHuiTi-2-55-Regular.ttf), 
}
@font-face {
  font-family: AlibabaPuHuiTi-2-45-Light;
  src: url(https://hefeng.539360.com/font/AlibabaPuHuiTi-2-45-Light.ttf), 
}
@font-face {
  font-family: DingTalkJinBuTi;
  src: url(https://hefeng.539360.com/font/DingTalkJinBuTi.ttf), 
}
@font-face {
  font-family: D-DIN;
  src: url(https://hefeng.539360.com/font/D-DIN.otf), 
}
@font-face {
  font-family: D-DINExp;
  src: url(https://hefeng.539360.com/font/D-DINExp.ttf), 
}
@font-face {
  font-family: Fjalla_One;
  src: url(https://hefeng.539360.com/font/FjallaOne-Regular.ttf), 
}
@font-face {
  font-family: OPPOSans20-Medium;
  src: url(https://hefeng.539360.com/font/OPPOSans20-Medium.ttf), 
}
@font-face {
  font-family: Poppins;
  src: url(https://hefeng.539360.com/font/Poppins-Light.ttf), 
}
@font-face {
  font-family: HONORSansCN;
  src: url(../font/HONORSansCN-Light.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; 
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  z-index: 9999;
  border-bottom: 1px solid rgba(228, 231, 237, .2)
}
@media (max-width: 1200px) {
  header{
    height:70px;
  }
}
header.white{
  background: #ffffff;
}
header .container-fluid{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:100%;
  padding:0 50px;
}
@media (min-width: 2560px) {
    header .container-fluid{
        padding-left:200px;
    }
}
@media (max-width: 1700px) {
  header .container-fluid{
    padding:0 30px;
  }
}
@media (max-width: 576px) {
  header .container-fluid{
    padding:0 16px;
  }
}
.logo{
  max-width: 160px;
  max-height: 60px;
}
@media (max-width: 992px) {
  .logo{
    max-width: 130px;
    max-height: 49px;
  }
}
header.white .logo a img:first-child,
.logo a img:last-child{
  display: none;
}
header.white .logo a img:last-child{
  display: block;
}
.nav_box{
  display: flex;
  align-items:center;
  height:100%;
  padding-right: 70px;
}
@media (max-width: 1200px) {
  .nav_box{
    padding-right: 50px;
  }
}
@media (max-width: 992px) {
  .nav_box{
    display: none;
  }
}
.nav_lan{
  margin:0 36px 0 20px;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .nav_lan{
    margin:0 20px 0 16px;
  }
}
header.white .nav_lan svg path,
header.white .nav_lan svg rect{
  fill:rgba(48, 49, 51, 1);
}
.nav_lan:hover svg path,
.nav_lan:hover svg rect{
  fill:var(--origin--);
}
.nav_box>ul>li.nav_more{
  position: absolute;
  left:40px;
  bottom:-2px;
  z-index:111;
  width:40px;
  height:2px;
  background: var(--origin--);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.nav_box>ul{
  display: flex;
  height: 100%;
  position: relative;
}
.nav_box ul>li{
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.nav_box ul>li>a{
  display: flex;
  align-items: center;
  padding:0 21px;
  height: 100%;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .nav_box ul>li>a{
    font-size:17px;
    padding:0 16px;
     pointer-events: none;
    cursor: default; 
  }
}
header.white .nav_box ul>li>a{
  color: rgba(48, 49, 51, 1);
}
.nav_box ul>li .sub_main{
  display: none;
  position: absolute;
  z-index: 8888;
  left:50%;
  top:104px;
  width:120px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1200px) {
  .nav_box ul>li .sub_main{
    top:70px;
  }
}
.sub_main dl{
  padding:10px 0;
}
.sub_main dl dd a{
  display: flex;
  align-items: center;
  justify-content: center;
  height:52px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .sub_main dl dd a{
    font-size:14px;
    height:42px;
  }
}
.sub_main dl dd a:hover{
  background: var(--origin--);
}
header.white .nav_box ul>li.on>a,
header.white .nav_box ul>li:hover>a,
.nav_box ul>li.on>a,
.nav_box ul>li:hover>a{
  color: rgba(220, 84, 27, 1);

}
.nav_search{
  position: absolute;
  top:0;
  right:50px;
  width:60px;
  height:88px;
  background: rgba(220, 84, 27, 1);
  border-radius: 0 0 40px 40px;
  -webkit-border-radius: 0 0 40px 40px;
  -moz-border-radius: 0 0 40px 40px;
  -ms-border-radius: 0 0 40px 40px;
  -o-border-radius: 0 0 40px 40px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .nav_search{
    right:30px;
    width:50px;
    height:73px;
  }
}
.nav_search svg{
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .nav_search svg{
    margin-bottom: 15px;
    width:20px;
    height:20px;
  }
}
.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);
  }
}






.nav-search2{
  position: relative;
}

@media (max-width: 992px) {
    .nav-search2{
        display: flex;
        flex-direction:row-reverse;
        align-items: center;
    }
}

.seek_block {
  position: absolute;
  top: 98px;
  right: -8px;
  width: 390px;
  background: #fff;
  padding: 12px 20px;
  display: none;
  border: 1px solid #eee;
  z-index: 222;
}

@media (max-width: 992px) {
  .seek_block {
    position: relative;
    width:200px;
    top:0;
    right:0;
    border:none;
    border:none;
    padding:0;
  }
}

.seek_ico {
  position: absolute;
  right: 24px;
  top: -11px;
  width: 24px;
  height: 11px;
  background: url(https://hefeng2.539360.com/images/n2_1.png);
}

input.seek_input {
  width: 100%;
  font-family: "微软雅黑", Arial;
  outline: 0;
  font-size: 14px;
  -webkit-appearance: none;
  border: none;
  background: 0 0;
}

.seek_inputBl {
  border-bottom: 1px solid #ccc;
  width: 92%;
}

.seek_close {
  position: absolute;
  right: 6px;
  top: 5px;
  width: 40px;
  height: 40px;
  background: url(https://hefeng2.539360.com/images/n2_6.png) no-repeat center;
  cursor: pointer;
  display: block;
  border:none;
  cursor: pointer;
}


@media (max-width: 992px) {
    .seek_close{
        display: none;
    }
}






/* 第一屏 轮播图 */
#carousel_swiper .swiper-slide{
  width:100vw;
  height:100vh;
  position: relative;
}
.swiper-item{
  width:100vw;
  height:100vh;
  background-size: cover;
  background-position:top;
  background-repeat: no-repeat;
  position: relative;
}
.carousel-txt2,
.carousel-txt1{
  position: absolute;
  top:60%;
  left:50%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 222;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  clip-path:polygon(0 0, 100% 0, 100% 0%, 0% 0%);
  /* clip-path:polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%); */
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.carousel-txt1{
  /* top:40.4%; */
  /* clip-path:polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%) */
}
.carousel-txt1 img{
  display: block;
  /*max-width:904px;*/
  /*max-height: 150px;*/
    max-width:665px;
    /*max-height: 77px;*/
}
@media (max-width: 1200px) {
  .carousel-txt1 img{
      max-width:500px;
    /*max-width:800px;*/
    /*max-height:133px;*/
  }
}
@media (max-width: 992px) {
  .carousel-txt1 img{
    max-width:420px;
    /*max-height:110px;*/
  }
}
@media (max-width: 768px) {
  .carousel-txt1 img{
    max-width:400px;
    /*max-height:83px;*/
  }
}
@media (max-width: 576px) {
  .carousel-txt1 img{
    max-width:400px;
    /*max-height:66px;*/
  }
}
.carousel-txt2 p,
.carousel-txt1 p{
  margin-top:25px;
  font-family: HONORSansCN;
  font-size: 18px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .carousel-txt1 p{
    margin-top:20px;
    font-size:16px;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .carousel-txt1 p{
    font-size:14px;
  }
}
@media (max-width: 992px) {
  .carousel-txt1 p{
    font-size:14px;
  }
}
#carousel_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%);
}
#carousel_swiper .swiper-pagination ul{
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  #carousel_swiper .swiper-pagination ul{
    justify-content: center;
  }
}
#carousel_swiper .swiper-pagination ul li{
  width:8px;
  height:8px;
  position: relative;
  margin:0 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 1);
  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%;
}
#carousel_swiper .swiper-pagination ul li.on{
  background: var(--origin--);
  box-shadow: none;
}
#carousel_swiper .swiper-pagination ul li.on::after{
  content: '';
  position: absolute;
  width:20px;
  height:20px;
  border: 1px solid rgba(220, 84, 27, .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%;
}
#carousel_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 9s ease-out infinite;
  -webkit-animation: Round 9s ease-out infinite;
}
@keyframes Round {
  0% {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
  }
}
.letting-down{
  position: fixed;
  left:50%;
  bottom: 8vh;
  z-index: 222;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  cursor: pointer;
  animation: Letting 2s ease-out infinite;
  -webkit-animation: Letting 2s ease-out infinite;
}
@keyframes Letting {
  0% {
    bottom: 8vh;
  }
  50% {
    bottom: 9vh;
  }
  100% {
    bottom: 8vh;
  }
}
@media (max-width: 992px) {
  .letting-down{
    display: none;
  }
}
/* 第二屏 关于郝峰 */
.about-index{
  width:100%;
  height:100vh;
  position: relative;
  background: #181818;
  display: flex;
  justify-content: space-between;
}
/*
@media (max-width: 992px) {
  .about-index{
    height:auto;
  }
}*/
.left-box{
  position: relative;
  width: 12.7%;
  height:100%;
  min-width: 210px;
  border-right: 1px solid rgba(48, 49, 51, 1);
}
@media (min-width: 1921px) {
    .left-box{
         width: 21.7%;
    }
}
@media (max-width: 1200px) {
  .left-box{
    display: none;
  }
}
.section4 .left-box{
  min-width: auto;
}
.about-right{
  flex: 1;
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .about-right{
   height:100vh;
   margin-bottom: 0;
  }
}
.about-top{
  position: relative;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
}
@media (max-width: 1200px) {
  .about-top{
    height:50vh;
    overflow: hidden;
  }
  .about-top .about-img img{
    height: 100%;
    max-width: none;
  }
}
@media (max-width: 768px) {
  .about-top{
    height:30vh;
  }
}
.about-logo{
  position: absolute;
  max-width: 438px;
  max-height: 60px;
  bottom: 47px;
  left:70px;
}
@media (max-width: 992px) {
  .about-logo{
    max-width: 360px;
    max-height: 49px;
    left:50%;
    bottom: 30px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
}
.about-but{
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
}
.about-desc{
  max-width: 785px ;
  width:46.8%;
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(235, 238, 245, 1);
  text-indent: 2rem;
  margin:3.5% 0 0 4%;
}
.about-desc p{
  font-family:'AlibabaPuHuiTi-2-45-Light';
}
@media (max-width: 1200px) {
  .about-desc{
    width:53%;
    font-size:15px;
    line-height: 1.8;
    margin:3% 0 0 3%;
  }
}
@media (max-width: 992px) {
  .about-desc{
    width:100%;
    font-size:14px;
    line-height: 1.6;
    margin:20px auto;
    max-width: 720px;
  }
}
@media (max-width: 768px) {
  .about-desc{
    width: 86%;
  }
}
.about-tv{
  position: absolute;
  left:55.9%;
  opacity: 0;
}
@media (max-width: 1200px) {
  .about-tv{
    left:58%;
  }
}
@media (max-width: 768px) {
  .about-tv{
    width: 86%;
    top:0 !important;
  }
}
@media (max-width: 992px) {
  .about-tv{
    position: relative;
    top:0;
    left:50% !important;
    transform: translate(-50%,0) !important;
    -webkit-transform: translate(-50%,0) !important;
    -moz-transform: translate(-50%,0) !important;
    -ms-transform: translate(-50%,0) !important;
    -o-transform: translate(-50%,0) !important;
    display: flex;
    justify-content: center;
    max-width: 720px;
}
}
.tv-box{
  max-width: 506px;
  position: relative;
   background: #ffffff;
  padding:8px;
}
@media (max-width: 1200px) {
  .tv-box{
    max-width: 400px;
  }
}
@media (max-width: 992px) {
  .tv-box{
    max-width: 100%;
    max-height: auto;
  }
}
.tv-play{
  position: absolute;
  left:50%;
  top:50%;
  width:66px;
  height: 66px;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}
.tv-box video{
  width:100%;
  height:100%;
  object-fit: cover;
}
.about-more{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  position: absolute;
  right:0;
  bottom: -50px;
}
@media (max-width: 1441px) {
  .about-more{
    bottom: -30px;
  }
}
@media (max-width: 992px) {
  .about-more{
    display: none;
  }
}
.about-more:hover{
  color:var(--origin--)
}
.about-more svg{
  margin-left:6px;
}
.tv-txt{
    background: #ffffff;
    width:100%;
    padding:16px 30px 20px 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.01em;
    text-align: left;
    color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
   .tv-txt{
       padding:10px 14px;
       font-size: 14px;
       line-height: 1.6;
   } 
}
@media (max-width: 768px) {
    .tv-txt{
        display: none;
    }
}
.left-box-txt{
  position: absolute;
  top:34%;
  left:50%;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.left-box-txt span{
  width:30px;
  font-size: 30px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 4px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  writing-mode:vertical-rl;
  position: relative;
}
@media (max-width: 1441px) {
  .left-box-txt span{
    font-size:26px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .left-box-txt span{
    font-size:24px;
    line-height: 1.4;
  }
}
@media (max-width: 768px) {
  .left-box-txt span{
    font-size:20px;
    line-height: 1.4;
  }
}
.left-box-txt span::after{
  content: '';
  width:4px;
  height:78px;
  background: url(https://hefeng2.539360.com/images/left-box.png) no-repeat center;
  background-size: cover;
  position: absolute;
  bottom:0;
  left:50%;
  z-index: 222;
  transform: translateY(120%);
  -webkit-transform: translateY(120%);
  -moz-transform: translateY(120%);
  -ms-transform: translateY(120%);
  -o-transform: translateY(120%);
}
.left-box-txt p{
  margin-right:4px;
  word-spacing: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: 0.12em;
  text-align: right;
  color: rgba(255, 255, 255, 1);
  writing-mode:vertical-rl;
  text-transform:uppercase;
}
/*  第三屏 核心业务 */

.core-pic{
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.core-item:hover .core-pic{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.core-pic img{
  opacity: 0;
}
.core-img{
  position: relative;
  height: 100%;
}
.core-item{
  display: block;
  width:100%;
  height:100%;
  position: relative;
  overflow: hidden;
}
.core-item::after{
  content: '';
  width:100%;
  height:0%;
  position: absolute;
  left:0;
  bottom:0;
  z-index: 111;
  background: linear-gradient(180deg, rgba(220, 84, 27, 0) 0%, rgba(220, 84, 27, 0.9) 41.85%);
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
}
.core-item:hover::after{
  height:100%;
}
#core_swiper{
  width:100%;
  padding: 0;
  margin:0;
}
.core-main{
  display: flex;
  height:100%;
}
@media (max-width: 992px) {
  .core-main{
    display: none;
  }
}
.core-list{
  display: none;
}
@media (max-width: 992px) {
  .core-list{
    display: flex;
    flex-direction: column;
    position: relative;
    height: calc( 100% - 18% );
    margin-top:3%;
  }
}
.core-list .core-item{
  position: relative;
  height: 20%;
}
.core-list .core-item .core-name{
  top:16%;
}
.core-list .core-item .core-title{
  margin-top:6%;
  font-size:16px;
}
.core-list .core-item .core-desc{
  display: none;
}
.core-list .core-item .core-name svg{
  width:32px;
  height:32px;
}
.core-list .core-item .core-svg::after{
  width: 20px;
  height: 2px;
  bottom: -10px;
}
.core-list .core-item .core-num{
  padding:0 4%;
}
.core-list .core-item::after{
  background: linear-gradient(180deg, rgba(220, 84, 27, 0) 0%, rgba(220, 84, 27, 0.9) 80.85%);
}


.section2 .horizon-l{
  opacity: 1 !important;
  transform: translate(0) !important;
  -webkit-transform: translate(0) !important;
  -moz-transform: translate(0) !important;
  -ms-transform: translate(0) !important;
  -o-transform: translate(0) !important;
}
.section2 .horizon-main{
  display: none;
}
@media (max-width: 992px) {
  .section2 .horizon-main{
    display: flex;
  }
}
.section2 .horizon-l .left-box-txt span{
  color:#fff;
}
.core-name{
  position: absolute;
  top:34%;
  z-index: 222;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.core-svg{
  position: relative;
}
.core-svg::after{
  content: '';
  width:34px;
  height:3px;
  background: #fff;
  position: absolute;
  left:50%;
  bottom: -25px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .core-svg::after{
    width:26px;
    height:2px;
    bottom: -16px;
  }
}
.core-name svg{
  width:60px;
  height:60px;
}
@media (max-width: 992px) {
  .core-name svg{
    width:50px;
    height:50px;
  }
}
.core-item:hover .core-name svg{
  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(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
}
  50% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);;
  }
  75% {
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
}
  100% {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}
.core-title{
  margin-top:18%;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
  position: relative;
}
@media (max-width: 1441px) {
  .core-title{
    margin-top:10%;
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .core-title{
    font-size: 18px;
  }
}
.core-title::after{
  content: '';
  width:34px;
  height:3px;
  background: #ffffff;
  position: absolute;
  left:50%;
  top:-100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.core-desc{
  padding:0 8%;
  margin-top:11%;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  clip-path:polygon(0 0, 100% 0, 100% 0%, 0% 0%);
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  opacity: 0;
}
.core-desc p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  text-indent: 2rem;
}
@media (max-width: 1700px) {
  .core-desc{
    font-size:15px;
  }
  .core-desc p{
    display: contents;
  }
}
@media (max-width: 992px) {
  .core-desc{
    margin-top:8%;
    font-size:14px;
  }
}
.core-item:hover .core-desc{
  clip-path:polygon(0px 0px, 100% 0px, 100% 100%, 0% 100%);
  opacity: 1;
}
.core-num{
  position: absolute;
  z-index: 222;
  left:0;
  bottom: 14%;
  padding:0 10%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .core-num{
    bottom: 8%;
  }
}
.core-num span{
  font-family: DingTalkJinBuTi;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, .2);
  transition: all .7s;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
}
@media (max-width: 1441px) {
  .core-num span{
    font-size:32px;
  }
}
@media (max-width: 992px) {
  .core-num span{
    font-size:24px;
  }
}
.core-item:hover .core-num span{
  color: rgba(255, 255, 255, 1);
}
.core-num svg{
  opacity: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
}
@media (max-width: 1441px) {
  .core-num svg{
    width:36px;
  }
}
@media (max-width: 992px) {
  .core-num svg{
    width:30px;
  }
}
.core-item:hover .core-num svg{
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}
.ripple {
  display: inline-block;
  overflow: hidden;
}
.ripple span {
  display: inline-block;
}

/* 第五屏 新闻中心 */
.section5 .about-index{
  background: url(https://hefeng2.539360.com/images/news-bg.jpg) no-repeat center;
  background-size: cover;
}
.section4 .left-box, 
.section5 .left-box{
  border-right: 0;
}
.news-index{
  top: 50%;
  max-width: 1440px;
  width: 86%;
  position: absolute;
  transform: translateY(-42%);
  -webkit-transform: translateY(-42%);
  -moz-transform: translateY(-42%);
  -ms-transform: translateY(-42%);
  -o-transform: translateY(-42%);
}
@media (max-width: 1200px) {
  .news-index{
    left:50%;
    top:46%;
    width: 94%;
    transform: translateX(-50%)  translateY(-42%);
    -webkit-transform: translateX(-50%)  translateY(-42%);
    -moz-transform: translateX(-50%)  translateY(-42%);
    -ms-transform: translateX(-50%)  translateY(-42%);
    -o-transform: translateX(-50%)  translateY(-42%);
  }
}
@media (max-width: 992px) {
  .news-index{
    max-width: 720px;
  }
}
@media (max-width: 768px) {
  .news-index{
    width: 86%;
  }
}
@media (max-width: 576px) {
  .news-index{
    top:100px;
    transform: translateX(-50%)  translateY(0);
    -webkit-transform: translateX(-50%)  translateY(0);
    -moz-transform: translateX(-50%)  translateY(0);
    -ms-transform: translateX(-50%)  translateY(0);
    -o-transform: translateX(-50%)  translateY(0);
}
}
.news-index-top{
  display:flex ;
  align-items: center;
  justify-content: space-between;
}
.news-index-top span{
  font-size: 26px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 992px) {
  .news-index-top span{
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .news-index-top span{
    font-size: 20px;
  }
}
.news-index-top a{
  display: flex;
  align-items: center;
  justify-content: center;
  width:180px;
  height:60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  background: var(--origin--);
}
@media (max-width: 1441px) {
  .news-index-top a{
    width:160px;
    height:53px;
  }
}
@media (max-width: 1200px) {
  .news-index-top a{
    width:120px;
    height:40px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .news-index-top a{
    width:110px;
    height:32px;
  }
}
.news-index-top svg{
    display: none;
  margin-left:14px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.news-index-top a:hover svg{
  margin-left: 20px;
}
@media (max-width: 1200px) {
  .news-index-top svg{
    margin-left:8px;
    width:24px;
    height:24px;
  }
  .news-index-top a:hover svg{
    margin-left: 10px;
  }
}
@media (max-width: 576px) {
  .news-index-top svg{
    margin-left:4px;
    width:20px;
    height:20px;
  }
  .news-index-top a:hover svg{
    margin-left: 6px;
  }
}
.news-index-img{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.news-index-img img{
  opacity: 0;
}
.news-index-pic{
  position: relative;
  margin-top:20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .news-index-pic{
    margin-top:10px;
  }
}
.news-index-item:hover .news-index-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-index-main{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top:2%;
}
@media (max-width: 992px) {
  .news-index-main{
    padding-top: 0;
    margin-top:20px;
  }
}
.news-index-l{
  width:39.58%;
  max-width: 570px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
}
@media (max-width: 1200px) {
  .news-index-l{
    width:43.58%;
  }
}
@media (max-width: 992px) {
  .news-index-l{
    width:100%;
    max-width: 100%;
  }
}
.news-index-r{
  max-width: 790px;
  width:54.86%;
}
@media (max-width: 992px) {
  .news-index-r{
    width:100%;
    margin-top:20px;
  }
}
.news-index-item{
  display: flex;
  flex-direction: column;
  padding:10% 7% 7% 7%;
  position: relative;
  cursor: pointer;
  width:100%;
  height:100%;
}
@media (max-width: 992px) {
  .news-index-item{
    padding:3% 4%;
  }
}
@media (max-width: 768px) {
 .news-index-item{
    padding:2% 3%;
  }
}
.news-index-l::after{
  content: '';
  position: absolute;
  left:0;
  bottom: 0;
  width:0%;
  height:3px;
  background: var(--origin--);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.news-index-l:hover::after{
  width: 100%;
}
.news-index-item b{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .news-index-item b{
    font-size: 16px;
  }
}
@media (max-width: 992px) {
    .news-index-item b{
        display: none;
    }
}
@media (max-width: 768px) {
  .news-index-item b{
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .news-index-item b{
    display: none;
  }
}
.news-index-item span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  margin-top:20px;
  font-size: 24px;
  line-height: 1.8;
  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;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .news-index-item span{
    margin-top:16px;
    font-size: 20px;
  }
}
@media (max-width: 992px) {
.news-index-item span{
    margin-top:10px;
  }
}
@media (max-width: 768px) {
  .news-index-item span{
    margin-top:10px;
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .news-index-item span{
    margin-top:4px;
    font-size: 16px;
  }
}
.news-index-item:hover span{
  color: var(--origin--);
}
.news-index-item p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  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: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .news-index-item p{
    margin-top:12px;
    font-size: 14px;
    line-height: 1.6;
  }
}
@media (max-width: 768px) {
  .news-index-item p{
    margin-top:6px;
  }
}
@media (max-width: 576px) {
  .news-index-item p{
    margin-top:3px;
  }
}
.news-index-more{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .news-index-more{
    margin-top:20px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .news-index-more{
    margin-top:10px;
    font-size: 12px;
  }
}
.news-index-more svg{
  margin-left:10px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .news-index-more svg{
    width:20px;
  }
}
.news-index-item:hover .news-index-more svg{
  margin-left: 25px;
}
.news-index-li{
  display: flex;
  align-items: center;
  width:100%;
  max-height:126px;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  margin-bottom: 3.3%;
  position: relative;
  overflow:hidden;
  padding: 5% 0;
}
@media (max-width: 1441px) {
  .news-index-li{
    padding:3% 0;
  }
}
.news-index-r .news-index-li:last-child{
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .news-index-r .news-index-li{
    display: none;
  }
  .news-index-r .news-index-li:nth-child(1),
  .news-index-r .news-index-li:nth-child(2),
  .news-index-r .news-index-li:nth-child(3){
    display: flex;
  }
}
@media (max-width: 576px) {
   .news-index-r .news-index-li:nth-child(3){
    display: none;
  }
}
.news-index-time{
  width:84px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right:1px solid rgba(235, 238, 245, 0.1);
  margin-right:20px;
}
@media (max-width: 576px) {
  .news-index-time{
    width:70px;
    margin-right:16px;
  }
}
.news-index-time span{
  font-size: 29px;
  font-weight: 600;
  line-height: 1.8;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .news-index-time span{
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .news-index-time span{
    font-size: 20px;
    line-height: 1.4;
  }
}
.news-index-time p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
  color: rgba(255, 255, 255, .8);
}
.news-index-title{
  flex:1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .news-index-title{
    flex:.95;
  }
}
.news-index-title span{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .news-index-title span{
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .news-index-title span{
    font-size: 15px;
  }
}
.news-index-li:hover .news-index-title span{
  color:var(--origin--);
}
.news-index-title p{
  margin-top:8px;
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(144, 147, 153, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .news-index-title p{
    font-size:13px;
  }
}
@media (max-width: 576px) {
  .news-index-title p{
    margin-top:6px;
  }
}
.news-index-svg{
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1440px) {
  .news-index-svg{
    width: 80px;
  }
}
@media (max-width: 1200px) {
  .news-index-svg{
    width: 60px;
  }
}
@media (max-width: 576px) {
  .news-index-svg{
    display: none;
  }
}
.news-index-svg svg{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 576px) {
  .news-index-svg svg{
    width:16px;
    height:6px;
  }
}
.news-index-li:hover .news-index-svg svg{
  transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
}
@media (max-width: 576px) {
  .news-index-li:hover .news-index-svg svg{
    transform: translateX(6px);
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
}
}
.news-index-rect{
  position: absolute;
  width:100%;
  height:100%;
  overflow: hidden;
  left:0;
  top:0;
  z-index: 777;
}
.news-index-rect svg{
  width:99.9%;
  height:99.9%;
}
@media (max-width: 768px) {
  .news-index-rect svg{
    display: none;
  }
}
.shape{
  stroke:rgba(220, 84, 27, 1);
  stroke-width: 1px;
  fill: transparent;
  stroke-dasharray:1850;
  stroke-dashoffset:1850;
  transition: 1s all ease;
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
}
.news-index-li:hover .shape {
  stroke-dasharray: 1850;
  stroke-width: 1px;
  stroke-dashoffset: 0;
}
#indexnews_swiper .swiper-pagination{
  bottom: 7%;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
#indexnews_swiper .swiper-pagination ul{
  display: flex;
  justify-content: flex-end;
  padding-right:7%;
}
@media (max-width: 768px) {
  #indexnews_swiper .swiper-pagination ul{
    padding-right: 0;
  }
}
#indexnews_swiper .swiper-pagination ul li{
  width:8px;
  height:8px;
  position: relative;
  margin:0 10px;
  border-radius: 50%;
  background: rgba(228, 231, 237, 1);
  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%;
}
#indexnews_swiper .swiper-pagination ul li.on{
  background: var(--origin--);
  box-shadow: none;
}
#indexnews_swiper .swiper-pagination ul li.on::after{
  content: '';
  position: absolute;
  width:20px;
  height:20px;
  border: 1px solid rgba(220, 84, 27, .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%;
}
#indexnews_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: Round2 8s ease-out infinite;
  -webkit-animation: Round2 8s ease-out infinite;
}
@keyframes Round2 {
  0% {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
  }
}
/* 底部 */
footer{
  max-height: 608px;
  background: rgba(33, 33, 33, 1);
  position: relative;
  margin-top:-1px;
}
.footer-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(48, 49, 51, 1);
  padding:80px 0 40px 0;
}
@media (max-width: 1441px) {
  .footer-top{
    padding:60px 0 30px 0;
  }
}
@media (max-width: 1200px) {
  .footer-top{
    padding:40px 0 20px 0;
  }
}
@media (max-width: 992px) {
  .footer-top{
    padding-top:30px;
  }
}
@media (max-width: 768px) {
  .footer-top{
    padding-top:20px;
    justify-content: center;
  }
}
.footer-main{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px solid rgba(48, 49, 51, 1);
  padding:55px 0 70px 0;
  flex-wrap: wrap;
}
@media (max-width: 1441px) {
  .footer-main{
    padding:40px 0 26px 0;
  }
}
@media (max-width: 1200px) {
  .footer-main{
    padding:30px 0 20px 0;
  }
}
@media (max-width: 992px) {
  .footer-main{
    padding:20px 0 16px 0;
  }
}
@media (max-width: 768px) {
  .footer-main{
    padding:14px 0;
  }
}
.copyright{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:90px;
}
@media (max-width: 1441px) {
  .copyright{
    height:80px;
  }
}
@media (max-width: 1200px) {
  .copyright{
    height:70px;
  }
}
@media (max-width: 992px) {
  .copyright{
    height:50px;
  }
}
@media (max-width: 768px) {
  .copyright{
    height:40px;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .copyright{
    height:36px;
  }
}
.copyright p a,
.copyright p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  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: 1200px) {
  .copyright p a,
  .copyright p{
    font-size: 13px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .copyright p a,
  .copyright p{
    font-size: 12px;

  }
  .copyright p a:nth-child(3),
  .copyright p a:last-child{
    display: none;
  }
}
@media (max-width: 768px) {
  .copyright p:last-child{
    display: none;
  }
}
.copyright p a{
  margin:0 6px;
  position: relative;
}
@media (max-width: 1200px) {
  .copyright p a{
    margin:0 3px;
  }
}
@media (max-width: 576px) {
  .copyright p{
    text-align: center;
  }
}
.copyright p a::after{
  content: '';
  width:1px;
  height:12px;
  position: absolute;
  left:-8px;
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  background: #1e1e1e;
}
.copyright p a:hover{
  color:var(--origin--);
}
.copyright p a:first-child::after{
  display: none;
}
.footer-menu{
  display: flex;
  justify-content: space-between;
  max-width: 630px;
  width: 43.75%;
  margin-left:22px;
}
@media (max-width: 1200px) {
  .footer-menu{
    width:50%;
    margin-left:2%;
  }
}
@media (max-width: 992px) {
  .footer-menu{
    width:100%;
    margin-left:0;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .footer-menu{
    padding:0 2%;
  }
}
.footer-menu ul li{
  height:30px;
  text-align: center;
}
@media (max-width: 992px) {
  .footer-menu ul li{
    height:26px;
  }
}
@media (max-width: 576px) {
  .footer-menu ul li{
    height:24px;
  }
}
.footer-menu ul li a{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .footer-menu ul li a{
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .footer-menu ul li a{
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .footer-menu ul li a{
    font-size: 12px;
  }
}
.footer-menu ul li:first-child a:hover,
.footer-menu ul li:hover a{
  color:var(--origin--);
}
.footer-menu ul li:first-child{
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .footer-menu ul li:first-child{
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .footer-menu ul li:first-child{
    margin-bottom: 2px;
  }
}
.footer-menu ul li:first-child a{
  font-size:16px;
  color:rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .footer-menu ul li:first-child a{
    font-size:15px;
  }
}
@media (max-width: 992px) {
  .footer-menu ul li:first-child a{
    font-size:14px;
  }
}
@media (max-width: 768px) {
  .footer-menu ul li:first-child a{
    font-size:13px;
  }
}
.footer-logo{
  max-width:197px;
  max-height:74px;
}
@media (max-width: 1200px) {
  .footer-logo{
    max-width:180px;
    max-height:68px;
  }
}
@media (max-width: 992px) {
  .footer-logo{
    max-width:160px;
    max-height:60px;
  }
}
@media (max-width: 768px) {
  .footer-logo{
    max-width:140px;
    max-height:53px;
  }
}
.footer-code{
  display: flex;
}
@media (max-width: 768px) {
  .footer-code{
    display: none;
  }
}
.footer-code li{
  margin:0 20px;
  cursor: pointer;
  position: relative;
}
.footer-code li>p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:6px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .footer-code li>p{
    margin-top:4px;
    font-size: 13px;
  }
}
@media (max-width: 992px) {
  .footer-code li>p{
    font-size: 12px;
  }
}
.footer-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%;
}
@media (max-width: 992px) {
  .footer-code li>span{
    width:34px;
    height:34px;
  }
  .footer-code li>span svg{
    width: 16px;
    height:16px;
  }
}
.footer-code li:hover>span{
  background: var(--origin--);
}
.code-img{
  position: absolute;
  z-index: 222;
  top:-50px;
  left:-163px;
  width:130px;
  height:164px;
  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: center;
  padding:10px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 992px) {
  .code-img{
    left:-140px;
  }
}
.footer-code li:hover .code-img{
  opacity: 1;
  visibility: visible;
}
.code-img p{
  width:108px;
  height:108px;
}
.code-img span{
  font-family:'AlibabaPuHuiTi-2-45-Light';
  display: block;
  margin-top:10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(192, 196, 204, 1);
}
.code-img::after{
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right:-8px;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px 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(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
}
.footer-right{
  max-width: 388px;
  width:26.94%;
}
@media (max-width: 1440px) {
  .footer-right{
    width:32%;
  }
}
@media (max-width: 992px) {
  .footer-right{
    width:100%;
    display: none;
  }
}
.footer-tel{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-search span,
.footer-tel span{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .footer-search span,
  .footer-tel span{
    font-size:13px;
  }
}
.footer-tel p{
  margin-top:10px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  white-space: nowrap;
}
@media (max-width: 1441px) {
  .footer-tel p{
    font-size:24px;
  }
}
@media (max-width: 1200px) {
  .footer-tel p{
    font-size:20px;
  }
}
.footer-search{
  margin-top:40px;
}
@media (max-width: 1441px) {
  .footer-search{
    margin-top:30px;
  }
}
@media (max-width: 1200px) {
  .footer-search{
    margin-top:20px;
  }
}
.footer-txt{
  display: flex;
  margin-top:20px;
}
@media (max-width: 1200px) {
  .footer-txt{
    margin-top:10px;
  }
}
.footer-txt input{
  background: none;
  border: 1px solid rgba(96, 98, 102, 0.8);
  height:38px;
  width:340px;
  border-right: 0;
}
@media (max-width: 1440px) {
  .footer-txt input{
    flex:1;
  }
}
@media (max-width: 1200px) {
  .footer-txt input{
    height:32px;
  }
}
.footer-txt input::placeholder,
.footer-txt input{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 0.1);
  text-indent: 1rem;
}
.footer-txt button{
  width:60px;
  height:38px;
  border:none;
  cursor: pointer;
  background: rgba(220, 84, 27, 1);
}
@media (max-width: 1200px) {
  .footer-txt button{
    height:32px;
  }
}
.goto{
  position: absolute;
  right:60px;
  bottom: 50vh;
  z-index:333;
  cursor: pointer;
}
@media (max-width: 1441px) {
  .goto{
    right:20px;
    bottom: 40vh;
  }
}
@media (max-width: 1200px) {
  .goto{
    bottom: 30vh;
  }
  .goto svg{
    width: 45px;
  }
}
@media (max-width: 768px) {
  .goto{
    display: none;
  }
}
/* 第四屏 赫峰装潢 */
.horizon-main{
  margin-top:9.1%;
  max-width: 1440px;
  width: 86%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .horizon-main{
    margin-top:15%;
    margin-right:auto;
    margin-left:auto;
  }
}
@media (max-width: 992px) {
  .horizon-main{
    max-width: 720px;
    margin-top:60px;
    flex-wrap: wrap;
  }
}
.horizon-box{
  display: flex;
  align-items: center;
  justify-content:space-around;
  position: absolute;
  bottom: 2%;
  width: 86%;
  max-width: 1440px;
}
@media (max-width: 1200px) {
  .horizon-box{
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
  }
}
@media (max-width: 992px) {
  .horizon-box{
    max-width: 720px;
}
}
@media (max-width: 992px) {
  .horizon-box{
    display: none;
  }
}
.horizon-box li{
  flex:1;
  position: relative;
}
.horizon-box li::after{
  content: '';
  width:1px;
  height:49px;
  position: absolute;
  right:0;
  top:50%;
  background: rgba(255, 255, 255, .1);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.horizon-box li:last-child::after{
  display: none;
}
.horizon-box li a{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.horizon-box li a span{
  margin-top:10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 992px) {
  .horizon-box li a span{
    font-size:14px;
    margin-top:5px;
  }
}
.horizon-box li:hover a svg path,
.horizon-box li.on a svg path{
  fill:var(--origin--);
}
.horizon-box li a svg{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 992px) {
  .horizon-box li a svg{
    width:36px;
    height:36px;
  }
}
.horizon-box li:hover a svg{
  animation: search .3s ease-out ;
  -webkit-animation: search .3s ease-out ;
  animation-iteration-count: 1;
}
.horizon-box li:hover a span,
.horizon-box li.on a span{
  color:var(--origin--);
}
.horizon-l .left-box-txt{
  position: static;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  flex-direction: column;
  align-items: flex-start;
}
.horizon-l .left-box-txt span{
  width: auto;
  writing-mode:unset;
  -webkit-writing-mode:unset;
  -ms-writing-mode:unset;
  color:var(--origin--);
}
.horizon-l .left-box-txt p{
  writing-mode:unset;
  -webkit-writing-mode:unset;
  -ms-writing-mode:unset;
  position: relative;
  margin-top:12px;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 992px) {
  .horizon-l .left-box-txt p{
    margin-top:6px;
  }
}
.horizon-l .left-box-txt span::after{
  width:78px;
  height:4px;
  background: url(https://hefeng2.539360.com/images/left-box2.png) no-repeat center;
  background-size: cover;
  left:0;
  transform: translateY(46px);
  -webkit-transform: translateY(46px);
  -moz-transform: translateY(46px);
  -ms-transform: translateY(46px);
  -o-transform: translateY(46px);
}
@media (max-width: 992px) {
  .horizon-l .left-box-txt span::after{
    left:auto;
    bottom: 5px;
    right:0;
    width:50px;
    height:2px;
    transform: translateX(55px);
    -webkit-transform: translateX(55px);
    -moz-transform: translateX(55px);
    -ms-transform: translateX(55px);
    -o-transform: translateX(55px);
}
}
.horizon-l{
  margin-top:4%;
  max-width: 368px;
  width: 25.7%;
}
@media (max-width: 992px) {
  .horizon-l{
    width:100%;
    max-width: 100%;
  }
}
.horizon-desc{
  margin-top:26%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .horizon-desc{
    margin-top:6%;
  }
}
.horizon-desc span{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .horizon-desc span{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .horizon-desc span{
    font-size:17px;
  }
}
.horizon-desc p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:1.5%;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(235, 238, 245, 1);
}
@media (max-width: 1200px) {
  .horizon-desc p{
    font-size:14px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .horizon-desc p{
    font-size:13px;
  }
}
.horizon-desc a{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:40%;
  width:140px;
  height:46px;
  background: var(--origin--);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1441px) {
  .horizon-desc a{
    margin-top:30%;
  }
}
@media (max-width: 992px) {
  .horizon-desc a{
    margin-top:20%;
    width:120px;
    height:40px;
  }
}
@media (max-width: 992px) {
  .horizon-desc a{
    display: none;
  }
}
.horizon-desc a svg{
    display: none;
  margin-left:6px;
}
@media (max-width: 992px) {
  .horizon-desc a svg{
    width:20px;
    height:20px;
  }
}
@media (max-width: 768px) {
  .horizon-desc a svg{
    width:16px;
    height:16px;
  }
}
.horizon-r{
  margin-top:2.8%;
  max-width:218px;
  width: 15.3%;
}
@media (max-width: 992px) {
  .horizon-r{
    display: none;
  }
}
.horizon-r li{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding:22.5px 0;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1441px) {
  .horizon-r li{
    padding:18px 0;
  }
}
@media (max-width: 1200px) {
  .horizon-r li{
    padding:14px 0;
  }
}
@media (max-width: 992px) {
  .horizon-r li{
    padding:10px 0;
  }
}
.horizon-r li.on{
  transform: translateX(-20%);
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  -o-transform: translateX(-20%);
}
@media (max-width: 1441px) {
  .horizon-r li.on{
    transform: translateX(-15%);
    -webkit-transform: translateX(-15%);
    -moz-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    -o-transform: translateX(-15%);
  }
}
@media (max-width: 1200px) {
  .horizon-r li.on{
    transform: translateX(-10%);
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    -o-transform: translateX(-10%);
}
}
.horizon-sider{
  position: relative;
  display: none;
  width: 100%;
}
@media (max-width: 992px) {
  .horizon-sider{
    display: block;
  }
}
.horizon-sider .vendor-page{
  position: relative;
  bottom: 0;
  top:50px;
}
.horizon-li{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:10px;
}
.horizon-li p{
  margin-top:4px;
}
.horizon-li span,
.horizon-r li span{
  font-size: 22px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: right;
  color: rgba(255, 255, 255, 1);
  position: relative;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .horizon-li span,
  .horizon-r li span{
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .horizon-r li span{
    font-size:16px;
  }
}
.horizon-li p,
.horizon-r li p{
  font-size: 11px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: right;
  color: rgba(96, 98, 102, 1);
  white-space: nowrap;
}
.horizon-r li.on p,
.horizon-r li.on span{
  color:var(--origin--);
}
.horizon-r li span::after{
  content: '';
  width:10px;
  height:10px;
  background: var(--origin--);
  position: absolute;
  top:50%;
  right: -50%;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -ms-transition: all .4s;
  -o-transition: all .4s;
  display: none;
}
@media (max-width: 1441px) {
  .horizon-r li span::after{
    right:-40%;
  }
}
@media (max-width: 1200px) {
  .horizon-r li span::after{
    right:-20%;
  }
}
.horizon-r li.on span::after{
  display: block;
}
.horizon-r li span::before{
  content: '';
  width:0;
  height:1px;
  background: var(--origin--);
  position: absolute;
  top:50%;
  right:-50%;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
}
@media (max-width: 1441px) {
  .horizon-r li span::before{
    right:-40%;
  }
}
@media (max-width: 1200px) {
  .horizon-r li span::before{
    right:-20%;
  }
}
.horizon-r li.on span::before{
  width:260px;
}
.horizon-pic{
  display: flex;
  align-items: center;
  max-width: 788px;
  width: 55.5%;
  margin-left:5%;
}
@media (max-width: 1200px) {
  .horizon-pic{
    margin-left:2%;
  }
}
@media (max-width: 992px) {
  .horizon-pic{
    margin-left:0;
    margin-top:30px;
    width:88%;
    margin-left:auto;
    margin-right:auto;
    transform: translateX(-10px) !important;
    -webkit-transform: translateX(-10px) !important;
    -moz-transform: translateX(-10px) !important;
    -ms-transform: translateX(-10px) !important;
    -o-transform: translateX(-10px) !important;
}
}
#horizon_swiper{
  position: relative;
  max-width:580px;
  width: 74.5%;
  max-height:580px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media (max-width: 576px) {
  #horizon_swiper{
    width:100%;
  }
}
.horizon-img{
  width:100%;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.horizon-img-box{
  margin-bottom:3%;
  width:95%;
  height:95%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.horizon-img-box img{
  width:100%;
  height:100%;
  position: relative;
  z-index: 3;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
#horizon_swiper::before{
  content: '';
  width: 95%;
  height: 95%;
  background: #181818;
  position: absolute;
  right:.07%;
  top:1.5%;
  z-index: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
#horizon_swiper::after{
  content: '';
  width:95%;
  height: 95%;
  position: absolute;
  top:0;
  right:0;
  z-index: -1;
  background: var(--origin--);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translateY(20px) translateX(-11px);
  -webkit-transform: translateY(20px) translateX(-11px);
  -moz-transform: translateY(20px) translateX(-11px);
  -ms-transform: translateY(20px) translateX(-11px);
  -o-transform: translateY(20px) translateX(-11px);
}
@media (max-width: 992px) {
  #horizon_swiper::after{
    transform: translateY(10px) translateX(-6px);
    -webkit-transform: translateY(10px) translateX(-6px);
    -moz-transform: translateY(10px) translateX(-6px);
    -ms-transform: translateY(10px) translateX(-6px);
    -o-transform: translateY(10px) translateX(-6px);
}
}
.horizon-arrow{
  max-width:210px;
  max-height:122px;
  width: 26.7%;
  transform: translateX(-16px);
  -webkit-transform: translateX(-16px);
  -moz-transform: translateX(-16px);
  -ms-transform: translateX(-16px);
  -o-transform: translateX(-16px);
  position: relative;
  z-index: 333;
}
@media (max-width: 992px) {
  .horizon-arrow{
    display: none;
  }
}
#fp-nav{
  display: none !important;
}

/* 联系 */
.inner-bar {
	position: relative;
  padding-top:104px;
}
@media (max-width: 1200px) {
  .inner-bar {
    padding-top:70px;
  }
}
.container.inner-box{
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-60%);
  -webkit-transform: translate(-50%,-60%);
  -moz-transform: translate(-50%,-60%);
  -ms-transform: translate(-50%,-60%);
  -o-transform: translate(-50%,-60%);
}
.container.identify-bar{
  top:46%;
}
@media (max-width: 1200px) {
  .container.inner-box{
    transform: translate(-50%,-35%);
    -webkit-transform: translate(-50%,-35%);
    -moz-transform: translate(-50%,-35%);
    -ms-transform: translate(-50%,-35%);
    -o-transform: translate(-50%,-35%);
}
}
@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%);
  }
}
@media (max-width: 576px) {
  .container.inner-box{
    top:50%;
  }
}
.inner-name{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.inner-name p{
  position: relative;
  font-size: 52px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
  text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.16);
}
@media (max-width:1440px){
  .inner-name p{
    font-size:3rem;
  }
}
@media (max-width: 1200px) {
  .inner-name p{
    font-size:2.2rem;
  }
}
@media (max-width: 992px) {
  .inner-name p{
    font-size:1.8rem;
  }
}
@media (max-width: 768px) {
  .inner-name p{
    font-size:1.5rem;
  }
}
@media (max-width: 576px) {
  .inner-name p{
    font-size:1.2rem;
  }
}
.inner-name svg{
  margin-top:1.6%;
}
@media (max-width: 1200px) {
  .inner-name svg{
    margin-top:1%;
  }
}
@media (max-width: 992px) {
  .inner-name svg{
    width:26px;
    height:9px;
  }
}
.inner-name svg path{
  stroke-dasharray:50;
  stroke-dashoffset:50;
}
.inner-bar img{
  width:100%;
}
.crumb-box{
  height:60px;
  background: linear-gradient(180deg, #EDEDED 0%, #F8F8F8 30.33%);
}
@media (max-width: 1200px) {
  .crumb-box{
    height:50px;
  }
}
.crumb-box .container{
  height:100%;
}
.crumb-tag{
  height:100%;
  width:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 576px) {
  .crumb-tag{
    justify-content:space-around;
  }
}
.crumb-tag a{
  display: block;
  padding:0 55px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .crumb-tag a{
    padding:0 40px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .crumb-tag a{
    padding:0 30px;
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .crumb-tag a{
    padding:0;
    font-size: 14px;
  }
}
.crumb-tag a.on,
.crumb-tag a:hover{
  color:var(--origin--);
}
.layout{
  background: #ffffff;
  padding-top:100px;
}
@media (max-width: 1200px) {
  .layout{
    padding-top:80px;
  }
}
@media (max-width: 992px) {
  .layout{
    padding-top:70px;
  }
}
@media (max-width: 768px) {
  .layout{
    padding-top:60px;
  }
}
@media (max-width: 576px) {
  .layout{
    padding-top:50px;
  }
}
.tab{
  display: flex;
  flex-direction: column;
  align-items: center ;
}
.tab span{
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  position: relative;
}
@media (max-width: 1200px) {
  .tab span{
    font-size: 26px;
  }
}
@media (max-width: 992px) {
  .tab span{
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .tab span{
    font-size: 20px;
  }
}
.tab-desc{
  margin-top:30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
.tab-desc p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
}
@media (max-width: 1200px) {
  .tab-desc{
    margin-top:20px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .tab-desc{
   max-width: 90%;
  }
}
.usbox-main{
  margin-top:3.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
#usbox{
  position: absolute;
  top:-300px;
}
.usbox-l{
  width:65.97%;
  max-width: 950px;
  min-height:428px;
  background: linear-gradient(216.4deg, #FFF7F4 7.79%, #FFFFFF 109.44%);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 1200px) {
  .usbox-l{
    width:100%;
    min-height:280px;
  }
}
@media (max-width: 992px) {
  .usbox-l{
    min-height:220px;
  }
}
@media (max-width: 768px) {
  .usbox-l{
    min-height:auto;
    padding-bottom: 5%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
}
.usbox-top{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top:7.5%;
}
@media (max-width: 1200px) {
  .usbox-top{
    margin-top:4%;
  }
  .usbox-top span svg{
    width:70px;
    height:70px;
  }
}
@media (max-width: 992px) {
  .usbox-top span svg{
    width:60px;
    height:60px;
  }
}
.usbox-top p{
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .usbox-top p{
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .usbox-top p{
    font-size: 16px;
  }
}
.usbox-r{
  width:31.94%;
  max-width: 460px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1200px) {
  .usbox-r{
    width:100%;
    max-width:100%;
    padding-top: 20px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.usbox-ul{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin-top:7.2%;
}
@media (max-width: 1200px) {
  .usbox-ul{
    margin-top:3%;
  }
}
@media (max-width: 992px) {
  .usbox-ul{
    margin-top:1%;
  }
}
@media (max-width: 768px) {
  .usbox-ul{
    margin-top:3%;
  }
}
.usbox-ul li{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin:0 40px;
}
.usbox-ul li span{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(220, 84, 27, 1);
}
@media (max-width: 1200px) {
  .usbox-ul li span{
    font-size: 16px;
    line-height:1.6;
  }
}
@media (max-width: 992px) {
  .usbox-ul li span{
    font-size: 15px;
  }
}
.usbox-ul li p{
  margin-top:20px;
  font-family: 'OPPOSans20-Medium';
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .usbox-ul li p{
    margin-top:15px;
    font-size:20px;
  }
}
@media (max-width: 768px) {
  .usbox-ul li p{
    margin-top:0px;
    font-size:18px;
  }
}
.usbox-ul li:first-child p{
  margin-top:6px;
}
.usbox-item{
  margin-bottom:28px;
  width: 100%;
  min-height:200px;
  border: 1px solid rgba(235, 238, 245, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 1200px) {
  .usbox-item{
    margin-bottom: 20px;
    width:49%;
  }
}
@media (max-width: 992px) {
  .usbox-item{
    width:100%;
  }
}
@media (max-width: 768px) {
  .usbox-item{
    min-height:auto;
    padding-bottom:3%;
  }
}
.usbox-item svg{
  margin-top:29px;
}
@media (max-width: 1200px) {
  .usbox-item svg{
    margin-top:20px;
    width:60px;
    height:60px;
  }
}
@media (max-width: 992px) {
  .usbox-item svg{
    margin-top:16px;
    width:50px;
    height:50px;
  }
}
.usbox-item p{
  margin-top:20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .usbox-item p{
    margin-top:10px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .usbox-item p{
    max-width: 90%;
  }
}
.usbox-item span{
  margin-top:10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 768px) {
  .usbox-item span{
    margin-top:4px;
    font-size: 14px;
  }
}
/*10-12修改*/
#map{
  height:calc( 100vh - 104px ) ;
}
.usbox-map{
  margin-top:104px;
}
@media (max-width: 1200px) {
  #map{
    height:calc( 100vh - 70px ) ;
  }
  .usbox-map{
    margin-top:70px;
  }
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
  #map{
    height:400px;
  }
  .usbox-map{
    margin-top:20px;
  }
}
@media (max-width: 576px) {
  .usbox-map{
    margin-top:10px;
  }
}
/* 招聘 */
.idea_box{
  background: url(https://hefeng2.539360.com/images/idea_box.jpg) no-repeat center;
  background-size: cover;
  padding-bottom: 110px;
  margin-top:107px;
  height: calc( 100vh - 107px );
}

@media (max-width: 1200px) {
  .idea_box{
    padding-bottom: 80px;
    margin-top:60px;
    height: calc( 100vh - 60px );
  }
}
@media (max-width: 768px) {
  .idea_box{
    height:auto;
    margin-top:0;
    padding-bottom: 60px;
  }
}
@media (max-width: 576px) {
  .idea_box{
    padding-bottom: 50px;
  }
}
.idea_l{
  max-width:516px;
  max-height:548px;
  position: relative;
  width: 36.04%;
}
@media (max-width: 1200px) {
  .idea_l{
    width:40%;
  }
}
@media (max-width: 768px) {
  .idea_l{
    display: none;
  }
}
.idea_l img{
  position: relative;
  z-index: 222;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.idea_l::after{
  content: '';
  max-width:255px;
  max-height:288px;
  width:49.41%;
  height:52.55%;
  position: absolute;
  background: url(https://hefeng2.539360.com/images/idea_l.jpg) no-repeat center;
  background-size: cover;
  right:-19.76%;
  bottom:-7.846%;
  z-index: 11;
}
@media (max-width: 1200px) {
  .idea_l::after{
    display: none;
  }
}
.idea_r{
  max-width: 692px;
  width:50.1%;
}
@media (max-width: 1200px) {
  .idea_r{
    width:56%;
  }
}
@media (max-width: 768px) {
  .idea_r{
    width:97%;
  }
}
.idea_box .container{
  display: flex;
  justify-content: space-between;
  padding-right: 3%;
  height:100%;
}
@media (max-width: 1200px) {
  .idea_box .container{
    padding-right:0;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .idea_box .container{
    height:auto;
  }
}
.idea-top{
  margin-bottom: 63px;
}
@media (max-width: 1441px) {
  .idea-top{
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .idea-top{
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .idea-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }
}
.idea-top span{
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(220, 84, 27, 1);
}
.idea-title{
  margin-top:7px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.idea-title p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
}
@media (max-width: 1441px) {
  .idea-title{
    font-size:28px;
  }
}
@media (max-width: 1200px) {
  .idea-title{
    font-size:24px;
  }
}
@media (max-width: 992px) {
  .idea-title{
    font-size:20px;
  }
}
@media (max-width: 576px) {
  .idea-title{
    font-size:18px;
    text-align: center;
  }
}
.idea-p{
  margin-top:40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .idea-p{
    margin-top:20px;
    font-size: 15px;
  }
}
@media (max-width: 992px) {
  .idea-p{
    margin-top:10px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .idea-p{
    margin-top:5px;
    text-indent:2rem;
  }
  .idea-p p{
    display: contents;
  }
}
.job_box{
  padding-top:100px;
  position: relative;
}
@media (max-width: 1200px) {
  .job_box{
    padding-top: 80px;
  }
}
@media (max-width: 768px) {
  .job_box{
    padding-top: 60px;
  }
}
@media (max-width: 576px) {
  .job_box{
    padding-top: 50px;
  }
}
#job_box .item3_{
  position: absolute;
  top:-70px;
}
.job-item{
  margin:55px 0;
}
@media (max-width: 1200px) {
  .job-item{
    margin:40px 0;
  }
}
@media (max-width: 992px) {
  .job-item{
    margin:30px 0;
  }
}
.job-item li{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  overflow: hidden;
  flex-direction: column;
  background: rgba(245, 246, 248, 1);
  padding:0 30px;
}
@media (max-width: 768px) {
  .job-item li{
    border-radius: 8px;
    padding:0 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
}
.job-item li.on{
  border: 1px solid rgba(228, 231, 237, 1);
  background: none;
}
.job-sider{
  width:100%;
  height:90px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .job-sider{
    height:80px;
  }
}
@media (max-width: 576px) {
  .job-sider{
    height:60px;
  }
}
.job-sider::after{
  content: '';
  width:45px;
  height:45px;
  background: url(https://hefeng2.539360.com/images/job-item.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  top:20px;
  right: 0px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 768px) {
  .job-sider::after{
    width:30px;
    height:30px;
    top:15px;
  }
}
.on .job-sider::after{
  background: url(https://hefeng2.539360.com/images/job-item2.svg) no-repeat center;
  background-size: cover;
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.job-sider span{
  display: flex;
  align-items: center;
  height:90px;
  width: 27.4%;
  max-width: 376px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1200px) {
  .job-sider span{
    height:80px;
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .job-sider span{
    height:70px;
    font-size: 17px;
  }
}
@media (max-width: 768px) {
  .job-sider span{
    height:60px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .job-sider span{
    width: 45%;
    height:50px;
  }
}
.job-sider p{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .job-sider p{
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .job-sider p{
    font-size: 13px;
  }
}
@media (max-width: 576px) {
  .job-sider p{
    font-size: 12px;
  }
}
@media (max-width: 400px) {
  .job-sider p{
    display: none;
  }
}
.on .job-sider span{
  color:var(--origin--);
}
.on .job-sider{
  height: auto;
  flex-direction: column;
  align-items: flex-start;
}
.on .job-sider p{
  display: none;
}

.job-but{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin:22px 0;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .job-but{
    margin:18px 0;
  }
}
@media (max-width: 576px) {
  .job-but{
    margin:16px 0;
  }
}
.job-but a{
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(220, 84, 27, 1);
}
@media (max-width: 1200px) {
  .job-but a{
    font-size: 15px;
  }
}
@media (max-width: 992px) {
  .job-but a{
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .job-but a{
    font-size: 13px;
  }
}
.job-but button{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  width:174px;
  height:55px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  background: rgba(220, 84, 27, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  line-height:1.6;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  border:none;
  cursor: pointer;
  margin-right:50px;
}
@media (max-width: 1200px) {
  .job-but button{
    width:150px;
    height:47px;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .job-but button{
    width:120px;
    height:38px;
    font-size: 15px;
    margin-right:30px;
  }
}
@media (max-width: 768px) {
  .job-but button{
    margin-right:0;
    font-size:14px;
  }
}
@media (max-width: 540px) {
  .job-but button{
    margin-top:10px ;
  }
}
.job-but button svg{
  margin-left: 10px;
}
@media (max-width: 1200px) {
  .job-but button svg{
    margin-left: 5px;
    width:20px;
    height:20px;
  }
}
@media (max-width: 768px) {
  .job-but button svg{
    width:16px;
    height:16px;
  }
}
.job-body{
  display: none;
  width: 100%;
}
.on .job-body{
  display: block;
}
.job-desc{
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  margin-top:16px;
}
@media (max-width: 1200px) {
  .job-desc{
    margin-top: 0px;
  }
}
.job-main{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 42px;
  border-bottom: 1px solid rgba(228, 231, 237, 1); 
}
@media (max-width: 1200px) {
  .job-main{
    padding-bottom: 30px;
  }
}
@media (max-width: 992px) {
  .job-main{
    padding-bottom: 20px;
  }
}
.job-li{
  width:50%;
}
@media (max-width: 992px) {
  .job-li{
    width:100%;
  }
  .job-main .job-li:last-child{
    margin-top: 16px;
  }
}
.job-name{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .job-name{
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .job-name{
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .job-name{
    font-size: 14px;
  }
}
.job-txt{
  margin-top:18px;
}
@media (max-width: 1200px) {
  .job-txt{
    margin-top:10px;
  }
}
.job-txt p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
  text-indent: 10px;
  position: relative;
}
@media (max-width: 1200px) {
  .job-txt p{
    font-size:14px;
    line-height: 1.6;
  }
}
@media (max-width: 768px) {
  .job-txt p{
    font-size:13px;
  }
}
.job-txt p::before{
  content: '';
  width:2px;
  height:2px;
  background:rgba(96, 98, 102, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  left:0;
  top:16px;
}
@media (max-width: 768px) {
  .job-txt p::before{
    top:10px;
  }
}
/* 10-12修改 */
.message{
  padding-top:60px;
  background: rgba(245, 246, 248, 1);
  position: relative;
  margin-top:107px;
  height:calc( 100vh - 107px );
}
@media (max-width: 1200px) {
  .message{
    margin-top:70px;
    padding-top: 0px;
    height:calc( 100vh - 70px );
  }
  .message .container{
    height: 100%;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .message{
    padding:60px 0;
    height:auto;
  }
}
@media (max-width: 576px) {
  .message{
    padding:50px 0;
  }
}
#message .item4_{
  position: absolute;
  top:-80px;
}
.message-main{
  height: 688px;
  width:100%;
  display: flex;
  background: #ffffff;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 1441px) {
  .message-main{
    height: 620px;
  }
}
@media (max-width: 1200px) {
  .message-main{
    height: 550px;
  }
}
@media (max-width: 992px) {
  .message-main{
    height: auto;
    padding:40px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
}
@media (max-width: 768px) {
  .message-main{
    padding:30px 0;
  }
}
.message-l{
  width:32.91%;
  height: 100%;
  background: url(https://hefeng2.539360.com/images/message-l.jpg) no-repeat center;
  background-size: cover;
  padding:0 64px;
}
@media (max-width: 1200px) {
  .message-l{
    display: none;
  }
}
.message-r{
  flex:1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-top{
  padding-top:28%;
}
.message-top span{
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.message-desc{
  margin-top:6%;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.message-tel{
  margin-top:74%;
}
.message-tel span{
  font-family: 'D-DINExp';
  font-size: 27px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.message-tel p{
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.message-li{
  display: flex;
  width:720px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
  color:red;
  font-size:14px;
}
@media (max-width: 992px) {
  .message-li{
    width:90%;
  }
}
@media (max-width: 768px) {
  .message-li{
    margin-bottom: 0;
  }
}
.message-input{
  width:345px;
  height:58px;
  background: rgba(245, 246, 248, 1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding:0 20px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .message-input{
    width:48%;
    height:50px;
  }
}
@media (max-width: 768px) {
  .message-input{
    width:100%;
    height:40px;
    margin-bottom: 16px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    padding:0 10px;
}
}
.message-input input{
  border:0;
  height:40px;
  width: 80%;
  background:rgba(245, 246, 248, 1) ;
}
@media (max-width: 1200px) {
  .message-input input{
    height:30px;
  }
}
.message-text textarea::placeholder,
.message-text textarea,
.message-input input,
.message-input input::placeholder{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 768px) {
  .message-text textarea,
  .message-input input,
  .message-input input::placeholder{
    font-size:14px;
  }
}
.message-text{
  width: 100%;
  height:226px;
  background: rgba(245, 246, 248, 1);
  padding:20px;
  display: flex;
}
@media (max-width: 1200px) {
  .message-text{
    height:180px;
  }
}
@media (max-width: 992px) {
  .message-text{
    height:140px;
    padding:16px 10px;
  }
}
.message-text textarea{
  width:90%;
  height:90%;
  border:none;
  background: rgba(245, 246, 248, 1);
  resize: none;
}
.message-sub{
  margin-top:60px;
  width: 100%;
}
@media (max-width: 1200px) {
  .message-sub{
    margin-top:30px;
  }
}
@media (max-width: 992px) {
  .message-sub{
    margin-top:20px;
    margin-left:10%;
  }
}
.message-sub button{
  width:220px;
  height:60px;
  background: rgba(220, 84, 27, 1);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  border:0 none;
}
@media (max-width: 1200px) {
  .message-sub button{
    width:180px;
    height:49px;
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .message-sub button{
    width:160px;
    height:44px;
  }
}
@media (max-width: 768px) {
  .message-sub button{
    width:140px;
    height:36px;
  }
}
.message-from{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width:100%;
  max-width: 720px;
  height:100%;
}

/* 新闻 */
.news_main{
  padding-top: 80px;
}
@media (max-width: 1200px) {
  .news_main{
    padding-top: 70px;
  }
}
@media (max-width: 992px) {
  .news_main{
    padding-top: 60px;
  }
}
@media (max-width: 576px) {
  .news_main{
    padding-top: 50px;
  }
}
.news-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
#news-top{
  position: absolute;
  top:-140px;
}
.news-top span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  line-height: 1.6;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  position: relative;
}
@media (max-width: 1220px) {
  .news-top span{
    font-size:26px;
  }
}
@media (max-width: 992px) {
  .news-top span{
    font-size:24px;
  }
}
@media (max-width: 768px) {
  .news-top span{
    font-size:20px;
  }
}
.news-top form{
  width:420px;
  height:56px;
  border:1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding:0 20px;
}
@media (max-width: 1441px) {
  .news-top form{
    width:360px;
    height:48px;
    padding:0 16px;
  }
}
@media (max-width: 1200px) {
  .news-top form{
    width:280px;
    height:40px;
    padding:0 12px;
  }
}
@media (max-width: 992px) {
  .news-top form{
    width:240px;
    height:36px;
    padding:0 8px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
}
@media (max-width: 576px) {
  .news-top form{
    width:200px;
    height:30px;
}
}
.news-top input,
.news-top input::placeholder{
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .news-top input,
  .news-top input::placeholder{
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .news-top input,
  .news-top input::placeholder{
    font-size:14px;
  }
}
@media (max-width: 576px) {
  .news-top input,
  .news-top input::placeholder{
    font-size:12px;
  }
}
.news-top button{
  background: none;
  border:none;
  width:20px;
  height:20px;
  display: flex;
  align-items: center;
}
.news-top input{
  flex:.97;
  border:none;
  width:90%;
}
.news-hot-pic{
  position: relative;
  overflow: hidden;
}
.news-hot-img{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.news-hot-pic:hover .news-hot-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-hot-img img{
  opacity: 0;
}
.news-hot{
  display: flex;
  align-items:flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 50px;
}
@media (max-width: 1440px) {
  .news-hot{
    padding-top: 40px;
    align-items:center;
  }
}
@media (max-width: 992px) {
  .news-hot{
    padding-top: 30px;
  }
}
.news-hot-item{
  display: block;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.news-hot-l{
  width:64.58%;
  max-width: 930px;
}
@media (max-width: 768px) {
  .news-hot-l{
    width:100%;
  }
}
.news-hot-r{
  width:31.11%;
  max-width: 448px;
}
@media (max-width: 768px) {
  .news-hot-r{
    width:100%;
    max-width: 100%;
  }
}
.news-hot-r li{
  padding:30px 0;
  border-bottom: 1px solid rgba(228, 231, 237, 1);
  position: relative;
}

@media (max-width: 1441px) {
  .news-hot-r li{
    padding:26px 0;
  }
}
@media (max-width: 1200px) {
  .news-hot-r li{
    padding:20px 0;
  }
}
@media (max-width: 992px) {
  .news-hot-r li{
    padding:14px 0;
  }
}
.news-hot-r li a{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.news-hot-r li a p{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6 ;
  letter-spacing: 0.01em;
  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;
}
@media (max-width: 1200px) {
  .news-hot-r li a p{
    font-size:16px;
    -webkit-line-clamp: 1;
  }
}
@media (max-width: 992px) {
  .news-hot-r li a p{
    font-size:15px;
  }
}
@media (max-width: 768px) {
  .news-hot-r li a p{
    font-size:14px;
  }
}
.news-hot-r li a span{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  display: block;
  margin-top:10px ;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .news-hot-r li a span{
    margin-top:6px;
    font-size:12px;
  }
}
@media (max-width: 992px) {
  .news-hot-r li a span{
    margin-top:2px;
  }
}
.news-hot-r li.on a p,
.news-hot-r li:hover a p{
  color: var(--origin--);
}
.news-hot-r li::after{
  content: '';
  width:0;
  height:1px;
  background: var(--origin--);
  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;
}
.news-hot-r li.on::after,
.news-hot-r li:hover::after{
  width:100%;
}
.news-main{
  padding-top:30px;
  position: relative;
}
@media (max-width: 1200px) {
  .news-main{
    padding-top:20px;
  }
}
@media (max-width: 992px) {
  .news-main{
    padding-top:10px;
  }
}
.news-main .row{
  --bs-gutter-x:60px; 
}
@media (max-width: 1200px) {
  .news-main .row{
    --bs-gutter-x:30px; 
  }
}
@media (max-width: 992px) {
  .news-main .row{
    --bs-gutter-x:20px; 
  }
}
.news-box{
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin: 30px 0;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .news-box{
    margin:20px 0;
  }
}
@media (max-width: 992px) {
  .news-box{
    margin:10px 0;
  }
}
.news-box .news-hot-pic{
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.news-time{
  position: absolute;
  top:0;
  left:0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  width:125px;
  height:50px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .news-time{
    width:110px;
    height:40px;
  }
}
.news-time span{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .news-time span{
    font-size: 14px;
  }
}
.news-desc{
  margin-top:40px;
  min-height: 110px;
}
@media (max-width: 1441px) {
  .news-desc{
    margin-top:30px;
    min-height: 100px;
  }
}
@media (max-width: 1200px) {
  .news-desc{
    margin-top:20px;
    min-height: 90px;
  }
}
@media (max-width: 992px) {
  .news-desc{
    margin-top:16px;
    min-height: 80px;
  }
}
@media (max-width: 768px) {
  .news-desc{
    margin-top:10px;
    min-height: 60px;
  }
}
.news-desc p{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  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;
}
@media (max-width: 1200px) {
  .news-desc p{
    font-size:16px;
  }
}
@media (max-width: 768px) {
  .news-desc p{
    font-size:15px;
      -webkit-line-clamp: 1;
  }
}
.news-desc span{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  position: absolute;
  left:0;
  bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .news-desc span{
    font-size:12px;
  }
  .news-desc span svg{
    width:18px;
  }
}
.news-box:hover .news-desc span{
  color:var(--origin--);
}
.news-box:hover .news-desc span svg path{
  stroke:var(--origin--);
}
.news-box:hover .news-time{
  background: var(--origin--);
}
/* 分页 */
.pager{
  padding-bottom: 4rem;
}
@media (max-width: 1200px) {
  .pager{
    padding-bottom: 3rem;
  }
}
@media (max-width: 992px) {
  .pager{
    padding-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .pager{
    padding-bottom: 1rem;
  }
}
.paging{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:2rem 0;
}
.paging li{
  min-width:38px;
  height:38px;
  margin:0 6px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: rgba(245, 246, 248, 1);
}
@media (max-width:991px){
  .paging li{
    display: none;
  }
  .paging li:first-child,
  .paging li:last-child{
    display: inline-block;
  }
  .paging li{
    min-width:30px;
    height:30px;
    margin:0 24px;
  }
}
@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: var(--origin--);
  color:#fff;
}
.pagination li:last-child span,
.pagination li:first-child span{
  color:var(--origin--);
}
/* 赫峰人造石 */
.assort-box{
  margin-top:-116px;
  position: relative;
  z-index: 222;
}
@media (max-width: 1200px) {
  .assort-box{
    margin-top: -100px;
  }
}
@media (max-width: 992px) {
  .assort-box{
    margin-top: -88px;
  }
}
@media (max-width: 768px) {
  .assort-box{
    margin-top: -70px;
  }
}
@media (max-width: 460px) {
  .assort-box{
    display: none;
  }
}
.assort-tag{
  display: flex;
  justify-content: space-around;
}
.assort-tag a{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex:1;
}
.assort-tag a::after{
  content: '';
  position: absolute;
  right:0;
  top:50%;
  width:1px;
  height:48px;
  background:rgba(255, 255, 255, .4);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .assort-tag a::after{
    height:36px;
  }
}
@media (max-width: 768px) {
  .assort-tag a::after{
    height:26px;
  }
}
.assort-tag a:last-child::after{
  display: none;
}
.assort-tag a span{
  display: block;
  margin-top:14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .assort-tag a span{
    margin-top:8px;
    font-size:15px;
  }
}
@media (max-width: 992px) {
  .assort-tag a span{
    margin-top:6px;
    font-size:14px;
  }
}
@media (max-width: 768px) {
  .assort-tag a span{
    margin-top:2px;
  }
}
.assort-tag a svg,
.assort-tag a svg path{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .assort-tag a svg{
    width:42px;
    height:42px;
  }
}
@media (max-width: 768px) {
  .assort-tag a svg{
    width:36px;
    height:36px;
  }
}
.assort-tag a:hover svg path,
.assort-tag a.on svg path{
  fill:var(--origin--);
}
.assort-tag a:hover span,
.assort-tag a.on span{
  color: var(--origin--);
}
.assort-tag a:hover svg{
  animation: search .3s ease-out ;
  -webkit-animation: search .3s ease-out ;
  animation-iteration-count: 1;
}
.assort-ul{
  margin-top:60px;
}
@media (max-width: 1200px) {
  .assort-ul{
    margin-top:40px;
  }
}
@media (max-width: 768px) {
  .assort-ul{
    margin-top:20px;
  }
}
.assort-ul .row{
  --bs-gutter-x:40px;
}
@media (max-width: 1200px) {
  .assort-ul .row{
    --bs-gutter-x:25px;
  }
}
.assort-li{
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.assort-li::after{
  content: '';
  width:100%;
  height:0px;
  position: absolute;
  left:0;
  bottom:0;
  background: 
  linear-gradient(176.14deg, rgba(220, 84, 27, 0) -11.49%, #DC541B 96.84%);
  z-index: 11;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.assort-li.on::after{
  height: 100%;
}
.assort-title{
  position: absolute;
  left:9.95%;
  bottom:8.88%;
  width:81.85%;
  z-index: 22;
}
@media (max-width: 768px) {
    .assort-li{
        margin-bottom: 20px;
    }
  .assort-title{
    bottom: 5%;
    left:5%;
    width: 90%;
  }
}
.assort-title span{
  display: block;
  padding:20px 0;
  position: relative;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .assort-title span{
    padding:16px 0;
    font-size:22px;
  }
}
@media (max-width: 992px) {
  .assort-title span{
    padding:14px 0;
    font-size:18px;
  }
}
.assort-title span::after{
  content: '';
  width:100%;
  height:1px;
  position: absolute;
  left:0;
  bottom: 0;
  z-index: 22;
  background: rgba(255, 255, 255, 1);
}
.assort-title span::before{
  content: '';
  width:60%;
  height:2px;
  position: absolute;
  left:0;
  bottom: 0;
  z-index: 33;
  background: var(--origin--);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.assort-li.on .assort-title span::before{
  background: #ffffff;
}
.assort-title p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .assort-title p{
    margin-top:16px;
    font-size: 14px;
    line-height: 1.6;
  }
}
.assort-more{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:40px;
  font-size: 15px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .assort-more{
    margin-top:30px;
    font-size: 13px;
    line-height: 1.6;
  }
}
.assort-more svg{
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .assort-more svg{
    width:22px;
    margin-right: 8px;
  }
}
.assort-top{
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding-top: 24px;*/
}
/*@media (max-width: 1200px) {*/
/*  .assort-top{*/
/*    padding-top: 16px;*/
/*  }*/
/*}*/
@media (max-width: 992px) {
  .assort-top{
    padding-top: 10px;
  }
}
@media (max-width: 768px) {
  .assort-top{
    padding-top: 0px;
  }
}
.assort-top>b{
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(220, 84, 27, 1);
}
@media (max-width: 992px) {
  .assort-top>b{
    font-size:18px;
  }
}
@media (max-width: 768px) {
  .assort-top>b{
    font-size:16px;
    margin-bottom: 4px;
  }
}
.assort-top>span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  position: relative;
}
.tab>span>em,
.news-top>span>em,
.expo-top>span>em,
.assort-top>span>em{
  display: block;
  position: absolute;
  bottom: 0;
  left:50%;
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 11px;
  font-style: normal;
  font-weight: 100;
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
  text-transform: uppercase;
  color: rgba(192, 196, 204, 1);
  transform: translateX(-50%) translateY(90%);
  -webkit-transform: translateX(-50%) translateY(90%);
  -moz-transform: translateX(-50%) translateY(90%);
  -ms-transform: translateX(-50%) translateY(90%);
  -o-transform: translateX(-50%) translateY(90%);
}
@media (max-width: 1200px) {
  .assort-top>span{
    font-size:28px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .assort-top>span{
    font-size:24px;
  }
}
@media (max-width: 768px) {
  .assort-top>span{
    font-size:20px;
  }
}
.assort-desc{
  margin-top:40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
}
.assort-desc p span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
}
@media (max-width: 1441px) {
  .assort-desc{
    margin-top:35px;
  }
}
@media (max-width: 1200px) {
  .assort-desc{
    margin-top:25px;
    font-size: 14px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .assort-desc{
    text-indent: 2rem;
  }
  .assort-desc p{
    display: contents;
  }
}
@media (max-width: 768px) {
  .assort-desc{
    text-align: left;
  }
}
.assort-but{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(96, 98, 102, 1);
  padding:60px 0 100px 0;
}
@media (max-width: 1440px) {
  .assort-but{
    padding:50px 0 80px 0;
  }
}
@media (max-width: 1200px) {
  .assort-but{
    font-size:14px;
    line-height: 1.6;
    padding:40px 0 70px 0;
  }
  .assort-but p{
    display: contents;
  }
}
@media (max-width: 992px) {
  .assort-but{
    padding:30px 0 60px 0;
  }
}
@media (max-width: 768px) {
  .assort-but{
    padding:20px 0 50px 0;
    text-align: left;
    text-indent: 2rem;
  }
}
.assort-main{
  background: url(https://hefeng2.539360.com/images/assort-main.jpg) no-repeat center;
  background-size: cover;
}
/* 机械装备 */
.equip-item{
  background: #ffffff;
  min-height:265px;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:0 5.8%;
  cursor: pointer;
  position: relative;
}
@media (max-width: 1200px) {
  .equip-item{
    min-height:200px;
    padding:0 4%;
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  .equip-item{
    min-height:160px;
    padding:0 4%;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .equip-item{
    min-height:auto;
    padding:5% 3%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
}
.equip-item::after{
  content: '';
  position: absolute;
  right:0;
  bottom:0;
  width:0px;
  height:100%;
  background: linear-gradient(106.46deg, #ffffff 70.96%, rgba(255, 255, 255, 1) 117.03%);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
}
.equip-item.on::after{
  width:100%;
  background: linear-gradient(106.46deg, #DC541B 70.96%, rgba(220, 84, 27, 0.1) 117.03%);
  opacity: 1;
}
.equip-svg{
  position: relative;
  z-index: 2;
}
@media (max-width: 1200px) {
  .equip-svg svg{
    width:50px;
  }
}
@media (max-width: 992px) {
  .equip-svg svg{
    width:40px;
  }
}
.equip-svg svg path{
  fill:#DC541B;
}
.equip-item.on .equip-svg svg path{
  fill:#ffffff;
}
.equip-desc{
  flex:.96;
  position: relative;
  z-index: 2;
}
.equip-desc span{
  font-size: 32px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .equip-desc span{
    font-size: 28px;
    line-height: 1.6;
  }
}
@media (max-width: 1200px) {
  .equip-desc span{
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .equip-desc span{
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .equip-desc span{
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .equip-desc span{
    font-size: 16px;
  }
}
.equip-desc p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1440px) {
  .equip-desc p{
    font-size: 14px;
    line-height: 1.6;
  }
}
.equip-item.on .equip-desc span,
.equip-item.on .equip-desc p{
  color:#ffffff;
}
.equip-main{
  background: url(https://hefeng2.539360.com/images/equip-main.jpg) no-repeat center;
  background-size: cover;
}
.equip-ul{
  margin-top:60px;
}
@media (max-width: 1440px) {
  .equip-ul{
    margin-top:50px;
  }
}
@media (max-width: 1200px) {
  .equip-ul{
    margin-top:20px;
  }
}
@media (max-width: 992px) {
  .equip-ul{
    margin-top:10px;
  }
}
.equip-ul .row{
  --bs-gutter-x:40px;
}
@media (max-width: 1440px) {
  .equip-ul .row{
    --bs-gutter-x:35px;
  }
}
@media (max-width: 1200px) {
  .equip-ul .row{
    --bs-gutter-x:20px;
  }
}
/* 国际贸易  */
.inter-main{
  background: url(https://hefeng2.539360.com/images/inter-main.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 50px;
}
.inter-main .container{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inter-li{
  height:340px;
  width: 49.1%;
  max-width: 650px;
  background: rgba(245, 246, 248, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:0 2%;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .inter-li{
    height:auto;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding:30px 0;
  }
}
@media (max-width: 768px) {
  .inter-li{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
}
.inter-li.on{
  background: rgba(237, 109, 0, 0.06);
}
.inter-li::after{
  content: '';
  width:5px;
  height:40px;
  background: var(--origin--);
  position: absolute;
  left:35px;
  top:0;
}
@media (max-width: 768px) {
  .inter-li::after{
    left:20px;
    height:30px;
  }
}
.inter-top{
  display: flex;
  align-items: flex-end;
  margin-top:15%;
}
@media (max-width: 1200px) {
  .inter-top{
    margin-top:5%;
  }
  .inter-top svg{
    width:80px;
    height:80px;
  }
}
@media (max-width: 992px) {
  .inter-top{
    margin-top:2%;
  }
  .inter-top svg{
    width:70px;
    height:70px;
  }
}
@media (max-width: 768px) {
  .inter-top{
    margin-top:0;
  }
  .inter-top svg{
    width:60px;
    height:60px;
  }
}
@media (max-width: 576px) {
  .inter-top svg{
    width:50px;
    height:50px;
  }
}
.inter-top span{
  display: block;
  padding:0 20px;
  font-family: 'OPPOSans20-Medium';
  font-size: 80px;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: rgba(220, 84, 27, 1);
  position: relative;
}
@media (max-width: 1200px) {
  .inter-top span{
    font-size: 65px;
  }
}
@media (max-width: 992px) {
  .inter-top span{
    font-size: 55px;
    padding-left:10px;
  }
}
@media (max-width: 768px) {
  .inter-top span{
    font-size: 45px;
    padding-left:6px;
  }
}
@media (max-width: 576px) {
  .inter-top span{
    font-size: 36px;
    padding-left:4px;
    padding-right:10px;
  }
}
.inter-top span::after{
  content: '+';
  position: absolute;
  top:0;
  right:0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(220, 84, 27, 1);
}
@media (max-width: 576px) {
  .inter-top span::after{
    font-size:20px;
  }
}
.inter-top p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 18px;
  font-weight: 500;
  line-height: 3;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(220, 84, 27, 1);
}
@media (max-width: 1200px) {
  .inter-top p{
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .inter-top p{
    font-size: 14px;
  }
}
.inter-ul{
  max-width: 1360px;
  display: flex;
  justify-content: space-between;
  margin-top:60px;
  flex-wrap: wrap;
  width:100%;
}
@media (max-width: 1200px) {
  .inter-ul{
    margin-top:40px;
  }
}
@media (max-width: 768px) {
  .inter-ul{
    margin-top:20px;
  }
}
.inter-desc{
  margin-top:48px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
.inter-desc p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
}
@media (max-width: 1200px) {
  .inter-desc{
    font-size:16px;
    margin-top:20px;
  }
}
@media (max-width: 992px) {
  .inter-desc{
    font-size:14px;
    margin-top:10px;
  }
}
@media (max-width: 768px) {
  .inter-desc{
    text-align: left;
    max-width: 80%;
    margin-left:auto;
    margin-right:auto;
    text-indent: 2rem;
  }
  .inter-desc p{
    display: contents;
  }
}
.inter-add{
  display: flex;
  margin-top:6.2%;
  position: relative;
  z-index: 222;
}
@media (max-width: 1200px) {
  .inter-add{
    margin-top:2%;
  }
}
.inter-add p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  padding:0 20px;
  font-size: 24px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  position: relative;
}
@media (max-width: 1200px) {
  .inter-add p{
    font-size:18px;
    padding:0 14px;
  }
}
@media (max-width: 768px) {
  .inter-add p{
    font-size:16px;
    padding:0 10px;
  }
}
.inter-add p::after{
  content: '';
  width:1px;
  height:18px;
  background: var(--origin--);
  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) {
  .inter-add p::after{
    height:16px;
  }
}
.inter-eng{
  max-width: 492px;
  max-height: 46px;
  transform: translateY(-25px);
  -webkit-transform: translateY(-25px);
  -moz-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  -o-transform: translateY(-25px);
}
@media (max-width: 992px) {
  .inter-eng{
    max-width: 400px;
    max-height: 37px;
    transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
  }
}
@media (max-width: 768px) {
  .inter-eng{
    max-width: 300px;
    max-height: 28px;
  }
}
.inter-name{
  max-width: 733px;
  max-height: 115px;
  margin:60px auto 40px;
}
@media (max-width: 1200px) {
  .inter-name{
    max-width: 460px;
    max-height: 72px;
    margin:40px auto 30px auto;
  }
}
@media (max-width: 992px) {
  .inter-name{
    max-width: 400px;
    max-height: 63px;
    margin:20px auto;
  }
}
@media (max-width: 768px) {
  .inter-name{
    max-width: 340px;
    max-height: 54px;
  }
}
@media (max-width: 576px) {
  .inter-name{
    max-width: 260px;
    max-height: 41px;
  }
}
.expo-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expo-top span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .expo-top span{
    font-size:28px;
  }
}
@media (max-width: 768px) {
  .expo-top span{
    font-size:20px;
  }
}
.expo-top a{
  display: flex;
  align-items: center;
  justify-content: center;
  width:120px;
  height:41px;
  border: 1px solid rgba(220, 84, 27, 1);
  font-size: 16px;
  font-weight: 400;
  line-height:1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(220, 84, 27, 1);
}
.expo-top a svg{
    display: none;
}
@media (max-width: 1200px) {
  .expo-top a{
    width:120px;
    height:41px;
    font-size: 14px;
  }
  .expo-top a svg{
    width: 26px;
    height:26px;
  }
}
@media (max-width: 768px) {
  .expo-top a{
    width:100px;
    height:30px;
    font-size: 14px;
  }
  .expo-top a svg{
    width: 20px;
    height:20px;
  }
}
.expo-top a svg{
  margin-left:14px;
}
@media (max-width: 768px) {
  .expo-top a svg{
    height:16px;
    width: 16px;
    margin-left:7px;
  }
}
.expo-item .news-hot-pic{
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 992px) {
  .expo-item .news-hot-pic{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
}
@media (max-width: 768px) {
  .expo-item .news-hot-pic{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
}
.expo-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top:30px ;
}
@media (max-width: 1200px) {
  .expo-title{
    margin-top:20px;
  }
}
@media (max-width: 768px) {
  .expo-title{
    margin-top:10px;
  }
}
.expo-title p{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  flex:.96;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .expo-title p{
    font-size:14px;
  }
}
.expo-item:hover .expo-title p{
  color:var(--origin--);
}
.expo-title span{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.01em;
  text-align: right;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .expo-title span{
    font-size:12px;
    line-height: 1.6;
  }
}
.expo-title span svg{
  margin-left:5px;
}
@media (max-width: 1200px) {
  .expo-title span svg{
    width:18px;
  }
}
.expo-main{
  padding:55px 0 40px 0;
}
@media (max-width: 1200px) {
  .expo-main{
    padding:40px 0 30px 0;
  }
}
@media (max-width: 992px) {
  .expo-main{
    padding:30px 0 20px 0;
  }
}
.expo-main .row{
  --bs-gutter-x:30px;
  --bs-gutter-y:60px;
}
@media (max-width: 1200px) {
  .expo-main .row{
    --bs-gutter-x:20px;
    --bs-gutter-y:40px;
  }
}
@media (max-width: 992px) {
  .expo-main .row{
    --bs-gutter-y:30px;
  }
}
@media (max-width: 768px) {
  .expo-main .row{
    --bs-gutter-y:24px;
  }
}
.expo{
  background: rgba(245, 246, 248, 1);
  padding:95px 0 40px 0;
  position: relative;
}
@media (max-width: 1200px) {
  .expo{
    padding:70px 0 30px 0;
  }
}
@media (max-width: 992px) {
  .expo{
    padding:60px 0 20px 0;
  }
}
/* 二级栏目 */
.child2,
.child{
  height:60px;
  margin-top:30px;
  background: linear-gradient(180deg, #EDEDED 0%, #F8F8F8 30.33%);
  box-shadow:4px 4px 10px rgba(0, 0, 0, 0.06 );
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.child{
    margin-top:16px;
}
.child2{
  display: none;
}
.child.on{
  width: 100%;
  position: fixed;
  left:0px;
  top:104px;
  z-index:777;
  margin-top:0px;
}
@media (max-width: 1200px) {
  .child.on{
    top:70px;
  }
  .child2,
  .child{
    height:50px;
    margin-top:22px;
  }
}
@media (max-width: 992px) {
.child.on{
    height:40px;
  }
  .child2,
  .child{
    margin-top:14px;
  }
}
@media (max-width: 768px) {
  .child2,
  .child{
    margin-top:9px;
  }
}
@media (max-width: 576px) {
  .child2,
  .child{
    margin-top:0;
  }
  .child2{
    display: block;
  }
  .child{
    display: none;
  }
}
.child2 .container,
.child .container{
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}
.child-tag{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.child-tag-none{
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
}
@media (max-width: 1200px) {
  .child-tag{
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
}
}
.child-tag2{
  width:100%;
}
.child-tag2 a,
.child-tag a{
  display: block;
  padding: 0 60px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .child-tag2 a,
  .child-tag a{
    padding:0 40px;
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .child-tag2 a,
  .child-tag a{
    padding:0 30px;
    font-size:15px;
  }
}
@media (max-width: 768px) {
  .child-tag2 a,
  .child-tag a{
    padding:0 20px;
    font-size:14px;
  }
}
.child-tag2 a.on,
.child-tag a:hover,
.child-tag a.on{
  color: var(--origin--);
}

/* 人造石深加工 */
.stone-main{
  background: url(https://hefeng2.539360.com/images/stone-main.jpg) no-repeat center;
  background-size: cover;
  padding:120px 0;
  position: relative;
}
#stone-main{
    position: absolute;
    top:-100px;
}
@media (max-width: 1441px) {
  .stone-main{
    padding:100px 0;
  }
}
@media (max-width: 1200px) {
  .stone-main{
    padding:80px 0;
  }
}
@media (max-width: 992px) {
  .stone-main{
    padding:70px 0;
  }
}
@media (max-width: 768px) {
  .stone-main{
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .stone-main{
    padding:50px 0;
  }
}
.stone-main .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .stone-main .container{
    flex-direction: column-reverse;
  }
}
.stone-l{
  max-width: 710px;
  max-height: 467px;
  width:49.3%;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 1200px) {
  .stone-l{
    width:37%;
  }
}
@media (max-width: 768px) {
  .stone-l{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
  }
}
.stone-r{
  max-width:668px;
  width:46.38%;
}
@media (max-width: 1200px) {
  .stone-r{
    width:60%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .stone-r{
    width:100%;
  }
}
.stone-name{
  padding-bottom: 18px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  position: relative;
}
@media (max-width: 1200px) {
  .stone-name{
    font-size:28px;
    padding-bottom: 14px;
  }
}
@media (max-width: 992px) {
  .stone-name{
    font-size:26px;
  }
}
@media (max-width: 768px) {
  .stone-name{
    font-size:20px;
  }
}
.stone-name::after{
  content: '';
  width:30px;
  height:3px;
  position: absolute;
  left:0;
  bottom: 0;
  background: rgba(220, 84, 27, 1);
}
@media (max-width: 768px) {
  .stone-name::after{
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
}
.stone-desc{
  margin-top:60px;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: rgba(48, 49, 51, 1);
}

.stone-desc p span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
}
@media (max-width: 1441px) {
  .stone-desc{
    margin-top:50px;
  }
}
@media (max-width: 1200px) {
  .stone-desc{
    margin-top:30px;
    font-size:14px;
    line-height: 1.6;
  }
}
@media (max-width: 768px) {
  .stone-desc{
    margin-top:20px;
  }
}
@media (max-width: 576px) {
  .stone-desc p{
    text-indent: 2rem;
  }
}
.stone-desc p:nth-child(3){
  margin-top:30px;
}
@media (max-width: 1200px) {
  .stone-desc p:nth-child(3){
    margin-top:20px;
  }
}
@media (max-width: 992px) {
  .stone-desc p:nth-child(3){
    margin-top:10px;
  }
}
@media (max-width: 576px) {
  .stone-desc p:nth-child(3){
    margin-top:0px;
  }
}
.vendor{
  padding:70px 0 80px 0;
  background: url(https://hefeng2.539360.com/images/vendor.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}
#vendor{
    position: absolute;
    top:-100px;
}
@media (max-width: 1200px) {
  .vendor{
    padding:60px 0 70px 0;
  }
}
@media (max-width: 992px) {
  .vendor{
    padding:60px 0 60px 0;
  }
}
@media (max-width: 768px) {
  .vendor{
    padding:60px 0 50px 0;
  }
}
@media (max-width: 576px) {
  .vendor{
    padding:50px 0;
  }
}
.vendor-tag{
  margin-top:36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .vendor-tag{
    margin-top:26px;
  }
}
.vendor-tag a{
  display: flex;
  align-items: center;
  justify-content: center;
  margin:0 15px;
  width:300px;
  height:66px;
  background: rgba(245, 246, 248, 1);
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 20px;
  line-height: 1.7;
  text-align: center;
  color: rgba(48, 49, 51, 1);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  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) {
  .vendor-tag a{
    width:260px;
    height:57px;
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .vendor-tag a{
    width:200px;
    height:44px;
    margin:0 10px;
    font-size: 17px;
  }
}
@media (max-width: 992px) {
  .vendor-tag a{
    width:180px;
    height:40px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .vendor-tag a{
    width:160px;
    height:36px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .vendor-tag a{
    width:130px;
    height:34px;
    font-size: 14px;
  }
}
.vendor-tag a.on{
  color: #fff;
  background: var(--origin--);
}
.vendor-tag a.on::after{
  content: '';
  width:35px;
  height:29px;
  background: url(https://hefeng2.539360.com/images/vendor-tag.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  top:50%;
  right:20%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .vendor-tag a.on::after{
    width:26px;
    height:22px;
    right:15%;
  }
}
@media (max-width: 768px) {
  .vendor-tag a.on::after{
    right:10%;
  }
}
@media (max-width: 576px) {
  .vendor-tag a.on::after{
    width:20px;
    height:17px;
    right:5%;
  }
}
#vendor_swiper2,
#vendor_swiper1{
  padding-bottom: 115px;
  padding-top: 60px;
}
@media (max-width: 1441px) {
  #vendor_swiper2,
  #vendor_swiper1{
    padding-top: 50px;
  }
}
@media (max-width: 1200px) {
  #vendor_swiper2,
  #vendor_swiper1{
    padding-bottom: 80px;
    padding-top: 40px;
  }
}
@media (max-width: 992px) {
  #vendor_swiper2,
  #vendor_swiper1{
    padding-bottom: 70px;
    padding-top: 30px;
  }
}

.vendor-page{
  width:120px;
  position: absolute;
  bottom: 30px;
  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) {
  .vendor-page{
    width:100px;
  }
}
@media (max-width: 992px) {
  .vendor-page{
    width:80px;
  }
}
.vendor-page .swiper-button-prev::after,
.vendor-page .swiper-button-next::after{
  display: none;
}
.vendor-page .swiper-button-prev,
.vendor-page .swiper-button-next{
  background: url(https://hefeng2.539360.com/images/vendor-prev001.svg) no-repeat center;
  background-size: cover;
  width:44px;
  height:44px;
  cursor: pointer;
  opacity: 1;
}
@media (max-width: 1200px) {
  .vendor-page .swiper-button-prev,
  .vendor-page .swiper-button-next{
    width:30px;
    height:30px;
  }
}
@media (max-width: 992px) {
  .vendor-page .swiper-button-prev,
  .vendor-page .swiper-button-next{
    width:26px;
    height:26px;
  }
}
.vendor-page .swiper-button-next{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.vendor-page .swiper-button-prev:hover,
.vendor-page .swiper-button-next:hover{
  background: url(https://hefeng2.539360.com/images/vendor-next002.svg) no-repeat center;
  background-size: cover;
}
.vendor-page .swiper-button-prev:hover{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.vendor-page .swiper-button-next:hover{
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
.vendor-ul .vendor-page,
.jade-main .vendor-page{
  width:200px;
}
@media (max-width: 768px) {
  .vendor-ul .vendor-page,
  .jade-main .vendor-page{
    width:120px;
  }
}
/* 赫峰全屋定制 */
.custo-main{
  padding-bottom: 85px; 
}
@media (max-width: 1200px) {
  .custo-main{
    padding-bottom: 70px; 
  }
}
@media (max-width: 768px) {
  .custo-main{
    padding-bottom: 60px; 
  }
}
@media (max-width: 576px) {
  .custo-main{
    padding-bottom: 50px; 
  }
}
.custo-main .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .custo-main .container{
    flex-direction: column-reverse;
  }
}
.custo-l{
  max-width: 627px;
  width: 43.54%;
}
@media (max-width: 768px) {
  .custo-l{
    width: 100%;
  }
}
.custo-l:hover .news-hot-pic{
  overflow:visible;
} 
@media (max-width: 1200px) {
  .custo-l:hover .news-hot-pic .news-hot-img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
} 
}
.custo-pic{
  max-width: 328px;
  max-height:60px;
  margin-top:40px;
}
@media (max-width: 1200px) {
  .custo-pic{
    max-width: 260px;
    max-height:48px;
    margin-top:20px;
  }
}
@media (max-width: 576px) {
  .custo-pic{
    max-width: 200px;
    max-height:37px;
  }
}
.custo-main .stone-desc{
  margin-top:40px;
}
@media (max-width: 1200px) {
  .custo-main .stone-desc{
    margin-top:30px;
  }
}
@media (max-width: 992px) {
  .custo-main .stone-desc{
    margin-top:20px;
  }
}
@media (max-width: 576px) {
  .custo-main .stone-desc{
    margin-top:10px;
  }
}
.dutyy-r a,
.custo-main .stone-r a{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top:60px;
  padding-left:40px;
  width:180px;
  height:46px;
  border-radius: 40px;
  background: rgba(220, 84, 27, 1);
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .dutyy-r a,
  .custo-main .stone-r a{
    width:150px;
    height:41px;
    font-size: 14px;
    line-height: 1.6;
    margin-top:40px;
  }
}
@media (max-width: 992px) {
  .dutyy-r a,
  .custo-main .stone-r a{
    width:140px;
    height:38px;
    padding-left: 30px;
    margin-top:20px;
  }
}
.dutyy-r a::after,
.custo-main .stone-r a::after{
  content: '';
  width:30px;
  height:30px;
  background: url(https://hefeng2.539360.com/images/stone-more.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  top:50%;
  right:12px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1200px) {
  .dutyy-r a::after,
  .custo-main .stone-r a::after{
    width:24px;
    height:24px;
  }
}
.space-main{
  background: url(https://hefeng2.539360.com/images/space-main.jpg) no-repeat center;
  background-size: cover;
  padding:100px 0 90px 0;
}
@media (max-width: 1200px) {
  .space-main{
    padding:80px 0;
  }
}
@media (max-width: 992px) {
  .space-main{
    padding:70px 0;
  }
}
@media (max-width: 768px) {
  .space-main{
    padding:60px 0;
  }
}
.space-box{
  position: relative;
  max-width:460px;
  max-height:568px;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.space-box::after{
  content: '';
  position: absolute;
  left:0;
  bottom: 0;
  z-index: 111 ;
  width:100%;
  height:100%;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 30%);
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.space-box.on::after{
  background: linear-gradient(180deg, rgba(220, 84, 27, 0) 42.43%, #DC541B 100%);
}
.space-box.on .news-hot-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);
}
.space-svg{
  position: absolute;
  left:50%;
  top:20%;
  width:140px;
  height:140px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: rgba(245, 246, 248, .4);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 222;
}
@media (max-width: 1200px) {
  .space-svg{
    width:120px;
    height:120px;
  }
}
@media (max-width: 992px) {
  .space-svg{
    top:30%;
    width:110px;
    height:110px;
  }
}
@media (max-width: 768px) {
  .space-svg{
    top:16%;
    width:90px;
    height:90px;
  }
}
.space-box.on .space-svg{
  background: rgba(220, 84, 27, .8);
}
.space-svg span{
  display: block;
  margin-top:10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  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: 1200px) {
  .space-svg span{
    margin-top:5px;
    font-size:14px;
  }
  .space-svg svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 992px) {
  .space-svg span{
    margin-top:2px;
  }
  .space-svg svg{
    width:30px;
    height:30px;
  }
}
@media (max-width: 768px) {
  .space-svg span{
    font-size:12px;
  }
  .space-svg svg{
    width:26px;
    height:26px;
  }
}
.space-box .space-svg svg path{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.space-box.on .space-svg svg path{
  fill:#ffffff;
}
.space-box.on .space-svg span{
  color:#ffffff;
}
.space-but{
  display: none;
  position: absolute;
  width: calc( 100% - 60px );
  left:50%;
  bottom: 50px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  z-index: 222;
}
@media (max-width: 1200px) {
  .space-but{
    font-size:14px;
  }
}
@media (max-width: 992px) {
  .space-but{
    width: calc( 100% - 40px );
    bottom: 30px;
  }
}
@media (max-width: 768px) {
  .space-but{
    font-size:13px;
    line-height: 1.4;
    text-align: justify;
  }
}
.space-box.on .space-but{
  display: block;
}
.space-top{
  position: relative;
}
.space-top::after{
  content: '';
  width:372px;
  height:100px;
  position: absolute;
  left:0;
  top:-40px;
  background: url(https://hefeng2.539360.com/images/space-top.png) no-repeat center;
  background-size: 100%;
}
@media (max-width: 1440px) {
  .space-top::after{
    width:300px;
    height:81px;
    top:-30px;
  }
}
@media (max-width: 1200px) {
  .space-top::after{
    width:260px;
    height:70px;
    top:-20px;
  }
}
@media (max-width: 992px) {
  .space-top::after{
    width:220px;
    height:59px;
    top:-15px;
  }
}
@media (max-width: 768px) {
  .space-top::after{
    width:180px;
    height:48px;
    top:-10px;
  }
}
.space-top span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .space-top span{
    font-size:26px;
    line-height: 1.6;
  }
}
@media (max-width: 992px) {
  .space-top span{
    font-size:24px;
  }
}
@media (max-width: 768px) {
  .space-top span{
    font-size:20px;
  }
}
.space-body{
  padding-top: 60px;
}
@media (max-width: 1200px) {
  .space-body{
    padding-top: 40px;
  }
}
@media (max-width: 992px) {
  .space-body{
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  .space-body{
    padding-top: 20px;
  }
}
.have-main{
  background: linear-gradient(180deg, #FFFFFF 0%, #F5F6F8 100%);
  padding:100px 0;
}
@media (max-width: 1440px) {
  .have-main{
    padding:90px 0;
  }
}
@media (max-width: 1200px) {
  .have-main{
    padding:80px 0;
  }
}
@media (max-width: 992px) {
  .have-main{
    padding:70px 0;
  }
}
@media (max-width: 768px) {
  .have-main{
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .have-main{
    padding:50px 0;
  }
}
.have-body{
  display: flex;
  justify-content: space-between;
  max-height:640px;
  margin-top: 50px;
}
@media (max-width: 1200px) {
  .have-body{
    margin-top:40px;
  }
}
@media (max-width: 992px) {
  .have-body{
    margin-top:30px;
  }
}
@media (max-width: 768px) {
  .have-body{
    margin-top:20px;
  }
}
.have-l{
  max-width: 500px;
  width:34.72%;
  height:100%;
}
@media (max-width: 1200px) {
  .have-l{
    width:51%;
  }
}
@media (max-width: 768px) {
  .have-l{
    width:88%;
  }
}
.have-item{
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
.have-item::after{
  content: '';
  width:100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  position: absolute;
  left:0;
  bottom: 0;
  z-index: 1;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.have-item.on::after{
  background: linear-gradient(180deg, rgba(220, 84, 27, 0) 0%, #DC541B 100%);
}
.have-t{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 446px;
  width: 31%;
}
@media (max-width: 1200px) {
  .have-t{
    width:46%;
  }
}
@media (max-width: 768px) {
  .have-t{
    width:80%;
  }
}
.have-t .have-item{
  max-width: 446px;
  max-height: 300px;
  width: 100%;
}
.have-more{
  width:32px;
  height:32px;
  background: url(https://hefeng2.539360.com/images/have-more1.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  z-index: 222;
  left:36px;
  bottom: 22px;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .have-more{
    left:20px;
  }
}
@media (max-width: 576px) {
  .have-more{
    width:26px;
    height:26px;
    bottom: 18px;
  }
}
.have-item.on .have-more{
  background: url(https://hefeng2.539360.com/images/have-more2.svg) no-repeat center;
  background-size: cover;
}
.have-item.on .news-hot-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);
}
.have-txt{
  position: absolute;
  left:35px;
  width: calc( 100% - 70px );
  top:50px;
  z-index: 333;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .have-txt{
    left:20px;
    width: calc( 100% - 40px );
  }
}
.have-l .have-txt{
  top:60%;
}
.have-txt span{
  font-size: 24px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1440px) {
  .have-txt span{
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .have-txt span{
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .have-txt span{
    font-size: 16px;
  }
}
.have-txt p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  overflow: hidden;
  height:0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1440px) {
  .have-txt p{
    margin-top:14px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .have-txt p{
    margin-top:10px;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .have-txt p{
    margin-top:6px;
    font-size: 12px;
  }
}
.have-item.on .have-txt p{
  height: auto;
}
.have-btn{
  position: relative;
}
.have-btn .container{
  position: absolute;
  left:50%;
  top:50%;
  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%);
}
.have-desc{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: right;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .have-desc{
    font-size:26px;
  }
}
@media (max-width: 992px) {
  .have-desc{
    font-size:24px;
  }
}
@media (max-width: 576px) {
  .have-desc{
    font-size:20px;
  }
}
.have-tel{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 576px) {
  .have-tel{
    align-items: center;
  }
}
.have-tel a{
  margin-top:52px;
  width:200px;
  height:48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(220, 84, 27, 1);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}
@media (max-width: 1200px) {
  .have-tel a{
    margin-top:40px;
    width:180px;
    height:43px;
  }
}
@media (max-width: 576px) {
  .have-tel a{
    margin-top:20px;
    width:160px;
    height:36px;
    font-size: 14px;
  }
}
.have-tel a svg{
  margin-left:12px;
}
@media (max-width: 1200px) {
  .have-tel a svg{
    margin-left:8px;
    width:20px;
  }
}
.feel-item{
  max-width:380px;
  width: 100%;
  max-height:515px;
  position: relative;
  padding-top: 35px;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .feel-item{
    padding-top: 23px;
    max-width: 95%;
  }
}
@media (min-width: 1921px) {
  .feel-item{
    max-width:100%;
  }
}
.feel-item .news-hot-pic{
  border-radius: 20px 0 0 0;
  -webkit-border-radius: 20px 0 0 0;
  -moz-border-radius: 20px 0 0 0;
  -ms-border-radius: 20px 0 0 0;
  -o-border-radius: 20px 0 0 0;
}
.feel-desc{
  display: flex;
  flex-direction: column;
  padding:36px 24px;
  min-height: 232px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0 0 20px 0;
  -webkit-border-radius: 0 0 40px 0;
  -moz-border-radius: 0 0 20px 0;
  -ms-border-radius: 0 0 20px 0;
  -o-border-radius: 0 0 20px 0;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
@media (max-width: 1200px) {
  .feel-desc{
    padding:30px 20px;
    min-height: 200px;
  }
}
@media (max-width: 992px) {
  .feel-desc{
    padding:20px;
    min-height: 160px;
  }
}
@media (max-width: 576px) {
  .feel-desc{
    padding:16px;
    min-height: 140px;
  }
}
.feel-item:hover .feel-desc{
  background: var(--origin--);
}
.feel-desc span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .feel-desc span{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .feel-desc span{
    font-size:16px;
  }
}
@media (max-width: 768px) {
  .feel-desc span{
    font-size:15px;
  }
}
.feel-desc p{
  margin-top:14px;
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .feel-desc p{
    margin-top:8px;
    font-size:14px;
  }
}
@media (max-width: 768px) {
  .feel-desc p{
    margin-top:4px;
    font-size:13px;
  }
}
.feel-item:hover .feel-desc p,
.feel-item:hover .feel-desc span{
  color:#ffffff;
}
.feel-num{
  width:66px;
  height:66px;
  position: absolute;
  left:50%;
  top:0;
  z-index: 111;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: rgba(220, 84, 27, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .feel-num{
    width:56px;
    height:56px;
  }
}
@media (max-width: 576px) {
  .feel-num{
    width:46px;
    height:46px;
  }
}
.feel-num span{
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 26px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .feel-num span{
    font-size:20px;
  }
}
.feel{
  display: flex;
  justify-content:flex-end;
  padding:95px 0 90px 0;
}
@media (max-width: 1200px) {
  .feel{
    padding:80px 0;
  }
}
@media (max-width: 992px) {
  .feel{
    padding:70px 0;
  }
}
@media (max-width: 768px) {
  .feel{
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .feel{
    padding:50px 0;
  }
}
.feel-body{
  width: calc( 100% - 230px );
  max-width: 1680px;
}
@media (min-width: 1921px) {
  .feel-body{
    margin:0 auto;
    max-width: 1440px;
  }
}
.feel .space-top::after{
  display: none;
}
.feel-main{
  padding-top: 46px;
}
@media (max-width: 1200px) {
  .feel-main{
    padding-top: 36px;
  }
}
@media (max-width: 992px) {
  .feel-main{
    padding-top: 26px;
  }
}
@media (max-width: 768px) {
  .feel-main{
    padding-top: 16px;
  }
}
/* 赫峰装潢  */
.mount-main{
  padding:70px 0;
}
@media (max-width: 992px) {
  .mount-main{
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .mount-main{
    padding:50px 0;
  }
}

.vendor-case{
  background: rgba(245, 246, 248, 1);
}
.vendor-case .expo-item:hover .expo-title span{
  color: var(--origin--);
}
.vendor-case .expo-item:hover .expo-title span svg path{
  stroke:var(--origin--);
}
.mount-nav{
  display: flex;
  justify-content: center;
  padding-top:30px;
}
@media (max-width: 1200px) {
  .mount-nav{
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .mount-nav{
    padding-top: 10px;
  }
}
.mount-nav li{
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  cursor: pointer;
  width: 33.33%;
  display: flex;
  justify-content: center;
}
@media (max-width: 1441px) {
  .mount-nav li{
    font-size:20px;
  }
}
@media (max-width: 1200px) {
  .mount-nav li{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .mount-nav li{
    font-size:16px;
  }
}
@media (max-width: 768px) {
  .mount-nav li{
    font-size:15px;
  }
}
@media (max-width: 576px) {
  .mount-nav li{
    font-size:14px;
    text-align: center;
  }
}
.mount-nav li.on{
  color:var(--origin--);
}
.mount-item{
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 992px) {
  .mount-item{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
}
.mount-l{
  max-width: 420px;
  width: 29.16%;
  /*background: url(https://hefeng2.539360.com/images/mount-l.jpg) no-repeat center;*/
  /*background-size: cover;*/
  background: rgba(235, 238, 245, 1);
  position: relative;
}
@media (max-width: 1200px) {
  .mount-l{
    display: none;
  }
}
.mount-r{
  height:100%;
  max-width: 1021px;
  width:70.84%;
  position: relative;
}
@media (max-width: 1200px) {
  .mount-r{
    width: 100%;
  }
}
.mount-desc{
  width: calc( 100% - 80px );
  margin-left:auto;
  margin-right:auto;
  margin-top:90px;
}
@media (max-width: 1441px) {
  .mount-desc{
    margin-top:70px;
  }
}
.mount-desc span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.mount-desc p{
  margin-top:16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  text-align: justified;
  color:rgba(48, 49, 51, 1);
}
.mount-svg{
  position: absolute;
  left:40px;
  bottom:73px;
}
@media (max-width: 1440px) {
  .mount-svg{
    bottom: 40px;
  }
}
.mount-body{
  margin-top:40px;
}
@media (max-width: 992px) {
  .mount-body{
    margin-top:30px;
  }
}
@media (max-width: 768px) {
  .mount-body{
    margin-top:20px;
  }
}
@media (max-width: 768px) {
  .mount-body{
    margin-top:10px;
  }
}
.mount-name{
  position: absolute;
  width: calc( 100% - 88px );
  left:50%;
  bottom: 37px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 992px) {
  .mount-name{
    width: calc( 100% - 60px );
    bottom: 30px;
  }
}
@media (max-width: 768px) {
  .mount-name{
    width: calc( 100% - 40px );
    bottom: 20px;
  }
}
@media (max-width: 576px) {
  .mount-name{
    width: 100%;
    bottom: 0px;
    left:0;
    position:relative;
    margin-top:6px;
    transform: translate(0px);
    -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -ms-transform: translate(0px);
    -o-transform: translate(0px);
}
}
.mount-name span{
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .mount-name span{
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .mount-name span{
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .mount-name span{
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .mount-name span{
    color: rgba(48, 49, 51, 1);
  }
}
.mount-name p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .mount-name p{
    font-size: 14px;
    margin-top:4px;
  }
}
@media (max-width: 576px) {
  .mount-name p{
    color: rgba(48, 49, 51, 1);
  }
}
.mount-but{
  margin:0 auto;
  max-width:1240px;
  width: 100%;
}
.mount-page{
  position: relative;
  margin-top:30px;
  height:30px;
}
@media (max-width: 992px) {
  .mount-page{
    margin-top:16px;
  }
}
@media (max-width: 768px) {
  .mount-page{
    margin-top:10px;
  }
}
@media (max-width: 576px) {
  .mount-page{
    margin-top:0px;
  }
}
.swiper-pagination-progressbar{
  top:auto !important;
  bottom: 10px;
  background: rgba(228, 231, 237, 1);
  height:2px !important;
}
.swiper-pagination-progressbar::before{
  content: '';
  width:20px;
  height:20px;
  position: absolute;
  left:0;
  top:0;
  background: var(--origin--);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 99999;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 576px) {
  .swiper-pagination-progressbar::before{
    width:16px;
    height:16px;
  }
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--origin--);
}
.build{
  padding:70px 0 ;
  position: relative;
}
@media (max-width: 992px) {
  .build{
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .build{
    padding:50px 0;
  }
}
.build-body{
  position: relative;
  padding-top: 80px;
}
@media (max-width: 1200px) {
  .build-body{
    padding-top:70px;
  }
}
@media (max-width: 992px) {
    .build-page{
        display: none;
    }
  .build-body{
    padding-top:60px;
  }
}
@media (max-width: 768px) {
  .build-body{
    padding-top:10px;
  }
}
@media (max-width: 576px) {
  .build-body{
    padding-top:0px;
  }
}
.build-top{
  padding-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1441px) {
  .build-top{
    justify-content: space-around;
  }
}
@media (max-width: 1200px) {
  .build-top{
    padding-top: 40px;
  }
}
@media (max-width: 992px) {
  .build-top{
    padding-top: 30px;
  }
}

.build-top li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768px) {
  .build-top li{
    width:50%;
    margin-bottom: 40px;
  }
}
.build-top li span{
  position: relative;
  display: block;
  margin-top: 36px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1441px) {
  .build-top li span{
    margin-top:26px;
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .build-top li span{
    margin-top:18px;
    font-size: 18px;
  }
}
@media (max-width: 992px) {
  .build-top li span{
    margin-top:16px;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .build-top li span{
    margin-top:10px;
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .build-top li span{
    margin-top:4px;
    font-size: 14px;
  }
}
.build-top li span::after{
  content: '';
  width:36px;
  height:3px;
  background: rgba(217, 217, 217, 1);
  position: absolute;
  left:50%;
  bottom: -20px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .build-top li span::after{
    width:26px;
    bottom: -15px;
  }
}
.build-top li p{
  width:200px;
  height:200px;
  border-radius: 50%;
  background: rgba(245, 246, 248, 1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1441px) {
  .build-top li p{
    width:140px;
    height:140px;
  }
  .build-top li p svg{
    width:60px;
    height:60px;
  }
}
@media (max-width: 1200px) {
  .build-top li p{
    width:120px;
    height:120px;
  }
  .build-top li p svg{
    width:50px;
    height:50px;
  }
}
@media (max-width: 992px) {
  .build-top li p{
    width:100px;
    height:100px;
  }
  .build-top li p svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 768px) {
  .build-top li p{
    width:90px;
    height:90px;
  }
  .build-top li p svg{
    width:36px;
    height:36px;
  }
}
@media (max-width: 576px) {
  .build-top li p{
    width:80px;
    height:80px;
  }
  .build-top li p svg{
    width:30px;
    height:30px;
  }
}
.build-item{
  position: relative;
  cursor: pointer;
}
.build-item::after{
  content: '';
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 222;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.build-item.on::after{
  background: rgba(220, 84, 27, 0.85);
}
.build-item.on .news-hot-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);
}
.build-name{
  position: absolute;
  width: calc( 100% - 60px );
  left:50%;
  bottom: 12%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 333;
}
@media (max-width: 768px) {
  .build-name{
    width: calc( 100% - 40px );
    bottom: 8%;
  }
}
.build-item.on .build-name{
  bottom: auto;
  top:20%;
}
.build-name span{
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .build-name span{
    font-size:18px;
  }
}
@media (max-width: 768px) {
  .build-name span{
    font-size:16px;
  }
}
.build-name p{
  font-family:'AlibabaPuHuiTi-2-45-Light';
  margin-top:8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .build-name p{
    font-size:15px;
  }
}
@media (max-width: 768px) {
  .build-name p{
    font-size:14px;
  }
}
.build-item.on .build-name p{
  -webkit-line-clamp: inherit;
}

.build-page .swiper-button-next::after,
.build-page .swiper-button-prev::after{
  display: none;
}
.build-page .swiper-button-prev,
.build-page .swiper-button-next{
  width:40px;
  height:40px;
  background: url(https://hefeng2.539360.com/images/vendor-prev001.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;
}
@media (max-width: 768px) {
  .build-page .swiper-button-prev,
  .build-page .swiper-button-next{
    height:26px;
    width:26px;
  }
}
@media (max-width: 576px) {
  .build-page .swiper-button-prev,
  .build-page .swiper-button-next{
    display: none;
  }
}
.build-page .swiper-button-prev:hover,
.build-page .swiper-button-next{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.build-page .swiper-button-next:hover,
.build-page .swiper-button-prev:hover{
  background: url(https://hefeng2.539360.com/images/vendor-next002.svg) no-repeat center;
  background-size: cover;
}
.build-page .swiper-button-next:hover{
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
.high{
  padding:80px 0 100px 0;
  background: linear-gradient(180deg, #F5F6F8 0%, rgba(245, 246, 248, 0) 100%);
}
@media (max-width: 1200px) {
  .high{
    padding:70px 0 80px 0;
  }
}
@media (max-width: 992px) {
  .high{
    padding:60px 0 70px 0;
  }
}
@media (max-width: 768px) {
  .high{
    padding-bottom:60px;
  }
}
@media (max-width: 576px) {
  .high{
    padding:50px 0;
  }
}
.high-main{
  position: relative;
  padding-top: 50px;
}
@media (max-width: 1200px) {
  .high-main{
    padding-top: 40px;
  }
}
@media (max-width: 992px) {
  .high-main{
    padding-top: 30px;
  }
}
.high-item{
  position: relative;
}
.high-num{
  position: absolute;
  left:0;
  top:0;
  width:110px;
  height:40px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 222;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 20px 0;
  -webkit-border-radius: 0 0 20px 0;
  -moz-border-radius: 0 0 20px 0;
  -ms-border-radius: 0 0 20px 0;
  -o-border-radius: 0 0 20px 0;
}
.high-item:hover .high-num{
  background: var(--origin--);
}
@media (max-width: 1200px) {
  .high-num{
    width:100px;
    height:36px;
  }
}
@media (max-width: 576px) {
  .high-num{
    width:80px;
    height:30px;
  }
}
.high-num span{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .high-num span{
    font-size:17px;
  }
}
@media (max-width: 576px) {
  .high-num span{
    font-size:14px;
  }
}
.high-desc{
  display: flex;
  flex-direction: column;
  padding-top:32px;
}
@media (max-width: 1200px) {
  .high-desc{
    padding-top: 25px;
  }
}
@media (max-width: 768px) {
  .high-desc{
    padding-top: 15px;
  }
}
.high-desc b{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .high-desc b{
    font-size:18px;
  }
}
@media (max-width: 992px) {
  .high-desc b{
    font-size:17px;
  }
}
.high-desc span{
  margin-top:8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(220, 84, 27, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .high-desc span{
    font-size: 14px;
  }
}
.high-desc p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
@media (max-width: 1200px) {
  .high-desc p{
    margin-top:15px;
  }
}
@media (max-width: 768px) {
  .high-desc p{
    margin-top:10px;
  }
}
#high_swiper{
  padding-bottom: 70px;
}
@media (max-width: 1200px) {
  #high_swiper{
    padding-bottom: 60px;
  }
}
@media (max-width: 992px) {
  #high_swiper{
    padding-bottom: 50px;
  }
}
@media (max-width: 576px) {
  #high_swiper{
    padding-bottom: 40px;
  }
}
.activity_pagina .swiper-pagination,
#high_swiper .swiper-pagination{
  top:auto;
  bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.activity_pagina .swiper-pagination-bullet,
#high_swiper .swiper-pagination-bullet{
  width: 6px;
  height:6px;
  margin:0 4px;
}
.activity_pagina .swiper-pagination-bullet-active,
#high_swiper .swiper-pagination-bullet-active{
  width:12px;
  height:12px;
  background: var(--origin--);
}
.operate{
  background: url(https://hefeng2.539360.com/images/operate.jpg) no-repeat center;
  background-size: cover;
  padding:103px 0 107px 0;
}
@media (max-width: 1200px) {
  .operate{
    padding:70px 0 80px 0;
  }
}
@media (max-width: 992px) {
  .operate{
    padding:50px 0 70px 0;
  }
}
@media (max-width: 576px) {
  .operate{
    padding:50px 0 50px 0;
  }
}
.operate .container{
  display: flex;
  align-items:flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.operate-l{
  width:36%;
  margin-top:50px;
}
@media (max-width: 1200px) {
  .operate-l{
    margin-top:40px;
  }
}
@media (max-width: 768px) {
  .operate-l{
    width:100%;
    margin-top:10px;
  }
}
.operate-r{
  max-width: 778px;
  width: 45.97%;
}
@media (max-width: 768px) {
  .operate-r{
    width: 100%;
  }
}
.operate-r .news-hot-img:hover{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.operate-l .assort-top{
  align-items: flex-start;
}
@media (max-width: 768px) {
  .operate-l .assort-top{
    align-items: center;
  }
}
.operate-l .assort-top p{
  margin-top: 40px;
}
@media (max-width: 768px) {
  .operate-l .assort-top p{
    font-size:14px;
  }
}
.operate-more{
  margin-top:164px;
  width:235px;
  height:48px;
  border-radius: 40px;
  background: rgba(220, 84, 27, 1);
  -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-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .operate-more{
    margin-top:100px;
    width:200px;
    height:41px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size:14px;
    line-height: 1.6;
}
}
@media (max-width: 768px) {
  .operate-more{
    margin-top:30px;
    margin-bottom: 20px;
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width: 576px) {
  .operate-more{
    width:160px;
    height:36px;
    font-size: 13px;
    margin-top:20px;
  }
}
.flow{
  padding:70px 0 120px 0;
  background: rgba(245, 246, 248, 1);
}
@media (max-width: 1200px) {
  .flow{
    padding-bottom: 100px;
  }
}
@media (max-width: 992px) {
  .flow{
    padding:60px 0 80px 0;
  }
}
@media (max-width: 768px) {
  .flow{
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .flow{
    padding:50px 0;
  }
}
.flow-ul{
  padding-top: 80px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
}
@media (max-width: 1440px) {
  .flow-ul{
    padding-top: 70px;
  }
}
@media (max-width: 1200px) {
  .flow-ul{
    padding-top: 60px;
  }
}
@media (max-width: 992px) {
  .flow-ul{
    padding-top: 40px;
    justify-content: center;
  }
}
.flow-ul li{
  width:120px;
  display: flex;
  flex-direction:column;
  align-items: center;
}
@media (max-width: 992px) {
  .flow-ul li{
    width:25%;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .flow-ul li{
    width:33.33%;
    margin-bottom: 20px;
  }
}
.flow-svg{
  position: relative;
  width:100px;
  height:100px;
}
@media (max-width: 1200px) {
  .flow-svg{
    width:90px;
    height:90px;
  }
}
@media (max-width: 768px) {
  .flow-svg{
    width:80px;
    height:80px;
  }
}
@media (max-width: 576px) {
  .flow-svg{
    width:70px;
    height:70px;
  }
}
.flow-svg::after{
  content: '';
  width:26px;
  height:26px;
  background: url(https://hefeng2.539360.com/images/flow-more.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  top:50%;
  left:-70%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
@media (max-width: 1440px) {
  .flow-svg::after{
    left:-50%;
  }
}
@media (max-width: 1200px) {
  .flow-svg::after{
    left:-40%;
  }
}
@media (max-width: 992px) {
  .flow-svg::after{
    left:-60%;
  }
}
@media (max-width: 768px) {
  .flow-svg::after{
    left:-50%;
    width:20px;
    height:20px;
  }
}
@media (max-width: 576px) {
  .flow-svg::after{
    left:-90%;
    width:16px;
    height:16px;
  }
}
@media (max-width: 460px) {
  .flow-svg::after{
    left:-70%;
  }
}
@media (max-width: 410px) {
  .flow-svg::after{
    left:-50%;
  }
}
@media (max-width:380px) {
  .flow-svg::after{
    left:-40%;
  }
}
@media (max-width:350px) {
  .flow-svg::after{
    left:-30%;
  }
}
.flow-ul li:first-child .flow-svg::after{
  display: none;
}
.flow-ul li span{
  display: block;
  margin-top:20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.04em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1440px) {
  .flow-ul li span{
    font-size:16px;
    line-height: 1.6;
    margin-top:16px;
  }
}
@media (max-width: 992px) {
  .flow-ul li span{
    font-size:15px;
    margin-top:10px;
  }
}
@media (max-width: 768px) {
  .flow-ul li span{
    font-size:14px;
    margin-top:5px;
  }
}
/* 自有矿山 */
.inner-desc{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  margin-top:60px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
  color:#ffffff;
}
@media (max-width: 1200px) {
  .inner-desc{
    margin-top:20px;
    font-size:16px;
  }
}
@media (max-width: 992px) {
  .inner-desc{
    display: none;
  }
}
.identify{
  background: url(https://hefeng2.539360.com/images/identify.jpg) no-repeat center;
  background-size: cover;
}
.identify .container{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top:40px;
  padding-bottom: 90px;
}
@media (max-width: 1200px) {
  .identify .container{
    padding-top:30px;
    padding-bottom: 90px;
  }
}
@media (max-width: 992px) {
  .identify .container{
    padding-top:20px;
    padding-bottom: 70px;
  }
}
@media (max-width: 768px) {
  .identify .container{
    padding-top:0px;
    padding-bottom: 50px;
    flex-direction: column-reverse;
  }
}
.identify-l{
  max-width: 671px;
  width:46.59%;
  max-height: 518px;
  padding-bottom: 6.33%;
  padding-right: 6.19%;
  position: relative;
}
@media (max-width: 768px) {
  .identify-l{
    width:90%;
     max-height: unset;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
  }
}
.identify-pic{
  max-width: 473px;
  max-height: 352px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  position: relative;
  z-index: 222;
    transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.identify-pic img{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.identify-pic:hover{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.identify-min{
  max-width: 285px;
  max-height: 202px;
  width:42.47%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: absolute;
  right:0;
  bottom: 0;
  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: 768px) {
    .identify-min{
        position: relative;
        width: 100%;
        max-width: 473px;
        margin-top: 20px;
        max-height:unset;
    }
    .identify-min img{
        width:100%;
    }
}
.identify-min:hover{
  z-index: 333;
  transform: scale(1.6) translateX(-10%) translateY(-10%);
  -webkit-transform: scale(1.6) translateX(-10%) translateY(-10%);
  -moz-transform: scale(1.6) translateX(-10%) translateY(-10%);
  -ms-transform: scale(1.6) translateX(-10%) translateY(-10%);
  -o-transform: scale(1.6) translateX(-10%) translateY(-10%);
}
.identify-min:hover .news-hot-pic .news-hot-img{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.identify-r{
  max-width: 712px;
  width:49.44%;
  padding-top: 26px;
}
@media (max-width: 992px) {
  .identify-r{
    padding-top:10px;
  }
}
@media (max-width: 768px) {
  .identify-r{
    width:100%;
  }
}
.identify-r .assort-top{
  align-items: flex-start;
}
@media (max-width: 768px) {
  .identify-r .assort-top{
    align-items: center;
  }
}
.identify-r .assort-desc{
  margin-top: 55px;
  text-align: left;
}
@media (max-width: 1200px) {
  .identify-r .assort-desc{
    margin-top: 30px;
    text-align: left;
  }
}
@media (max-width: 992px) {
  .identify-r .assort-desc{
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .identify-r .assort-desc{
    margin-top: 10px;
  }
}
.identify-r .assort-desc p:nth-child(2){
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .identify-r .assort-desc p:nth-child(2){
    margin-top: 15px;
  }
}
.staple{
  background: url(https://hefeng2.539360.com/images/staple.jpg) no-repeat center;
  background-size: cover;
  padding:92px 0 50px 0;
}
@media (max-width: 1200px) {
  .staple{
    padding:70px 0 40px 0;
  }
}
@media (max-width: 768px) {
  .staple{
    padding:60px 0 40px 0;
  }
}
@media (max-width: 576px) {
  .staple{
    padding:50px 0 40px 0;
  }
}
.staple .container{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .staple .container{
    align-items: center;
  }
}
.staple-l{
  max-width: 720px;
  width: 50%;
}
@media (max-width: 768px) {
  .staple-l{
    width: 100%;
  }
}
.staple-l .assort-top{
  align-items: flex-start;
}
@media (max-width: 768px) {
  .staple-l .assort-top{
    align-items: center;
  }
}
.staple-l .assort-desc{
  text-align: left;
}
.staple-l .assort-desc p{
  padding-top: 30px;
}
@media (max-width: 1200px) {
  .staple-l .assort-desc p{
    padding-top: 20px;
  }
}
@media (max-width: 992px) {
  .staple-l .assort-desc p:first-child{
    padding-top: 10px;
  }
}
.staple-r{
  max-width: 542px;
  width: 37.63%;
  max-height: 572px;
  position: relative;
  padding-bottom: 6.2%;
  padding-right: 10.7%;
}
@media (max-width: 1200px) {
  .staple-r{
    width: 45.63%;
  }
}
@media (max-width: 768px) {
  .staple-r{
    margin-top:20px;
    width: 90%;
    margin-left:auto;
    margin-right:auto;
  }
}
.staple-pic{
  max-width:387px;
  max-height:482px;
  position: relative;
  z-index: 222;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.staple-min{
  max-width: 288px;
  max-height:354px;
  width:53.13%;
  position: absolute;
  right:0;
  bottom: 0;
  z-index: 111;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.develop-main{
  padding:80px 0 100px 0;
  background: url(https://hefeng2.539360.com/images/develop-main.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width: 1200px) {
  .develop-main{
    padding:70px 0 80px 0;
  }
}
@media (max-width: 768px) {
  .develop-main{
    padding:60px 0 70px 0;
  }
}
@media (max-width: 576px) {
  .develop-main{
    padding:50px 0 60px 0;
  }
}
.develop-img{
  overflow: hidden;
  margin:40px 0 20px 0;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 1200px) {
  .develop-img{
    margin:30px 0 15px 0;
  }
}
@media (max-width: 768px) {
  .develop-img{
    margin:20px 0 10px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
}
#jade_swiper .swiper-slide{
  width:39.06%
}
@media (max-width: 1441px) {
  #jade_swiper .swiper-slide{
    width:50%
  }
}
@media (max-width: 768px) {
  #jade_swiper .swiper-slide{
    width:70%
  }
}
.jade{
  padding: 100px 0 80px 0;
  background: rgba(245, 246, 248, 1);
}
@media (max-width: 1200px) {
  .jade{
    padding: 80px 0 60px 0;
  }
}
@media (max-width: 768px) {
  .jade{
    padding: 60px 0 40px 0;
  }
}
.jade-main{
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
}
@media (max-width: 1200px) {
  .jade-main{
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .jade-main{
    padding-top: 30px;
  }
}
@media (max-width: 576px) {
  .jade-main{
    padding-top: 20px;
  }
}
.jade-item{
  display: block;
  width:100%;
  position: relative;
}
.jade-min{
  position: absolute;
  bottom: 9.375%;
  right:8.47%;
  max-width: 158px;
  max-height:178px;
  z-index: 222;
}
@media (max-width: 576px) {
  .jade-min{
    max-width: 100px;
    max-height:113px;
    right:2%;
  }
}
.jade-min .news-hot-img:hover{
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.jade-desc{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding:36px 42px;
  width:70%;
}
@media (max-width: 1441px) {
  .jade-desc{
    padding:30px;
  }
}
@media (max-width: 1200px) {
  .jade-desc{
    padding:20px;
  }
}
@media (max-width: 768px) {
  .jade-desc{
    padding:15px;
  }
}
.jade-desc b{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .jade-desc b{
    font-size:18px;
  }
}
@media (max-width: 576px) {
  .jade-desc b{
    font-size:16px;
  }
}
.jade-desc p{
  margin-top:10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media (max-width: 1200px) {
  .jade-desc p{
    margin-top:6px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .jade-desc p{
    margin-top:3px;
    font-size: 14px;
  }
}
.jade-desc span{
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(144, 147, 153, 1);
}
@media (max-width: 1200px) {
  .jade-desc span{
    margin-top: 20px;
    font-size:13px;
  }
}
@media (max-width: 576px) {
  .jade-desc span{
    margin-top: 10px;
    font-size:12px;
  }
  .jade-desc span svg{
    width:16px;
    height:16px;
  }
}
/* 关于赫峰 */
.survey{
  background: url(https://hefeng2.539360.com/images/survey.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  height:calc( 100vh - 107px );
  margin-top: 107px;
  display: flex;
  align-items: center;
  padding-top:0;
}
@media (max-width: 1200px) {
  .survey{
    margin-top:60px;
    height: calc( 100vh - 60px );
  }
}
@media (max-width: 768px) {
  .survey{
    margin-top:0;
    height: auto;
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .survey{
    padding:50px 0;
  }
}
.survey #item2_{
  position: absolute;
  top:-100px;
}
.survey .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* @media (max-width: 1200px) {
  .survey .container{
    padding-top:20px;
    padding-bottom: 80px;
  }
}
@media (max-width: 992px) {
  .survey .container{
    padding-top:10px;
    padding-bottom: 70px;
  }
}
@media (max-width: 768px) {
  .survey .container{
    padding-top:0px;
    padding-bottom: 60px;
  }
} */
.survey-l{
  max-width: 710px;
  width: 49.3%;
}
@media (max-width: 1200px) {
  .survey-l{
    width:54%;
  }
}
@media (max-width: 992px) {
  .survey-l{
    width:100%;
  }
}
.survey-l .assort-top{
  align-items: flex-start;
}
@media (max-width: 992px) {
  .survey-l .assort-top{
    align-items: center;
  }
}
.survey-l .assort-desc{
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
.survey-l .assort-desc p{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  color: rgba(48, 49, 51, 1);
  margin-top: 30px;
  text-indent: 2rem;
}
@media (max-width: 1200px) {
  .survey-l .assort-desc p{
    margin-top: 15px;
  }
}
.survey-logo{
  max-width: 411px;
  max-height: 56px;
  margin:10px 0;
}
@media (max-width: 1200px) {
  .survey-logo{
    max-width: 360px;
    max-height: 49px;
  }
}
@media (max-width: 992px) {
  .survey-logo{
    max-width: 300px;
    max-height: 41px;
  }
}
@media (max-width: 768px) {
  .survey-logo{
    max-width: 260px;
    max-height: 36px;
    margin:5px 0;
  }
}
.survey-r{
  max-width: 618px;
  width: 42.91%;
  padding-bottom: 43px;
  position: relative;
}
@media (max-width: 992px) {
  .survey-r{
    display: none;
  }
}
.survey-pic{
  max-width:516px;
  width:83.49%;
  max-height: 548px;
  position: relative;
  z-index: 222;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.survey-min{
  position: absolute;
  right:0;
  bottom: 0;
  z-index: 111;
  max-width:255px;
  max-height:288px;
  width:41.26%;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.culture{
  background: url(https://hefeng2.539360.com/images/culture.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  height:calc( 100vh - 107px );
  margin-top: 107px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .culture{
    margin-top:60px;
    height: calc( 100vh - 60px );
  }
}
@media (max-width: 768px) {
  .culture{
    margin-top:0;
    height:auto;
    padding:60px 0;
  }
}
@media (max-width: 576px) {
  .culture{
    padding:50px 0;
  }
}
.culture #item3_{
  position: absolute;
  top:-100px;
}
.culture-main{
  padding-top: 50px;
  max-width: 1300px;
  margin-left:auto;
  margin-right:auto;
}
.culture-main .row{
    --bs-gutter-x:54px;
}
@media (max-width: 1200px) {
  .culture-main{
    padding-top: 40px;
    max-width: 860px;
  }
  .culture-main .row{
        --bs-gutter-x:30px;
    }
}
@media (max-width: 992px) {
      .culture-main .row{
        --bs-gutter-x:20px;
    }
  .culture-main{
    padding-top: 30px;
  }
}
.culture-item{
  max-width:400px;
  height:445px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .culture-item{
    height:400px;
  }
}
@media (max-width: 992px) {
  .culture-item{
    height:360px;
  }
  .culture-svg svg{
    width:40px;
    height:40px;
  }
}
@media (max-width: 768px) {
  .culture-item{
    height:300px;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .culture-svg svg{
    width:30px;
    height:30px;
  }
}
@media (max-width: 576px) {
      .culture-item{
    height:240px;
  }
}
.culture-txt{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.culture-txt img{
  margin-top: 26px;
}
@media (max-width: 992px) {
  .culture-txt img{
    margin-top: 16px;
    max-width: 150px;
  }
}
@media (max-width: 768px) {
  .culture-txt img{
    margin-top: 10px;
    max-width: 120px;
  }
}
.culture-txt span{
  display: block;
  margin-top: 8px;
  font-family: 'AlibabaPuHuiTi-2-55-Regular';
  font-size: 26px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}
@media (max-width: 1200px) {
  .culture-txt span{
    font-size:20px;
  }
}
@media (max-width: 768px) {
  .culture-txt span{
    font-size:18px;
  }
}
@media (max-width: 576px) {
  .culture-txt span{
    font-size:16px;
  }
}
.culture-desc{
  margin-top: 55px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .culture-desc{
    margin-top: 40px;
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .culture-desc{
    margin-top: 20px;
    padding:0 10px;
  }
     .culture-desc p{
       display: contents;
   }
}
@media (max-width: 768px) {
  .culture-desc{
    margin-top: 10px;
  }
}
.culture-svg{
  width:100px;
  height:100px;
  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%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .culture-svg{
    width:80px;
    height:80px;
  }
}
@media (max-width: 768px) {
  .culture-svg{
    width:70px;
    height:70px;
  }
}
@media (max-width: 576px) {
  .culture-svg{
    width:60px;
    height:60px;
  }
}
.culture-main .col-sm-12:nth-child(2) .culture-svg{
  margin-top:24px;
}
.culture-item.on .culture-svg{
  background: var(--origin--);
}
.culture-item.on .culture-svg svg path{
  fill:#ffffff;
}
.dutyy{
  position: relative;
  height:calc( 100vh - 107px );
  margin-top: 107px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .dutyy{
    margin-top:60px;
    height: calc( 100vh - 60px );
  }
}
@media (max-width: 768px) {
  .dutyy{
    margin-top:0px;
    padding:60px 0;
    height:auto;
  }
}
@media (max-width: 576px) {
  .dutyy{
    padding:50px 0;
  }
}
.dutyy #item7_{
  position: absolute;
  top:-100px;
}
.dutyy .container{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  /* padding-top:120px;
  padding-bottom: 120px; */
}
@media (max-width: 1441px) {
  .dutyy .container{
    align-items: center;
    /* padding-top:100px;
    padding-bottom: 100px; */
  }
}
@media (max-width: 1200px) {
  /* .dutyy .container{ */
    /* padding-top:70px;
    padding-bottom: 70px; */
  /* } */
}
@media (max-width: 992px) {
  .dutyy .container{
    /* padding-top:60px;
    padding-bottom: 60px; */
    flex-direction: column-reverse;
  }
}
/* @media (max-width: 768px) {
  .dutyy .container{
    padding-top:50px;
    padding-bottom: 50px;
  }
} */
.dutyy-l{
  max-width:656px;
  width: 45.55%;
  max-height:480px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
@media (max-width: 992px) {
  .dutyy-l{
    width:100%;
    margin-top:30px;
    max-width: 100%;
  }
}
.dutyy-r{
  max-width:692px;
  width:48.05%;
  margin-right:20px;
}
@media (max-width: 1200px) {
  .dutyy-r{
    width:51%;
    margin-right:0px;
  }
}
@media (max-width: 992px) {
  .dutyy-r{
    width:100%;
  }
}
.dutyy-r .assort-top{
  padding-top: 0;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .dutyy-r .assort-top{
    align-items: center;
  }
}
.dutyy-r .assort-top span{
  position: relative;
}
/*
.dutyy-r .assort-top span::after{
  content: '';
  width:29px;
  height:3px;
  background: var(--origin--);
  position: absolute;
  left:0;
  bottom: -16px;
}
@media (max-width: 768px) {
  .dutyy-r .assort-top span::after{
    left:50%;
    width:24px;
    bottom: -10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
}
*/
.dutyy-r .assort-top a{
  margin-top: 76px;
}
@media (max-width: 1441px) {
  .dutyy-r .assort-top a{
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .dutyy-r .assort-top a{
    margin-top: 20px;
  }
}
.dutyy-r .assort-desc{
  padding-top: 46px;
}
@media (max-width: 1200px) {
  .dutyy-r .assort-desc{
    padding-top: 25px;
  }
}
.dutyy-r .assort-desc p{
  text-align: left;
  text-indent: 2rem;
  font-family: 'AlibabaPuHuiTi-2-45-Light';
}
@media (max-width: 992px) {
  .dutyy-r .assort-desc p{
    display: block;  }
}
.dutyy-page{
  position: absolute;
  left:40px;
  bottom: 40px;
  width:110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .dutyy-page{
    left:20px;
  }
}
@media (max-width: 576px) {
  .dutyy-page{
    width:90px;
  }
}
.dutyy-page .swiper-button-prev::after,
.dutyy-page .swiper-button-next::after{
  display: none;
}
.dutyy-page .swiper-button-prev,
.dutyy-page .swiper-button-next{
  width:40px; 
  height:40px;
  background: url(https://hefeng2.539360.com/images/vendor-prev001.svg) no-repeat center;
  background-size: cover;
}
@media (max-width: 576px) {
  .dutyy-page .swiper-button-prev,
  .dutyy-page .swiper-button-next{
    width:30px; 
    height:30px;
  }
}
.dutyy-page .swiper-button-prev:hover,
.dutyy-page .swiper-button-next{
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
.dutyy-page .swiper-button-prev:hover,
.dutyy-page .swiper-button-next:hover{
  background: url(https://hefeng2.539360.com/images/vendor-next002.svg) no-repeat center;
  background-size: cover;
}
.dutyy-page .swiper-button-next:hover{
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}
.honor{
  background: url(https://hefeng2.539360.com/images/honor.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  height:calc( 100vh - 107px );
  margin-top: 107px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .honor{
    margin-top:60px;
    height: calc( 100vh - 60px );
  }
}
@media (max-width: 768px) {
  .honor{
    margin-top:0;
    padding:60px 0;
    height:auto;
  }
}
@media (max-width: 576px) {
  .honor{
    padding:50px 0;
  }
}
.honor #item6_{
  position: absolute;
  top:-100px;
}
.honor .expo-top span{
  position: relative;
}
/*
.honor .expo-top span::after{
  content: '';
  width:29px;
  height:3px;
  background: var(--origin--);
  position: absolute;
  left:0;
  bottom: -12px;
}
*/
.honor-main{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 992px) {
  .honor-main{
    flex-direction: column-reverse;
  }
}
.honor-l{
  max-width: 590px;
  width: 40.97%;
  position: relative;
}
@media (max-width: 992px) {
  .honor-l{
    width: 100%;
    max-width: 100%;
  }
}
.honor-txt{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top:125px;
}
@media (max-width: 1200px) {
  .honor-txt{
    margin-top:100px;
  }
}
@media (max-width: 992px) {
  .honor-txt{
    display: none;
  }
}
.honor-txt span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 18px;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(220, 84, 27, 1);
}
@media (max-width: 1200px) {
  .honor-txt span{
    font-size:16px;
    line-height:1.6;
  }
}
.honor-desc{
  margin-top:45px;
  font-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  letter-spacing: 0.01em;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 1200px) {
  .honor-desc{
    margin-top:30px;
    font-size:14px;
  }
}
.honor-r{
  position: absolute;
  right:0;
  bottom: 44px;
  max-width:1233px;
  width: 64.21vw;
  height:600px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .honor-r{
    bottom: 0px;
    height:570px;
  }
}
@media (max-width: 992px) {
  .honor-r{
    position: relative;
    height:auto;
    width:100%;
  }
  .honor-but{
    display: none;
  }
}
.honor-l .vendor-page{
  margin-top:190px;
  position: static;
  height:46px;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
@media (max-width: 1200px) {
  .honor-l .vendor-page{
    margin-top:140px;
  }
}
@media (max-width: 992px) {
  .honor-l .vendor-page{
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
  }
}
@media (max-width: 768px) {
  .honor-l .vendor-page{
    margin-top:20px;
  }
}
.honor-body{
  height:476px;
  max-width:1000px;
  width:82%;
  position: relative;
}
@media (max-width: 992px) {
  .honor-body{
    height: auto;
    width: 100%;
    padding-top: 60px;
  }
}
@media (max-width: 768px) {
  .honor-body{
    padding-top: 40px;
  }
}
#honor_swiper .swiper-slide{
  width: 300px;
  min-height: 476px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  #honor_swiper .swiper-slide{
    width: auto;
    min-height:auto;
  }
}
#honor_swiper .swiper-slide .honor-item,
#honor_swiper .swiper-slide img{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
#honor_swiper .swiper-slide .honor-item{
  width:200px;
}
#honor_swiper .swiper-slide-active .honor-item{
  width: 300px; 
}
@media (max-width: 992px) {
  #honor_swiper .swiper-slide .honor-item{
    width:auto;
  }
  #honor_swiper .swiper-slide-active .honor-item{
    width: auto; 
  }
}
#honor_swiper .swiper-wrapper{
  align-items: flex-end;
}
.course{
  background: linear-gradient(180deg, #F5F6F8 0%, #FFFFFF 100%);
  position: relative;
  height:calc( 100vh - 107px );
  margin-top: 107px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .course{
    margin-top:60px;
    height: calc( 100vh - 60px );
  }
}
@media (max-width: 768px) {
  .course{
    margin-top:0;
    padding:60px 0;
    height:auto;
  }
}
@media (max-width: 576px) {
  .course{
    padding:50px 0;
  }
}
.course #item5_{
  position: absolute;
  top:-100px;
}
.course .assort-top span{
  position: relative;
}
/*
.course .assort-top span::after{
  content: '';
  width:29px;
  height:3px;
  background: var(--origin--);
  position: absolute;
  left:50%;
  bottom: -8px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}*/
.course-top{
  padding:44px 0 16px 0;
}
@media (max-width: 768px) {
  .course-top{
    padding-top:30px;
  }
}
.course-item{
  width:100%;
  padding:50px 102px;
  min-height:350px;
  background: rgba(238, 238, 238, 1);
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1441px) {
  .course-item{
    padding:40px 60px;
  }
}
@media (max-width: 1200px) {
  .course-item{
    padding:30px 40px;
    min-height: auto;
  }
}
@media (max-width: 768px) {
  .course-item{
    padding:20px 30px;
  }
}
@media (max-width: 576px) {
  .course-item{
    padding:20px;
  }
}
.course-pic{
  max-width:580px;
  width:47%;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media (max-width: 1200px) {
  .course-pic{
    width:50%;
  }
}
@media (max-width: 768px) {
  .course-pic{
    width:100%;
  }
}
.course-txt{
  max-width:573px;
  width:47%;
  margin-top:30px;
}
@media (max-width: 1200px) {
  .course-txt{
    margin-top:15px;
  }
}
@media (max-width: 992px) {
  .course-txt{
    margin-top:0px;
  }
}
@media (max-width: 768px) {
  .course-txt{
    width:100%;
    margin-top:6px;
  }
}
.course-txt span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height:1.8;
  text-align: left;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 992px) {
  .course-txt span{
    font-size:26px;
  }
}
@media (max-width: 768px) {
  .course-txt span{
    font-size:20px;
  }
}
.course-desc{
  margin-top:26px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: left;
  color: rgba(96, 98, 102, 1);
}
.course-desc p{
  font-family: 'AlibabaPuHuiTi-2-45-Light';
}
@media (max-width: 1200px) {
  .course-desc{
    margin-top:10px;
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .course-desc{
    margin-top:0px;
  }
}
.course-num{
  width:130px;
  height: 130px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: rgba(198, 198, 198, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 1441px) {
  .course-num{
    width:110px;
    height: 110px;
  }
}
@media (max-width: 992px) {
  .course-num{
    width:90px;
    height:90px;
  }
}
@media (max-width: 768px) {
  .course-num{
    width:80px;
    height:80px;
  }
}
@media (max-width: 576px) {
  .course-num{
    width:70px;
    height:70px;
  }
}
.course-num span{
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
@media (max-width: 1200px) {
  .course-num span{
    font-size: 26px;
  }
}
@media (max-width: 992px) {
  .course-num span{
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .course-num span{
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .course-num span{
    font-size: 17px;
  }
}
#course_swiper .swiper-slide{
  display: flex;
  justify-content: center;
}
.course-top{
  position: relative;
}
.course-top .swiper-button-prev{
  left:-120px;
}
.course-top .swiper-button-next{
  right:-120px;
}
@media (max-width: 1440px) {
  .course-top .swiper-button-prev{
    left:-30px;
  }
  .course-top .swiper-button-next{
    right:-30px;
  }
}
.course-li.on .course-num{
  background: var(--origin--);
}
.course-li{
  width:166px;
  padding-top:20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.course-li p{
  display: none;
  padding-top:30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-align: center;
  color:var(--origin--);
}
@media (max-width: 1200px) {
  .course-li p{
    font-size:18px;
    padding-top: 24px;
  }
}
@media (max-width: 768px) {
  .course-li p{
    font-size:16px;
    padding-top: 18px;
  }
}
.course-li.on p{
  display: block;
}
.course-li .course-num::after{
  content: '';
  width:0;
  height:0;
  max-width: 166px;
  max-height: 166px;
  background: rgba(220, 84, 27, 0.2);
  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%;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  z-index: -1;
}
.course-li.on .course-num::after{
  content: '';
  width:127.69%;
  height:127.69%;
  max-width: 166px;
  max-height: 166px;
}
.activity{
  height:calc( 100vh - 107px );
  margin-top: 107px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .activity{
    margin-top:60px;
    height: calc( 100vh - 60px );
  }
}
@media (max-width: 768px) {
  .activity{
    margin-top:0;
    padding:60px 0;
    height:auto;
  }
}
@media (max-width: 576px) {
  .activity{
    padding:50px 0;
  }
}
.activity-tag{
  padding-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width:   576px) {
  .activity-tag{
    width:80%;
    margin:0 auto;
  }
}
.activity-tag a{
  display: block;
  margin:0 25px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  text-align: center;
  color: rgba(48, 49, 51, 1);
}
@media (max-width: 992px) {
  .activity-tag a{
    font-size:16px;
    margin:0 20px;
  }
}
@media (max-width: 768px) {
  .activity-tag a{
    font-size:16px;
    margin:0 14px;
  }
}
@media (max-width: 576px) {
  .activity-tag a{
    width:50%;
    font-size:14px;
    margin:3px 0;
  }
}
.activity-tag a.on{
  color: var(--origin--);
}
.activity-item{
  overflow: hidden;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}

#activity_swiper4 .swiper-slide,
#activity_swiper3 .swiper-slide,
#activity_swiper2 .swiper-slide,
#activity_swiper1 .swiper-slide { 
  height: calc( ( 100% - 72px ) / 2 ) !important;
}
#activity_swiper4 .swiper-pagination,
#activity_swiper3 .swiper-pagination,
#activity_swiper2 .swiper-pagination,
#activity_swiper1 .swiper-pagination{
  bottom: -50px;
}
.activity-main{
  position: relative;
  padding:40px 0 60px 0;
}
@media (max-width: 1200px) {
  .activity-main{
    padding:35px 0 50px 0;
  }
}
@media (max-width: 992px) {
  .activity-main{
    padding:20px 0 40px 0;
  }
}
@media (max-width: 576px) {
  .activity-main{
    padding:10px 0 30px 0;
  }
}
.modal{
  --bs-modal-width:660px;
}
@media (max-width: 992px) {
  .modal{
    --bs-modal-width:560px;
  }
}
@media (max-width: 768px) {
  .modal{
    --bs-modal-width:500px;
  }
}
.modal-content{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.notes-title{
  margin-top:1rem;
  position: relative;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  font-size: 32px;
  font-weight: 400;
  line-height: 1.6;
  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: var(--origin--);
  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;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
@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-family: 'AlibabaPuHuiTi-2-45-Light';
  font-size: 16px;
  font-weight: 200;
  line-height: 1.6;
  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: 16px;
  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: var(--origin--);
}
@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:180px;
  height:48px;
  background: var(--origin--);
  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: 20px;
  font-weight: 400;
  line-height: 1.4;
  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:42px;
    margin:1rem 0 .5rem 0;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media (max-width: 992px) {
  .notes-li button{
    width:120px;
    height:36px;
    margin: 0;
    font-size: .9rem;
  }
}
.notes-li button svg{
  margin-left:1rem;
}
@media (max-width: 1200px) {
  .notes-li button svg{
    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%);
  cursor: pointer;
      transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.notes-close:hover{
    transform:translateX(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) rotate(90deg);
  -moz-transform: translateX(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) rotate(90deg);
  -o-transform: translateX(-50%) rotate(90deg);

}
.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(https://hefeng2.539360.com/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;
}


.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,.95)
}

.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%;
  background:rgba(255,255,255,.1);
}

.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;
  }
}
/* 详情页 */
.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:hover,
.nav-box .breadcrumb-item a:hover{
  color:#DC541B;
}
.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: 36px;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
  line-height: 1.6;
  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 .content img{
    width:auto !important;
    height:auto !important;
}
.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;
    display: none;
  }
}

.view-box .end-round:hover span{
  color:var(--origin--);
}
.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: #DC541B;
  color:#ffffff;
  border:1px solid #DC541B;
}
.inner-bar {
	position: relative;
  padding-top:104px;
}
@media (max-width: 1200px) {
  .inner-bar {
    padding-top:70px;
  }
}
.inner-bar2{
  padding-top: 0px;
}
@media (max-width: 768px) {
  .inner-bar2{
    padding-top: 70px;
  }
}

.inner-bar3{
    position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: calc( 100vh - 104px - 60px);
  margin-top: 104px;
}
@media (max-width: 1200px) {
  .inner-bar3{
    height: calc( 100vh - 70px - 50px);
    margin-top: 70px;
  }
}
@media (max-width: 768px) {
  .inner-bar3{
    height:auto;
  }
}
.inner-bar4{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: calc( 100vh - 60px);
}
@media (max-width: 1200px) {
  .inner-bar4{
    height: calc( 100vh - 50px);
  }
}
@media (max-width: 768px) {
  .inner-bar4{
    height:auto;
  }
}

.honor-img .news-desc{
  margin-top: 20px;
  min-height: 70px;
  display: flex;
  justify-content: center;
}
.honor-img .news-hot-pic{
  width: fit-content;
  margin: 0 auto;
}
.jade-img .news-desc{
  margin-top: 20px;
  min-height: 60px;
}
.highlight{
  color:var(--origin--);
}
.navi {
  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(255, 255, 255, 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.white .navi span,
#header.on .navi span{
  background: rgba(48, 49, 51, 1);
}
.navi span:nth-child(2){
  width:100%;
}
.navi span:last-child{
  width:100%;
}
.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: 104px;
    z-index: 888888;
}
@media (max-width:991px){
  .header-nav {
    top:70px;
  }
}
.footer-nav{
  width:100%;
}
.footer-nav{
  display: none;
}
@media (max-width: 768px) {
  .footer-menu{
    display: none;
  }
  .footer-nav{
    display: block;
  }
  .header-nav {
    display: none;
  }
}
.footer-nav>ul>li>a,
.header-nav>ul>li>a {
	display: block;
  width:100%;
  font-family: 'AlibabaPuHuiTi-2-65-Medium';
	font-size: 15px;
	color: #081f2c;
  padding: 16px 10px;
}

.footer-nav>ul>li:nth-child(2)>a,
.footer-nav>ul>li:nth-child(3)>a,
.header-nav>ul>li:nth-child(3)>a,
.header-nav>ul>li:nth-child(2)>a{
  pointer-events: none;
  cursor: default; 
}

.footer-nav>ul>li>a{
  font-size:13px;
  color:rgba(255, 255, 255, .8);
  padding:12px 10px;
}
.footer-nav>ul>li,
.header-nav>ul>li{
  cursor: pointer;
  position: relative;
  display: block;
  border-top: 1px solid #e0e0e0;
}
.footer-nav>ul>li{
  border:none;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.footer-nav>ul>li:last-child{
  border-bottom: none;
}
.header-nav>ul>li:last-child{
  border-bottom: 1px solid #e0e0e0;
}
.footer-nav>ul>li::after,
.header-nav>ul>li::after{
	content: " ";
	position: absolute;
	top: 2rem;
	transform: translateY(-50%);
	right: 15px;
	background: url(https://hefeng2.539360.com/images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}
.footer-nav>ul>li::after{
  top:24px;
}
.footer-nav>ul>li.nav-parent>a,
.header-nav>ul>li.nav-parent>a{
  width:70%;
}
.footer-nav>ul>li.nav-parent::after,
.header-nav>ul>li.nav-parent::after {
	background: url(https://hefeng2.539360.com/images/icon_plus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.footer-nav>ul>li.nav-minus::after,
.header-nav>ul>li.nav-minus::after {
	background: url(https://hefeng2.539360.com/images/icon_minus_black.svg) no-repeat center;
	background-size: 11px 11px;
	width: 11px;
	height: 11px;
}
.footer-nav>ul>li>ul,
.header-nav>ul>li>ul {
	display: none;
}
.footer-nav>ul>li>ul>li>a,
.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;
}
.footer-nav>ul>li>ul>li{
  width:100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, .2);
}
.footer-nav>ul>li>ul>li>a{
  width: 50%;
  font-size:12px;
  padding:10px 16px;
  color:rgba(144, 147, 153, 1);
  border:none;

}
.footer-nav>ul>li>ul>li>a::after,
.header-nav>ul>li>ul>li>a::after {
	content: " ";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	background: url(https://hefeng2.539360.com/images/icon_menu-arrow.svg) no-repeat center;
	background-size: 7px 13px;
	width: 7px;
	height: 13px;
}
.header-nav-tool{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:10px 0 20px 0;
}
.nav_line{
  margin:0 8px 0 20px;
  height:20px;
  width:1px;
  background: #666;
}
.navi-lan{
  display: none;
}
@media (max-width: 768px) {
  .navi-lan{
    display: block;
  }
}
.navi-lan{
  cursor: pointer;
  position: absolute;
  top:50%;
  right:16%;
  padding:0 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.navi-lan::after{
  content: '';
  width:20px;
  height:20px;
  background: url(https://hefeng2.539360.com/images/navi-lan.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  top:50%;
  right:0px;
  transform: translateY(-50%) translateX(30%);
  -webkit-transform: translateY(-50%) translateX(30%);
  -moz-transform: translateY(-50%) translateX(30%);
  -ms-transform: translateY(-50%) translateX(30%);
  -o-transform: translateY(-50%) translateX(30%);
}
.white .navi-lan::after{
      background: url(https://hefeng2.539360.com/images/navi-lan2.svg) no-repeat center;
  background-size: cover;
}

@media (max-width: 768px) {
    .navi-lan::after{
        width:16px;
        height:16px;
    }
}
.navi-lan.on::after{
  transform:rotateX(180deg) translateY(50%) translateX(30%);
  -webkit-transform:rotateX(180deg) translateY(50%) translateX(30%);
  -moz-transform:rotateX(180deg) translateY(50%) translateX(30%);
  -ms-transform:rotateX(180deg) translateY(50%) translateX(30%);
  -o-transform:rotateX(180deg) translateY(50%) translateX(30%);
}
.navi-lan a{
  display: block;
  width: 100%;
  font-size:16px;
  line-height: 1.6;
  color:#ffffff;
  text-align: center;
}
header.white .navi-lan a{
  color:rgba(48, 49, 51, 1);
}
.navi-lan a:last-child{
  display: none;
  position: absolute;
  left:50%;
  top:100%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.navi-lan.on a:last-child{
  display: block;
}
#page{
  position: absolute;
  top:-100px;
}



.spread{
  position: fixed;
  top: 0px; 
  left: 0px; 
  width: 100%; 
  height: 100%; 
  z-index: 99991;
}
.spread-pic{
  width:100%;
  height:100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url();
}
.spread-txt{
  position: absolute;
  top: 46%;
  left: 50%;
  overflow: hidden;
  z-index: 9999;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width:320px;
  height:22px;
}
@media (max-width: 768px) {
  .spread-txt{
    width:300px;
    height:20px;
  }
}
.spread-txt1{
  position: absolute;
  left:0;
  top:0;
  background: url(https://hefeng2.539360.com/images/spread-txt1.png) no-repeat;
  background-size: cover;
  width:100%;
  height:100%;
  z-index: 111;
}

.spread-txt2{
  position: absolute;
  left:0;
  top:0;
  background: url(https://hefeng2.539360.com/images/spread-txt2.png) no-repeat;
  background-size: cover;
  width:100%;
  height:100%;
  z-index: 222;
  clip-path:  polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}





/*横屏时代码*/
@media (max-height: 500px) {
    .navi-lan{
        right:13%;
    }
    .horizon-li span, .horizon-r li span{
        font-size:18px;
    }
    .carousel-txt2 p{
        margin-top:3%;
    }
    .carousel-txt2 img{
        width:35%;
    }
    .core-list .core-item .core-svg::after{
        display: none;
    }
    .about-logo{
        bottom: 12px;
        width:300px;
        height:41px;
    }
    .copyright{
        display: none;
    }
    .core-name{
        flex-direction:row;
        height:100%;
        justify-content: center;
    }
    .left-box-txt span{
        font-size:18px;
    }
    .core-list .core-item .core-name{
        top:0;
    }
    .core-list .core-item .core-name svg{
        width:26px;
        height:26px;
    }
    .core-list .core-item .core-title{
        margin-top:0;
        margin-left:16px;
        font-size:16px;
    }
    .core-num{
        bottom: auto;
        top:50%;
        transform: translateY(-50%);
    }
    .core-num span{
        font-size:16px;
    }
    .core-list{
        margin-top:1%;
        height: calc(100% - 34%);
    }
    .section2 .horizon-l{
        margin-top:30px;
    }
    .vendor-page{
        display: none;
    }
    .horizon-pic{
        width:30%;
    }
    #horizon_swiper{
        width:100%;
    }
    .horizon-l{
        width:50%;
        margin-top:0;
    }
    .carousel-txt1 img{
        max-width:500px;
        max-height:59px;
    }
    .about-tv,
    .news-index-l{
        display: none;
    } 
    .news-index-r .news-index-li{
        display: none !important;
        padding:2% 0;
        margin-bottom: 2%;
    }
    .news-index-r .news-index-li:nth-child(1),
    .news-index-r .news-index-li:nth-child(2){
        display: flex !important;
    }
    .news-index-r{
        margin-top:0;
    }
    .news-index{
        top:54%;
    }
     .news-index-top a{
        width:110px;
        height:32px;
    }
}





.carousel-font{
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-weight:100;
    font-size:67px;
    color:#ffffff;
    letter-spacing: 10px;
    line-height: 1;
}

@media (max-width: 768px) {
    .carousel-font{
        font-size:40px;
        line-height:1.5;
    }
    .carousel-txt1 p,
    .carousel-txt2 p{
        margin-top:5%;
        font-size:14px;
        line-height:1.5;
    }
}

.culture-svg3{
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.culture-svg2,
.culture-svg1{
  transition: all .8s;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -ms-transition: all .8s;
  -o-transition: all .8s;
}
.culture-item:hover .culture-svg1{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.culture-item:hover .culture-svg2{
  animation: search .3s ease-out ;
  -webkit-animation: search .3s ease-out ;
  animation-iteration-count: 1;
}
.culture-item:hover .culture-svg3{
  transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
}
.expo-top a{
  position: relative;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
  transition: all .2s;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}
.expo-top a:hover{
  color:#ffffff;
}

.expo-top a::after,
.expo-top a::before{
  content: '';
  position: absolute;
  width:290%;
  top:0;
  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:var(--red--);
  transition: 3s;
  -webkit-transition: 3s;
  -moz-transition: 3s;
  -ms-transition: 3s;
  -o-transition: 3s;
}
.expo-top a::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);
}
.expo-top a::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);
}
.expo-top a:hover::before,
.expo-top a:hover::after{
  background-color: var(--origin--);
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}