@-webkit-keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  100% {
    opacity: 1;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}
@keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  100% {
    opacity: 1;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}
.dotbox {
  position: absolute;
  bottom: 1.875rem !important;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.s_tt2025 {
  padding-bottom: 1.875rem
}
.s_tt2025 h3 {
  font-size: 1.875rem;
  line-height: 1.43;
  font-weight: bold;
  color: #3D3D3D
}
.s_tt2025 p {
  font-size: .875rem;
  line-height: 1.43rem;
  color: #3D3D3D;
  opacity: .5;
  margin-top: .625rem
}
.s_pro {
  background: #fff
}
.s_pro .ttbox {
  background: #fff
}
.s_pro .ttbox .s_tt2025 {
  background: url(../image/s_pro_tt.png) right 2.5rem no-repeat;
  background-size: 25rem
}
.s_pro .hdtabnav ul li {
  width: auto
}
.hdtabnav {
  border-top: 1px solid #eceef2
}
.hdtabnav ul {
  width: auto;
  display: inline-flex
}
.hdtabnav ul li a {
  position: relative;
  display: inline-block;
  padding: .75rem .875rem;
  line-height: 1.625rem;
  font-size: 1.125rem;
  color: #3D3D3D
}
.hdtabnav ul li:hover::before {
  width: 100%;
  left: 0
}
.hdtabnav ul li:hover ~ li::before {
  left: 0
}
.hdtabnav ul li.swiper-slide-thumb-active:before {
  width: 100%;
  left: 0
}
.underline2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 4px;
  background: #2659FF;
  transition: transform .2s linear, width .2s linear
}
.s_pro .bd {
  padding: 2.5rem 0 5rem;
  background: #eceef2
}
.s_pingtailist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem
}
.s_pingtailist li .box {
  height: 18.0625rem;
  background: rgba(255, 255, 255, .8);
  position: relative;
  z-index: 1;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.s_pingtailist li .ico {
  width: 3.125rem;
  height: 2.75rem;
  margin-bottom: .625rem
}
.s_pingtailist li h3 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  transition: .5s;
  font-weight: bold;
  color: #3D3D3D
}
.s_pingtailist li h4 {
  font-size: .875rem;
  line-height: 1.25rem;
  color: #3D3D3D;
  transition: .5s
}
.s_pingtailist li p {
  opacity: .5;
  line-height: 1.25rem;
  transition: .5s;
  font-size: .875rem;
  color: #3D3D3D
}
.s_pingtailist li .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: .5s;
  opacity: 0;
  visibility: hidden
}
.s_pingtailist li.on h3 {
  color: #fff
}
.s_pingtailist li.on h4 {
  color: #fff
}
.s_pingtailist li.on p {
  color: #fff
}
.s_pingtailist li.on .img {
  opacity: 1;
  visibility: visible
}
.s_project {
  background: #fff
}
.s_project_slide {
  position: relative
}
.s_project_slide .bd .box {
  display: block;
  position: relative
}
.s_project_slide .bd .txt {
  padding-bottom: 2.5rem;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 6.25rem;
  z-index: 9;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  color: #FFF
}
.s_project_slide .bd .txt p {
  max-width: 843px;
  margin: 0 auto;
  opacity: .5
}
.s_project_slide .bd .img {
  height: 575px
}
.s_project_slide .bd .img:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 6.25rem;
  height: 50%;
 
}
.s_project_slide .hd {
  position: absolute;
  z-index: 9;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, .8)
}
.s_project_slide .hd ul li {
  color: #fff;
  flex-grow: 1;
  border-right: 1px solid rgba(255, 255, 255, .2);
  width: 16.666%
}
.s_project_slide .hd ul li:first-child {
  border-left: 1px solid rgba(255, 255, 255, .2)
}
.s_project_slide .hd ul li a {
  height: 6.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1.875rem;
  position: relative;
  z-index: 1
}
.s_project_slide .hd ul li h4 {
  margin-bottom: .375rem;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #FFF
}
.s_project_slide .hd ul li span {
  opacity: .3;
  font-size: 12px;
  color: #FFF
}
.s_project_slide .hd ul li a:before {
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(38, 89, 255, 0.3);
  z-index: -1
}
.s_project_slide .hd ul li a:after {
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  background: #2659FF;
  z-index: 0
}
.s_project_slide .hd ul li.on a:before {
  opacity: 1;
  visibility: visible
}
.s_project_slide .hd ul li.on a:after {
  opacity: 1;
  visibility: visible
}
.s_project .hd ul li.swiper-slide-thumb-active a:before {
  opacity: 1;
  visibility: visible
}
.s_project .hd ul li.swiper-slide-thumb-active a:after {
  opacity: 1;
  visibility: visible
}

.s_shuzi {
  margin-top: 4rem
}
.s_shuzi ul {
  display: flex
}
.s_shuzi ul li {
  margin-right: 3.125rem
}
.s_shuzi ul li div {
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px
}
.s_shuzi ul li div span {
  font-size: 1.875rem;
  line-height: 2.75rem;
  font-weight: bold;
  color: #FFF;
  flex-shrink: 0
}
.s_shuzi ul li div i {
  font-size: .875rem;
  font-weight: bold;
  padding-bottom: 10px;
  margin-left: 12px;
  flex-shrink: 0
}
.s_shuzi ul li p {
  font-size: .875rem;
  color: rgba(255, 255, 255, .5);
  white-space: nowrap
}
.s_shuzi ul li:nth-child(1) div span {
  background: linear-gradient(to right, #53D7E5 0, #2659FF 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.project_capacity ul li .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 100%)
}
.project_capacity ul li .txt1 {
  width: 100%;
  height: 100%;
  text-align: center;
  transition: .5s;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center
}
.project_capacity ul li .txt1 h4 {
  color: #FFF;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.625rem
}
.project_capacity ul li .txt1 span {
  position: absolute;
  transition: .5s;
  left: 0;
  width: 100%;
  bottom: 1rem;
  color: #FFF;
  opacity: .5;
  font-size: 12px;
  transform: scale(.9)
}
.project_capacity ul li .txt2 {
  padding: 1.25rem;
  height: 50%;
  background: linear-gradient(110deg, #53D7E5 0, #2659FF 99%)
}
.project_capacity ul li .txt2 p {
  color: #FFF;
  font-size: .875rem;
  line-height: 1.25rem;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical
}
.project_capacity ul li:hover .txt1 {
  height: 50%;
  transition-delay: .1s
}
.project_capacity ul li:hover .txt1 span {
  opacity: 0;
  visibility: hidden;
  bottom: -2rem
}
.pro_area {
  background: #fff
}
.accordion ul {
  display: flex;
  position: relative
}
.accordion ul li {
  width: 17.4375rem;
  overflow: hidden;
  min-width: 12rem;
}
.accordion ul li .img {
  height: 37.5rem;
  background-size: cover;
  background-position: center !important;
  position: relative
}
.accordion ul li .img img {
  display: block
}
.accordion ul li h4 {
  text-align: center;
  transition: .5s;
  font-size: 1.125rem;
  color: #3D3D3D;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, #FFF 0, #ECEEF2 100%, rgba(255, 255, 255, 0) 100%)
}
.accordion ul li h4:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s;
  z-index: -1;
  background: linear-gradient(94deg, #53D7E5 0, #2659FF 99%);
  opacity: 0;
  visibility: hidden
}
.accordion ul li h5 {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 1.25rem;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  height: 20px;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  transform: translateY(2rem)
}
.pro_apply .outbox {
  display: flex;
  position: relative;
  z-index: 1;
  margin-top: 4rem
}
.pro_apply .outbox:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 1.25rem;
  top: -1.25rem;
  background: #FFF;
  opacity: .3
}
.pro_apply .left {
  width: 40rem;
  flex-shrink: 0;
  background: #fff;
  padding: 3.125rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.pro_apply .right {
  flex-grow: 1
}
.pro_apply .swiper {
  max-width: 100%
}
.pro_apply .txt {
  max-width: 33.25rem
}
.pro_apply .txt .tt {
  margin-bottom: 2.5rem
}
.pro_apply .txt .tt h4 {
  color: #2659FF;
  font-size: 1.5rem;
  height: 2.25rem;
  display: flex;
  align-items: center
}
.pro_apply .txt .tt h4 img {
  width: 2.125rem;
  margin-right: .875rem
}
.pro_apply .txt .tt span {
  color: #3D3D3D;
  font-size: .875rem;
  opacity: .5;
  height: 1.25rem;
  display: block;
  margin-top: 1.875rem
}
.pro_apply .txt .con {
  color: #3D3D3D;
  font-size: 1rem;
  line-height: 1.75rem;
  opacity: .5;
  height: 9rem;
  overflow: auto;
  padding-right: 1rem
}
.pro_apply .left .arrbox {
  display: flex;
  align-items: center
}
.pro_apply .left .arr {
  width: 9.375rem;
  height: 3.75rem;
  font-size: 1.125rem;
  color: rgba(61, 61, 61, 0.3);
  transition: .5s;
  padding: 0 .5rem;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-right: .625rem;
  border: 2px solid #ECEEF2;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-around
}
.pro_apply .left .arr:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  background: #ECEEF2;
  z-index: -1;
  transition: .5s;
  opacity: 0;
  visibility: hidden
}
.pro_apply .left .arr img {
  opacity: .3
}
.pro_apply .left .arr.on:before {
  opacity: 1;
  visibility: visible;
  height: 100%
}
.pro_apply .left .arr.on {
  color: #3D3D3D
}
.pro_apply .left .arr.on img {
  opacity: 1
}
.tc_box01 {
  background: #fff;
  width: 28.125rem;
  max-width: 90%
}
.tc_box01 .hd {
  background: #ECEEF2;
  border-bottom: 1px solid #ECEEF2
}
.tc_box01 .hd ul {
  display: flex
}
.tc_box01 .hd ul li {
  width: 50%;
  cursor: pointer;
  line-height: 3.75rem;
  text-align: center;
  color: #3D3D3D;
  font-size: 1.125rem
}
.tc_box01 .hd ul li.on {
  background: #fff;
  font-weight: bold
}
.tc_box01 .bd {
  padding: 2.5rem
}
.tc_box01 .group {
  margin-bottom: 1.25rem
}
.tc_box01 .span {
  display: block;
  color: rgba(61, 61, 61, 0.5);
  font-size: .875rem;
  line-height: 1.25rem;
  margin-bottom: .625rem
}
.tc_box01 .input {
  background: #ECEEF2;
  font-size: 1rem;
  border: 1px solid #ECEEF2;
  transition: .5s;
  border-radius: 6px;
  height: 3.125rem;
  width: 100%;
  padding: 0 1.25rem;
  overflow: hidden;
  position: relative
}
.tc_box01 .button {
  background: #2659FF;
  color: #FFF;
  font-weight: bold;
  font-size: 1.25rem;
  width: 100%;
  height: 3.75rem;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.tc_box01 .button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(106deg, #53D7E5 0, #2659FF 99%);
  position: absolute;
  transition: .5s;
  opacity: 0;
  visibility: hidden
}
.tc_box01 .button:hover {
  background: #2659FF
}
.tc_box01 .button:disabled {
  background: rgba(38, 89, 255, 0.3)
}
.tc_box01 .button:focus:before {
  opacity: 1;
  visibility: visible
}
.tc_box01 .bot {
  display: flex;
  justify-content: space-between;
  height: 30px;
  align-items: center;
  margin-top: 1.875rem;
  position: relative
}
.tc_box01 .bot .btn_wechat {
  position: absolute;
  width: 30px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}
.tc_box01 .bot a:hover {
  color: #2659ff
}
.tc_box01 .relative {
  border-radius: 6px;
  overflow: hidden
}
.tc_box01 .relative:hover input.input {
  border: 1px solid #2659FF
}
.tc_box01 .relative:hover .btn_get {
  background: #2659FF;
  color: #fff
}
.tc_box01 .relative input:focus + .btn_get {
  background: #2659FF;
  color: #fff
}
.tc_box01 .btn_get:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  background: linear-gradient(117deg, #53D7E5 0, #2659FF 99%)
}
.tc_box01 .btn_get:active {
  color: #fff
}
.tc_box01 .btn_get:active:before {
  opacity: 1;
  visibility: visible
}
.tc_box01 .btn_get:disabled {
  color: rgba(61, 61, 61, 0.3) !important;
  background: #f8f8f8 !important
}
.tc_box01 .getyzmbox {
  display: flex
}
.tc_box01 .getyzmbox .input {
  border-radius: 6px 0 0 6px;
  border-right: 0 !important
}
.tc_box01 .btn_get {
  width: 6.25rem;
  height: 3.125rem;
  flex-shrink: 0;
  background: #f6f7f9;
  position: relative;
  transition: .5s;
  font-size: 14px;
  color: #3D3D3D;
  z-index: 1
}
.tc_box01 .getyzmbox input.input:disabled {
  border: 0
}
.tc_box01 .getyzmbox input.input:disabled::-webkit-input-placeholder {
  color: transparent
}
.tc_box01 input.input:disabled + .btn_get {
  color: rgba(61, 61, 61, 0.3) !important;
  background: #f8f8f8 !important;
  pointer-events: none
}
.tc_box01 input.input:hover {
  border: 1px solid #2659FF
}
.tc_box01 input.input:focus {
  border: 1px solid #2659FF
}
.tc_box01 input.input:disabled {
  border: 1px solid rgba(61, 61, 61, 0.3)
}
.tc_box01 .tt {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem
}
.tc_box01 .tt h3 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #3D3D3D
}
.tc_box01 .tt img {
  margin-right: .625rem
}
#yewu_banner.n_banner h3 {
  font-size: 2.25rem;
  line-height: 3.75rem
}
#yewu_banner.n_banner h4 {
  font-size: .875rem;
  color: #FFF;
  opacity: .5;
  line-height: 1.25rem
}
#yewu_banner.n_banner p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #FFF;
  opacity: .9
}
.videobox {
  position: relative;
  height: 41.875rem
}
.vjs-poster {
  background-size: cover !important
}
.yewu_video .video-js .vjs-big-play-button {
  height: 2em;
  width: 2em;
  line-height: 2em;
  margin-top: -1em;
  border-radius: 50%
}
.yewu_video #my-video {
  margin-bottom: 20px
}
.yewu_video .box1 {
  display: flex
}
.yewu_video .box1 .left {
  flex-grow: 1
}
.yewu_video .box1 .right {
  width: 15.25rem;
  flex-shrink: 0;
  padding: 1.125rem;
  padding-left: .5rem;
  background: #313d51;
  height: 41.875rem
}
.yewu_video .box1 .swiper {
  width: 100%;
  height: 100%
}
.yewu_video .imgbox {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center
}
.yewu_video .img {
  height: 100%;
  cursor: pointer;
  border-radius: 4px
}
.yewu_video .img span {
  line-height: 2;
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 3;
  background: #0956c2;
  display: inline-block;
  padding: 0 4px;
  color: #fff;
  font-size: .75rem
}
.yewu_video .img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  border-radius: 4px;
  border: 2px solid #e23e33;
  opacity: 0;
  visibility: hidden;
  transition: .5s
}
.yewu_video .imgbox:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  opacity: 0;
  visibility: visible;
  border: 7px solid transparent;
  border-right: 7px solid #e23e33;
  z-index: 3;
  transition: .5s
}
.yewu_video .swiper-slide-thumb-active .imgbox:before {
  opacity: 1;
  visibility: visible
}
.yewu_video .swiper-slide-thumb-active .img:before {
  opacity: 1;
  visibility: visible
}
.yewu_video .swiper-slide-thumb-active .img span {
  background: #e23e33
}
.yewu_video .txt {
  background: #fff;
  padding: 1.875rem 2.5rem
}
.yewu_video .txt h4 {
  color: #3D3D3D;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: .375rem
}
.yewu_video .txt p {
  color: #3D3D3D;
  opacity: .5;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 1.25rem
}
.yewu_video .txt .tag {
  display: flex;
  gap: 1.25rem
}
.yewu_video .txt .tag span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ECEEF2;
  min-width: 5rem;
  height: 1.875rem;
  border-radius: .9375rem;
  padding: 0 .9375rem;
  font-size: .75rem;
  color: #3D3D3D
}
.n_huigu .box1 {
  background: #fff
}
.filter {
  padding: 20px 0;
  border-top: 1px solid #eceef2
}
.filter dl {
  display: flex
}
.filter dl + dl {
  margin-top: 1.25rem
}
.filter dl dt {
  color: #2659FF;
  font-size: .875rem;
  line-height: 1.875rem;
  margin-right: 2rem;
  flex-shrink: 0
}
.filter dl dd {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem
}
.filter dl dd a {
  min-width: 6.25rem;
  height: 1.875rem;
  margin: 1rem;
  transition: .5s;
  border-radius: 15px;
  padding: 0 .625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D3D3D;
  font-size: .875rem
}
.filter dl dd a.on {
  background: #2659FF;
  color: #FFF
}
.filter dl dd a.on:after {
  content: "×";
  display: inline-block;
  margin-left: .5rem;
  margin-bottom: 2px
}
.filter dl dd a.on.nonull:after {
  display: none !important;
}
.n_nav2 {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 2.5rem;
  margin: -10px
}
.n_nav2 a {
  min-width: 6.25rem;
  height: 1.875rem;
  background: #fff;
  margin: 10px;
  transition: .5s;
  border-radius: 15px;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D3D3D;
  font-size: .875rem
}
.n_nav2 a.on {
  background: #2659FF;
  color: #FFF
}
.n_huigulist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875rem 1.25rem
}
.n_huigulist li {
  transition: .5s
}
.n_huigulist li .box {
  display: block;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  height: 100%
}
.n_huigulist li .img {
  border-radius: 4px 4px 0 0
}
.n_huigulist li .img:after {
  padding-top: 56.23%
}
.n_huigulist li .mask {
  position: absolute;
  left: 0;
  top: 0;
  padding-top: 2rem;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  display: flex;
  align-items: center;
  justify-content: center
}
.ico_play {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../image/ico_play.svg) center no-repeat;
  background-size: contain
}
.n_huigulist li .txt {
  min-height: 7.125rem;
  padding: 1.25rem;
  transition: .5s;
  border-radius: 0 0 4px 4px
}
.n_huigulist li .txt h4 {
  font-size: 1.125rem;
  color: #3D3D3D;
  line-height: 1.5rem;
  margin-bottom: 1.875rem
}
.n_huigulist li .txt .tag {
  display: flex;
  margin: -.375rem;
  flex-wrap: wrap
}
.n_huigulist li .txt .tag span {
  margin: .375rem;
  overflow: hidden;
  min-width: 70px;
  height: 22px;
  font-size: 12px;
  color: #3D3D3D;
  padding: 0 1rem;
  background: #FFF;
  border: 1px solid #ECEEF2;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center
}
.n_huigulist li:hover {
  box-shadow: 0 4px 12px 0 rgba(61, 61, 61, 0.1)
}
.n_huigulist li:hover .txt {
  background: #fff
}
.n_huigulist li:hover .mask {
  opacity: 1;
  visibility: visible;
  padding-top: 0
}
.page {
  text-align: center;
  font-size: 0;
  color: #0a0a0a
}
.page .box {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center
}
.page .box01 {
  margin-right: 10px
}
.page li {
  display: inline-block;
  list-style: none
}
.page a {
  padding: 0 .625rem;
  min-width: 3.75rem;
  background: #fff;
  display: inline-block;
  line-height: 2.375rem;
  box-sizing: border-box;
  text-transform: uppercase;
  margin: 0 1px;
  color: #000;
  font-size: 14px;
  -moz-transition: all .36s ease-in-out;
  -webkit-transition: all .36s ease-in-out;
  -o-transition: all .36s ease-in-out;
  -ms-transition: all .36s ease-in-out;
  transition: all .36s ease-in-out
}
.page .on {
  background: #2659FF;
  color: #fff
}
.page a[href]:hover {
  background: #2659FF;
  color: #fff;
  text-decoration: none
}
.page span {
  line-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .625rem;
  margin: 0 8px;
  font-size: .875rem
}
.page a:first-child {
  border-radius: 4px 0 0 4px
}
.page a:last-child {
  border-radius: 0 4px 4px 0
}
.page a:hover path {
  fill: #fff
}
.bg_white {
  background: #fff
}
.n_case .bd {
  padding-top: 2.5rem
}
.n_case ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem 1.25rem
}
.n_case ul li .box {
  border-radius: 4px;
  overflow: hidden;
  display: block;
  transition: .5s
}
.n_case ul li .box .img {
  position: relative
}
.n_case ul li .box .img:after {
  padding-top: 56.22%
}
.n_case ul li .box .img .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5)
}
.n_case ul li .box .img .mask i {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  background: url(../image/ico_see.svg) center no-repeat;
  background-size: contain
}
.n_case ul li .box .txt {
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.5);
  transition: .5s
}
.n_case ul li .box .txt .flex {
  color: #3D3D3D;
  font-size: 1.125rem;
  margin-bottom: 1.875rem;
  display: flex;
  align-items: center
}
.n_case ul li .box .txt .flex i {
  display: block;
  flex-shrink: 0;
  width: 4px;
  height: 1.25rem;
  margin-right: .625rem;
  background: linear-gradient(180deg, #53D7E5 0, #2659FF 101%);
  border-radius: 2px
}
.n_case ul li .box .txt .tag {
  display: flex;
  flex-wrap: wrap;
  margin: -.375rem
}
.n_case ul li .box .txt .tag span {
  min-width: 70px;
  height: 20px;
  margin: .375rem;
  border-radius: 15px;
  border: 1px solid #ECEEF2;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .625rem;
  color: #3D3D3D;
  font-size: 12px
}
.n_case ul li .box:hover .img .mask {
  opacity: 1;
  visibility: visible
}
.n_case ul li .box:hover .txt {
  background: #fff
}
.tc_case {
  max-width: 60rem;
  width: 90%
}
.tc_case_slide {
  position: relative
}
.tc_case .img:after {
  padding-top: 56.25%
}
.tc_case .arr {
  cursor: pointer;
  display: block;
  width: 31px;
  height: 40px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.tc_case .arr_left {
  left: 2.5rem;
  background: url(../image/arr_left_white.svg) center no-repeat rgba(0, 0, 0, 0.8)
}
.tc_case .arr_right {
  right: 2.5rem;
  background: url(../image/arr_right_white.svg) center no-repeat rgba(0, 0, 0, 0.8)
}
.tc_case .txt {
  padding: 1.875rem;
  background: #fff
}
.tc_case .txt .tt {
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: space-between
}
.tc_case .tt h4 {
  color: #3D3D3D;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.625rem
}
.tc_case .tt i {
  display: block;
  width: 4px;
  height: 1.25rem;
  flex-shrink: 0;
  margin-right: .625rem;
  background: linear-gradient(180deg, #53D7E5 0, #2659FF 101%);
  border-radius: 2px
}
.tc_case .tt .tag {
  display: flex;
  flex-wrap: wrap;
  margin: -.375rem;
  flex-shrink: 0;
  margin-left: 2rem
}
.tc_case .tt .tag span {
  min-width: 70px;
  height: 22px;
  margin: .375rem;
  border-radius: 15px;
  border: 1px solid #ECEEF2;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .625rem;
  color: #3D3D3D;
  font-size: 12px
}
.tc_case .txt p {
  color: #3D3D3D;
  opacity: .5;
  line-height: 28px
}
.tc_case .tt .flex {
  display: flex;
  min-height: 26px
}
.tc_case .tt .flex i {
  margin-top: 3px
}
.n_download {
  padding-top: 2.5rem
}
.n_download ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem 1.25rem
}
.n_download ul li .box {
  display: block;
  background: rgba(255, 255, 255, .5);
  height: 100%;
  overflow: hidden;
  height: 17.5rem
}
.n_download ul li .box .txt {
  background: #fff;
  padding: 2.5rem 1.875rem;
  height: 12.5rem;
  transition: .5s
}
.n_download ul li .box .txt .tt {
  display: flex;
  margin-bottom: 1.875rem
}
.n_download ul li .box .txt .tt i {
  width: 24px;
  margin-right: .625rem;
  flex-shrink: 0
}
.n_download ul li .box .txt .tt h4 {
  color: #3D3D3D;
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: bold
}
.n_download ul li .box .txt p {
  font-size: .875rem;
  color: #3D3D3D;
  opacity: .5;
  line-height: 1.25rem
}
.n_download ul li .box .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5rem;
  padding: 0 1.875rem
}
.n_download ul li .box .bot a {
  background: #ECEEF2;
  border-radius: 1.25rem;
  font-size: .875rem;
  height: 2.5rem;
  width: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s
}
.n_download ul li .box .bot a svg {
  display: block;
  width: .75rem;
  height: .75rem;
  margin-left: 5px;
  transition: .5s
}
.n_download ul li .box .bot a.on {
  background: #2659FF;
  color: #FFF
}
.n_download ul li .box .bot a.on svg path {
  fill: #fff
}
.n_download ul li.act .txt1 {
  margin-top: -12.5rem
}
.n_download ul li.act .bot {
  background: #fff
}
.ico_download {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  transition: .5s;
  background: url(../image/ico_download.svg) center no-repeat;
  background-size: contain;
  margin-left: 5px
}
.ico_download:hover {
  background: url(../image/ico_download2.svg) center no-repeat
}
.n_download ul li .box .item {
  display: flex;
  background: #FFF;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  color: #3D3D3D;
  min-height: 2.875rem;
  padding: 0 10px 0 1.25rem
}
.n_download ul li .box .item:last-child {
  padding-bottom: 1rem
}
.n_download ul li .box .txt2 {
  overflow: overlay;
  padding: 1.25rem 1.25rem 0 1.0625rem;
  background: 0;
  display: grid;
  gap: 6px;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 100%);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, .1) 100%)
}
.scrollbox {
  overflow: overlay
}
.scrollbox::-webkit-scrollbar {
  background-color: transparent;
  width: 12px
}
.scrollbox::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-clip: content-box
}
.n_download ul li.act .box .bot a:nth-child(1) {
  background: #2659FF;
  color: #FFF
}
.n_download ul li.act .box .bot a {
  font-size: .875rem
}
.n_download ul li.act .box .bot a svg {
  transform: rotate(180deg)
}
.n_download ul li.act .box .bot a svg path {
  fill: #fff
}
.n_download ul li.act .box .bot a:nth-child(2) {
  opacity: 0;
  visibility: hidden
}
.n_nav3 {
  background: #fff
}
.n_nav3 ul {
  display: flex
}
.n_nav3 ul li {
  position: relative;
  z-index: 1;
  margin-right: 1.25rem
}
.n_nav3 ul li:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #2659FF;
  transition: .5s;
  z-index: -1
}
.n_nav3 ul li a {
  line-height: 3.75rem;
  padding: 0 1.875rem;
  display: block;
  color: #3D3D3D;
  font-size: 1.125rem;
  transition: .5s
}
.n_nav3 ul li.on a {
  color: #fff !important
}
.n_nav3 ul li.on:before {
  width: 100%;
  left: 0;
  right: auto
}
.n_new2025s01 {
  padding-top: 2.5rem
}
.n_new2025s01 ul li .box {
  position: relative;
  display: block
}
.n_new2025s01 ul li .img {
  height: 25rem
}
.n_new2025s01 ul li .txt {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 9;
  width: 50%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 2.5rem
}
.n_new2025s01 ul li .txt h4 {
  font-size: 2.25rem;
  line-height: 3rem;
  font-weight: bold;
  margin-bottom: 2.5rem
}
.n_new2025s01 ul li .txt p {
  line-height: 1.75rem;
  font-size: 1rem;
  opacity: .5
}
.n_new2025s01 ul li .txt .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.75rem
}
.n_new2025s01 ul li .txt .bot span:first-child {
  font-size: 1rem
}
.n_new2025s01 ul li .txt .bot .btn_more {
  border-radius: 1.25rem;
  transition: .5s;
  height: 2.5rem;
  width: 8.125rem;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .875rem
}
.n_new2025s01 ul li .txt .bot .btn_more:hover {
  background: #2659FF;
  color: #fff
}
.n_new2025s01 ul li .txt .bot .btn_more:before {
  border: 1px solid #fff
}
.n_new2025s01 ul li .txt .bot .btn_more:hover:before {
  opacity: 0;
  visibility: hidden
}
.n_new2025s02 {
  padding-top: 2.5rem
}
.n_new2025s02 .tt {
  color: #3D3D3D;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem
}
.n_new2025s02 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem 2.75rem
}
.n_new2025s02 ul li {
  border-radius: 4px;
  overflow: hidden;
  transition: .5s
}
.n_new2025s02 ul li .img:after {
  padding-top: 56.22%
}
.n_new2025s02 ul li .txt {
  z-index: 9;
  padding: 2.5rem;
  background: rgba(255, 255, 255, 0.5);
  transition: .5s
}
.n_new2025s02 ul li .txt h4 {
  font-size: 1.125rem;
  line-height: 1.5rem
}
.n_new2025s02 ul li .txt p {
  line-height: 1.75rem;
  font-size: .875rem;
  opacity: .5;
  color: #3D3D3D;
  margin: 1.125rem 0 1.625rem
}
.n_new2025s02 ul li .txt .bot {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.n_new2025s02 ul li .txt .bot .time {
  font-size: 1rem
}
.btn_more {
  transition: .5s;
  border-radius: .9375rem;
  height: 1.875rem;
  width: 6.25rem;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  color: #3D3D3D
}
.n_new2025s02 ul li:hover {
  box-shadow: 0 4px 12px 0 rgba(61, 61, 61, 0.1)
}
.n_new2025s02 ul li:hover .txt {
  background: #fff
}
.btn_more {
  position: relative;
  z-index: 1;
  transition: .5s;
  border: 0 !important
}
.btn_more:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  left: 0;
  top: 0;
  transition: .5s;
  border-radius: 25px;
  border: 1px solid #3d3d3d
}
.btn_more:after {
  content: "";
  opacity: 0;
  visibility: hidden;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  transition: .5s;
  border-radius: 25px;
  background: linear-gradient(107deg, #53D7E5 0, #2659FF 99%)
}
.btn_more:hover:before {
  background: #2659FF;
  border: 1px solid #2659FF
}
.btn_more:hover {
  color: #fff
}
.btn_more:disabled:before {
  border: 1px solid rgba(0, 0, 0, 0.3)
}
.btn_more:disabled {
  color: rgba(61, 61, 61, 0.5)
}
.btn_more:active:before {
  opacity: 0;
  visibility: hidden
}
.btn_more:active:after {
  opacity: 1;
  visibility: visible
}
.btn_more:active {
  color: #fff
}
#yewu_banner .flexcenter {
  flex-direction: column;
  width: 100%;
  max-width: inherit;
  width: 100%
}
#yewu_banner .flexcenter h4 {
  opacity: 1
}
.n_lianxi {
  background: #fff
}
.n_lianxi .s_pro_nav li {
  width: 6.25rem;
  text-align: center
}
.n_lianxi .hd {
  border-bottom: 1px solid #eceef2;
  margin-bottom: 2.5rem
}
.n_lianxi .bd .item {
  display: flex
}
.n_lianxi .bd .mymap {
  width: 50%;
  flex-shrink: 0;
  max-height: 450px
}
.n_lianxi .bd .mymap a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center
}
.n_lianxi .bd .img:after {
  padding-top: 62.5%
}
.n_lianxi .bd .img {
  height: 100%
}
.n_lianxi .bd ul {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 1.875rem 0 1.875rem 3.625rem;
  gap: 1.25rem
}
.n_lianxi .bd ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(236, 238, 242, 0.5);
  padding: 1.25rem
}
.n_lianxi .bd ul li .ico {
  width: 3.125rem;
  height: 3.125rem;
  margin-bottom: .625rem
}
.n_lianxi .bd ul li h4 {
  font-size: 1.125rem;
  color: #3D3D3D;
  height: 1.625rem;
  font-weight: bold
}
.n_lianxi .bd ul li p {
  color: #3D3D3D;
  line-height: 1.25rem;
  font-size: .875rem;
  opacity: .5;
  margin: .625rem 0;
  text-align: center
}
.n_lianxi .bd ul li span {
  color: #3D3D3D;
  font-size: .875rem;
  line-height: 1.25rem
}
.n_lianxi .bd ul li a {
  color: #3D3D3D;
  font-size: .875rem;
  line-height: 1.25rem
}
.n_lianxi .bd ul li a:hover {
  text-decoration: underline
}
.n_huanjing {
  background: #fff
}
.n_huanjing .n_tt {
  border-bottom: 1px solid #eceef2;
  padding-bottom: 2.125rem;
  margin-bottom: 2.5rem
}
.huanjing {
  width: 100%;
  height: 400px
}
.n_fuli ul {
  display: flex;
  margin: -5px
}
.n_fuli ul li {
  width: 20%;
  padding: 5px
}
.n_fuli ul li .img {
  border-radius: 4px 4px 0 0
}
.n_fuli ul li .img:after {
  padding-top: 49.28%
}
.n_fuli ul li .txt {
  background: #fff;
  border-radius: 0 0 4px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 3.75rem
}
.n_fuli ul li .txt h4 {
  font-size: 1rem;
  line-height: 1.75rem;
  color: #3D3D3D
}
.n_fazhan {
  background: #fff
}
.n_fazhan .bd ul {
  display: flex
}
.n_fazhan .bd ul li {
  width: 33.33%;
  position: relative
}
.n_fazhan .bd ul li .mask {
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}
.n_fazhan .bd ul li .mask .ico {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 10px
}
.n_fazhan .bd ul li .mask p {
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #FFF
}
.n_join .hd {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.5rem
}
.n_join .hd ul {
  width: 408px;
  display: flex;
  background: #fff;
  border-radius: 2rem;
  overflow: hidden
}
.n_join .hd ul li {
  width: 33.333%
}
.n_join .hd ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
  font-size: 1.125rem;
  color: #3D3D3D;
  transition: .5s
}
.n_join .hd ul li:hover a {
  color: #2659FF
}
.n_join .hd ul li.on a {
  background: #2659FF;
  color: #fff !important
}
.n_join .bd {
  position: relative
}
.n_join .bd .box {
  background: #fff;
  padding: 1.875rem .375rem 1.875rem 1.875rem
}
.n_join .bd .box .scrollbox {
  padding-right: 1.5rem;
  height: 31.5rem
}
.n_join .bd .box .tt {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #ECEEF2;
  margin-bottom: 1.875rem
}
.n_join .bd .box .tt h4 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #3D3D3D;
  line-height: 1.625rem;
  margin-bottom: .625rem
}
.n_join .bd .box .tt h5 {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.n_join .bd .box .tt h5 span {
  color: #3D3D3D;
  opacity: .5;
  font-size: 14px;
  line-height: 1.125rem
}
.n_join .bd .box .con {
  line-height: 1.5;
  font-size: .875rem
}
.n_join .bd .box .con h4 {
  margin-bottom: 1.25rem;
  color: #3D3D3D;
  font-weight: bold
}
.n_join .bd .box .con p {
  opacity: .5
}
.n_join .bd .box .con hr {
  margin: 1.25rem 0
}
.n_join .arr {
  background: rgba(0, 0, 0, 0.1);
  z-index: 99;
  transition: .5s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.75rem;
  border-radius: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.n_join .arr_left {
  left: -6.25rem
}
.n_join .arr_right {
  right: -6.25rem
}
.n_about {
  background: #fff url(../image/n_about_bg.png) center bottom no-repeat;
  width: 100%;
  overflow: hidden
}
.n_about .hd {
  border-bottom: 1px solid #eceef2;
  margin-bottom: 2.5rem
}
.n_about .bd .con {
  font-size: 1rem;
  color: #3D3D3D;
  opacity: .5;
  line-height: 1.75rem;
  text-indent: 2em
}
.n_about .bd .con p {
  margin-bottom: .625rem
}
.n_shuzi {
  margin-top: 4rem
}
.n_shuzi ul {
  display: flex;
  justify-content: space-around
}
.n_shuzi ul li {
  display: flex;
  align-items: center
}
.n_shuzi ul li .ico {
  margin-right: .5rem;
  width: 2.6875rem;
  height: 2.6875rem
}
.n_shuzi ul li .tt span {
  font-size: 3.75rem;
  margin-right: .625rem;
  font-weight: bold;
  background: linear-gradient(121deg, #53D7E5 0, #2659FF 99%);
  line-height: 1.4;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}
.n_shuzi ul li .tt i {
  font-size: 1rem;
  color: #3D3D3D;
  font-weight: bold
}
.n_shuzi ul li p {
  font-size: 1rem;
  color: #3D3D3D
}
.n_shuzi ul li.line {
  width: 1px;
  height: auto;
  background: #3D3D3D;
  opacity: .2;
  flex-shrink: 0
}
.n_founder {
  width: 100%;
  overflow: hidden;
  background: url(../image/n_founder_bg.jpg) right center no-repeat;
  background-size: cover;
  min-height: 25rem;
  color: #fff
}
.n_founder .m {
  display: flex;
  align-items: center
}
.n_founder h4 {
  font-size: 1.875rem;
  margin-bottom: 1.875rem;
  display: inline-block;
  font-weight: bold;
  background: linear-gradient(270deg, #53D7E5 0, #FFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent
}
.n_founder .con {
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: normal
}
.n_founder .txt {
  max-width: 55.125rem;
  text-align: justify;
  margin-right: 28rem
}
.n_zizhi {
  background: #fff;
  width: 100%;
  overflow: hidden
}
.zhuanli {
  width: 100%;
  height: 502px
}
.n_licheng {
  background: #fff;
  width: 100%;
  overflow: hidden
}
.n_licheng .n_tt {
  margin-bottom: 2.25rem
}
.n_licheng .bd {
  height: 31.56rem;
  background: url(../image/licheng_bg.jpg) center no-repeat
}
.n_licheng .bd.web {
  display: block
}
.n_licheng .bd.wap {
  display: none
}
.n_licheng .bd ul .ico {
  width: 1px;
  height: 1px;
  position: relative
}
.n_licheng .bd ul .ico:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid #FFF;
  box-shadow: 0 0 4px 0 #FFF;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%)
}
.n_licheng .bd ul .ico:after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #26F8FF;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%)
}
.n_licheng .bd ul .box {
  position: absolute;
  width: 230px;
  margin: 1rem 0;
  transition: .5s
}
.n_licheng .bd ul .box h4 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #26F8FF;
  margin-bottom: 5px
}
.n_licheng .bd ul .box .con {
  color: #FFF;
  font-size: .875rem;
  line-height: 1.25rem
}
.n_licheng .bd ul .box .con p {
  margin-bottom: 5px;
  position: relative;
  padding-left: 14px
}
.n_licheng .bd ul .box .con p:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 5px
}
.n_licheng .bd ul .box .con p:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #FFF;
  transform: scale(.5);
  position: absolute;
  left: 0;
  top: 5px
}
.n_licheng .bd ul li {
  padding-left: 1rem;
  height: 31.56rem
}
.n_licheng .bd .swiper {
  overflow: visible
}
.n_licheng .bd ul li .inner {
  position: absolute;
  transition-duration: .7s;
  transition-delay: .1s;
  transition-property: top, opacity;
  top: 50%
}
.licheng_slide1 .bd ul li .inner {
  opacity: 0;
  visibility: hidden
}
.licheng_slide1 .bd ul li.swiper-slide-prev .inner {
  top: 70%
}
.licheng_slide1 .bd ul li.swiper-slide-active .inner {
  top: 56%;
  opacity: 1;
  visibility: visible
}
.licheng_slide1 .bd ul li.swiper-slide-active + li .inner {
  top: 62%;
  opacity: 1;
  visibility: visible
}
.licheng_slide1 .bd ul li.swiper-slide-active + li + li .inner {
  top: 45%;
  opacity: 1;
  visibility: visible
}
.licheng_slide1 .bd ul li.swiper-slide-active + li + li + li .inner {
  top: 35%;
  opacity: 1;
  visibility: visible
}
.licheng_slide1 .bd ul li.swiper-slide-active + li + li + li + li .inner {
  top: 58%;
  opacity: 1;
  visibility: visible
}
.licheng_slide1 .bd ul li.swiper-slide-active + li + li + li + li + li .inner {
  top: 70%
}
.licheng_slide1 .bd ul li.swiper-slide-active .box {
  bottom: 100%
}
.licheng_slide1 .bd ul li.swiper-slide-active + li .box {
  top: 100%
}
.licheng_slide1 .bd ul li.swiper-slide-active + li + li .box {
  bottom: 100%
}
.licheng_slide1 .bd ul li.swiper-slide-active + li + li + li .box {
  top: 100%
}
.licheng_slide1 .bd ul li.swiper-slide-active + li + li + li + li .box {
  top: 100%
}
.n_licheng .bd ul .box:hover {
  width: 270px;
  background: linear-gradient(180deg, rgba(38, 248, 255, 0) 0, rgba(38, 248, 255, 0.35) 100%);
  border-radius: 6px;
  padding: 10px 1.25rem
}
.licheng_slide2 .swiper {
  height: 31.56rem
}
.licheng_slide2 ul {
  display: flex
}
.licheng_slide2 ul li {
  width: 20%;
  opacity: 0
}
.licheng_slide2 .swiper-slide-active ul li {
  animation: enter 1s forwards 0s
}
.licheng_slide2 .bd ul li:nth-child(1) .inner {
  top: 56%;
  opacity: 1;
  visibility: visible
}
.licheng_slide2 .bd ul li:nth-child(2) .inner {
  top: 62%;
  opacity: 1;
  visibility: visible
}
.licheng_slide2 .bd ul li:nth-child(3) .inner {
  top: 45%;
  opacity: 1;
  visibility: visible
}
.licheng_slide2 .bd ul li:nth-child(4) .inner {
  top: 35%;
  opacity: 1;
  visibility: visible
}
.licheng_slide2 .bd ul li:nth-child(5) .inner {
  top: 58%;
  opacity: 1;
  visibility: visible
}
.licheng_slide2 .bd ul li:nth-child(1) .box {
  bottom: 100%
}
.licheng_slide2 .bd ul li:nth-child(2) .box {
  top: 100%
}
.licheng_slide2 .bd ul li:nth-child(3) .box {
  bottom: 100%
}
.licheng_slide2 .bd ul li:nth-child(4) .box {
  top: 100%
}
.licheng_slide2 .bd ul li:nth-child(5) .box {
  top: 100%
}
.arrstyle .bd {
  position: relative
}
.arrstyle .bd .arr {
  position: absolute;
  z-index: 99;
  top: 50%;
  margin-left: 0;
  margin-right: 0;
  transform: translateY(-50%);
  width: 2.25rem;
  height: 2.25rem;
  transition: .5s;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer
}
.arrstyle .bd .arr_left {
  left: 0
}
.arrstyle .bd .arr_right {
  right: 0
}
.arrstyle .bd .arr path {
  fill: #fff
}
@media(max-width:1440px) {
  .arrstyle .bd .arr_left {
    left: 1rem
  }
  .arrstyle .bd .arr_right {
    right: 1rem
  }
}
@media(max-width:992px) {
  #certify {
    max-width: 100%
  }
}
@media(max-width:768px) {
  .arrstyle .bd {
    padding-bottom: 0
  }
}
.pro_guanli .hd {
  margin-bottom: 1.375rem;
  margin-top: -1.375rem
}
.pro_guanli .hd li {
  width: 7.5rem;
  height: 3.125rem
}
.pro_guanli .hd li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #3D3D3D;
  transition: .5s
}
.pro_guanli .hd li + li:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #ECEEF2;
  position: absolute;
  left: 0;
  top: 0
}
.pro_guanli .hd li.swiper-slide-thumb-active a {
  background: #2659FF;
  color: #fff
}
.pro_guanli .hd .swiper {
  padding: 1.25rem
}
.pro_guanli .hd .swiper-wrapper {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  border-radius: 30px;
  overflow: hidden;
  background: #FFF;
  box-shadow: 0 4px 12px 0 rgba(61, 61, 61, 0.1)
}
.pro_guanli .bd .box {
  display: flex;
  gap: 2.5rem
}
.pro_guanli .bd .left {
  width: 56%;
  max-width: 796px;
  flex-shrink: 0
}
.pro_guanli .bd .left .img {
  border-radius: .75rem
}
.pro_guanli .bd .right ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px
}
.pro_guanli .bd .right ul li {
  height: 13.625rem;
  position: relative;
  overflow: hidden;
  background: linear-gradient(126deg, rgba(236, 238, 242, 0.25) 0, rgba(236, 238, 242, 0.6) 100%);
  border-radius: 6px;
  padding: 2.5rem 1.875rem
}
.pro_guanli .bd .right ul li h4 {
  font-size: 1.125rem;
  color: #3D3D3D;
  font-weight: bold;
  margin-bottom: 1.875rem
}
.pro_guanli .bd .right ul li p {
  color: #3D3D3D;
  opacity: .5;
  line-height: 20px;
  font-size: .75rem
}
.pro_guanli .bd .right ul li img {
  position: absolute;
  right: 0;
  bottom: -1.5rem;
  width: 6.25rem
}
.n_hd {
  border-bottom: 1px solid #eceef2;
  margin-bottom: 1.875rem
}
#pro_serve {
  background: 0
}
#pro_serve .bd .box {
  flex-direction: row-reverse
}
#pro_serve .bd .right ul li {
  background: linear-gradient(126deg, #FFF 0, rgba(255, 255, 255, 0.25) 100%), linear-gradient(126deg, rgba(255, 255, 255, 0.6) 0, rgba(255, 255, 255, 0.25) 100%)
}
.project_ys ul {
  display: flex;
  margin: -.625rem;
  flex-wrap: wrap
}
.project_ys ul li {
  width: 50%;
  padding: .625rem;
  flex-grow: 1
}
.project_ys ul li .box {
  background: #fff;
  padding: 1.75rem;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden
}
.project_ys ul li .box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(103deg, #53D7E5 0, #2659FF 99%)
}
.project_ys ul li .box h4 {
  font-size: 1.125rem;
  color: #3D3D3D;
  font-weight: bold;
  line-height: 1.625rem;
  margin-bottom: 1.25rem;
  transition: .5s
}
.project_ys ul li .box p {
  font-size: 1rem;
  color: #3D3D3D;
  opacity: .5;
  line-height: 1.625rem;
  transition: .5s
}
.project_ys ul li:last-child .box {
  padding-right: 50%;
  background: url(../image/project_ys_bg.jpg) center no-repeat;
  background-size: cover
}
.project_ys ul li:hover .box:before {
  opacity: 1;
  visibility: visible
}
.project_ys ul li:hover .box h4 {
  color: #fff
}
.project_ys ul li:hover .box p {
  color: #fff;
  opacity: 1
}
.project_fanwei {
  background: #fff
}
.project_fanwei ul {
  display: flex;
  justify-content: space-between;
  margin: -.625rem
}
.project_fanwei ul li {
  padding: .625rem;
  flex-grow: 1
}
.project_fanwei ul li .box {
  border-radius: 4px;
  overflow: hidden;
  background: rgba(236, 238, 242, 0.5);
  width: 100%;
  height: 100%;
  transition: .5s;
  position: relative
}
.project_fanwei ul li .img:after {
  padding-top: 107.14%
}
.project_fanwei ul li .box .img {
  height: 180px
}
.project_fanwei ul li .txt {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80%;
  padding: 1.25rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%)
}
.project_fanwei ul li .ico {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #2659FF;
  transition: .5s
}
.project_fanwei ul li .ico img {
  width: 14px;
  height: 14px
}
.project_fanwei ul li h4 {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: bold;
  margin: .5rem 0 0
}
.project_fanwei ul li span {
  color: #fff;
  opacity: .5;
  line-height: 1.125rem;
  font-size: .75rem;
  text-transform: capitalize
}
.project_fanwei ul li .box:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03)
}
.project_lc ul {
  display: flex;
  margin: -5px
}
.project_lc ul li {
  flex-grow: 1;
  padding: 5px
}
.project_lc ul li .box {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, .5);
  overflow: hidden;
  transition: .5s;
  border-radius: 4px;
  padding: 1.875rem 1.25rem 2.5rem;
  transition: .5s
}
.project_lc ul li .box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background: url(../image/server_lc_on2.jpg) center no-repeat;
  background-size: cover !important;
  z-index: -1;
  transition: .5s
}
.project_lc ul li .img {
  position: relative
}
.project_lc ul li .img:after {
  padding-top: 128.2%
}
.project_lc ul li .txt1 {
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2
}
.project_lc ul li .txt1 p {
  color: #3D3D3D;
  opacity: .5;
  font-size: .875rem;
  line-height: 1.625rem;
  transition: .5s
}
.project_lc ul li .txt2 {
  z-index: 3;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-bottom: 3.75rem
}
.project_lc ul li .txt2 span {
  font-size: 2.8125rem;
  line-height: 4rem;
  transition: .5s;
  font-weight: normal;
  color: #3D3D3D;
  opacity: .2
}
.project_lc ul li .txt2 h4 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: bold;
  color: #3D3D3D;
  transition: .5s
}
.project_lc ul li.on .box:before {
  opacity: 1;
  visibility: visible
}
.project_lc ul li.on .txt2 span {
  color: #fff;
  opacity: 1;
  font-weight: bold
}
.project_lc ul li.on .txt2 h4 {
  color: #fff;
  opacity: 1
}
.project_lc ul li.on .txt1 p {
  color: #fff;
  opacity: 1
}
.new2025case {
  background: #fff
}
.new2025case .img:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(61, 61, 61, 0.8);
  z-index: 1;
  transition: .5s
}
.new2025case .swiper-slide .img {
  transition: 700ms .2s;
  transform: scale(0.8)
}
.new2025case .swiper-slide-active .img {
  transform: scale(1)
}
.new2025case .swiper-slide-active .img:before {
  opacity: 0;
  visibility: hidden
}
.new2025case .swiper-slide {
  cursor: pointer
}

.ar_title {
  padding-bottom: 1.875rem;
  border-bottom: 2px solid #e6e5ec;
  margin-bottom: 2rem
}
.ar_title span {
  font-size: 1.875rem;
  color: #2659FF;
  font-family: sans-serif
}
.ar_title h3 {
  font-size: 1.75rem;
  line-height: 2.25rem;
  color: #353637;
  font-weight: bold;
  margin: .875rem 0
}
.ar_title p {
  font-size: .875rem;
  color: #949698
}
.ar_fot {
  margin-top: 3rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}
.ar_fot a {
  max-width: 47%;
  line-height: 1.7;
  font-size: .875rem;
  color: #3b3b3b;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.ar_fot a:hover {
  color: #2659FF
}
.new2025s_right .tt {
  margin-bottom: 3.125rem
}
.new2025s_right .tt h3 {
  font-size: 1.25rem;
  color: #515151;
  font-weight: bold;
  margin-bottom: .625rem
}
.new2025s_right .tt span {
  font-size: 1.625rem;
  color: #dadada;
  text-transform: uppercase;
  font-family: sans-serif
}
.new2025s_right ul li {
  margin-bottom: 1.25rem
}
.new2025s_right ul li a {
  display: flex;
  align-items: center
}
.new2025s_right ul li .time {
  transition: .5s;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-right: 1rem;
  flex-shrink: 0;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center
}
.new2025s_right ul li .time:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  transition: .5s;
  background: #2659FF;
  left: 0;
  bottom: 0;
  z-index: -1
}
.new2025s_right ul li .time span {
  transition: .5s;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  color: #7a7a7a
}
.new2025s_right ul li .time p {
  transition: .5s;
  font-family: sans-serif;
  font-size: .875rem;
  color: #7a7a7a
}
.new2025s_right ul li h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #444546
}
.new2025s_right ul li a:hover .time:before {
  height: 100%;
  top: 0;
  bottom: auto
}
.new2025s_right ul li a:hover .time span {
  color: #fff
}
.new2025s_right ul li a:hover .time p {
  color: #fff
}
.s_project_slide .hd ul li {
  flex-grow: 1;
}
.n_download ul li .box .item {
  padding-top: 10px;
  padding-bottom: 10px !important;
}
.n_download ul li .box .item:last-child {
  margin-bottom: 1rem;
}
.n_download ul li .box .txt2 {
  display: block;
}
/* .s_project_slide .hd ul li+li{ margin-top: 6px;}  */
section#yewu_banner.n_banner.gg_banner {
  height: 25rem;
}
section#yewu_banner.n_banner.gg_banner h4 {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, .5);
}
.s_coop ul li .box .pic {
  padding: .5rem;
}
.n_zizhi .n_tt {
  border-bottom: 1px solid #eceef2;
  padding-bottom: 2.25rem;
  margin-bottom: 2.75rem;
}
.n_fazhan .bd ul li .img {
  height: 18.75rem;
}
.tc_box01 .bot a {
  font-size: .875rem;
  color: rgba(61, 61, 61, 0.5);
  transition: .5s;
}
.n_banner h4 {
  margin-top: 3px;
}
.pro_liucheng ul li .box {
  transition: .5s;
}
.pro_liucheng ul li.on .box {
  box-shadow: 4px 4px 12px 0px rgba(38, 89, 255, 0.25);
}
.pro_apply .txt .tt h4 {
  font-weight: bold;
}
.n_nav {
  top: 0;
}
.project_fanwei, .new2025case {
  padding-top: 2.75rem;
}
.project_fanwei .n_hd, .new2025case .n_hd {
  margin-bottom: 2.5rem;
}
.n_about, .n_huanjing, .n_lianxi, .project_capacity {
  padding-top: 6rem;
}
.n_pro_ys {
  padding-top: 4.75rem;
}
.project_lc ul li .box {
  height: 18.75rem;
}
.project_lc ul li {
  width: 20%;
}
.project_ys ul li .box {
  height: 10.1875rem;
}
.s_project_slide .bd .txt p {
  max-width: 950px;
}
#foot2025 .foot2025_seeall {
  margin-bottom: 7.125rem;
}
.pro_jilu dl dt .time {
  font-size: 1.125rem;
}
.pro_jilu dl dd h4 {
  font-size: 1.125rem;
}
.pro_jilu dl dd .con {
  height: 3.5rem;
}
.s_project_slide .bd .txt .con1 {
  max-width: 1300px;
}
.pro_guanli .bd .right ul li p {
  line-height: 25px;
  font-size: .875rem;
}
#yewu_banner.n_banner p {
  color: rgba(255, 255, 255, .5);
}
.pro_apply .left .arr {
  padding: 1rem;
  overflow: hidden;
}
html {
  text-align: justify;
}
.pro_mobile_gongneng .arr {
  background: rgba(0, 0, 0, 0.1);
  z-index: 99;
  transition: .5s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.75rem;
  border-radius: 6px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pro_mobile_gongneng .arr_left {
  left: 1rem;
}
.pro_mobile_gongneng .arr_right {
  right: 1rem;
}
.n_solution_add {
  width: 100%;
  overflow: hidden;
}
.n_solution_add ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.n_solution_add ul li {}
.n_solution_add ul li .box {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.n_solution_add ul li .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.255rem;
  height: 5.25rem;
}
.n_solution_add ul li .ico img {}
.n_solution_add ul li .txt {
  max-width: 280px;
}
.n_solution_add ul li .txt h4 {
  font-size: 1.25rem;
  margin: 1.5rem 0 .5rem;
  color: #3D3D3D;
  font-weight: bold;
}
.n_solution_add ul li .txt p {
  font-size: .875rem;
  line-height: 1.5;
  color: #3D3D3D;
  opacity: .6;
}
.n_licheng .swiper {
  overflow: hidden !important;
}
/* .n_licheng .bd ul li .inner{ transition: .5s ease; opacity: 0; transform: translateX(50px);}
.licheng_slide1 .bd ul li.swiper-slide-active .inner{ opacity: 1;  transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li .inner{  opacity: 1;  transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li+li .inner{ opacity: 1; transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li .inner{ opacity: 1; transform: translateX(0px);}
.licheng_slide1 .bd ul li.swiper-slide-active+li+li+li+li .inner{ opacity: 1; transform: translateX(0px);} */
.accordion ul li {
  position: relative;
}
.accordion ul li .box {
  position: relative;
}
.accordion ul li .box .mask {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion ul li .box .mask .txt {
  text-align: center;
  color: #fff;
  transition: .5s;
  width: 17.5rem;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.accordion ul li .box .mask .txt:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background: linear-gradient(91deg, #53D7E5 0%, #2659FF 99%);
  opacity: 0;
  visibility: hidden;
  transform: scaleX(1);
  transition: .5s;
}
.accordion ul li .box .mask .txt h3 {
  font-size: 1rem;
  opacity: .8;
  line-height: 2rem;
  transition: .5s;
}
.accordion ul li .box .mask .txt p {
  font-size: 12px;
  opacity: .5;
  line-height: 1.8;
}
.accordion ul li.on .box .mask .txt {
  background: rgba(0, 0, 0, 0.5);
}
.accordion ul li.on .box .mask .txt h3 {
  opacity: 1;
  font-size: 1.25rem;
  font-weight: bold;
}
.accordion ul li.on .box .mask .txt:after {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
}
#hxgn_mobile .pro_mobile_txt .txt h6 {
  color: #3D3D3D;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
#hxgn_mobile .pro_mobile_txt .txt p {
  color: #3D3D3D;
  opacity: .5;
  font-size: .875rem;
  line-height: 1.125rem;
}
#hxgn_mobile .pro_mobile_txt .box {
  margin-top: 3rem
}
.s_new2025s .bd .box .txt {
  height: 16.25rem;
}
.s_project_slide .bd .txt p {
  opacity: .8;
}
.s_project_slide .hd ul li span {
  text-align: left;
}
@keyframes chevron_down {
  0% {
    opacity: 1
  }
  90% {
    opacity: 1
  }
  to {
    opacity: 0;
    transform: translate3d(0, 1.36vw, 0)
  }
}
.chevron-down {
  position: absolute;
  bottom: 1.275vw;
  left: 50%;
  margin-left: -1.02vw;
  z-index: 99;
  scale: .8;
  width: 2.04vw;
  height: 2.04vw;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAABZWlDQ1BEaXNwbGF5IFAzAAB4nHWQvUvDUBTFT6tS0DqIDh0cMolD1NIKdnFoKxRFMFQFq1OafgltfCQpUnETVyn4H1jBWXCwiFRwcXAQRAcR3Zw6KbhoeN6XVNoi3sfl/Ticc7lcwBtQGSv2AijplpFMxKS11Lrke4OHnlOqZrKooiwK/v276/PR9d5PiFlNu3YQ2U9cl84ul3aeAlN//V3Vn8maGv3f1EGNGRbgkYmVbYsJ3iUeMWgp4qrgvMvHgtMunzuelWSc+JZY0gpqhrhJLKc79HwHl4plrbWD2N6f1VeXxRzqUcxhEyYYilBRgQQF4X/8044/ji1yV2BQLo8CLMpESRETssTz0KFhEjJxCEHqkLhz634PrfvJbW3vFZhtcM4v2tpCAzidoZPV29p4BBgaAG7qTDVUR+qh9uZywPsJMJgChu8os2HmwiF3e38M6Hvh/GMM8B0CdpXzryPO7RqFn4Er/QfBIQM2AAAAwUlEQVR4Ae3S0Q2DMAyEYY/UjZpNGLUjdAQ3qES6BwghJI6D7pP6WPyfQISIiIiInktVXzLI7dvxAYv+vcXYenO7vUgNiFfrERCvVSPWV6f7uo/YiU+ufU7xD8F6RCY+SA3LEc3j4cHdR3SLhwPdRnSPh0PNR5jFw8FmI8zj4fDtEcPiIaB6xPB4CLk8wk08BBWPcBcPYacj3MYnuRHu45PMCP/xSeGIIJ6djAgyg4MRQWayjfjE33e6eCIiIiKiIj/xm48kjE1GCgAAAABJRU5ErkJggg==);
  background-size: contain;
  animation: chevron_down 2s infinite
}
.dotbox {
  bottom: 3.875rem !important;
}
.model_banner .imgbox {
  mix-blend-mode: lighten;
}