@charset "UTF-8";
body {
  overflow-x: hidden;
}

/* header */
header {
  height: 70px;
  position: fixed;
  z-index: 9;
  width: 100%;
  transition: all 1s;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  background: #fff;
  top: 0;
}

header .headHd {
  align-items: center;
}

header .hd-lt {
  align-items: center;
}

header .hd-lt a.tt {
  font-weight: 500;
  color: #025EAC;
  letter-spacing: 0.06em;
}

header .logo {
  width: 75px;
  margin-right: 10px;
}

header .logo img {
  width: 100%;
}

header .logo .logo-normal {
  display: block;
}

header .logo .logo-white {
  display: none;
}

header .navBar {
  align-items: center;
}

header .navBar > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .navBar > ul > li {
  position: relative;
  margin: 0 25px;
}

header .navBar > ul > li:first-child {
  margin-left: 0;
}

header .navBar > ul > li > a {
  display: flex;
  height: 70px;
  font-size: 16px;
  color: #2B313F;
  position: relative;
  align-items: center;
  justify-content: center;
}

header .navBar > ul > li > a::before {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  left: 50%;
  background-color: #025EAC;
  transition: all .3s;
  opacity: 0;
  position: absolute;
  bottom: 0;
}

header .navBar > ul > li > a[data-id]::after {
  content: "\e602";
  font-family: "iconfont";
  font-size: 10px;
  margin-left: 5px;
  color: #2B313F;
  transition: all 1s;
}

header .navBar > ul > li.active > a::after {
  color: #025EAC !important;
  transform: rotate(180deg);
}

header .navBar > ul > li.active > a {
  color: #025EAC !important;
}

header .navBar > ul > li.active > a::before {
  left: 0;
  width: 100%;
  opacity: 1;
}

header .hd-rt {
  align-items: center;
}

header .aboutFIRESEC {
  margin-right: 20px;
}

header .aboutFIRESEC a {
  display: flex;
  align-items: center;
  color: #025EAC;
  font-size: 12px;
}

header .aboutFIRESEC a:hover {
  opacity: .8;
}

header .aboutFIRESEC .icon-about {
  margin-right: 3px;
}

header .btn-normal {
  padding: 6px 13px;
}

header.active, header.active2 {
  background: #FFFFFF;
}

header.first-hd, header.first-in-hd {
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(40px);
  box-shadow: none;
}

header.first-hd .logo .logo-normal, header.first-in-hd .logo .logo-normal {
  display: none;
}

header.first-hd .logo .logo-white, header.first-in-hd .logo .logo-white {
  display: block;
}

header.first-hd .hd-lt a.tt, header.first-in-hd .hd-lt a.tt {
  color: #fff;
}

header.first-hd .navBar > ul > li a, header.first-in-hd .navBar > ul > li a {
  color: #fff;
}

header.first-hd .navBar > ul > li a::after, header.first-in-hd .navBar > ul > li a::after {
  color: #fff;
}

header.first-hd .aboutFIRESEC a, header.first-in-hd .aboutFIRESEC a {
  color: #fff;
}

header.first-hd .btn-normal, header.first-in-hd .btn-normal {
  border-color: #fff;
  color: #fff;
}

header.first-hd.active, header.first-in-hd.active {
  background: #FFFFFF;
}

header.first-hd.active .logo .logo-normal, header.first-in-hd.active .logo .logo-normal {
  display: block;
}

header.first-hd.active .logo .logo-white, header.first-in-hd.active .logo .logo-white {
  display: none;
}

header.first-hd.active .hd-lt a.tt, header.first-in-hd.active .hd-lt a.tt {
  color: #2B313F;
}

header.first-hd.active .navBar > ul > li a, header.first-in-hd.active .navBar > ul > li a {
  color: #2B313F;
}

header.first-hd.active .navBar > ul > li a::after, header.first-in-hd.active .navBar > ul > li a::after {
  color: #2B313F;
}

header.first-hd.active .navBar > ul > li a.active, header.first-in-hd.active .navBar > ul > li a.active {
  color: #025EAC;
}

header.first-hd.active .navBar > ul > li a[data-id].active::after, header.first-in-hd.active .navBar > ul > li a[data-id].active::after {
  color: #025EAC;
  transform: rotate(180deg);
}

header.first-hd.active .aboutFIRESEC a, header.first-in-hd.active .aboutFIRESEC a {
  color: #025EAC;
}

header.first-hd.active .btn-normal, header.first-in-hd.active .btn-normal {
  color: #2B313F;
  border-color: #025EAC;
}

header.first-hd.active .btn-normal:hover, header.first-in-hd.active .btn-normal:hover {
  color: #fff;
}

header.first-hd .nav-button span, header.first-in-hd .nav-button span {
  background: #fff;
}

header.hover {
  background: #FFFFFF;
}

header.hover .logo .logo-white {
  display: none;
}

header.hover .logo .logo-normal {
  display: block;
}

header.hover .hd-lt a.tt {
  color: #025EAC;
}

header.hover .navBar > ul > li a {
  color: #2B313F;
}

header.hover .navBar > ul > li a:hover {
  color: #025EAC;
}

header.hover .navBar > ul > li a[data-id]::after, header.hover .aboutFIRESEC a {
  color: #2B313F;
}

header.hover .aboutFIRESEC a:hover {
  color: #025EAC;
}

header.hover .btn-normal {
  border-color: #025EAC;
  color: #025EAC;
}

header.hover .btn-normal:hover {
  color: #fff;
}

header.in-header {
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(40px);
}

header.in-header .logo .logo-white {
  display: block;
}

header.in-header .logo .logo-normal {
  display: none;
}

header.in-header .hd-lt a.tt {
  color: #fff;
}

header.in-header .navBar > ul > li a {
  color: #fff;
}

header.in-header .navBar > ul > li a[data-id]::after, header.in-header .aboutFIRESEC a {
  color: #fff;
}

header.in-header .btn-normal {
  border-color: #fff;
  color: #fff;
}

.headBd-item {
  border-top: 1px solid #E6E8F2;
  background: #fff;
  position: fixed;
  left: 0;
  top: 70px;
  display: none;
  width: 100vw;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

/* 二级菜单 */
.headBd {
  max-height: calc(100vh - 70px);
  overflow: auto;
}

.headBd::-webkit-scrollbar-track {
  background-color: transparent;
}

.headBd::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: transparent;
}

.headBd::-webkit-scrollbar-thumb {
  background-color: #025EAC;
  border-radius: 3px;
  width: 3px;
  height: 3px;
}

.headBd .lt {
  width: 22.05882%;
  padding: 30px 20px 30px 0;
}

.headBd .subNav {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.headBd .subNav li a {
  display: flex;
  align-items: center;
  height: 70px;
  padding: 15px;
  font-weight: 600;
  position: relative;
}

.headBd .subNav li a::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: url(../img/icon_go_gray.svg) center center no-repeat;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.headBd .subNav li .icon {
  width: 40px;
  height: 40px;
  background: center center /cover no-repeat;
  margin-right: 10px;
}

.headBd .subNav li .icon01 {
  background-image: url(../img/icon_menu01.svg);
}

.headBd .subNav li .icon02 {
  background-image: url(../img/icon_menu02.svg);
}

.headBd .subNav li .icon03 {
  background-image: url(../img/icon_menu03.svg);
}

.headBd .subNav li .icon04 {
  background-image: url(../img/icon_menu04.svg);
}

.headBd .subNav li .icon05 {
  background-image: url(../img/icon_menu05.svg);
}

.headBd .subNav li.active a {
  color: #025EAC;
  background: rgba(2, 94, 172, 0.05);
}

.headBd .subNav li.active a::after {
  background-image: url(../img/icon_go_blur.svg);
}

.headBd .md {
  width: 51.47059%;
  background: #fff;
}

.headBd .nav-detail {
  padding: 30px;
}

.headBd .nav-detail .item {
  display: none;
}

.headBd .nav-detail .item:first-child {
  display: block;
}

.headBd .nav-detail .sub-nav-sm {
  border-radius: 5px;
  padding: 10px;
  background: #F2F6FF;
  display: flex;
  gap: 8px;
  flex-direction: column;
  margin-bottom: 30px;
}

.headBd .nav-detail .sub-nav-sm h3 {
  line-height: 30px;
}

.headBd .nav-detail .sub-nav-sm h3 p {
  color: #1B3A5A;
  font-size: 12px;
}

.headBd .nav-detail .sub-nav-bd {
  justify-content: space-between;
  padding-right: 28px;
}

.headBd .nav-detail .sub-nav-bd dl dt {
  display: block;
  margin-bottom: 10px;
  border-bottom: 1px solid #E6E8F2;
}

.headBd .nav-detail .sub-nav-bd dl dt h2 {
  line-height: 1;
  padding: 15px 0;
}

.headBd .nav-detail .sub-nav-bd dl dd a {
  display: inline-block;
  line-height: 28px;
  color: #2B313F;
  text-underline-offset: 1px;
}

.headBd .nav-detail .sub-nav-bd dl dd a:hover {
  color: #025EAC;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.headBd .rt {
  padding: 20px;
  width: 26.47059%;
}

.headBd .rt .swiper-pagination {
  position: relative;
}

.headBd .swiper-adv {
  overflow: hidden;
}

.headBd .swiper-adv .img {
  height: 190px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.headBd .swiper-adv .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.headBd .swiper-adv .img:hover img {
  transform: scale(1.05);
}

.headBd .swiper-adv .uinfo {
  position: relative;
  z-index: 2;
  margin-top: -20px;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, #F7FAFF 100%);
  backdrop-filter: blur(10px);
  padding: 20px;
}

.headBd .swiper-adv .uinfo h3 {
  margin-bottom: 10px;
}

.headBd .swiper-adv .uinfo p {
  line-height: 30px;
  text-align: justify;
  max-height: 90px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 30px;
}

.headBd .swiper-adv .uinfo .btn .btn-arrow {
  gap: 5px;
  line-height: 20px;
}

.headBd .headBd-item {
  display: none;
}

.headBd .NavProduct-item {
  background-color: #fff;
}

.Service-item {
  background: #FFFFFF;
  border-bottom: 1px solid #E6E8F2;
  padding: 35px 0;
}

.Service-item ul {
  margin-left: -10px;
  margin-right: -10px;
  width: 100%;
}

.Service-item ul li {
  width: 25%;
  padding: 0 10px;
}

.Service-item ul li a {
  display: flex;
  background: #FFFFFF;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(180deg, #9CB8DF 0%, #BAD1F1 69%, #B7CEEE 100%);
  align-items: center;
  overflow: hidden;
  transition: all 1s;
  padding: 2px 2px 15px;
  flex-direction: column;
  justify-content: center;
}

.Service-item ul li .icon {
  width: 120px;
  margin-right: 10px;
  flex-shrink: 0;
}

.Service-item ul li .icon img {
  width: 100%;
}

.Service-item ul li h2 {
  text-align: center;
  color: #1B3A5A;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
}

.Service-item ul li p {
  opacity: 0.7;
  font-size: 12px;
}

.Service-item ul li a:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15), inset 0px 0px 0px 2px #025EAC;
  backdrop-filter: blur(40px);
}

.Service-item ul li a:hover h2, .Service-item ul li a:hover p {
  color: #025EAC;
}

.NavProduct-item {
  background: #FFFFFF;
}

.NavProduct-item ul {
  flex-direction: row;
  padding: 25px 0px;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
  align-content: flex-start;
}

.NavProduct-item ul li {
  width: 25%;
  padding: 10px;
}

.NavProduct-item ul li a {
  border: 2px solid #E6E8F2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 10px 15px 10px;
  gap: 15px;
  border-radius: 5px;
  height: 100%;
}

.NavProduct-item ul li .sm-logo {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #E6E8F2;
}

.NavProduct-item ul li .sm-logo img {
  max-height: 100%;
  max-width: 100%;
}

.NavProduct-item ul li p {
  line-height: 16px;
  font-size: 14px;
  text-align: center;
}

.NavProduct-item ul li a:hover {
  background: #F2F6FF;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border: 2px solid #025EAC;
}

.nav-button {
  position: relative;
  width: 24px;
  height: 60px;
  text-align: center;
  z-index: 11;
  font-size: 0;
  float: right;
  display: none;
}

.nav-button div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 24px;
  height: 16px;
}

.nav-button span {
  width: 100%;
  height: 2px;
  background-color: #2B313F;
  display: block;
  margin: 0 auto;
  line-height: 2px;
  position: static;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.nav-button span.top-hr {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.nav-button span.center-hr {
  margin: 5px auto;
}

.nav-button span.bottom-hr {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.nav-button.active span {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
}

.nav-button.active span.top-hr {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.nav-button.active span.center-hr {
  display: none;
}

.nav-button.active span.bottom-hr {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.first-hd .nav-button span {
  background: #fff;
}

/* 移动端菜单 */
@media screen and (max-width: 1024px) {
  header.active .headHd {
    width: 100%;
    padding: 0 20px;
    margin: 0;
    box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
    backdrop-filter: blur(40px);
    position: relative;
    z-index: 10;
  }
  header.first-in-hd.active .nav-button div span, header.hover .nav-button div span {
    background: #2B313F;
  }
}

.mb-headBd {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 9;
  background: #fff;
  height: calc(100vh - 60px);
  overflow-y: auto;
  padding: 10px 0;
  display: none;
}

.mb-headBd ul {
  padding: 10px 20px;
}

.mb-headBd ul li {
  border-bottom: 1px solid #fafafa;
  font-size: 18px;
  margin-bottom: 15px;
  color: #333;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: returnToNormal;
  animation-name: returnToNormal;
}

.mb-headBd ul li:last-child {
  border-bottom: none;
}

.mb-headBd ul li .navhd {
  font-size: 14px;
  padding: 10px 0;
  opacity: 0.7;
}

.mb-headBd ul li .navbd {
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  flex-wrap: wrap;
}

.mb-headBd ul li .navbd .li {
  padding: 5px;
  width: 50%;
}

.mb-headBd ul li .navbd .li a {
  border: 2px solid #E6E8F2;
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
}

.mb-headBd ul li .navbd .li a p {
  text-align: center;
  font-size: 12px;
  opacity: 0.7;
  font-weight: normal;
}

.mb-headBd ul li .navft {
  border-radius: 5px;
  border: 2px solid #E6E8F2;
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: space-between;
}

.mb-headBd ul li .navft a {
  display: inline-flex;
  font-size: 16px;
}

.mb-headBd ul li .navft a img {
  width: 18px;
  margin-right: 3px;
}

.mb-headBd ul li:last-child {
  margin-top: 20px;
}

@media screen and (max-width: 1600px) {
  .Service-item ul li .icon {
    width: 100px;
  }
  .Service-item ul li h2 {
    font-size: 16px;
  }
}

@media screen and (max-width: 1440px) {
  .Service-item ul li .icon {
    width: 90px;
  }
  header .navBar > ul > li {
    margin: 0 1vw;
  }
}

@media screen and (max-width: 1200px) {
  .first-hd.active .nav-button span {
    background: #2B313F;
  }
  header .headHd {
    height: 100%;
  }
  header .navBar {
    display: none;
  }
  .nav-button {
    display: block;
    margin-left: 10px;
  }
  header .aboutFIRESEC {
    margin-right: 10px;
  }
  header .aboutFIRESEC .icon-home {
    margin-right: 0;
  }
  header .btn-contactus {
    display: none;
  }
  .mb-headBd {
    border-top: 1px solid #E6E8F2;
  }
  header .logo {
    width: 60px;
  }
  header {
    height: 60px;
  }
}

@media screen and (max-width: 768px) {
  header .hd-lt a.tt {
    display: none;
  }
}

@-webkit-keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes returnToNormal {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* banner */
.banner {
  position: relative;
  height: 100vh;
  overflow: hidden;
  z-index: 3;
}

.banner .swiper-pagination {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 153px !important;
  z-index: 5;
  text-align: center;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: 35px;
  height: 5px;
  border-radius: 0;
  opacity: 0.3;
  background: #FFFFFF;
  transition: all .5s;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.banner-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}

.banner-swiper .swiper-slide {
  height: 100vh;
  background: center center /cover no-repeat;
  position: relative;
  z-index: 1;
}

.banner-swiper .swiper-slide > a {
  display: block;
  color: #fff;
  position: relative;
  height: 100%;
  z-index: 1;
}

.banner-swiper .swiper-slide .bg-mohu {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(2, 42, 172, 0.5);
  backdrop-filter: blur(10px);
}

.banner-swiper .swiper-slide .bg-mohu .bg-line {
  background: url(../img/bg_banner_line.png) center center/cover no-repeat;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}

.banner-swiper .swiper-slide .bg-mohu .bg-line::before {
  content: '';
  background: url(../img/bg_banner_line2.png) 0 0/100% auto no-repeat;
  position: absolute;
  width: 11.97917%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
}

.banner-swiper .swiper-slide .bg-mohu .bg-line::after {
  content: '';
  background: url(../img/bg_banner_line3.png) bottom right/100% auto no-repeat;
  position: absolute;
  width: 11.97917%;
  height: 100%;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.banner-swiper .swiper-slide .img {
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.3;
  overflow: hidden;
}

.banner-swiper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.banner-swiper .swiper-slide .wrap {
  width: 100%;
  height: 100%;
  padding: 70px 0 130px;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 4;
}

.banner-swiper .swiper-slide .inwrap {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-swiper .swiper-slide .word {
  color: #2B313F;
}

.banner-swiper .swiper-slide h1 {
  line-height: 1.2;
  transition: all 1s;
  transition-delay: 1s;
  opacity: 0;
  transform: translateY(40px);
  font-weight: 600;
}

.banner-swiper .swiper-slide h1 b {
  color: #025EAC;
}

.banner-swiper .swiper-slide p {
  transition: all 1s;
  transition-delay: 0s;
  opacity: 0;
  transform: translateY(40px);
  line-height: 30/18;
  margin-bottom: 20px;
}

.banner-swiper .swiper-slide .more {
  transition: all 1s;
  transition-delay: 1.5s;
  opacity: 0;
  transform: translateY(40px);
  margin-top: 50px;
}

.banner-swiper .swiper-slide .word-white {
  color: #fff;
}

.banner-swiper .swiper-slide .word-white p {
  color: #F2F6FF;
}

.banner-swiper .swiper-slide .word-white h1 b {
  color: #fff;
}

.banner-swiper .swiper-slide .word-white .btn-normal {
  border-color: #fff;
  color: #fff;
  background: transparent;
  cursor: pointer;
}

.banner-swiper .swiper-slide .word-white .btn-normal:hover {
  border-color: #fff;
  background: #fff;
  color: #2B313F;
}

.banner-swiper .swiper-slide .peitu {
  width: 53.67647%;
  position: relative;
}

.banner-swiper .swiper-slide .peitu img {
  width: 100%;
}

.banner-swiper .swiper-slide .peitu .dong01 {
  animation: rotate360 infinite 12s linear;
  position: absolute;
  left: 0;
  top: 0;
}

.banner-swiper .swiper-slide .peitu .dong02 {
  animation: rotate3602 infinite 12s linear;
  position: absolute;
  left: 0;
  top: 0;
}

.banner-swiper .swiper-slide .peitu .dong03 {
  animation: rotate360 12s ease infinite  linear;
  position: absolute;
  left: 0;
  top: 0;
}

.banner-swiper .swiper-slide-active h1 {
  opacity: 1;
  transform: translateY(0px);
}

.banner-swiper .swiper-slide-active h2 {
  opacity: 1;
  transform: translateY(0px);
}

.banner-swiper .swiper-slide-active p, .banner-swiper .swiper-slide-active .more {
  opacity: 1;
  transform: translateY(0px);
}

.boxBg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.switch-menu {
  position: absolute;
  bottom: 40px;
  left: 0;
  z-index: 9;
  width: 100%;
}

.switch-menu .wrap {
  margin: 0 auto;
  height: 90px;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(30px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border-radius: 5px;
}

.switch-menu ul {
  height: 100%;
}

.switch-menu ul li {
  width: 33.33%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s;
  position: relative;
}

.switch-menu ul li::after {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0.2) 99%);
  opacity: .1;
}

.switch-menu ul li:last-child::after {
  display: none;
}

.switch-menu ul li a {
  display: inline-flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
  gap: 10px;
  color: #fff;
}

.switch-menu ul li span {
  display: inline-block;
  width: 30px;
}

.switch-menu ul li span img {
  width: 100%;
}

.switch-menu ul li .info p {
  opacity: .5;
}

.switch-menu ul li .info h2 {
  font-weight: 500;
}

.switch-menu ul li:hover {
  backdrop-filter: blur(40px);
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate3602 {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@media screen and (max-width: 1600px) {
  .switch-menu .wrap {
    height: 80px;
  }
}

@media screen and (max-width: 1200px) {
  .switch-menu {
    bottom: 20px;
  }
  .banner, .banner-swiper .swiper-slide {
    height: 60vw;
  }
}

@media screen and (max-width: 768px) {
  .banner {
    height: auto;
  }
  .banner-swiper {
    height: 70vw;
  }
  .banner-swiper .swiper-slide {
    height: 100%;
  }
  .banner-swiper .swiper-slide .wrap {
    padding-top: 60px;
  }
  .banner-swiper .swiper-slide .word p {
    font-size: 14px;
  }
  .switch-menu .wrap {
    border-radius: 0;
  }
  .switch-menu {
    position: relative;
    bottom: 0;
  }
  .switch-menu .wrap {
    margin: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
  }
  .switch-menu ul li a {
    color: #2B313F;
  }
  .banner-swiper .swiper-slide .more {
    margin-top: 25px;
  }
  .banner-swiper .swiper-slide p {
    margin-top: 10px;
  }
  .switch-menu ul li a span {
    width: 20px;
  }
  .switch-menu ul li a p {
    display: none;
  }
  .switch-menu ul li a h2 {
    width: 84px;
  }
  .banner-swiper .swiper-slide .img::before {
    width: 80%;
  }
  .banner-swiper .swiper-slide .word {
    width: 100%;
  }
  .banner .swiper-pagination {
    bottom: 90px !important;
  }
  .banner-swiper .swiper-slide .wrap {
    padding: 60px 0 40px;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    height: 3px;
  }
  .banner-swiper .swiper-slide h1 {
    font-size: 28px;
  }
  .switch-menu ul li a h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .switch-menu .wrap {
    height: 40px;
  }
}

@media screen and (max-width: 450px) {
  .banner-swiper {
    height: 80vw;
  }
  .banner-swiper .swiper-slide .word {
    max-width: 100%;
    min-width: 100%;
  }
  .banner-swiper .swiper-slide .peitu {
    display: none;
  }
  .switch-menu ul li a {
    gap: 5px;
  }
}

/* 组件样式 S */
.index-background {
  background: center center /100% 100% no-repeat;
  overflow: hidden;
}

.boxCont {
  padding: 80px 0;
  position: relative;
}

.boxCont .H-title {
  margin-bottom: 60px;
  align-items: center;
}

.boxCont .H-title .h-tt {
  align-items: center;
}

.boxCont .H-title h2 {
  position: relative;
  color: #2B313F;
  line-height: 1;
  padding-left: 16px;
  font-weight: 600;
  height: 100%;
}

.boxCont .H-title h2::before {
  content: '';
  display: block;
  width: 6px;
  height: 30px;
  border-radius: 5px;
  background: #C30D23;
  flex-shrink: 0;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-size: inherit;
  position: absolute;
}

.boxCont .H-title h5 {
  color: #2B313F;
  opacity: .5;
  margin-left: 20px;
  font-weight: normal;
}

.boxCont .H-title p {
  opacity: 0.7;
  line-height: 28px;
  margin-top: 20px;
}

@media (max-width: 1440px) {
  .boxCont .H-title h2::before {
    height: 30px;
  }
}

@media (max-width: 1200px) {
  .boxCont .H-title {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .boxCont {
    padding: 30px 0;
  }
  .boxCont .H-title {
    margin-bottom: 30px;
  }
  .boxCont .H-title .h-tt {
    flex-wrap: wrap;
  }
  .boxCont .H-title h2::before {
    height: 20px;
  }
  .boxCont .H-title h5 {
    width: 100%;
    margin-top: 10px;
  }
  .boxCont .H-title h5 {
    margin-left: 10px;
  }
}

/* 组件样式 E */
/* 安全服务 */
.index-service .tab-nav {
  width: 100%;
}

.index-service .tab-nav ul {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.index-service .tab-nav ul li {
  width: 20%;
}

.index-service .tab-nav ul li a {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 10px 20px 20px 20px;
  gap: 15px;
  position: relative;
}

.index-service .tab-nav ul li a .icon {
  display: block;
  width: 60px;
}

.index-service .tab-nav ul li a .icon img {
  width: 100%;
}

.index-service .tab-nav ul li a::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  left: 50%;
  background-color: #025EAC;
  transition: all .3s;
  opacity: 0;
  position: absolute;
  bottom: -1px;
}

.index-service .tab-nav ul li.active a {
  color: #025EAC;
  font-weight: bold;
}

.index-service .tab-nav ul li.active a::after {
  left: 0;
  width: 100%;
  opacity: 1;
}

.index-service .item {
  padding: 5px 0;
  display: none;
}

.index-service .item:first-child {
  display: block;
}

.index-service .item .in-boxs {
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.index-service .item .txt {
  width: 38.97059%;
  padding: 20px 0;
}

.index-service .item .txt h2 {
  margin-bottom: 20px;
}

.index-service .item .txt p {
  opacity: 0.8;
  line-height: 30px;
  text-align: justify;
}

.index-service .item .txt .btn {
  margin-top: 50px;
}

.index-service .item .img {
  width: 55.14706%;
  mix-blend-mode: darken;
}

.index-service .item .img img {
  max-width: 100%;
}

/* 安全集成 */
.index-jicheng {
  background: center bottom /cover no-repeat;
}

.index-jicheng .boxCont {
  padding-bottom: 0;
}

.index-jicheng .H-title {
  margin-bottom: 30px;
}

.index-jicheng .background img {
  width: 100%;
}

.index-jicheng .cont {
  position: relative;
}

.index-jicheng2 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.index-jicheng2::before {
  content: '';
  display: block;
  width: 55.72917vw;
  height: 55.72917vw;
  border-radius: 100%;
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
  filter: blur(100px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.index-jicheng2 .peitu {
  width: 53.67647%;
  position: relative;
  margin: 0 auto;
}

.index-jicheng2 .peitu img {
  width: 100%;
}

.index-jicheng2 .peitu .dong01 {
  animation: rotate360 infinite 12s linear;
  position: absolute;
  left: 0;
  top: 0;
}

.index-jicheng2 .peitu .dong02 {
  animation: rotate3602 infinite 12s linear;
  position: absolute;
  left: 0;
  top: 0;
}

.index-jicheng2 .peitu .dong03 {
  animation: rotate360 infinite 12s linear;
  position: absolute;
  left: 0;
  top: 0;
}

.index-jicheng2 .s-item {
  width: 18.38235%;
}

.index-jicheng2 .s-item ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 0;
}

.index-jicheng2 .s-item li {
  position: relative;
  -webkit-animation: transzh2 10s linear infinite;
  animation: transzh2 10s linear infinite;
}

.index-jicheng2 .s-item li .f-li {
  background: url(../img/bg_index_block.svg) 0 0/cover no-repeat;
  height: 48px;
  line-height: 48px;
  width: 170px;
  transition: all .5s;
}

.index-jicheng2 .s-item li .f-li a {
  color: #025EAC;
  display: block;
  text-align: center;
}

.index-jicheng2 .s-item li .f-li:hover {
  transform: scale(1.05);
}

.index-jicheng2 .s-item li:first-child, .index-jicheng2 .s-item li:last-child {
  left: 64%;
}

.index-jicheng2 .s-item li:nth-child(2), .index-jicheng2 .s-item li:nth-child(4) {
  left: 28%;
}

.index-jicheng2 .s-item li:nth-child(3) {
  left: 12%;
}

.index-jicheng2 .s-item li:first-child {
  animation-delay: 1s;
}

.index-jicheng2 .s-item li:nth-child(2) {
  animation-delay: 1.5s;
}

.index-jicheng2 .s-item li:nth-child(3) {
  animation-delay: 2s;
}

.index-jicheng2 .s-item li:nth-child(4) {
  animation-delay: 1.2s;
}

.index-jicheng2 .s-item li:last-child {
  animation-delay: 1.5s;
}

.index-jicheng2 .rt li:first-child, .index-jicheng2 .rt li:last-child {
  left: -20%;
}

.index-jicheng2 .rt li:nth-child(2), .index-jicheng2 .rt li:nth-child(4) {
  left: -4%;
}

.index-jicheng2 .rt li:nth-child(3) {
  left: 12%;
}

.index-jicheng2 .rt li:first-child {
  animation-delay: 0.6s;
}

.index-jicheng2 .rt li:nth-child(2) {
  animation-delay: 1.5s;
}

.index-jicheng2 .rt li:nth-child(3) {
  animation-delay: 1.8s;
}

.index-jicheng2 .rt li:nth-child(4) {
  animation-delay: 2.2s;
}

.index-jicheng2 .rt li:last-child {
  animation-delay: 1.1s;
}

@media (min-width: 768px) {
  .index-jicheng .cont .f-nav {
    position: absolute;
    left: 50%;
    top: 59.78261%;
    transform: translateX(-50%);
    width: 35.29412%;
    z-index: 2;
  }
  .index-jicheng .cont .f-nav:before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .index-jicheng .cont .f-nav ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .index-jicheng .cont .f-nav ul li {
    position: absolute;
    top: 42.10526%;
    width: 0;
    height: 0;
    cursor: pointer;
    transition: all 1s;
  }
  .index-jicheng .cont .f-nav ul li span {
    display: block;
    white-space: nowrap;
    padding: 15px 20px;
    line-height: 1;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    border-radius: 5px;
    background: #025EAC;
    border: 1px solid #FFFFFF;
    transition: all 1s;
    box-shadow: 0px 0px 20px 0px rgba(28, 67, 125, 0.1);
    backdrop-filter: blur(40px);
  }
  .index-jicheng .cont .f-nav ul li:first-child {
    left: 0;
  }
  .index-jicheng .cont .f-nav ul li:first-child span {
    right: calc(100% + 10px);
  }
  .index-jicheng .cont .f-nav ul li:last-child {
    right: 0;
  }
  .index-jicheng .cont .f-nav ul li:last-child span {
    left: calc(100% + 10px);
  }
  .index-jicheng .cont .f-nav ul li i {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-color: #025EAC;
    border-radius: 50%;
    transition: all 1s;
  }
  .index-jicheng .cont .f-nav ul li i:after {
    content: "";
    display: block;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #fff;
  }
  .index-jicheng .cont .f-nav.active ul li span {
    background: #e2e5ef;
    color: #666;
  }
  .index-jicheng .cont .f-nav.active ul li i {
    background: #e2e5ef;
  }
  .index-jicheng .cont .f-nav.active ul li.on span {
    background: #025EAC;
    color: #fff;
  }
  .index-jicheng .cont .f-nav.active ul li.on i {
    background: #025EAC;
  }
  .index-jicheng .cont .f_jt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .index-jicheng .cont .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
  }
  .index-jicheng .cont .item.on {
    visibility: inherit;
    opacity: 1;
  }
  .index-jicheng .cont .item .f_yuan:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0);
    border: 1px solid #C30D23;
  }
  .index-jicheng .cont .item .f_li {
    width: 0;
    height: 0;
    position: relative;
    -webkit-animation: transzh 10s linear infinite;
    animation: transzh 10s linear infinite;
  }
  .index-jicheng .cont .item .f_li .img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 118px;
    padding: 10px;
    border-radius: 5px;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(40px);
    box-shadow: 0px 0px 20px 0px rgba(28, 67, 125, 0.1);
  }
  .index-jicheng .cont .item .f_li .img img {
    width: 100%;
  }
  .index-jicheng .cont .item .f_li:nth-child(1) {
    left: 18.38235%;
    top: 77.44565%;
  }
  .index-jicheng .cont .item .f_li:nth-child(2) {
    left: 28.67647%;
    top: 45.92391%;
  }
  .index-jicheng .cont .item .f_li:nth-child(3) {
    left: 50.73529%;
    top: 24.45652%;
  }
  .index-jicheng .cont .item .f_li:nth-child(4) {
    left: 74.26471%;
    top: 49.59239%;
  }
  .index-jicheng .cont .item .f_li:nth-child(5) {
    left: 82.35294%;
    top: 71.60326%;
  }
  .index-jicheng .cont .item .f_li:nth-child(6) {
    left: 8.45588%;
    top: 30.16304%;
  }
  .index-jicheng .cont .item .f_li:nth-child(7) {
    left: 23.52941%;
    top: 15.625%;
  }
  .index-jicheng .cont .item .f_li:nth-child(8) {
    left: 84.70588%;
    top: 6.79348%;
  }
  .index-jicheng .cont .item .f_li:nth-child(9) {
    left: 90.88235%;
    top: 38.8587%;
  }
  .index-jicheng .cont .item .f_li:nth-child(10) {
    left: 7.20588%;
    top: 65.76087%;
  }
  .index-jicheng .cont .item .f_li:nth-child(11) {
    left: 14.92647%;
    top: 47.96196%;
  }
  .index-jicheng .cont .item .f_li:nth-child(11)::after {
    border: 1px solid #025EAC;
    width: 10px;
    height: 10px;
  }
  .index-jicheng .cont .item .f_li:nth-child(12) {
    left: 38.23529%;
    top: 17.3913%;
  }
  .index-jicheng .cont .item .f_li:nth-child(12)::after {
    border: 1px solid #025EAC;
    width: 14px;
    height: 14px;
  }
  .index-jicheng .cont .item .f_li:nth-child(13) {
    left: 92.42647%;
    top: 23.77717%;
  }
  .index-jicheng .cont .item .f_li:nth-child(13)::after {
    border: 1px solid #C30D23;
    width: 10px;
    height: 10px;
  }
  .index-jicheng .cont .item .f_li:nth-child(14) {
    left: 89.19118%;
    top: 21.73913%;
  }
  .index-jicheng .cont .item .f_li:nth-child(14)::after {
    border: 1px solid #025EAC;
    width: 8px;
    height: 8px;
  }
  .index-jicheng .cont .item .f_li:nth-child(15) {
    left: 68.52941%;
    top: 37.77174%;
  }
  .index-jicheng .cont .item .f_li:nth-child(15)::after {
    border: 1px solid #C30D23;
    width: 10px;
    height: 10px;
  }
  .index-jicheng .cont .item .f_li:nth-child(16) {
    left: 90.80882%;
    top: 63.45109%;
  }
  .index-jicheng .cont .item .f_li:nth-child(16)::after {
    border: 1px solid #025EAC;
    width: 10px;
    height: 10px;
  }
  .index-jicheng .cont .item .f_li:nth-child(10) {
    animation-delay: 7.8s;
  }
  .index-jicheng .cont .item .f_li:nth-child(11) {
    animation-delay: 8.6s;
  }
  .index-jicheng .cont .item .f_li:nth-child(12) {
    animation-delay: 9.2s;
  }
  .index-jicheng .cont .item .f_li:nth-child(13) {
    animation-delay: 9.8s;
  }
  .index-jicheng .cont .item .f_li:nth-child(14) {
    animation-delay: 10.6s;
  }
  .index-jicheng .cont .item .f_li:nth-child(15) {
    animation-delay: 11.2s;
  }
  .index-jicheng .cont .item .f_li:nth-child(16) {
    animation-delay: 11.8s;
  }
  .index-jicheng .cont .item .f_li:nth-child(9) {
    animation-delay: 7.2s;
  }
  .index-jicheng .cont .item .f_li:nth-child(8) {
    animation-delay: 6.4s;
  }
  .index-jicheng .cont .item .f_li:nth-child(7) {
    animation-delay: 5.6s;
  }
  .index-jicheng .cont .item .f_li:nth-child(6) {
    animation-delay: 4.8s;
  }
  .index-jicheng .cont .item .f_li:nth-child(5) {
    animation-delay: 4s;
  }
  .index-jicheng .cont .item .f_li:nth-child(4) {
    animation-delay: 3.2s;
  }
  .index-jicheng .cont .item .f_li:nth-child(3) {
    animation-delay: 2.4s;
  }
  .index-jicheng .cont .item .f_li:nth-child(2) {
    animation-delay: 1.6s;
  }
  .index-jicheng .cont .item .f_li:nth-child(1) {
    animation-delay: .8s;
  }
}

@keyframes transzh2 {
  0% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  25% {
    transform: translate(16px, 10px);
    -webkit-transform: translate(16px, 10px);
  }
  50% {
    transform: translate(-10px, -15px);
    -webkit-transform: translate(-10px, -15px);
  }
  75% {
    transform: translate(-16px, 0);
    -webkit-transform: translate(-16px, 0);
  }
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
}

@keyframes transzh {
  0% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  25% {
    transform: translate(26px, 30px);
    -webkit-transform: translate(26px, 30px);
  }
  50% {
    transform: translate(-26px, -30px);
    -webkit-transform: translate(-26px, -30px);
  }
  75% {
    transform: translate(-26px, 0);
    -webkit-transform: translate(-26px, 0);
  }
  100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
}

@keyframes rotate360 {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

/* 解决方案 */
.index-solution {
  background: #fff;
  overflow: hidden;
}

.index-solution .swiper-solution {
  overflow: hidden;
}

.index-solution .in-box {
  height: 490px;
  border-radius: 5px;
  backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  background: center center /cover no-repeat;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.index-solution .in-box .img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}

.index-solution .in-box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.index-solution .in-box::after {
  content: '';
  width: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.3116) 60%, transparent 100%);
  height: 155px;
  border-radius: 5px 5px 0px 0px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 1s;
}

.index-solution .in-box .hd {
  position: relative;
  z-index: 2;
  padding: 25px 35px;
  color: #fff;
  z-index: 3;
}

.index-solution .in-box .hd .s-hd {
  align-items: center;
  margin-bottom: 20px;
}

.index-solution .in-box .hd .s-hd a {
  flex-shrink: 0;
  position: relative;
  width: 22px;
  height: 22px;
  border: 1px solid #FFFFFF;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-solution .in-box .hd .s-hd a span {
  color: #fff;
  font-size: 10px;
}

.index-solution .in-box .hd .s-hd a::after {
  content: '';
  display: block;
  width: 29px;
  height: 29px;
  border: 1px dashed #FFFFFF;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
}

.index-solution .in-box .hd p {
  line-height: 30px;
}

.index-solution .in-box .ft {
  padding: 0 35px 35px;
  transition: all 1s;
  transform: translateY(100%);
  position: relative;
  z-index: 3;
}

.index-solution .in-box .ft a {
  display: flex;
  background: rgba(255, 255, 255, 0.9);
  height: 44px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border: 1px solid #FFFFFF;
  padding: 0 10px 0 15px;
}

.index-solution .in-box:hover .img img {
  transform: scale(1.05);
}

.index-solution .in-box:hover .hd .s-hd a {
  background: #fff;
}

.index-solution .in-box:hover .hd .s-hd a span {
  color: #025EAC;
}

.index-solution .in-box:hover .hd .s-hd a::after {
  -webkit-animation: rotate360 2s linear infinite;
  animation: rotate360 2s linear infinite;
}

.index-solution .in-box:hover .ft {
  transform: translateY(0);
}

.index-solution .swiper-pagination {
  width: 100%;
  text-align: center;
  position: relative;
  bottom: 0;
  margin-top: 10px;
}

.index-solution .swiper-pagination .swiper-pagination-bullet {
  width: 35px;
  height: 5px;
  background: #2B313F;
  opacity: 0.3;
}

.index-solution .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #2B313F;
}

.index-solution2 {
  background: center 0/cover no-repeat;
  position: relative;
}

.index-solution2::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.85) 100%);
}

.index-solution2 .m-hd {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 50px;
  width: 100%;
}

.index-solution2 .m-hd .boxCont {
  padding: 0;
}

.index-solution2 .m-hd .h-tt h2, .index-solution2 .m-hd .h-tt h5 {
  color: #fff;
}

.index-solution2 .b-cont {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.index-solution2 .swiper-solution .in-box {
  height: calc(100vh - 70px);
  min-height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 60px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.index-solution2 .swiper-solution .in-box .icon {
  width: 60px;
  margin: 0 auto 20px;
  transition: all 1s;
  opacity: 1;
  transition: all 1s;
}

.index-solution2 .swiper-solution .in-box .icon img {
  width: 100%;
}

.index-solution2 .swiper-solution .in-box .hd {
  transition: all 1s;
}

.index-solution2 .swiper-solution .in-box .s-hd {
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-bottom: 50px;
}

.index-solution2 .swiper-solution .in-box .s-hd h2 {
  font-weight: normal;
  margin-bottom: 10px;
}

.index-solution2 .swiper-solution .in-box .s-hd h3 {
  font-weight: normal;
}

.index-solution2 .swiper-solution .in-box .s-hd h5 {
  font-weight: normal;
  opacity: 0.7;
  color: #fff;
  margin-top: 10px;
  line-height: 1;
}

.index-solution2 .swiper-solution .in-box p {
  line-height: 30px;
  color: #fff;
  opacity: 0.7;
  height: 150px;
}

.index-solution2 .swiper-solution .in-box .ft {
  padding: 0 0 60px;
  transition: all 1s;
  transform: translateY(100%);
  position: relative;
  z-index: 3;
  margin-top: 96px;
}

.index-solution2 .swiper-solution .in-box .ft a {
  color: #2B313F;
  display: flex;
  background: rgba(255, 255, 255, 0.9);
  height: 44px;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  backdrop-filter: blur(40px);
  background: linear-gradient(90deg, rgba(195, 13, 35, 0.5) 0%, rgba(2, 94, 172, 0.5) 100%);
  box-shadow: 0px 8px 24px 0px rgba(28, 67, 125, 0.06);
  backdrop-filter: blur(40px);
  padding: 0 10px 0 15px;
  color: #fff;
}

.index-solution2 .swiper-solution .in-box .ft a:hover {
  color: #fff;
}

.index-solution2 .swiper-solution .in-box:hover .icon {
  opacity: 1;
}

.index-solution2 .swiper-solution .in-box:hover .icon, .index-solution2 .swiper-solution .in-box:hover .hd {
  transform: translateY(-20px);
}

.index-solution2 .swiper-solution .in-box:hover p {
  opacity: 1;
}

.index-solution2 .swiper-solution .in-box:hover .ft {
  transform: translateY(0);
}

/* 合作伙伴 */
.index-huoban {
  overflow: hidden;
}

.index-huoban .boxCont {
  justify-content: space-between;
  padding-bottom: 50px;
}

.index-huoban .lt {
  width: 50%;
}

.index-huoban .lt .number {
  line-height: 1;
  display: flex;
  align-items: start;
  color: #025EAC;
  padding: 20px 0 10px;
}

.index-huoban .lt .number b {
  font-size: 120px;
}

.index-huoban .lt .number span {
  font-size: 50px;
  font-weight: bold;
}

.index-huoban .lt p {
  line-height: 30px;
  margin-bottom: 50px;
  padding-right: 15px;
}

.index-huoban .b-cont {
  width: 44.85294%;
}

.index-huoban .huoban-box .in-wrap {
  display: flex;
  flex-direction: row;
  padding: 0px;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
}

.index-huoban .logo-item {
  width: 33.33%;
  padding: 0 10px 20px;
}

.index-huoban .logo-item .logo-box {
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #FFFFFF;
  padding: 25px 20px;
  transition: all 1s;
  cursor: pointer;
  border-radius: 5px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-huoban .logo-item img {
  max-width: 100%;
}

.index-huoban .logo-item .logo-box:hover {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border: 2px solid #025EAC;
}

.index-huoban .pm-sm {
  text-align: right;
  opacity: 0.7;
  color: #2B313F;
  line-height: 1;
  font-size: 12px;
}

.index-huoban .pm-sm p {
  text-align: right;
}

/* 累计服务超过 1000 家企业客户 */
.index-leiji {
  position: relative;
  overflow: hidden;
  padding: 40px 0;
  z-index: 1;
}

.index-leiji::before {
  content: '';
  display: block;
  width: 14.58333%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.index-leiji::after {
  content: '';
  display: block;
  width: 14.58333%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}

.index-leiji .mask-txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 40px 30px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 9%, #FFFFFF 50%, rgba(255, 255, 255, 0.9) 89%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}

.index-leiji .mask-txt b {
  color: #025EAC;
  font-weight: bold;
}

.index-leiji .logos {
  width: 100%;
  position: relative;
  z-index: 1;
}

.index-leiji .logos::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.index-leiji .logos > div {
  height: 50px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.index-leiji .logos .li {
  display: inline-block;
}

.index-leiji .logos .base-img {
  margin: 5px;
  width: 110px;
  height: 50px;
}

.index-leiji .logos .base-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1600px) {
  .index-huoban .lt .number b {
    font-size: 100px;
  }
  .index-solution2 .swiper-solution .in-box {
    padding: 0 30px;
  }
}

@media screen and (max-width: 1200px) {
  .index-huoban .boxCont .H-title h2 {
    margin-bottom: 5px;
  }
  .index-huoban .boxCont .H-title h5 {
    margin-left: 10px;
    margin-top: 0;
  }
  .index-service .tab-nav ul li a .icon {
    width: 40px;
  }
  .index-service .tab-nav ul li a {
    gap: 10px;
  }
  .index-jicheng .cont .item .f_li .img {
    width: 100px;
    padding: 5px;
    transform: translate(-50%, -50%) scale(0.8);
  }
  .index-jicheng .cont {
    width: 90%;
    margin: 0 auto;
  }
  .index-jicheng .cont .f-nav ul li span {
    padding: 10px 15px;
  }
  .index-jicheng .cont .item .f_yuan:after {
    transform: translate(-50%, -50%) scale(0.8);
  }
  .index-jicheng .cont .f-nav ul li i {
    width: 10px;
    height: 10px;
  }
  .index-solution .in-box .hd {
    padding: 20px;
  }
  .index-solution .in-box {
    height: 400px;
  }
  .index-huoban .huoban-box {
    height: 350px;
  }
  .index-huoban .logo-item .logo-box {
    padding: 20px;
  }
  .index-jicheng2 .peitu {
    display: none;
  }
  .index-jicheng2 .s-item li {
    animation: none;
    transform: none;
    left: 0;
  }
  .index-jicheng2 .s-item li:first-child, .index-jicheng2 .s-item li:last-child, .index-jicheng2 .s-item li:nth-child(2), .index-jicheng2 .s-item li:nth-child(4), .index-jicheng2 .s-item li:nth-child(3) {
    left: 0;
  }
  .index-jicheng2 .s-item {
    width: 100%;
  }
  .index-jicheng2 .s-item ul {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .index-jicheng2 .cont {
    flex-wrap: wrap;
  }
  .index-solution2 .swiper-solution .in-box {
    padding: 0 20px;
  }
  .index-solution2 .swiper-solution .in-box .ft {
    margin-top: 45px;
    padding: 0 0 30px;
  }
  .index-jicheng2 .s-item ul {
    padding: 0;
  }
  .index-jicheng2 .s-item ul li {
    margin-bottom: 10px;
  }
  .boxCont .H-title h5 {
    margin-left: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .index-huoban .logo-item {
    padding: 5px;
  }
  .index-huoban .logo-item .logo-box {
    padding: 10px 20px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .index-huoban .huoban-box {
    height: 325px;
  }
  .index-huoban .lt .number b {
    font-size: 80px;
  }
  .index-solution2 .swiper-solution .in-box .icon {
    width: 40px;
  }
  .index-solution2 .swiper-solution .in-box p {
    height: 180px;
  }
}

@media screen and (max-width: 768px) {
  .index-huoban .boxCont .H-title {
    margin-bottom: 20px;
  }
  .index-huoban .lt p {
    margin-bottom: 25px;
  }
  .index-solution2 .swiper-solution .in-box p {
    height: 200px;
  }
}

@media screen and (max-width: 767px) {
  .index-jicheng2 .cont {
    margin-left: -5px;
    margin-right: -5px;
  }
  .index-jicheng2 .s-item {
    width: 50%;
    padding: 0 5px;
  }
  .index-jicheng2 .s-item ul {
    width: 100%;
  }
  .index-jicheng2 .s-item ul {
    width: 100%;
  }
  .index-jicheng2 .s-item ul li {
    width: 100%;
  }
  .index-jicheng2 .s-item li .f-li {
    width: 100%;
    background-size: 100% 100%;
  }
  .index-service .tab-nav ul li a {
    padding: 10px;
  }
  .index-service .tab-nav ul li a .icon {
    display: none;
  }
  .index-service .item .txt .btn {
    margin-top: 25px;
  }
  .index-service .tab-nav {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .index-service .tab-nav ul {
    width: auto;
  }
  .index-service .tab-nav ul li {
    white-space: nowrap;
    width: 100px;
  }
  .index-service .item .in-boxs {
    flex-wrap: wrap;
  }
  .index-service .item .in-boxs .txt {
    width: 100%;
  }
  .index-service .item .in-boxs .img {
    width: 100%;
    margin-top: 20px;
  }
  .index-jicheng .cont .f-nav ul li span {
    padding: 5px;
  }
  .index-jicheng .cont .background {
    display: none;
  }
  .index-jicheng {
    padding-bottom: 60px;
  }
  .index-jicheng .f-nav {
    margin-bottom: 20px;
  }
  .index-jicheng .f-nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .index-jicheng .f-nav ul li {
    opacity: .8;
  }
  .index-jicheng .f-nav ul li.on {
    opacity: 1;
  }
  .index-jicheng .cont {
    width: 100%;
  }
  .index-jicheng .cont .item {
    margin-left: -5px;
    margin-right: -5px;
    display: none;
  }
  .index-jicheng .cont .item.on {
    display: block;
  }
  .index-jicheng .cont .item::after {
    content: '';
    clear: both;
  }
  .index-jicheng .cont .item .f_li {
    width: 33.33%;
    padding: 5px;
    float: left;
  }
  .index-jicheng .cont .item .f_yuan {
    display: none;
  }
  .index-jicheng .cont .item .f_li .img {
    transform: none;
    border: 1px solid #E6E8F2;
    background: #fff;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    overflow: hidden;
  }
  .index-jicheng .cont .item .f_li .img img {
    max-width: 80%;
  }
  .index-solution .in-box .hd {
    padding: 20px;
  }
  .index-huoban .lt p {
    margin-bottom: 25px;
  }
  .index-huoban .boxCont {
    flex-wrap: wrap;
  }
  .index-huoban .lt {
    width: 100%;
    margin-bottom: 30px;
  }
  .index-huoban .lt .number {
    padding-top: 0;
  }
  .index-huoban .lt .number b {
    font-size: 60px;
  }
  .index-huoban .lt .number span {
    font-size: 25px;
  }
  .index-huoban .b-cont {
    width: 100%;
  }
  .index-huoban .huoban-box {
    height: auto;
    overflow: inherit;
  }
  .index-leiji .mask-txt {
    padding: 20px;
    white-space: nowrap;
  }
  .index-leiji .logos .base-img {
    width: 90px;
    height: 35px;
    margin: 3px;
  }
  .index-solution .swiper-pagination .swiper-pagination-bullet {
    height: 3px;
  }
  .index-solution2 .swiper-solution .in-box {
    height: 600px;
    min-height: 600px;
  }
  .index-solution2 .swiper-solution .in-box p {
    height: 180px;
  }
  .index-solution2 .swiper-solution .in-box .s-hd {
    margin-bottom: 30px;
  }
  .banner-swiper .swiper-slide h1 {
    font-size: 24px;
  }
  .banner .swiper-pagination {
    bottom: 50px !important;
  }
}

/* footer */
.footer {
  background: #002040;
  overflow: hidden;
  border-top: 3px solid #C30D23;
  padding-top: 40px;
}

.footer .ft-hd {
  padding-bottom: 20px;
}

.footer .ft-hd .hd-line {
  align-items: center;
}

.footer .ft-hd .logo {
  width: 75px;
  margin-right: 10px;
}

.footer .ft-hd .logo img {
  width: 100%;
}

.footer .ft-hd a.tt {
  font-weight: 500;
  color: #fff;
}

.footer .ft-bd {
  background: url(../img/bg_foot.png) center bottom/cover no-repeat;
  border-bottom: 1px solid #000;
}

.footer .ft-bd > div {
  padding: 10px 0 30px;
}

.footer .ft-bd .ft-nav {
  width: 56.02941%;
}

.footer .ft-bd .ft-nav ul {
  justify-content: space-between;
}

.footer .ft-bd .ft-nav ul li .navhd {
  color: #fff;
  opacity: 0.5;
  margin-bottom: 10px;
  line-height: 1;
  height: 14px;
}

.footer .ft-bd .ft-nav ul li .navhd a {
  color: #fff;
}

.footer .ft-bd .ft-nav ul li .nav-bd-2 {
  gap: 40px;
}

.footer .ft-bd .ft-nav ul li .navbd {
  display: flex;
  flex-direction: column;
}

.footer .ft-bd .ft-nav ul li .navbd a {
  color: #fff;
  line-height: 30px;
}

.footer .ft-bd .ft-nav ul li .navbd a:hover {
  color: #0074d7;
}

.footer .ft-bd .qrcode {
  text-align: center;
}

.footer .ft-bd .qrcode .img {
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 5px;
  background: #FFFFFF;
}

.footer .ft-bd .qrcode .img img {
  width: 100%;
}

.footer .ft-bd .qrcode p {
  font-size: 12px;
  color: #fff;
  margin-top: 15px;
  text-align: center;
}

.footer .ft-ft {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding: 10px 0;
  color: rgba(255, 255, 255, 0.5);
  line-height: 30px;
  font-size: 12px;
}

.footer .ft-ft .fl {
  display: flex;
  gap: 20px;
}

.footer .ft-ft .fr {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 3px;
  height: 24px;
  padding: 6px;
  line-height: 1;
}

.footer .ft-ft .fr img {
  width: 57px;
}

@media (max-width: 1200px) {
  .footer .ft-bd .qrcode .img {
    width: 100px;
    height: 100px;
  }
  .footer .ft-bd .ft-nav {
    width: calc(100% - 150px);
  }
  .footer .ft-hd .logo {
    width: 65px;
  }
  .footer .ft-ft .fl {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .footer .ft-hd .hd-line {
    justify-content: center;
  }
  .footer .ft-bd {
    flex-direction: column-reverse;
  }
  .footer .ft-bd .qrcode {
    text-align: center;
    margin-bottom: 20px;
  }
  .footer .ft-bd .qrcode .img {
    margin: 0 auto;
  }
  .footer .ft-bd .ft-nav {
    width: 100%;
  }
  .footer .ft-bd .ft-nav ul {
    flex-wrap: wrap;
  }
  .footer .ft-bd .ft-nav ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer .ft-bd .ft-nav ul li .navhd {
    line-height: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
  }
  .footer .ft-bd .ft-nav ul li .navhd::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    transform: translateY(-50%) rotate(135deg);
    transition: all 1s;
    position: absolute;
    right: 0;
    top: 50%;
  }
  .footer .ft-bd .ft-nav ul li .navhd a {
    display: block;
    width: 100%;
    line-height: 30px;
  }
  .footer .ft-bd .ft-nav ul li .navbd {
    display: none;
  }
  .footer .ft-ft {
    text-align: center;
    line-height: 1.5;
  }
  .footer .ft-ft .fl {
    display: block;
  }
  .footer .ft-ft span {
    display: inline-block;
    margin: 0 5px;
  }
  .footer .ft-ft .fr {
    margin: 0 auto;
  }
  .footer .ft-bd .ft-info {
    width: 100%;
  }
  .footer .ft-bd .qrcode {
    width: 100px;
    margin: 0 auto;
  }
}

/* 浮窗 */
.fixedmenu {
  position: fixed;
  bottom: 20px;
  left: 0;
  z-index: 5;
}

.fixedmenu .btn-now-zx {
  width: 34px;
  display: block;
  transition: all .5s;
  height: 84px;
  border-radius: 0px 5px 5px 0px;
  opacity: 1;
  background: linear-gradient(270deg, #025EAC 0%, rgba(2, 94, 172, 0) 100%), rgba(2, 94, 172, 0.7);
  color: #fff;
  padding: 10px;
  line-height: 16px;
  backdrop-filter: blur(10px);
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}

.fixedmenu .btn-now-zx:hover {
  opacity: .9;
}

.fixedmenu .btn-now-zx.active {
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
}

.rightFixed {
  position: fixed;
  bottom: 0;
  z-index: 6;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
}

.rightFixed .rightFixed-wrap {
  width: 908px;
  height: 100px;
  background: linear-gradient(270deg, #025EAC 0%, rgba(2, 94, 172, 0) 100%), url(), rgba(2, 94, 172, 0.7);
  backdrop-filter: blur(10px);
  border-radius: 5px;
  position: relative;
  padding: 10px;
  transition: all 1s;
  transform: translateY(100%);
}

.rightFixed .close {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../img/icon_close_white.svg) center center/cover no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  transition: all 1s;
}

.rightFixed .close:hover {
  transform: rotate(180deg);
}

.rightFixed .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.rightFixed .lt {
  align-items: center;
  color: #fff;
}

.rightFixed .inbox-1 {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  margin-right: 20px;
  overflow: hidden;
}

.rightFixed .inbox-1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.rightFixed .inbox-2 p {
  opacity: .7;
}

.rightFixed .btn-normal {
  border-color: #fff;
  color: #fff;
  margin-right: 30px;
}

.rightFixed .btn-normal:hover {
  background: #fff;
  color: #025EAC;
}

.rightFixed.show {
  opacity: 1;
  visibility: visible;
}

.rightFixed.show .rightFixed-wrap {
  transform: translateY(0);
}

@media (max-width: 1024px) {
  .rightFixed {
    width: 100%;
  }
  .rightFixed .rightFixed-wrap {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .rightFixed .inbox-1 {
    width: 60px;
    height: 60px;
    margin-right: 10px;
  }
  .rightFixed .btn-normal {
    margin-right: 20px;
    white-space: nowrap;
  }
}

/* 內頁 */
.body-pt {
  padding-top: 70px;
}

.in-banner {
  position: relative;
  overflow: hidden;
}

.in-banner .boxBg {
  opacity: 1;
  z-index: 1;
}

.in-banner img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.in-banner .banner-text {
  position: relative;
  z-index: 3;
}

.in-banner .banner-text p {
  max-width: 700px;
  line-height: 30px;
  font-size: 16px;
}

.in-banner-jb img {
  opacity: 0.3;
}

/* 面包屑 */
.yah-location {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  backdrop-filter: blur(40px);
  box-shadow: 0px 8px 20px 0px rgba(0, 70, 130, 0.04);
}

.yah-location .in-location {
  display: flex;
  line-height: 50px;
  align-items: center;
}

.yah-location .in-location a {
  display: flex;
  align-items: center;
  position: relative;
}

.yah-location .in-location span.fenge {
  display: inline-block;
  width: 8px;
  height: 1px;
  background: #C8C8C8;
  margin: 0 10px;
}

.yah-location .in-location a:last-child::after {
  display: none;
}

.yah-location .in-location a.current {
  color: #025EAC;
  font-weight: bold;
}

/* 合作伙伴 */
.yah-hzhb-list {
  padding: 40px 0;
  background: #F2F6FF;
  overflow: hidden;
}

.yah-hzhb-list ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-hzhb-list ul li {
  width: 50%;
  padding: 10px;
}

.yah-hzhb-list ul li .inbox {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  height: 200px;
  border-radius: 5px;
  transition: all 1s;
  overflow: hidden;
  padding: 30px 0;
}

.yah-hzhb-list ul li .inbox a {
  display: flex;
  align-items: center;
}

.yah-hzhb-list ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 0px 30px 0px rgba(0, 70, 130, 0.08);
}

.yah-hzhb-list ul li .inbox:hover .txt .s-hd h3 {
  color: #025EAC;
}

.yah-hzhb-list ul li .inbox:hover .txt .s-hd span {
  opacity: 1;
  visibility: visible;
}

.yah-hzhb-list ul li .inbox:hover .txt .s-bd {
  overflow-y: auto;
}

.yah-hzhb-list ul li .inbox:hover .txt .text p {
  overflow: inherit;
  -webkit-line-clamp: 10000;
}

.yah-hzhb-list ul li .s-logo {
  width: 29.85075%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  padding: 0 25px;
  position: relative;
  height: 100%;
}

.yah-hzhb-list ul li .s-logo img {
  max-width: 100%;
  max-height: 100%;
}

.yah-hzhb-list ul li .s-logo::after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(230, 232, 242, 0) 0%, #E6E8F2 50%, rgba(230, 232, 242, 0) 100%);
}

.yah-hzhb-list ul li .txt {
  flex: 1;
  padding: 0 30px;
}

.yah-hzhb-list ul li .txt .s-hd {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 20px;
  justify-content: space-between;
}

.yah-hzhb-list ul li .txt .s-hd h3 {
  color: #2B313F;
}

.yah-hzhb-list ul li .txt .s-hd span {
  display: inline-flex;
  color: #2B313F;
  line-height: 1;
  opacity: 0.7;
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}

.yah-hzhb-list ul li .txt .s-hd span img {
  margin-right: 4px;
  width: 12px;
}

.yah-hzhb-list ul li .txt .s-bd {
  height: 90px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}

.yah-hzhb-list ul li .txt .s-bd::-webkit-scrollbar-track {
  background-color: transparent;
}

.yah-hzhb-list ul li .txt .s-bd::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: rgba(43, 49, 63, 0.05);
}

.yah-hzhb-list ul li .txt .s-bd::-webkit-scrollbar-thumb {
  background: rgba(0, 59, 109, 0.2);
  border-radius: 3px;
  width: 3px;
  height: 3px;
}

.yah-hzhb-list ul li .txt .text p {
  line-height: 30px;
  color: #2B313F;
  opacity: 0.7;
}

.yah-hzhb-list .pm-sm {
  text-align: center;
  opacity: .7;
}

.yah-hzhb-list .pm-sm p {
  text-align: right;
}

@media (max-width: 1200px) {
  .body-pt {
    padding-top: 60px;
  }
  .yah-location .in-location {
    line-height: 40px;
  }
  .yah-hzhb-list ul li .txt .s-hd {
    gap: 15px;
  }
  .in-banner .banner-text p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .yah-hzhb-list {
    padding: 20px 0;
  }
  .yah-hzhb-list ul li {
    width: 100%;
  }
  .yah-hzhb-list ul li .inbox {
    flex-wrap: wrap;
    height: auto;
  }
  .yah-hzhb-list ul li .txt .s-hd {
    gap: 15px;
    margin-bottom: 10px;
  }
  .yah-hzhb-list ul li .s-logo {
    width: 40%;
    margin: 0 auto 20px;
  }
  .yah-hzhb-list ul li .txt {
    width: 100%;
    flex: auto;
    padding: 0 20px;
  }
  .yah-hzhb-list ul li .s-logo::after {
    display: none;
  }
  .yah-hzhb-list ul li .txt .s-bd {
    height: auto;
  }
  .yah-hzhb-list ul li .inbox .txt .text p {
    overflow: inherit;
    -webkit-line-clamp: 10000;
  }
}

@media (max-width: 520px) {
  .yah-hzhb-list ul li .s-logo {
    width: 150px;
  }
}

/* 内页banner */
.in-banner {
  position: relative;
}

.in-banner .banner-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.in-banner .banner-text .word {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  color: #fff;
}

.in-banner .banner-text .word h1 {
  margin-bottom: 10px;
  line-height: 1.33333;
}

.in-banner .banner-text .word p {
  color: rgba(255, 255, 255, 0.7);
}

.in-banner .banner-text .word .more {
  margin-top: 35px;
}

.in-banner .banner-text .word .more a {
  border-color: #fff;
  color: #fff;
  background: rgba(2, 94, 172, 0.1);
  backdrop-filter: blur(40px);
}

.in-banner .banner-text .word .more a:hover {
  background: #fff;
  border-color: #fff;
  color: #2B313F;
}

.boxCont-inPage {
  padding: 50px 0;
}

.boxCont-inPage .H-title {
  margin-bottom: 20px;
}

.yah-Bitdefender1 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-Bitdefender1 .txtimg {
  background: 0 center /cover no-repeat;
  padding: 20px;
  display: flex;
  justify-content: flex-end;
  border-radius: 5px;
}

.yah-Bitdefender1 .txtimg .text {
  width: 46.83824%;
  color: #fff;
  line-height: 30px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}

.yah-Bitdefender1 .txtimg .text::-webkit-scrollbar-track {
  background-color: transparent;
}

.yah-Bitdefender1 .txtimg .text::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: transparent;
}

.yah-Bitdefender1 .txtimg .text::-webkit-scrollbar-thumb {
  background-color: #025EAC;
  border-radius: 3px;
  width: 3px;
  height: 3px;
}

.yah-Bitdefender1 .txtimg .text p {
  text-align: justify;
  margin-bottom: 10px;
}

.yah-Bitdefender1 .xdr-items ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Bitdefender1 .xdr-items ul li {
  width: 33.33%;
  padding: 20px 10px 0;
}

.yah-Bitdefender1 .xdr-items ul li .ibox {
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
  height: 100%;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: all 1s;
  border-radius: 5px;
}

.yah-Bitdefender1 .xdr-items ul li .ibox .iconfont {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yah-Bitdefender1 .xdr-items ul li .ibox .iconfont img {
  max-width: 100%;
  max-height: 100%;
}

.yah-Bitdefender1 .xdr-items ul li .ibox .iconfont .hover {
  display: none;
}

.yah-Bitdefender1 .xdr-items ul li .ibox h3 {
  margin: 20px 0;
  line-height: 30px;
}

.yah-Bitdefender1 .xdr-items ul li .ibox .txt p {
  line-height: 30px;
  color: #2B313F;
  opacity: 0.7;
}

.yah-Bitdefender1 .xdr-items ul li .ibox:hover {
  background: #025EAC;
}

.yah-Bitdefender1 .xdr-items ul li .ibox:hover .iconfont .normal {
  display: none;
}

.yah-Bitdefender1 .xdr-items ul li .ibox:hover .iconfont .hover {
  display: block;
}

.yah-Bitdefender1 .xdr-items ul li .ibox:hover h3 {
  color: #fff;
}

.yah-Bitdefender1 .xdr-items ul li .ibox:hover .txt p {
  color: #fff;
}

.yah-Bitdefender2 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
  overflow: hidden;
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}

.yah-Bitdefender2 .hd {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
}

.yah-Bitdefender2 .imgbox {
  position: relative;
  z-index: 1;
}

.yah-Bitdefender2 .imgbox img {
  max-width: 100%;
}

.yah-Bitdefender2 .imgmb {
  display: none;
}

.yah-Bitdefender2 .imgKedu {
  width: 32.39583%;
  position: absolute;
  left: 50%;
  top: 18.2%;
  transform: translateX(-50%);
}

.yah-Bitdefender2 .imgKedu img {
  animation: rotate360 30s infinite linear;
}

.yah-Bitdefender2 .imgKedu .tt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}

.yah-Bitdefender2 .imgKedu .tt span {
  color: #fff;
  text-align: center;
  font-size: 12px;
  position: relative;
  top: 5px;
}

.yah-Bitdefender2 .imgKedu .txt span {
  position: absolute;
  z-index: 3;
  white-space: nowrap;
  text-align: center;
}

.yah-Bitdefender2 .imgKedu .txt span:first-child {
  bottom: calc(100% + 19px);
  left: 50%;
  transform: translateX(-50%);
}

.yah-Bitdefender2 .imgKedu .txt span:nth-child(2) {
  left: 132%;
  top: 50%;
  transform: translateY(-50%);
}

.yah-Bitdefender2 .imgKedu .txt span:nth-child(3) {
  top: calc(100% + 19px);
  left: 50%;
  transform: translateX(-50%);
}

.yah-Bitdefender2 .imgKedu .txt span:nth-child(4) {
  right: 132%;
  top: 50%;
  transform: translateY(-50%);
}

.yah-Bitdefender3 {
  background: #FFFFFF;
}

.yah-Bitdefender3 .XDR-yl {
  flex-wrap: wrap;
  justify-content: space-between;
}

.yah-Bitdefender3 .XDR-yl .img {
  width: 55.14706%;
  overflow: hidden;
}

.yah-Bitdefender3 .XDR-yl .img img {
  max-width: 100%;
  border: 2px solid #2B313F;
  border-radius: 5px;
  mix-blend-mode: darken;
}

.yah-Bitdefender3 .infos {
  width: 39.70588%;
}

.yah-Bitdefender3 .infos ul li {
  border-bottom: 1px solid rgba(43, 49, 63, 0.1);
  padding: 25px 0;
}

.yah-Bitdefender3 .infos ul li .hd {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.yah-Bitdefender3 .infos ul li .hd::after {
  content: "\e604";
  font-family: "iconfont" !important;
  color: #2B313F;
  opacity: 0.1;
  transition: all 1s;
}

.yah-Bitdefender3 .infos ul li .bd {
  padding-top: 10px;
  display: none;
}

.yah-Bitdefender3 .infos ul li .bd p {
  opacity: 0.7;
  color: #2B313F;
  line-height: 30px;
}

.yah-Bitdefender3 .infos ul li:first-child {
  padding-top: 0;
}

.yah-Bitdefender3 .infos ul li:first-child .bd {
  display: block;
}

.yah-Bitdefender3 .infos ul li.active .hd h3 {
  color: #025EAC;
}

.yah-Bitdefender3 .infos ul li.active .hd::after {
  transform: rotate(90deg);
}

.yah-Bitdefender4 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
  overflow: hidden;
}

.yah-Bitdefender4 .jishu-jiagou {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Bitdefender4 .jishu-jiagou .item {
  width: 33.33%;
  padding: 0 10px;
}

.yah-Bitdefender4 .jishu-jiagou .inbox {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
  height: 100%;
  position: relative;
  padding-bottom: 230px;
  overflow: hidden;
}

.yah-Bitdefender4 .jishu-jiagou .inbox .img {
  height: 250px;
  overflow: hidden;
}

.yah-Bitdefender4 .jishu-jiagou .inbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-Bitdefender4 .jishu-jiagou .inbox .info {
  position: absolute;
  left: 0;
  top: 250px;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  padding: 30px;
  height: 230px;
  transition: all 1s;
}

.yah-Bitdefender4 .jishu-jiagou .inbox .info .txt {
  transition: all 1s;
}

.yah-Bitdefender4 .jishu-jiagou .inbox .info h2 {
  text-align: center;
  line-height: 30px;
  margin-bottom: 20px;
}

.yah-Bitdefender4 .jishu-jiagou .inbox .info p {
  color: #2B313F;
  opacity: 0.7;
  line-height: 30px;
  max-height: 120px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yah-Bitdefender4 .jishu-jiagou .inbox:hover .img img {
  transform: scale(1.05);
}

.yah-Bitdefender4 .jishu-jiagou .inbox:hover .info {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border-radius: 5px;
  top: 190px;
  height: 410px;
}

.yah-Bitdefender4 .jishu-jiagou .inbox:hover .info .txt {
  height: 170px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}

.yah-Bitdefender4 .jishu-jiagou .inbox:hover .info .txt::-webkit-scrollbar-track {
  background-color: transparent;
}

.yah-Bitdefender4 .jishu-jiagou .inbox:hover .info .txt::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: transparent;
}

.yah-Bitdefender4 .jishu-jiagou .inbox:hover .info .txt::-webkit-scrollbar-thumb {
  background-color: #025EAC;
  border-radius: 3px;
  width: 3px;
  height: 3px;
}

.yah-Bitdefender4 .jishu-jiagou .inbox:hover .info p {
  -webkit-line-clamp: 100000;
  overflow: inherit;
  max-height: inherit;
}

.yah-Bitdefender5 {
  background: center 0 /cover no-repeat;
  overflow: hidden;
}

.yah-Bitdefender5 .boxCont {
  padding-bottom: 20px;
}

.yah-Bitdefender5 .hd {
  justify-content: space-between;
}

.yah-Bitdefender5 .hd .H-title {
  width: 51.47059%;
  color: #fff;
}

.yah-Bitdefender5 .hd .H-title .h-tt {
  margin-bottom: 20px;
}

.yah-Bitdefender5 .hd .H-title .h-tt h2 {
  color: #fff;
}

.yah-Bitdefender5 .hd .H-title p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-Bitdefender5 .hd .logo-box {
  width: 30.14706%;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 70px;
}

.yah-Bitdefender5 .hd .logo-box img {
  max-width: 100%;
}

.yah-Bitdefender5 .bd {
  margin-top: 30px;
}

.yah-Bitdefender5 .bd .more-logos {
  background: #FFFFFF;
  border-radius: 5px;
  backdrop-filter: blur(100px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border: 1px solid #FFFFFF;
  align-items: center;
  justify-content: space-between;
  height: 140px;
  padding: 35px  50px;
}

.yah-Bitdefender5 .bd .more-logos .name {
  width: 96px;
  flex-shrink: 0;
}

.yah-Bitdefender5 .bd .more-logos ul {
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.yah-Bitdefender5 .bd .more-logos ul img {
  max-width: 100%;
}

.yah-Bitdefender5 .bd .more-logos ul .logo-item {
  height: 120px;
}

.yah-Bitdefender5 .bd .more-logos ul .logo-item img {
  max-height: 100%;
}

.yah-Bitdefender5 .bd .more-logos .logos-box {
  width: 95.2381%;
  margin: 0 auto;
}

.yah-Bitdefender5 .bd .more-logos .logos-box img {
  max-width: 100%;
}

.yah-Bitdefender5 .bd .logos-Bitdefender {
  padding: 36px 70px 36px 0;
}

@media (max-width: 1440px) {
  .yah-Bitdefender3 .infos ul li {
    padding: 15px 0;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox .img {
    height: 210px;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox .info {
    top: 210px;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox:hover .info .txt {
    height: 150px;
  }
}

@media (max-width: 1200px) {
  .in-banner .banner-text .word .more {
    margin-top: 20px;
  }
  .yah-Bitdefender1 .txtimg .text {
    max-height: 200px;
  }
  .yah-Bitdefender1 .xdr-items ul li .ibox {
    padding: 20px;
  }
  .yah-Bitdefender2 .imgKedu .tt {
    width: 40px;
    text-align: center;
    line-height: 1.2;
  }
  .yah-Bitdefender2 .imgKedu .tt span {
    top: 0;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox .img {
    height: 178px;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox .info {
    top: 178px;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox .info {
    padding: 20px;
  }
  .yah-Bitdefender1 .xdr-items ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-Bitdefender1 .xdr-items ul li {
    padding: 10px 5px;
  }
  .yah-Bitdefender4 .jishu-jiagou {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-Bitdefender4 .jishu-jiagou .item {
    padding: 0 5px;
  }
  .yah-Bitdefender5 .bd {
    margin-top: 20px;
  }
  .yah-Bitdefender5 .hd .logo-box {
    padding: 20px 40px;
  }
  .boxCont .H-title h2 {
    padding-left: 10px;
  }
  .boxCont .H-title h2::before {
    width: 4px;
    height: 24px;
  }
  .yah-Bitdefender5 .hd .logo-box {
    padding: 20px;
    width: 40%;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox:hover .info .txt {
    height: 124px;
  }
}

@media (max-width: 768px) {
  .in-banner {
    height: 200px;
  }
  .in-banner img {
    height: 100%;
    object-fit: cover;
  }
  .boxCont-inPage {
    padding: 30px 0;
  }
  .yah-Bitdefender2 {
    background: #fff;
  }
  .yah-Bitdefender2 .imgmb {
    display: block;
  }
  .yah-Bitdefender2 .imgBig {
    display: none;
  }
  .yah-Bitdefender2 .imgKedu {
    width: 82.8125%;
    top: 8%;
  }
  .yah-Bitdefender2 .imgKedu .txt span:first-child {
    bottom: calc(100% + 20px);
  }
  .yah-Bitdefender2 .imgKedu .txt span:nth-child(3) {
    top: calc(100% + 10px);
  }
  .yah-Bitdefender2 .imgKedu .txt span:nth-child(2) {
    left: 100%;
  }
  .yah-Bitdefender2 .imgKedu .txt span:nth-child(4) {
    right: 100%;
  }
  .yah-Bitdefender2 .imgKedu .tt span {
    display: none;
  }
  .yah-Bitdefender2 .hd {
    position: relative;
  }
  .yah-Bitdefender2 .imgbox {
    margin: 0 40px;
  }
  .yah-Bitdefender2 .imgKedu .txt span {
    font-size: 12px;
  }
  .boxCont .H-title h2 {
    font-size: 22px;
  }
  .yah-Bitdefender1 .xdr-items ul li .ibox .iconfont {
    width: 40px;
    height: 40px;
  }
  .yah-Bitdefender1 .xdr-items ul li .ibox h3 {
    margin: 10px 0;
  }
  .yah-Bitdefender5 .bd {
    display: none;
  }
  .boxCont .H-title h2::before {
    width: 4px;
    height: 20px;
  }
}

@media (max-width: 520px) {
  .yah-Bitdefender1 .txtimg {
    background-position: 60% 0;
  }
  .yah-Bitdefender1 .txtimg .text {
    width: 100%;
  }
  .yah-Bitdefender1 .xdr-items ul {
    flex-wrap: wrap;
    margin-top: 5px;
  }
  .yah-Bitdefender1 .xdr-items ul li {
    width: 100%;
    padding: 5px;
  }
  .yah-Bitdefender1 .xdr-items ul li .ibox {
    padding: 20px;
  }
  .yah-Bitdefender3 .XDR-yl .img {
    width: 100%;
    margin-bottom: 20px;
  }
  .yah-Bitdefender3 .infos {
    width: 100%;
  }
  .yah-Bitdefender4 .jishu-jiagou {
    flex-wrap: wrap;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox .info h2 {
    margin-bottom: 10px;
  }
  .yah-Bitdefender4 .jishu-jiagou .item {
    width: 100%;
    margin-bottom: 10px;
  }
  .yah-Bitdefender4 .jishu-jiagou .item:last-child {
    margin-bottom: 0;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox {
    padding-bottom: 200px;
  }
  .yah-Bitdefender4 .jishu-jiagou .inbox .info {
    height: 200px;
  }
  .yah-Bitdefender5 .hd {
    flex-wrap: wrap;
  }
  .yah-Bitdefender5 .hd .H-title {
    width: 100%;
  }
  .yah-Bitdefender5 .hd .logo-box {
    padding: 20px;
    width: 100%;
    height: auto;
  }
  .in-banner .banner-text .word p {
    font-size: 14px;
    line-height: 26px;
  }
}

/* Fortinet */
.word-Fortinet h1, .word-Fortinet p {
  max-width: 530px;
}

.yah-Fortinet1 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-Fortinet1 .text {
  flex: 1;
}

.yah-Fortinet1 .text .txt {
  width: 70%;
  opacity: 0.7;
  line-height: 30px;
}

.yah-Fortinet1 .img {
  width: 27.94118%;
}

.yah-Fortinet1 .img img {
  max-width: 100%;
}

.yah-Fortinet2 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.page-qhwl ul {
  margin-left: -10px;
  margin-right: -10px;
}

.page-qhwl ul li {
  padding: 0 10px;
  width: 33.33%;
}

.page-qhwl ul li .inbox {
  border-radius: 5px;
  text-align: center;
  padding: 10px 10px 20px;
  height: 100%;
  transition: all 1s;
}

.page-qhwl ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.page-qhwl ul li .name {
  background: #fff;
  border-radius: 5px;
  padding: 45px 0 65px;
}

.page-qhwl ul li .icon {
  width: 88px;
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
}

.page-qhwl ul li .icon img {
  max-width: 100%;
}

.page-qhwl ul li .s-bd p {
  padding: 20px 10px;
  opacity: 0.7;
  color: #FFFFFF;
  line-height: 30px;
}

.page-qhwl ul li .s-bd .more-tt {
  padding-top: 20px;
}

.page-qhwl ul li .s-bd .more-tt span {
  display: block;
  line-height: 36px;
  color: #FFFFFF;
}

.page-qhwl ul li:first-child .inbox {
  background: #C83C2B;
}

.page-qhwl ul li:nth-child(2) .inbox {
  background: #467DDA;
}

.page-qhwl ul li:nth-child(3) .inbox {
  background: #64C9D1;
}

.page-qdczxt .qdczxt-info {
  width: 54.41176%;
}

.page-qdczxt .qdczxt-info .item {
  border: 2px solid #E6E8F2;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 20px;
  display: none;
  height: 100%;
}

.page-qdczxt .qdczxt-info .item:first-child {
  display: block;
}

.page-qdczxt .s-hd .img {
  width: 200px;
  margin: 0 auto;
}

.page-qdczxt .s-hd .img img {
  width: 100%;
}

.page-qdczxt .s-hd .tt {
  padding: 20px 0;
  border-bottom: 1px solid #E6E8F2;
}

.page-qdczxt .s-ft {
  padding: 20px 0 0;
}

.page-qdczxt .s-ft p {
  opacity: 0.7;
  line-height: 30px;
}

.page-qdczxt .qdczxt-list {
  width: 39.70588%;
}

.page-qdczxt .qdczxt-list ul li {
  border-bottom: 2px solid rgba(43, 49, 63, 0.1);
  position: relative;
}

.page-qdczxt .qdczxt-list ul li::after {
  content: "";
  width: 0;
  height: 2px;
  transition: all 1s;
  display: block;
  background: #025EAC;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.page-qdczxt .qdczxt-list ul li .hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  cursor: pointer;
}

.page-qdczxt .qdczxt-list ul li .hd::after {
  content: "\e604";
  font-family: "iconfont" !important;
  color: #2B313F;
  opacity: 0.1;
  font-size: 15px;
}

.page-qdczxt .qdczxt-list ul li.active::after {
  opacity: 1;
  width: 100%;
}

.page-qdczxt .qdczxt-list ul li.active .hd {
  color: #025EAC;
}

.page-qdczxt .qdczxt-list ul li.active .hd::after {
  color: #025EAC;
  opacity: 1;
  font-weight: bold;
}

.tab-nav-style-h {
  margin-left: -10px;
  margin-right: -10px;
}

.tab-nav-style-h li {
  width: 33.33%;
  padding: 0 10px;
  text-align: center;
}

.tab-nav-style-h li .inbox {
  padding: 20px 0;
  position: relative;
  cursor: pointer;
}

.tab-nav-style-h li .inbox::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all 1s;
  background: #025EAC;
  opacity: 0;
}

.tab-nav-style-h li .icon {
  width: 44px;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tab-nav-style-h li .icon img {
  max-width: 100%;
}

.tab-nav-style-h li .icon .hover {
  display: none;
}

.tab-nav-style-h li.active {
  color: #025EAC;
}

.tab-nav-style-h li.active .inbox::after {
  width: 100%;
  opacity: 1;
  left: 0;
}

.tab-nav-style-h li.active .icon .normal {
  display: none;
}

.tab-nav-style-h li.active .icon .hover {
  display: block;
}

.yah-Fortinet3 .boxCont {
  padding-bottom: 0;
}

.yah-Fortinet3 .hd {
  background: #FFFFFF;
}

.yah-Fortinet3 .bd {
  box-shadow: inset 0px 0px 30px 0px rgba(2, 94, 172, 0.1);
  padding: 30px 0;
}

.yah-Fortinet3 .item {
  display: none;
}

.yah-Fortinet3 .item:first-child {
  display: block;
}

.yah-Fortinet3 .item .in-wrap {
  width: 100%;
  justify-content: space-between;
}

.yah-Fortinet3 .item .s-tabnav {
  width: 17.64706%;
}

.yah-Fortinet3 .item .s-tabnav ul {
  border-right: 2px solid #F3F5F8;
  height: 100%;
  padding: 10px;
}

.yah-Fortinet3 .item .s-tabnav ul li {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  padding: 28px 20px;
  cursor: pointer;
  border-radius: 5px;
  transition: all 1s;
}

.yah-Fortinet3 .item .s-tabnav ul li h2 {
  font-weight: normal;
}

.yah-Fortinet3 .item .s-tabnav ul li::after {
  content: "\e605";
  font-family: "iconfont" !important;
  display: none;
}

.yah-Fortinet3 .item .s-tabnav ul li.active {
  background: #025EAC;
}

.yah-Fortinet3 .item .s-tabnav ul li.active h2 {
  color: #fff;
}

.yah-Fortinet3 .item .s-tabnav ul li.active::after {
  color: #fff;
  display: block;
}

.yah-Fortinet3 .item .infoimg {
  padding: 0 30px;
}

.yah-Fortinet3 .item .s-cont {
  width: 82.35294%;
  padding-top: 30px;
}

.yah-Fortinet3 .item .s-cont .s-item {
  display: none;
}

.yah-Fortinet3 .item .s-cont .s-item:first-child {
  display: block;
}

.yah-Fortinet3 .item .s-cont .txt {
  width: 48.11321%;
}

.yah-Fortinet3 .item .s-cont .txt h2 {
  margin-bottom: 10px;
}

.yah-Fortinet3 .item .s-cont .txt p {
  line-height: 26px;
  opacity: 0.7;
}

.yah-Fortinet3 .item .s-cont .img {
  width: 48.11321%;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.yah-Fortinet3 .item .s-cont .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}

.yah-Fortinet3 .item .s-cont .img .icon-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url(../img/Fortinet/icon_play.svg) 0 0/cover no-repeat;
}

.yah-Fortinet3 .item .s-cont .img:hover img {
  transform: scale(1.05);
}

.yah-Fortinet3 .item .s-cont .lists {
  padding: 0 10px;
}

.yah-Fortinet3 .item .s-cont .lists ul {
  margin-left: 10px;
  margin-right: 10px;
}

.yah-Fortinet3 .item .s-cont .lists ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.yah-Fortinet3 .item .s-cont .lists ul li .inbox {
  border-radius: 5px;
  background: #F2F6FF;
  height: 100%;
  transition: all 1s;
  padding: 20px 30px;
}

.yah-Fortinet3 .item .s-cont .lists ul li .inbox:hover {
  box-shadow: inset 0px 0px 30px 0px rgba(2, 94, 172, 0.1);
}

.yah-Fortinet3 .item .s-cont .lists ul li .inbox .icon {
  margin: 0 auto 10px;
  width: 40px;
}

.yah-Fortinet3 .item .s-cont .lists ul li .inbox .icon img {
  width: 100%;
}

.yah-Fortinet3 .item .s-cont .lists ul li .inbox h4 {
  text-align: center;
}

.yah-Fortinet3 .item .s-cont .lists ul li .inbox p {
  line-height: 2;
  color: #404040;
}

.Fortinet-datas {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  backdrop-filter: blur(100px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  padding: 30px;
}

.Fortinet-datas ul {
  margin-left: -10px;
  margin-right: -10px;
  width: 100%;
}

.Fortinet-datas ul li {
  width: 16.66667%;
  padding: 0 10px;
  text-align: center;
}

.Fortinet-datas ul li p {
  text-align: center;
  line-height: 40px;
  opacity: 0.7;
}

.Fortinet-datas ul li .counter {
  display: flex;
  align-items: start;
  justify-content: center;
  line-height: 1;
}

.Fortinet-datas ul li .counter span {
  line-height: 12px;
  font-weight: bold;
}

.Fortinet-datas ul li .counter span em {
  font-style: normal;
  font-size: 12px;
}

.Fortinet-datas ul li strong {
  line-height: 30px;
  opacity: 0.7;
}

@media (max-width: 1440px) {
  .yah-Fortinet3 .item .s-tabnav ul li {
    padding: 25px 20px;
  }
  .yah-Fortinet3 .item .s-tabnav {
    width: 20%;
  }
  .yah-Fortinet3 .item .s-cont .lists ul li .inbox {
    padding: 20px;
  }
}

@media (max-width: 1200px) {
  .yah-Fortinet1 .text .txt {
    width: 90%;
  }
  .page-qhwl ul li .name {
    padding: 25px 0 45px;
  }
  .Fortinet-datas ul {
    flex-wrap: wrap;
  }
  .Fortinet-datas ul li {
    width: 33.33%;
  }
  .page-qhwl ul {
    margin-left: -5px;
    margin-right: -5px;
    flex-wrap: wrap;
  }
  .page-qhwl ul li {
    padding: 0 5px 10px;
    width: 100%;
  }
  .page-qdczxt .qdczxt-list ul li .hd {
    padding: 20px 0;
  }
}

@media (max-width: 768px) {
  .yah-Bitdefender5 .bd {
    display: none;
  }
  .yah-Fortinet1 .text {
    width: 100%;
  }
  .yah-Fortinet1 .text .txt {
    width: 100%;
  }
  .yah-Fortinet1 .img {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  .page-qdczxt .tabs-click {
    flex-wrap: wrap;
  }
  .page-qdczxt .qdczxt-info {
    width: 100%;
  }
  .page-qdczxt .qdczxt-list {
    width: 100%;
  }
  .yah-Fortinet3 .hd .tabnav ul li .icon {
    display: none;
  }
  .yah-Fortinet3 .item .in-wrap {
    flex-wrap: wrap;
  }
  .yah-Fortinet3 .item .s-tabnav {
    width: 100%;
  }
  .yah-Fortinet3 .item .s-tabnav ul {
    display: flex;
    padding: 0;
    border-right: none;
  }
  .yah-Fortinet3 .item .s-tabnav ul li {
    padding: 15px 10px;
    width: 33.33%;
  }
  .yah-Fortinet3 .item .s-cont {
    width: 100%;
    padding-top: 20px;
  }
  .yah-Fortinet3 .hd .tabnav ul {
    overflow-x: auto;
  }
  .yah-Fortinet3 .hd .tabnav ul li {
    width: auto;
    white-space: nowrap;
  }
  .yah-Fortinet3 .item .s-cont .txt {
    width: 100%;
  }
  .yah-Fortinet3 .item .s-cont .img {
    width: 100%;
    margin-top: 10px;
  }
  .yah-Fortinet3 .item .s-tabnav ul {
    overflow-x: auto;
  }
  .yah-Fortinet3 .item .s-tabnav ul li {
    width: auto;
  }
  .yah-Fortinet3 .item .s-tabnav ul li h2 {
    white-space: nowrap;
  }
  .yah-Fortinet3 .item .s-cont .lists {
    padding: 0;
  }
  .yah-Fortinet3 .item .s-cont .lists ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-Fortinet3 .item .s-cont .lists ul li {
    width: 50%;
    padding: 0 5px 10px;
  }
  .yah-Fortinet3 .item .infoimg {
    padding: 0;
  }
}

/* 极验 */
.yah-jiyan1 {
  background: #F2F6FF;
}

.yah-jiyan1 .cont {
  border: 2px solid #E6E8F2;
  background: #FFFFFF;
  align-self: stretch;
  border-radius: 5px;
}

.yah-jiyan1 .tab-nav {
  width: 16.91176%;
  flex-shrink: 0;
  border-right: 2px solid #E6E8F2;
  padding: 40px 10px;
}

.yah-jiyan1 .tab-cont {
  flex: 1;
}

.yah-jiyan1 .tab-cont .item {
  display: none;
  padding: 40px;
}

.yah-jiyan1 .tab-cont .item:first-child {
  display: block;
}

.yah-jiyan1 .tab-cont .item .s-hd {
  padding-bottom: 20px;
  border-bottom: 2px solid #E6E8F2;
}

.yah-jiyan1 .tab-cont .item .s-hd h3 {
  font-weight: normal;
  margin-bottom: 10px;
}

.yah-jiyan1 .tab-cont .item .s-hd p {
  opacity: 0.7;
}

.yah-jiyan1 .tab-cont .item .s-bd {
  padding: 30px 55px;
}

.yah-jiyan1 .tab-cont .item .s-bd img {
  max-width: 100%;
}

.yah-jiyan1 .tab-cont .item .s-bd ul {
  margin-left: -21px;
  margin-right: -21px;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li {
  width: 50%;
  padding: 0 21px 42px;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox {
  height: 100%;
  border-radius: 5px;
  background: #F2F6FF;
  padding: 27px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 1s;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox .icon {
  display: block;
  width: 60px;
  flex-shrink: 0;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox .icon img {
  width: 100%;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox .ss-hd {
  line-height: 20px;
  margin-bottom: 10px;
  align-items: center;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox .ss-hd h3 {
  margin-right: 15px;
  font-weight: normal;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox .ss-hd .labels span {
  display: inline-block;
  padding: 4px;
  border-radius: 3px;
  background: #D8E2ED;
  color: #025EAC;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox .info {
  line-height: 18px;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox .info p {
  line-height: 18px;
}

.yah-jiyan1 .tab-cont .item .s-bd ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.tab-nav-style- li {
  margin-bottom: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  cursor: pointer;
  transition: all 1s;
}

.tab-nav-style- li::after {
  content: "\e605";
  font-family: "iconfont" !important;
  font-size: 14px;
}

.tab-nav-style- li:last-child {
  margin-bottom: 0;
}

.tab-nav-style- li.active {
  background: #025EAC;
  color: #fff;
  border-radius: 5px;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.yah-jiyan2 .boxCont {
  padding-bottom: 30px;
}

.yah-jiyan2 .tab-cont {
  padding-top: 20px;
}

.yah-jiyan2 .item {
  display: none;
}

.yah-jiyan2 .item:first-child {
  display: block;
}

.yah-jiyan2 .s-left {
  width: 69.11765%;
}

.yah-jiyan2 .s-left .s-hd {
  border-radius: 5px;
}

.yah-jiyan2 .s-left .s-hd img {
  max-width: 100%;
}

.yah-jiyan2 .s-left .s-bd {
  margin-top: 20px;
}

.yah-jiyan2 .s-left .s-bd ul {
  margin-left: -10px;
  margin-right: -10px;
  align-items: stretch;
}

.yah-jiyan2 .s-left .s-bd ul li {
  width: 50%;
  padding: 0 10px;
}

.yah-jiyan2 .s-left .s-bd ul li .inbox {
  background: #F2F6FF;
  height: 100%;
  padding: 20px;
  border-radius: 5px;
}

.yah-jiyan2 .s-left .s-bd ul li .inbox h3 {
  margin-bottom: 10px;
}

.yah-jiyan2 .s-left .s-bd ul li .inbox p {
  opacity: 0.7;
  line-height: 28px;
}

.yah-jiyan2 .s-right {
  width: 29.41176%;
  background: #F2F6FF;
  border-radius: 5px;
  padding: 20px;
}

.yah-jiyan2 .s-right .s-hd {
  margin-bottom: 50px;
}

.yah-jiyan2 .s-right .s-hd h3 {
  margin-bottom: 10px;
}

.yah-jiyan2 .s-right .s-hd p {
  opacity: 0.7;
  line-height: 28px;
}

.yah-jiyan2 .s-right .labes {
  margin-top: 20px;
  gap: 20px;
}

.yah-jiyan2 .s-right .labes span {
  display: inline-block;
  line-height: 38px;
  background: #fff;
  border-radius: 5px;
  flex: 1;
  text-align: center;
}

.yah-jiyan2 .s-right .s-bd h3 {
  margin-bottom: 10px;
}

.yah-jiyan2 .s-right .s-bd ul {
  padding: 5px 10px;
}

.yah-jiyan2 .s-right .s-bd ul li {
  line-height: 40px;
}

.yah-jiyan2 .s-right .s-bd ul li .iconfont {
  color: #025EAC;
  margin-right: 5px;
}

.yah-jiyan2 .s-right .s-bd ul li.daijiesuo .iconfont {
  opacity: 0.5;
}

.yah-jiyan3 ul {
  margin-left: -5px;
  margin-right: -5px;
}

.yah-jiyan3 ul li {
  width: 25%;
  padding: 0 5px;
}

.yah-jiyan3 ul li .inbox {
  border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #E6E8F2;
  background: #F7FAFE;
  height: 100%;
  transition: all 1s;
}

.yah-jiyan3 ul li .inbox:hover {
  background: #FFFFFF;
  border: 2px solid #025EAC;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.yah-jiyan3 ul li .inbox:hover .s-hd h2 {
  color: #025EAC;
}

.yah-jiyan3 ul li .s-hd {
  background: url(../img/jiyan/bg_01.png) center 0/cover no-repeat;
  padding: 45px 20px 0;
  height: 120px;
}

.yah-jiyan3 ul li .s-hd h2 {
  line-height: 30px;
}

.yah-jiyan3 ul li .s-bd {
  padding: 20px;
}

.yah-jiyan3 ul li .s-bd p {
  opacity: 0.7;
  line-height: 30px;
}

@media (max-width: 1440px) {
  .yah-jiyan1 .tab-nav {
    padding: 30px 10px;
  }
  .tab-nav-style- li {
    padding: 15px 20px;
  }
  .yah-jiyan1 .tab-cont .item {
    padding: 30px;
  }
}

@media (max-width: 1200px) {
  .tab-nav-style-h li .icon {
    width: 38px;
  }
  .yah-jiyan2 .s-right .labes {
    gap: 10px;
  }
  .yah-jiyan2 .s-right .s-bd ul li {
    line-height: 30px;
  }
  .yah-jiyan1 .tab-cont .item .s-bd {
    padding: 20px;
  }
  .yah-jiyan1 .tab-cont .item .s-bd ul li .inbox {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .yah-jiyan1 .cont {
    flex-wrap: wrap;
  }
  .yah-jiyan1 .tab-nav {
    padding: 5px 10px 10px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .yah-jiyan1 .tab-nav ul {
    display: flex;
  }
  .yah-jiyan1 .tab-nav ul li {
    white-space: nowrap;
    margin-bottom: 0;
    padding: 10px;
  }
  .yah-jiyan1 .tab-cont .item {
    padding: 20px;
  }
  .tab-nav-style- li::after {
    margin-left: 10px;
    transform: rotate(90deg);
  }
  .tab-nav-style- li.active {
    box-shadow: none;
  }
  .tab-nav-style- li.active::after {
    transform: rotate(-90deg);
  }
  .tab-nav-style-h li .icon {
    display: none;
  }
  .yah-jiyan2 .item > div {
    flex-wrap: wrap;
  }
  .yah-jiyan2 .s-left {
    width: 100%;
  }
  .yah-jiyan2 .s-left .s-bd {
    margin-top: 10px;
  }
  .yah-jiyan2 .s-left .s-bd ul {
    margin-left: -5px;
    margin-top: -5px;
  }
  .yah-jiyan2 .s-left .s-bd ul li {
    padding: 5px;
  }
  .yah-jiyan2 .s-right {
    width: 100%;
    margin-top: 5px;
  }
  .yah-jiyan2 .s-right .s-hd {
    margin-bottom: 25px;
  }
  .yah-jiyan3 ul li {
    width: 50%;
    padding: 0 5px 10px;
  }
  .yah-jiyan2 .tabnav {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tab-nav-style-h li {
    width: auto;
  }
  .tab-nav-style-h li .inbox h3 {
    white-space: nowrap;
  }
  .yah-jiyan1 .tab-cont .item .s-bd {
    padding: 20px 0;
  }
  .yah-jiyan1 .tab-cont .item .s-bd ul li {
    width: 100%;
  }
  .yah-jiyan1 .tab-cont .item .s-bd ul li {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .yah-jiyan3 ul li {
    width: 100%;
  }
  .yah-jiyan3 ul li .s-hd {
    padding: 20px;
    height: 80px;
  }
  .yah-jiyan3 ul li .s-bd {
    padding: 20px;
  }
  .in-banner-jiyan img {
    display: none;
  }
  .in-banner-jiyan {
    background: url(../img/jiyan/banner.png) 0 0/cover no-repeat;
  }
}

/* 数影星球 */
.yah-shuyingxq1 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-shuyingxq1 .boxCont {
  padding-bottom: 30px;
}

.yah-shuyingxq1 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-shuyingxq1 ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.yah-shuyingxq1 ul li:nth-child(4), .yah-shuyingxq1 ul li:nth-child(5) {
  width: 50%;
}

.yah-shuyingxq1 ul li:nth-child(4) .inbox, .yah-shuyingxq1 ul li:nth-child(5) .inbox {
  padding-top: 0;
}

.yah-shuyingxq1 ul li .inbox {
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
  padding-top: 20px;
  height: 100%;
  transition: all 1s;
}

.yah-shuyingxq1 ul li .inbox .icon {
  width: 60px;
  margin: 0 auto 20px;
}

.yah-shuyingxq1 ul li .inbox .icon img {
  width: 100%;
}

.yah-shuyingxq1 ul li .inbox .img {
  margin-bottom: 40px;
  height: 360px;
  overflow: hidden;
}

.yah-shuyingxq1 ul li .inbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-shuyingxq1 ul li .inbox .info {
  padding: 0 30px 30px;
}

.yah-shuyingxq1 ul li .inbox .info h3 {
  text-align: center;
  line-height: 30px;
  margin-bottom: 20px;
}

.yah-shuyingxq1 ul li .inbox .info p {
  line-height: 30px;
  opacity: 0.7;
}

.yah-shuyingxq1 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.yah-shuyingxq2 .img {
  border-radius: 5px;
  width: 67.64706%;
  position: relative;
}

.yah-shuyingxq2 .img img {
  max-width: 100%;
}

.yah-shuyingxq2 .img .s-img {
  width: 15.68182%;
  position: absolute;
  bottom: 0;
  right: -40px;
}

.yah-shuyingxq2 .text {
  width: 32.35294%;
}

.yah-shuyingxq2 .text li {
  line-height: 30px;
  padding-left: 25px;
  position: relative;
  margin-bottom: 20px;
}

.yah-shuyingxq2 .text li:last-child {
  margin-bottom: 0;
}

.yah-shuyingxq2 .text li::before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  position: absolute;
  left: 8px;
  top: 15px;
  background: #2B313F;
}

.yah-shuyingxq3 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-shuyingxq3 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-shuyingxq3 ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.yah-shuyingxq3 ul .inbox {
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
  padding: 20px 30px 30px;
  height: 100%;
  transition: all 1s;
}

.yah-shuyingxq3 ul .inbox .icon {
  width: 60px;
  margin: 0 auto 20px;
}

.yah-shuyingxq3 ul .inbox .icon img {
  width: 100%;
}

.yah-shuyingxq3 ul .inbox .icon .hover {
  display: none;
}

.yah-shuyingxq3 ul .inbox .info h3 {
  text-align: center;
  line-height: 30px;
  margin-bottom: 20px;
}

.yah-shuyingxq3 ul .inbox .info p {
  line-height: 30px;
  opacity: 0.7;
}

.yah-shuyingxq3 ul .inbox:hover {
  background: #025EAC;
}

.yah-shuyingxq3 ul .inbox:hover .icon .normal {
  display: none;
}

.yah-shuyingxq3 ul .inbox:hover .icon .hover {
  display: block;
}

.yah-shuyingxq3 ul .inbox:hover .info {
  color: #fff;
}

.yah-shuyingxq4 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-shuyingxq4 ul li {
  width: 25%;
  padding: 0 10px 20px;
}

.yah-shuyingxq4 ul li .inbox {
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
  padding-top: 20px;
  height: 100%;
  transition: all 1s;
}

.yah-shuyingxq4 ul li .inbox .icon {
  width: 120px;
  margin: 0 auto 20px;
}

.yah-shuyingxq4 ul li .inbox .icon img {
  width: 100%;
}

.yah-shuyingxq4 ul li .inbox .info {
  padding: 0 30px 30px;
}

.yah-shuyingxq4 ul li .inbox .info h3 {
  text-align: center;
  line-height: 30px;
  margin-bottom: 20px;
}

.yah-shuyingxq4 ul li .inbox .info p {
  line-height: 30px;
  opacity: 0.7;
}

.yah-shuyingxq4 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.yah-shuyingxq5 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-shuyingxq5 .lists {
  width: 39.70588%;
}

.yah-shuyingxq5 .lists ul li {
  border-bottom: 2px solid rgba(43, 49, 63, 0.1);
  position: relative;
}

.yah-shuyingxq5 .lists ul li::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #025EAC;
  position: absolute;
  left: 0;
  bottom: -1px;
  opacity: 0;
  transition: all 1s;
}

.yah-shuyingxq5 .lists ul li a {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  align-items: center;
  line-height: 30px;
}

.yah-shuyingxq5 .lists ul li a::after {
  content: "\e605";
  font-family: "iconfont" !important;
  font-size: 15px;
  color: rgba(43, 49, 63, 0.1);
}

.yah-shuyingxq5 .lists ul li.active a {
  color: #025EAC;
}

.yah-shuyingxq5 .lists ul li.active a::after {
  color: #025EAC;
}

.yah-shuyingxq5 .lists ul li.active::after {
  width: 100%;
  opacity: 1;
}

.yah-shuyingxq5 .tab-cont {
  width: 54.41176%;
}

.yah-shuyingxq5 .tab-cont .item {
  display: none;
}

.yah-shuyingxq5 .tab-cont .item:first-child {
  display: block;
}

.yah-shuyingxq5 .tab-cont .s-img {
  margin-bottom: 30px;
  border-radius: 5px;
  border: 2px solid #E6E8F2;
  padding: 20px 0px;
}

.yah-shuyingxq5 .tab-cont .s-img img {
  width: 100%;
}

.yah-shuyingxq5 .tab-cont p {
  opacity: 0.7;
  line-height: 30px;
}

.logos-shuyingzz {
  padding: 20px 0;
  padding-right: 10%;
}

.logos-shuyingzz .logo-item {
  height: 100px;
}

.logos-shuyingzz .logo-item img {
  max-height: 100%;
}

@media (max-width: 1440px) {
  .yah-shuyingxq1 ul li .inbox .img {
    height: 300px;
  }
}

@media (max-width: 1200px) {
  .yah-shuyingxq1 ul li .inbox .info {
    padding: 0 20px 20px;
  }
  .yah-shuyingxq1 ul li .inbox .icon {
    width: 40px;
  }
  .yah-shuyingxq1 ul li .inbox .info h3 {
    margin-bottom: 10px;
  }
  .yah-shuyingxq1 ul li .inbox .img {
    height: 256px;
    margin-bottom: 20px;
  }
  .yah-shuyingxq2 .cont > div {
    align-items: start;
  }
  .yah-shuyingxq3 ul .inbox .icon {
    width: 40px;
    margin-bottom: 10px;
  }
  .yah-shuyingxq3 ul .inbox {
    padding: 20px;
  }
  .yah-shuyingxq3 ul .inbox .info h3 {
    margin-bottom: 10px;
  }
  .yah-shuyingxq4 ul li .inbox .info {
    padding: 0 20px 20px;
  }
  .yah-shuyingxq4 ul li .inbox .icon {
    width: 100px;
    margin-bottom: 10px;
  }
  .yah-shuyingxq4 ul li .inbox .info h3 {
    margin-bottom: 10px;
  }
  .yah-shuyingxq5 .lists ul li a {
    padding: 15px 0;
  }
  .yah-Bitdefender5 .hd .logo-box {
    padding: 20px 8%;
  }
}

@media (max-width: 768px) {
  .footer .ft-ft > div {
    text-align: center;
    justify-content: center;
  }
  .footer .ft-ft > div .fl {
    gap: 0;
    justify-content: center;
  }
  .footer .ft-ft > div span {
    display: inline-block;
  }
  .yah-shuyingxq1 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-shuyingxq1 ul li {
    padding: 0 5px 10px;
  }
  .yah-shuyingxq1 ul li .inbox .img {
    height: 25vw;
  }
  .yah-shuyingxq2 .img {
    width: 90%;
    margin-bottom: 20px;
    margin: 0 auto 20px;
  }
  .yah-shuyingxq2 .text {
    width: 100%;
  }
  .yah-shuyingxq3 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-shuyingxq3 ul li {
    padding: 0 5px 10px;
  }
  .yah-shuyingxq4 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-shuyingxq4 ul li {
    padding: 0 5px;
  }
}

@media (max-width: 460px) {
  .in-banner-shuying {
    background: url(../img/shuyingxq/banner.png) 0 0/cover no-repeat;
  }
  .yah-shuyingxq1 ul li {
    width: 100%;
  }
  .yah-shuyingxq1 ul li:nth-child(4), .yah-shuyingxq1 ul li:nth-child(5) {
    width: 100%;
  }
  .yah-shuyingxq1 ul li .inbox .img {
    height: 50vw;
  }
  .yah-shuyingxq3 ul li {
    width: 100%;
  }
  .yah-shuyingxq4 ul li {
    width: 100%;
    padding: 0 5px 10px;
  }
  .yah-shuyingxq5 .lists {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .yah-shuyingxq5 .lists ul {
    display: flex;
    white-space: nowrap;
    gap: 20px;
  }
  .yah-shuyingxq5 .lists ul li {
    border-bottom: none;
  }
  .yah-shuyingxq5 .lists ul li a::after {
    transform: rotate(90deg);
    margin-left: 10px;
    transition: all 1s;
  }
  .yah-shuyingxq5 .lists ul li.active a::after {
    transform: rotate(-90deg);
  }
  .yah-shuyingxq5 .tab-cont {
    width: 100%;
    margin-top: 20px;
  }
}

/* 山石网科 */
.yah-shanshiwk01 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-shanshiwk01 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-shanshiwk01 ul li {
  width: 25%;
  padding: 10px;
}

.yah-shanshiwk01 ul li .inbox {
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  height: 100%;
  transition: all 1s;
}

.yah-shanshiwk01 ul li .img {
  height: 190px;
  overflow: hidden;
}

.yah-shanshiwk01 ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-shanshiwk01 ul li .info {
  background: #fff;
  margin-top: -20px;
  position: relative;
  z-index: 2;
  border-radius: 5px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, #F7FAFF 100%);
  backdrop-filter: blur(10px);
  padding: 30px;
}

.yah-shanshiwk01 ul li .info h3 {
  text-align: center;
  margin-bottom: 20px;
}

.yah-shanshiwk01 ul li .info p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-shanshiwk01 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  background: rgba(255, 255, 255, 0.9);
}

.yah-shanshiwk01 ul li .inbox:hover .img img {
  transform: scale(1.05);
}

.yah-shanshiwk01 ul li .inbox:hover .info h3 {
  color: #025EAC;
}

.yah-shanshiwk02 .boxCont {
  padding-bottom: 0;
}

.yah-shanshiwk02 .main-tabcont {
  box-shadow: inset 0px 0px 30px 0px rgba(2, 94, 172, 0.1);
}

.yah-shanshiwk02 .main-tabcont .item {
  display: none;
}

.yah-shanshiwk02 .main-tabcont .item:first-child {
  display: block;
}

.yah-shanshiwk02 .main-tabcont .item ul {
  margin-left: -10px;
  margin-right: -10px;
  padding: 20px 0;
}

.yah-shanshiwk02 .main-tabcont .item ul li {
  width: 25%;
  padding: 10px;
}

.yah-shanshiwk02 .main-tabcont .item ul li .inbox {
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border-radius: 5px;
  height: 100%;
  padding: 20px;
  transition: all 1s;
}

.yah-shanshiwk02 .main-tabcont .item ul li .inbox h4 {
  margin-bottom: 10px;
}

.yah-shanshiwk02 .main-tabcont .item ul li .inbox p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-shanshiwk02 .main-tabcont .item ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.yah-shanshiwk04 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-shanshiwk04 .hd {
  margin-bottom: 50px;
}

.yah-shanshiwk04 .hd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-shanshiwk04 .hd ul li {
  width: 50%;
  padding: 0 10px;
}

.yah-shanshiwk04 .hd ul li .inbox {
  border-radius: 5px;
  background: #FFFFFF;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.yah-shanshiwk04 .hd ul li .inbox .img {
  height: 360px;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.yah-shanshiwk04 .hd ul li .inbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-shanshiwk04 .hd ul li .inbox .info {
  border: 2px solid #E6E8F2;
  padding: 30px;
  flex: 1;
}

.yah-shanshiwk04 .hd ul li .inbox .info h3 {
  text-align: center;
  line-height: 30px;
  margin-bottom: 20px;
  font-weight: normal;
}

.yah-shanshiwk04 .hd ul li .inbox .info p {
  color: #404040;
  line-height: 30px;
  text-align: center;
}

.yah-shanshiwk04 .hd ul li .inbox:hover .img img {
  transform: scale(1.05);
}

.yah-shanshiwk04 .bd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-shanshiwk04 .bd ul li {
  width: 25%;
  padding: 0 10px;
}

.yah-shanshiwk04 .bd ul li .inbox {
  border: 2px solid #E6E8F2;
  background: #FFFFFF;
  height: 100%;
  text-align: center;
  padding: 30px;
  transition: all 1s;
  border-radius: 5px;
}

.yah-shanshiwk04 .bd ul li .inbox p {
  text-align: center;
}

.yah-shanshiwk04 .bd ul li .inbox .number {
  font-size: 60px;
  font-weight: normal;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.yah-shanshiwk04 .bd ul li .inbox .number .counter {
  line-height: 1;
}

.yah-shanshiwk04 .bd ul li .inbox:hover {
  border: 2px solid #025EAC;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

@media (max-width: 1440px) {
  .yah-shanshiwk01 ul li .img {
    height: 160px;
  }
  .yah-shanshiwk04 .hd ul li .inbox .img {
    height: 305px;
  }
  .yah-shanshiwk04 .bd ul li .inbox .number {
    font-size: 40px;
  }
}

@media (max-width: 1200px) {
  .yah-shanshiwk01 ul li .info {
    padding: 20px;
  }
  .yah-shanshiwk04 .hd ul li .inbox .info {
    padding: 20px;
  }
  .yah-shanshiwk04 .bd ul li .inbox {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .yah-shanshiwk01 ul li .info h3 {
    margin-bottom: 10px;
  }
  .yah-shanshiwk01 ul, .yah-shanshiwk02 .main-tabcont .item ul, .yah-shanshiwk04 .bd ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-shanshiwk01 ul li, .yah-shanshiwk02 .main-tabcont .item ul li, .yah-shanshiwk04 .bd ul li {
    width: 50%;
    padding: 0 5px 10px;
  }
  .yah-shanshiwk01 ul li .img {
    height: 27vw;
  }
  .yah-shanshiwk04 .hd ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .yah-shanshiwk04 .hd ul li:last-child {
    margin-bottom: 0;
  }
  .s-tab-nav {
    overflow-x: auto;
  }
  .yah-shanshiwk04 .hd ul li .inbox .img {
    height: 35vw;
  }
  .yah-shanshiwk04 .hd ul li .inbox .info h3 {
    margin-bottom: 10px;
  }
}

@media (max-width: 450px) {
  .yah-shanshiwk01 ul li, .yah-shanshiwk02 .main-tabcont .item ul li {
    width: 100%;
  }
}

/* Cloudfare */
.yah-Cloudfare1 {
  overflow: hidden;
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-Cloudfare1 .img img {
  max-width: 100%;
}

.yah-Cloudfare-floor2 {
  overflow: hidden;
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-Cloudfare2 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Cloudfare2 ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yah-Cloudfare2 ul li .inbox {
  background: #fff;
  border-radius: 5px;
  height: 100%;
  padding: 40px 30px 30px;
  border: 2px solid #E6E8F2;
  transition: all 1s;
}

.yah-Cloudfare2 ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
}

.yah-Cloudfare2 ul li .icon {
  width: 88px;
  margin: 0 auto;
}

.yah-Cloudfare2 ul li .icon img {
  width: 100%;
}

.yah-Cloudfare2 ul li .txt h3 {
  margin: 40px 0 20px;
  text-align: center;
  font-weight: 600;
}

.yah-Cloudfare2 ul li .txt p {
  line-height: 28px;
  opacity: 0.7;
}

.yah-Cloudfare3 .cont {
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
  overflow: hidden;
}

.yah-Cloudfare3 .cont ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Cloudfare3 .cont ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yah-Cloudfare3 .cont ul li .img {
  height: 466px;
  overflow: hidden;
}

.yah-Cloudfare3 .cont ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-Cloudfare3 .cont ul li .txt {
  padding-top: 10px;
  padding-bottom: 20px;
}

.yah-Cloudfare3 .cont ul li .txt h3 {
  text-align: center;
  line-height: 30px;
  font-weight: 600;
  min-height: 60px;
}

.yah-Cloudfare3 .cont ul li .txt p {
  opacity: 0.7;
  font-size: 12px;
  text-align: center;
}

.yah-Cloudfare3 .cont ul li .inbox:hover .img img {
  transform: scale(1.01);
}

.yah-Cloudfare4 {
  overflow: hidden;
}

.yah-Cloudfare4 .boxCont-inPage {
  padding-bottom: 20px;
}

.yah-Cloudfare4 .cont > div {
  align-items: center;
  justify-content: space-between;
}

.yah-Cloudfare4 .text {
  width: 41.17647%;
}

.yah-Cloudfare4 .text h3 {
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 10px;
}

.yah-Cloudfare4 .text p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-Cloudfare4 .img {
  width: 54.41176%;
}

.yah-Cloudfare4 .img img {
  max-width: 100%;
}

.yah-Cloudfare5 .tab-nav ul li {
  width: 50%;
  text-align: center;
  position: relative;
}

.yah-Cloudfare5 .tab-nav ul li a {
  line-height: 50px;
  display: block;
}

.yah-Cloudfare5 .tab-nav ul li::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background: #025EAC;
  opacity: 0;
  transition: all 1s;
}

.yah-Cloudfare5 .tab-nav ul li.active a {
  color: #025EAC;
}

.yah-Cloudfare5 .tab-nav ul li.active::after {
  width: 100%;
  left: 0;
  opacity: 1;
}

.yah-Cloudfare5 .cont {
  box-shadow: inset 0px 0px 30px 0px rgba(2, 94, 172, 0.1);
  background: #FFFFFF;
}

.yah-Cloudfare5 .cont .item {
  display: none;
}

.yah-Cloudfare5 .cont .item:first-child {
  display: block;
}

.yah-Cloudfare5 .lists-app {
  padding: 20px 0;
}

.yah-Cloudfare5 .lists-app ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Cloudfare5 .lists-app ul li {
  width: 25%;
  padding: 10px;
}

.yah-Cloudfare5 .lists-app ul li .inbox {
  height: 100%;
  background: #F2F6FF;
  padding: 20px;
  border-radius: 5px;
  transition: all 1s;
}

.yah-Cloudfare5 .lists-app ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
}

.yah-Cloudfare5 .lists-app ul li .s-hd {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.yah-Cloudfare5 .lists-app ul li .s-hd .icon {
  margin-right: 5px;
  width: 30px;
}

.yah-Cloudfare5 .lists-app ul li .s-hd .icon img {
  width: 100%;
}

.yah-Cloudfare5 .lists-app ul li .s-hd h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.yah-Cloudfare5 .lists-app ul li p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-Cloudfare6 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Cloudfare6 ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yah-Cloudfare6 ul li .inbox {
  height: 100%;
  border-radius: 5px;
  padding: 20px 30px 30px;
  background: #F2F6FF;
  transition: all 1s;
}

.yah-Cloudfare6 ul li .inbox:hover {
  background: #025EAC;
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
}

.yah-Cloudfare6 ul li .inbox:hover .icon .normal {
  display: none;
}

.yah-Cloudfare6 ul li .inbox:hover .icon .hover {
  display: block;
}

.yah-Cloudfare6 ul li .inbox:hover .txt {
  color: #fff;
}

.yah-Cloudfare6 ul li .icon {
  width: 60px;
  margin: 0 auto;
}

.yah-Cloudfare6 ul li .icon img {
  max-width: 100%;
}

.yah-Cloudfare6 ul li .icon .hover {
  display: none;
}

.yah-Cloudfare6 ul li .txt h3 {
  text-align: center;
  margin: 20px 0;
}

.yah-Cloudfare6 ul li .txt p {
  line-height: 30px;
  opacity: 0.7;
}

.yah-Cloudfare7 {
  overflow: hidden;
  background: #FFFFFF;
}

.yah-Cloudfare7 .cont > div {
  justify-content: space-between;
  align-items: center;
}

.yah-Cloudfare7 .img {
  width: 52.94118%;
}

.yah-Cloudfare7 .img img {
  width: 100%;
}

.yah-Cloudfare7 .text {
  width: 41.17647%;
}

.yah-Cloudfare7 .text h3 {
  margin-bottom: 10px;
  font-weight: normal;
}

.yah-Cloudfare7 .text p {
  line-height: 30px;
  opacity: 0.7;
}

.yah-Cloudfare8 {
  overflow: hidden;
}

.yah-Cloudfare8 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Cloudfare8 ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yah-Cloudfare8 ul li .inbox {
  border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #E6E8F2;
  background: #F7FAFE;
  height: 100%;
  transition: all 1s;
}

.yah-Cloudfare8 ul li .inbox:hover {
  background: #FFFFFF;
  border: 2px solid #025EAC;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.yah-Cloudfare8 ul li .inbox:hover .s-hd h2 {
  color: #025EAC;
}

.yah-Cloudfare8 ul li .s-hd {
  background: url(../img/jiyan/bg_01.png) center 0/cover no-repeat;
  padding: 45px 20px 0;
  height: 120px;
}

.yah-Cloudfare8 ul li .s-hd h2 {
  line-height: 30px;
}

.yah-Cloudfare8 ul li .s-bd {
  padding: 40px 20px;
}

.yah-Cloudfare8 ul li .s-bd p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-Bitdefender5 .sm-txt {
  text-align: right;
  opacity: 0.7;
  margin-top: 19px;
  font-size: 12px;
  line-height: 1;
  color: #FFFFFF;
}

@media (max-width: 1440px) {
  .yah-Cloudfare3 .cont ul li .img {
    height: 390px;
  }
  .yah-Cloudfare2 ul li .icon {
    width: 70px;
  }
}

@media (max-width: 1200px) {
  .yah-Cloudfare2 ul, .yah-Cloudfare3 .cont ul, .yah-Cloudfare5 .lists-app ul, .yah-Cloudfare6 ul, .yah-Cloudfare8 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-Cloudfare2 ul li, .yah-Cloudfare3 .cont ul li, .yah-Cloudfare6 ul li, .yah-Cloudfare8 ul li {
    padding: 0 5px;
  }
  .yah-Cloudfare5 .lists-app ul li {
    padding: 5px;
  }
  .yah-Cloudfare2 ul li .icon {
    width: 60px;
  }
  .yah-Cloudfare2 ul li .inbox {
    padding: 30px 20px 20px;
  }
  .yah-Cloudfare2 ul li .txt h3 {
    margin: 20px 0 10px;
  }
  .yah-Cloudfare3 .cont ul li .img {
    height: 330px;
  }
  .yah-Cloudfare5 .lists-app ul li .s-hd .icon {
    width: 20px;
  }
  .yah-Cloudfare6 ul li .inbox {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .yah-Cloudfare3 .cont ul li .img {
    height: 234px;
  }
  .yah-Cloudfare5 .lists-app ul li {
    width: 50%;
  }
  .yah-Cloudfare8 ul li .s-hd {
    padding-top: 20px;
    height: 80px;
  }
  .yah-Cloudfare8 ul li .s-bd {
    padding: 20px;
  }
}

@media (max-width: 450px) {
  .yah-Cloudfare2 ul {
    flex-wrap: wrap;
  }
  .yah-Cloudfare2 ul li {
    width: 100%;
    padding-bottom: 10px;
  }
  .yah-Cloudfare3 .cont ul li {
    width: 100%;
    padding-bottom: 10px;
  }
  .yah-Cloudfare3 .cont ul li .img {
    height: auto;
  }
  .yah-Cloudfare4 .text {
    width: 100%;
    margin-bottom: 20px;
  }
  .yah-Cloudfare4 .img {
    width: 100%;
  }
  .yah-Cloudfare6 ul li {
    width: 100%;
    padding-bottom: 10px;
  }
  .yah-Cloudfare7 .img {
    width: 100%;
  }
  .yah-Cloudfare7 .text {
    width: 100%;
    margin-top: 20px;
  }
  .yah-Cloudfare8 ul li {
    width: 100%;
    padding-bottom: 10px;
  }
}

/* OPSWAT */
.yah-OPSWAT1 .boxCont {
  padding-bottom: 19px;
}

.yah-OPSWAT1 .cont {
  background: center bottom /100% auto no-repeat;
}

.yah-OPSWAT1 .img {
  width: 380px;
  margin: 0 auto;
}

.yah-OPSWAT1 .img img {
  width: 100%;
}

.yah-OPSWAT1 .text {
  margin: 20px 0 50px;
  justify-content: space-between;
}

.yah-OPSWAT1 .text .in-text {
  width: 46.32353%;
}

.yah-OPSWAT1 .text .in-text h3 {
  color: #025EAC;
  text-align: center;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 30px;
}

.yah-OPSWAT1 .text .in-text p {
  line-height: 30px;
  color: #2B313F;
}

.yah-OPSWAT1 .items .tt {
  text-align: center;
  line-height: 35px;
  margin-bottom: 20px;
}

.yah-OPSWAT1 .items .tt p {
  text-align: center;
}

.yah-OPSWAT1 .items .ct ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-OPSWAT1 .items .ct ul li {
  width: 20%;
  padding: 0 10px 20px;
}

.yah-OPSWAT1 .items .ct .inbox {
  border-radius: 5px;
  height: 100%;
  border: 2px solid #E6E8F2;
  transition: all 1s;
  padding: 20px;
  background: #FFFFFF;
}

.yah-OPSWAT1 .items .ct .inbox .icon {
  width: 30px;
  margin: 0 auto 10px;
}

.yah-OPSWAT1 .items .ct .inbox .icon img {
  width: 100%;
}

.yah-OPSWAT1 .items .ct .inbox .icon .hover {
  display: none;
}

.yah-OPSWAT1 .items .ct .inbox h3 {
  text-align: center;
}

.yah-OPSWAT1 .items .ct .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border: 2px solid #025EAC;
}

.yah-OPSWAT1 .items .ct .inbox:hover .icon .normal {
  display: none;
}

.yah-OPSWAT1 .items .ct .inbox:hover .icon .hover {
  display: block;
}

.yah-OPSWAT1 .items .ct .inbox:hover h3 {
  color: #025EAC;
}

.yah-OPSWAT2 {
  background: #040F21;
}

.yah-OPSWAT2 .H-title {
  margin-bottom: 0;
}

.yah-OPSWAT2 .H-title .h-tt H2 {
  color: #fff;
}

.yah-OPSWAT2 .img img {
  max-width: 100%;
}

.yah-OPSWAT2 .video-item {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.yah-OPSWAT2 .video-item video {
  padding: 0;
  margin: 0;
  width: 100%;
  line-height: 1;
  height: 100%;
  object-fit: cover;
}

.yah-OPSWAT2 .video-item .txt {
  position: absolute;
  left: 0;
  bottom: 50px;
  width: 100%;
  color: #fff;
  text-align: center;
  z-index: 2;
}

.yah-OPSWAT2 .video-item .txt p {
  text-align: center;
}

.yah-OPSWAT2 .video-item .txt h2 {
  margin: 35px 0 10px;
  line-height: 1;
}

.yah-OPSWAT2 .video-item .txt h6 {
  font-weight: normal;
}

.yah-OPSWAT2 .video-item::before {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 300px;
  background: linear-gradient(180deg, #040F21 0%, rgba(4, 15, 33, 0.6) 44%, rgba(4, 15, 33, 0) 100%);
  z-index: 1;
}

.yah-OPSWAT2 .video-item::after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 300px;
  background: linear-gradient(180deg, rgba(4, 15, 33, 0) 0%, rgba(4, 15, 33, 0.6) 44%, #000000 100%);
  z-index: 1;
}

.yah-OPSWAT3 {
  background: #000000;
  overflow: hidden;
}

.yah-OPSWAT3 .tab-nav ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-OPSWAT3 .tab-nav ul li {
  padding: 0 10px;
}

.yah-OPSWAT3 .tab-nav ul li a {
  position: relative;
  display: block;
  padding-bottom: 20px;
}

.yah-OPSWAT3 .tab-nav ul li a::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 2px;
  background: #fff;
  transition: all 1s;
  opacity: 0;
  width: 0;
}

.yah-OPSWAT3 .tab-nav ul li h3 {
  color: #fff;
}

.yah-OPSWAT3 .tab-nav ul li.active a::after {
  width: 100%;
  left: 0;
  opacity: 1;
}

.yah-OPSWAT3 .tab-cont .item {
  display: none;
  background: #0F1421;
}

.yah-OPSWAT3 .tab-cont .item:first-child {
  display: block;
}

.yah-OPSWAT3 .tab-cont .txt {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px;
  color: #fff;
}

.yah-OPSWAT3 .tab-cont .txt h3 {
  font-weight: normal;
  line-height: 1;
}

.yah-OPSWAT3 .tab-cont .txt h4 {
  font-weight: normal;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 50px;
}

.yah-OPSWAT3 .tab-cont .txt .s-txt {
  border-radius: 5px;
  background: #161B27;
  padding: 20px;
  line-height: 28px;
}

.yah-OPSWAT3 .tab-cont .img {
  width: 50%;
}

.yah-OPSWAT3 .tab-cont .img img {
  width: 100%;
}

.yah-OPSWAT4 {
  background: #000000;
  overflow: hidden;
}

.yah-OPSWAT4 .boxCont {
  padding-bottom: 30px;
}

.yah-OPSWAT4 .hd {
  text-align: center;
  margin-bottom: 20px;
}

.yah-OPSWAT4 .hd h2 {
  color: #fff;
  line-height: 1;
}

.yah-OPSWAT4 .bd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-OPSWAT4 .bd ul li {
  width: 50%;
  padding: 0 10px 20px;
}

.yah-OPSWAT4 .bd ul li .inbox {
  background: right bottom /cover no-repeat;
  height: 450px;
  box-shadow: inset 0px 0px 40px 0px #1B2849;
  transition: all 1s;
  padding: 50px 35px;
  color: #fff;
  border-radius: 5px;
}

.yah-OPSWAT4 .bd ul li .inbox h2 {
  margin-bottom: 16px;
}

.yah-OPSWAT4 .bd ul li .inbox p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-OPSWAT4 .bd ul li:nth-child(3) {
  width: 100%;
}

.yah-OPSWAT4 .bd ul li:nth-child(3) .inbox {
  height: 300px;
}

.yah-OPSWAT4 .bd ul li:nth-child(3) .txt {
  max-width: 600px;
}

.yah-OPSWAT4 .bd ul li .inbox:hover {
  box-shadow: inset 0px 0px 90px 0px #1B2849;
}

.yah-OPSWAT5 {
  background: #FFFFFF;
  overflow: hidden;
}

.yah-OPSWAT5 .s-tt {
  margin-top: 20px;
}

.yah-OPSWAT5 .s-tt p {
  opacity: 0.7;
  line-height: 28px;
}

.yah-OPSWAT5 .cont ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-OPSWAT5 .cont ul li {
  width: 16.66667%;
  padding: 0 10px;
}

.yah-OPSWAT5 .cont ul li .inbox {
  border: 2px solid #E6E8F2;
  background: #FFFFFF;
  border-radius: 5px;
  height: 100%;
  transition: all 1s;
  padding: 0 30px;
}

.yah-OPSWAT5 .cont ul li .inbox .logo-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.yah-OPSWAT5 .cont ul li .inbox .logo-img img {
  max-width: 100%;
}

.yah-OPSWAT5 .cont ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border: 2px solid #025EAC;
}

.yah-OPSWAT6 {
  background: #F2F6FF;
  overflow: hidden;
}

.yah-OPSWAT6 .s-tt {
  margin-top: 20px;
}

.yah-OPSWAT6 .s-tt p {
  opacity: 0.7;
  line-height: 28px;
}

.yah-OPSWAT6 .cont ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-OPSWAT6 .cont ul li {
  width: 25%;
  padding: 0 10px;
}

.yah-OPSWAT6 .cont ul li .inbox {
  border-radius: 5px;
  background: #FFFFFF url(../img/OPSWAT/bg_line.svg) center bottom no-repeat;
  border: 2px solid #E6E8F2;
  height: 100%;
  transition: all 1s;
  padding: 20px;
}

.yah-OPSWAT6 .cont ul li .inbox h2 {
  line-height: 30px;
  margin-bottom: 20px;
}

.yah-OPSWAT6 .cont ul li .inbox p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-OPSWAT6 .cont ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border: 2px solid #025EAC;
}

.yah-OPSWAT6 .cont ul li .inbox:hover h2 {
  color: #025EAC;
}

.yah-OPSWAT7 {
  position: relative;
  background: rgba(0, 0, 0, 0.7);
}

.yah-OPSWAT7 video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.yah-OPSWAT7 .bd .logos-Bitdefender {
  padding: 10px 20px;
}

.yah-OPSWAT7 .w1360 {
  position: relative;
  z-index: 3;
}

.yah-OPSWAT7 .zhezhao {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: url(../img/OPSWAT/zhezhao.png) center center/cover no-repeat;
  z-index: 2;
}

@media (max-width: 1200px) {
  .yah-OPSWAT1 .items .ct ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-OPSWAT1 .items .ct ul li {
    padding: 0 5px 10px;
  }
  .yah-OPSWAT3 .tab-cont .txt {
    padding: 0 20px;
  }
  .yah-OPSWAT4 .bd ul li .inbox {
    padding: 30px 20px;
    height: 380px;
  }
  .yah-OPSWAT4 .bd ul li:nth-child(3) .inbox {
    height: 280px;
  }
  .yah-OPSWAT4 .bd ul li:nth-child(3) .txt {
    max-width: 40%;
  }
  .yah-OPSWAT5 .cont ul, .yah-OPSWAT6 .cont ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-OPSWAT5 .cont ul li, .yah-OPSWAT6 .cont ul li {
    padding: 0 5px;
  }
  .yah-Bitdefender5 .bd .more-logos ul .logo-item {
    max-height: 100px;
  }
}

@media (max-width: 768px) {
  .yah-OPSWAT1 .img {
    width: 80%;
  }
  .yah-OPSWAT1 .text {
    gap: 20px;
  }
  .yah-OPSWAT1 .text .in-text {
    width: 100%;
  }
  .yah-OPSWAT1 .items .ct .inbox {
    padding: 20px 10px;
  }
  .yah-OPSWAT3 .tab-nav {
    overflow-x: auto;
  }
  .yah-OPSWAT3 .tab-nav ul {
    white-space: nowrap;
  }
  .yah-OPSWAT5 .cont ul li {
    width: 33.33%;
    padding: 0 5px 10px;
  }
  .yah-OPSWAT6 .cont ul li {
    width: 50%;
    padding: 0 5px 10px;
  }
}

@media (max-width: 767px) {
  .yah-OPSWAT1 .items .ct ul li {
    width: 50%;
  }
  .yah-OPSWAT3 .tab-cont .txt {
    width: 100%;
    padding-top: 30px;
  }
  .yah-OPSWAT3 .tab-cont .txt h4 {
    margin: 10px 0 20px;
  }
  .yah-OPSWAT3 .tab-cont .img {
    width: 100%;
  }
  .yah-OPSWAT4 .bd ul li {
    width: 100%;
  }
  .yah-OPSWAT2 .video-item .txt p {
    padding: 0 20px;
  }
  .yah-OPSWAT4 .bd ul li:nth-child(3) .txt {
    max-width: 100%;
  }
  .yah-OPSWAT4 .bd ul li:nth-child(3) .inbox {
    background-position: 50% center;
  }
}

.banner-Tenable .video {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.banner-Tenable .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-Tenable .banner-text {
  z-index: 3;
}

.banner-Tenable .in-wrap-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.banner-Tenable .in-wrap-1::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(90deg, #141617 0%, #101112 50%, rgba(16, 17, 17, 0) 55%, rgba(11, 11, 11, 0) 80%, #0B0B0B 84%);
}

.banner-Tenable .in-wrap-1 .inbox {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}

.yah-Tenable1 {
  background: #000037;
  overflow: hidden;
}

.yah-Tenable1 .boxCont {
  padding-bottom: 10px;
}

.yah-Tenable1 .H-title .h-tt {
  flex-wrap: wrap;
}

.yah-Tenable1 .H-title .h-tt h2 {
  color: #fff;
  margin-bottom: 20px;
}

.yah-Tenable1 .H-title .h-tt p {
  width: 100%;
  color: #fff;
  opacity: 0.7;
  line-height: 28px;
}

.yah-Tenable1 .hd {
  margin-top: 58px;
}

.yah-Tenable1 .hd .img {
  width: 69.41176%;
  margin: 0 auto;
}

.yah-Tenable1 .hd .img img {
  width: 100%;
}

.yah-Tenable1 .bd .tab-nav ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Tenable1 .bd .tab-nav ul li {
  width: 25%;
  padding: 0 10px;
}

.yah-Tenable1 .bd .tab-nav ul li h3 {
  transition: all 1s;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  cursor: pointer;
  text-align: center;
  position: relative;
  line-height: 30px;
  padding-bottom: 20px;
}

.yah-Tenable1 .bd .tab-nav ul li h3::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #FF5200;
  position: absolute;
  left: 50%;
  opacity: 0;
  transition: all 0.4s;
  bottom: -2px;
}

.yah-Tenable1 .bd .tab-nav ul li.active h3 {
  color: #FF5200;
}

.yah-Tenable1 .bd .tab-nav ul li.active h3::after {
  opacity: 1;
  left: 0;
  width: 100%;
}

.yah-Tenable1 .bd .tab-nav ul li:nth-child(2).active h3 {
  color: #FFB900;
}

.yah-Tenable1 .bd .tab-nav ul li:nth-child(2).active h3::after {
  background: #FFB900;
}

.yah-Tenable1 .bd .tab-nav ul li:nth-child(3).active h3 {
  color: #0087F5;
}

.yah-Tenable1 .bd .tab-nav ul li:nth-child(3).active h3::after {
  background: #0087F5;
}

.yah-Tenable1 .bd .tab-nav ul li:nth-child(4).active h3 {
  color: #26FF93;
}

.yah-Tenable1 .bd .tab-nav ul li:nth-child(4).active h3::after {
  background: #26FF93;
}

.yah-Tenable1 .s-hd {
  justify-content: space-between;
  align-items: center;
}

.yah-Tenable1 .s-hd .txt {
  padding: 20px 0;
  width: 45.58824%;
}

.yah-Tenable1 .s-hd .txt h3 {
  color: #FF5200;
  line-height: 1;
  margin-bottom: 10px;
  font-weight: normal;
}

.yah-Tenable1 .s-hd .txt h4 {
  line-height: 30px;
  opacity: 0.7;
  color: #FFFFFF;
  font-weight: normal;
}

.yah-Tenable1 .s-hd ul {
  margin-top: 40px;
}

.yah-Tenable1 .s-hd ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
  color: #fff;
  line-height: 30px;
}

.yah-Tenable1 .s-hd ul li::before {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background: #FF5200;
  position: absolute;
  left: 0;
  top: 0;
}

.yah-Tenable1 .s-hd ul li h6 {
  font-weight: normal;
}

.yah-Tenable1 .s-hd ul li p {
  opacity: 0.7;
  margin-top: 5px;
}

.yah-Tenable1 .s-hd ul li:last-child {
  margin-bottom: 0;
}

.yah-Tenable1 .s-hd .img {
  width: 54.41176%;
}

.yah-Tenable1 .s-hd .img img {
  width: 100%;
}

.yah-Tenable1 .s-bd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Tenable1 .s-bd ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.yah-Tenable1 .s-bd ul li .inbox {
  height: 100%;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.yah-Tenable1 .s-bd ul li .inbox:hover .img img {
  transform: scale(1.05);
}

.yah-Tenable1 .s-bd ul li .img {
  height: 240px;
  overflow: hidden;
}

.yah-Tenable1 .s-bd ul li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-Tenable1 .s-bd ul li .info {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  flex: 1;
  padding: 30px;
}

.yah-Tenable1 .s-bd ul li .info h3 {
  text-align: center;
  margin-bottom: 20px;
}

.yah-Tenable1 .s-bd ul li .info p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-Tenable1 .item {
  display: none;
}

.yah-Tenable1 .item:first-child {
  display: block;
}

.yah-Tenable1 .item:nth-child(2) .s-hd h3 {
  color: #FFB900;
}

.yah-Tenable1 .item:nth-child(2) ul li::before {
  background: #FFB900;
}

.yah-Tenable1 .item:nth-child(2) .s-bd ul li {
  width: 50%;
}

.yah-Tenable1 .item:nth-child(2) .s-bd ul li .img {
  height: 300px;
}

.yah-Tenable1 .item:nth-child(3) .s-hd h3 {
  color: #0087F5;
}

.yah-Tenable1 .item:nth-child(3) ul li::before {
  background: #0087F5;
}

.yah-Tenable1 .item:nth-child(4) .s-hd h3 {
  color: #26FF93;
}

.yah-Tenable1 .item:nth-child(4) ul li::before {
  background: #26FF93;
}

.yah-Tenable2 .logo-box {
  background: url(../img/Tenable/logo_bg.png) center center/cover no-repeat;
}

.yah-Tenable2 .hd .logo-box {
  padding: 140px 70px;
}

.yah-Tenable2 .bd .logos-Bitdefender {
  padding: 10px 40px 10px 20px;
}

@media (max-width: 1440px) {
  .yah-Tenable1 .s-bd ul li .img {
    height: 202px;
  }
  .yah-Tenable1 .item:nth-child(2) .s-bd ul li .img {
    height: 253px;
  }
}

@media (max-width: 1200px) {
  .yah-Tenable1 .s-bd ul li .info {
    padding: 20px;
  }
  .yah-Tenable1 .s-bd ul li .img {
    height: 171px;
  }
  .yah-Tenable1 .item:nth-child(2) .s-bd ul li .img {
    height: 202px;
  }
  .yah-Tenable1 .s-bd ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-Tenable1 .s-bd ul li {
    padding: 0 5px 10px;
  }
}

@media (max-width: 768px) {
  .yah-Tenable1 .s-bd ul li {
    width: 50%;
  }
  .yah-Tenable1 .s-bd ul li .img {
    height: 195px;
  }
  .yah-Tenable1 .item:nth-child(2) .s-bd ul li .img {
    height: 160px;
  }
}

@media (max-width: 767px) {
  .yah-Tenable1 .bd .tab-nav ul li h3 {
    white-space: nowrap;
  }
  .yah-Tenable1 .bd .tab-nav {
    overflow-x: auto;
  }
  .yah-Tenable1 .bd .tab-nav ul li {
    width: auto;
  }
  .yah-Tenable1 .s-hd .txt {
    width: 100%;
  }
  .yah-Tenable1 .s-hd .img {
    width: 100%;
  }
  .yah-Tenable1 .s-bd ul li {
    width: 100%;
  }
  .yah-Tenable1 .s-bd ul li .img, .yah-Tenable1 .item:nth-child(2) .s-bd ul li .img {
    height: auto;
  }
  .yah-Tenable1 .item:nth-child(2) .s-bd ul li {
    width: 100%;
  }
}

/* 科恩实验室 */
.in-banner470 {
  height: 470px;
}

.in-banner470 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.in-banner470 .banner-text {
  padding-top: 70px;
}

@media screen and (min-width: 1920px) {
  .in-banner470 {
    height: 24.47917vw;
  }
}

.yah-KeEn1 {
  background: center center /cover no-repeat;
}

.KeEn-1 .boxCont {
  padding-bottom: 40px;
}

.KeEn-1 .cont {
  background: right center /cover no-repeat;
  padding: 78px 0;
}

.KeEn-1 .cont .H-title {
  max-width: 55.14706%;
  margin-bottom: 0;
}

.KeEn-1 .cont .H-title .h-tt {
  flex-direction: column;
  align-items: start;
}

.KeEn-1 .cont .H-title .h-tt h2 {
  margin-bottom: 20px;
}

.KeEn-1 .cont .H-title .h-tt p {
  opacity: 0.7;
  line-height: 28px;
}

.KeEn-2 {
  padding-bottom: 20px;
}

.KeEn-2 .hd {
  text-align: center;
  margin-bottom: 20px;
}

.KeEn-2 .bd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.KeEn-2 .bd ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.KeEn-2 .bd ul li .inbox {
  height: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 20px;
  transition: all .5s;
  border: 2px solid #fff;
}

.KeEn-2 .bd ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border: 2px solid #025EAC;
}

.KeEn-2 .bd ul li .icon {
  width: 30px;
  margin: 0 auto;
}

.KeEn-2 .bd ul li .icon img {
  width: 100%;
}

.KeEn-2 .bd ul li h3 {
  text-align: center;
  margin: 10px 0;
}

.KeEn-2 .bd ul li p {
  opacity: 0.7;
  line-height: 28px;
}

.KeEn-3 {
  padding-bottom: 50px;
}

.KeEn-3 .hd {
  text-align: center;
  line-height: 30px;
}

.KeEn-3 .bd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.KeEn-3 .bd ul li {
  width: 33.33%;
  padding: 0 10px 0;
}

.KeEn-3 .bd ul li .inbox {
  padding: 20px;
  height: 100%;
  transition: all 1s;
  border-radius: 5px;
}

.KeEn-3 .bd ul li .inbox:hover h3 {
  color: #025EAC;
}

.KeEn-3 .bd ul li .icon {
  display: block;
  width: 100px;
  margin: 0 auto;
}

.KeEn-3 .bd ul li .icon img {
  width: 100%;
}

.KeEn-3 .bd ul li h3 {
  margin: 10px 0;
  text-align: center;
  transition: all .5s;
}

.KeEn-3 .bd ul li p {
  opacity: 0.7;
  line-height: 28px;
}

.KeEn-4 .hd {
  text-align: center;
  line-height: 30px;
  margin-bottom: 30px;
}

.KeEn-4 .tab-nav ul {
  margin-left: -10px;
  margin-right: -10px;
}

.KeEn-4 .tab-nav ul li {
  width: 33.33%;
  padding: 0 10px;
}

.KeEn-4 .tab-nav ul li a {
  display: block;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
  font-weight: bold;
}

.KeEn-4 .tab-nav ul li a::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #025EAC;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all 1s;
}

.KeEn-4 .tab-nav ul li.active a {
  color: #025EAC;
}

.KeEn-4 .tab-nav ul li.active a::after {
  width: 100%;
  left: 0;
}

.KeEn-4 .tab-cont {
  box-shadow: inset 0px 0px 30px 0px rgba(2, 94, 172, 0.1);
  background: #F2F5F8;
}

.KeEn-4 .tab-cont .item {
  display: none;
  padding: 30px 0;
}

.KeEn-4 .tab-cont .item:first-child {
  display: block;
}

.KeEn-4 .tab-cont .img img {
  max-width: 100%;
}

.KeEn-4 .tab-cont .sm-txt h3 {
  line-height: 30px;
}

.KeEn-4 .tab-cont .sm-txt ul li {
  position: relative;
  opacity: 0.7;
  line-height: 28px;
  padding-left: 20px;
}

.KeEn-4 .tab-cont .sm-txt ul li::before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #2B313F;
  opacity: 0.7;
  left: 7px;
  position: absolute;
  top: 12px;
}

@media (max-width: 1200px) {
  .in-banner470 .in-banner470 .banner-text {
    padding-top: 60px;
  }
  .KeEn-1 .cont {
    padding: 30px 0;
  }
  .KeEn-2 .bd ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .KeEn-2 .bd ul li {
    padding: 0 5px 10px;
  }
  .KeEn-3 .bd ul, .KeEn-4 .tab-nav ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .KeEn-3 .bd ul li, .KeEn-4 .tab-nav ul li {
    padding: 0 5px;
  }
  .yah-Bitdefender5 .bd .more-logos {
    height: 100px;
  }
  .KeEn-1 .cont {
    background-position: 70% center;
  }
  .in-banner470 .banner-text {
    padding-top: 60px;
  }
}

@media (max-width: 1024px) {
  .in-banner470 img {
    position: absolute;
    right: -20%;
    top: 0;
    width: auto;
  }
}

@media (max-width: 768px) {
  .in-banner470 {
    height: 360px;
  }
  .in-banner470 .banner-text {
    padding-top: 60px;
  }
  .KeEn-2 .bd ul li, .KeEn-3 .bd ul li {
    width: 50%;
  }
  .KeEn-1 .cont {
    background-position: 20% center;
    padding: 20px;
  }
  .KeEn-1 .cont .H-title {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .KeEn-2 .bd ul li, .KeEn-3 .bd ul li {
    width: 100%;
  }
  .in-banner470 img {
    right: -60%;
  }
  .in-banner {
    position: relative;
  }
  .in-banner::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
  }
  .in-banner img {
    z-index: 1;
  }
}

.haiyunan-1 .cont {
  height: 300px;
  justify-content: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.haiyunan-1 .cont .H-title .h-tt h2 {
  margin-bottom: 0;
}

.haiyunan-2 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.haiyunan-2 ul li {
  width: 25%;
  padding: 0 10px 20px;
}

.haiyunan-2 ul li .inbox {
  height: 100%;
  border: 2px solid #E6E8F2;
  border-radius: 5px;
  padding: 20px 20px 22px;
  transition: all 1s;
  position: relative;
}

.haiyunan-2 ul li .inbox::after {
  content: '';
  display: block;
  width: 100%;
  height: 22px;
  background: url(../img/haiyunan/line.svg) center 0;
  position: absolute;
  left: 0;
  bottom: 0;
}

.haiyunan-2 ul li .inbox h3 {
  margin-bottom: 20px;
  height: 40px;
}

.haiyunan-2 ul li .inbox p {
  opacity: 0.7;
  line-height: 28px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 168px;
}

.haiyunan-2 ul li .inbox:hover {
  border: 2px solid #025EAC;
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
}

.haiyunan-2 ul li .inbox:hover h3 {
  color: #025EAC;
}

@media (max-width: 1200px) {
  .haiyunan-2 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .haiyunan-2 ul li {
    padding: 0 5px 10px;
  }
  .haiyunan-1 .cont {
    height: 220px;
  }
}

@media (max-width: 768px) {
  .haiyunan-2 ul li {
    width: 50%;
  }
  .haiyunan-1 .cont {
    height: auto;
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .haiyunan-1 .cont {
    background-position: 40% bottom;
  }
  .haiyunan-2 ul li {
    width: 100%;
  }
}

/* 亿格云 */
.yah-yigeyun1 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
  overflow: hidden;
}

.yah-yigeyun1 .H-title p {
  margin-top: 20px;
  opacity: 0.7;
  line-height: 28px;
}

.yah-yigeyun1 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-yigeyun1 ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yah-yigeyun1 ul li .inbox {
  height: 100%;
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
  transition: all 1s;
  padding: 20px 30px;
}

.yah-yigeyun1 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border-color: #025EAC;
}

.yah-yigeyun1 ul li .inbox:hover h3 {
  color: #025EAC;
}

.yah-yigeyun1 ul li .icon {
  width: 60px;
  margin: 0 auto;
}

.yah-yigeyun1 ul li .icon img {
  width: 100%;
}

.yah-yigeyun1 ul li .icon .hover {
  display: none;
}

.yah-yigeyun1 ul li h3 {
  margin: 20px auto;
  text-align: center;
  font-weight: normal;
}

.yah-yigeyun1 ul li p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-yigeyun2 .tab-nav {
  padding: 0 0 50px;
}

.yah-yigeyun2 .tab-nav ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-yigeyun2 .tab-nav ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yah-yigeyun2 .tab-nav ul li a {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
  transition: all 1s;
  padding: 20px 30px;
  color: #2B313F;
}

.yah-yigeyun2 .tab-nav ul li.active a {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border-color: #025EAC;
}

.yah-yigeyun2 .tab-nav ul li.active a h3 {
  color: #025EAC;
}

.yah-yigeyun2 .tab-nav ul li .icon {
  width: 88px;
  margin: 0 auto;
}

.yah-yigeyun2 .tab-nav ul li .icon img {
  width: 100%;
}

.yah-yigeyun2 .tab-nav ul li .icon .hover {
  display: none;
}

.yah-yigeyun2 .tab-nav ul li h3 {
  margin: 40px auto 20px;
  text-align: center;
}

.yah-yigeyun2 .tab-nav ul li p {
  opacity: 0.7;
  line-height: 30px;
}

.yah-yigeyun2 .tab-cont .item {
  display: none;
}

.yah-yigeyun2 .tab-cont .item:first-child {
  display: block;
}

.yigeyun-2 .B-cont {
  align-items: center;
  justify-content: space-between;
}

.yigeyun-2 .B-cont .txt {
  width: 41.17647%;
}

.yigeyun-2 .B-cont .txt .s-it {
  margin-bottom: 20px;
}

.yigeyun-2 .B-cont .txt .s-it:last-child {
  margin-bottom: 0;
}

.yigeyun-2 .B-cont .txt .s-it h2 {
  margin-bottom: 10px;
  font-weight: normal;
}

.yigeyun-2 .B-cont .txt .s-it p {
  opacity: 0.7;
  line-height: 30px;
}

.yigeyun-2 .B-cont .img {
  width: 44.11765%;
}

.yigeyun-2 .B-cont .img img {
  max-width: 100%;
}

.yigeyun-3 {
  padding: 50px 0 30px;
}

.yigeyun-3 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yigeyun-3 ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.yigeyun-3 ul li .inbox {
  height: 100%;
  border-radius: 5px;
  border: 2px solid #F2F6FF;
  background: #F2F6FF;
  transition: all 1s;
  padding: 20px 30px;
}

.yigeyun-3 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  border: 2px solid #025EAC;
}

.yigeyun-3 ul li .inbox:hover h3 {
  color: #025EAC;
}

.yigeyun-3 ul li .icon {
  width: 60px;
  margin: 0 auto;
}

.yigeyun-3 ul li .icon img {
  width: 100%;
}

.yigeyun-3 ul li .icon .hover {
  display: none;
}

.yigeyun-3 ul li h3 {
  margin: 20px auto;
  text-align: center;
}

.yigeyun-3 ul li p {
  opacity: 0.7;
  line-height: 30px;
}

.yigeyun-4 .H-title .h-tt {
  margin-bottom: 20px;
}

.yigeyun-4 .H-title p {
  opacity: 0.7;
  line-height: 28px;
}

.yigeyun-4 ul li {
  width: 25%;
}

.yigeyun-4 ul li .s-hd h2 {
  color: #2B313F;
}

.yigeyun-4 ul li .s-bd {
  padding: 40px 20px 20px;
}

.yigeyun-5 .img-jgt ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yigeyun-5 .img-jgt ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yigeyun-5 .img-jgt ul li .img {
  border: 1px solid #E6E8F2;
  border-radius: 5px;
  overflow: hidden;
}

.yigeyun-5 .img-jgt ul li .img img {
  max-width: 100%;
}

@media (max-width: 1200px) {
  .yah-yigeyun1 ul, .yah-yigeyun2 .tab-nav ul, .yigeyun-3 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-yigeyun1 ul li, .yah-yigeyun2 .tab-nav ul li, .yigeyun-3 ul li {
    padding: 0 5px;
  }
  .yigeyun-3 ul li {
    padding: 0 5px 10px;
  }
  .yah-yigeyun1 ul li .inbox, .yah-yigeyun2 .tab-nav ul li a {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .yah-yigeyun1 ul li, .yigeyun-3 ul li {
    width: 50%;
  }
  .yah-yigeyun1 ul li {
    padding-bottom: 10px;
  }
  .yah-yigeyun1 ul li .icon {
    width: 40px;
  }
  .yah-yigeyun1 ul li h3, .yigeyun-3 ul li h3 {
    margin: 10px auto;
  }
  .yah-yigeyun2 .tab-nav ul li .icon {
    width: 68px;
  }
  .yigeyun-3 ul li .icon {
    width: 40px;
  }
  .yah-yigeyun2 .tab-nav ul li h3 {
    margin: 20px 0 10px;
  }
  .yigeyun-4 ul li .s-bd {
    padding: 20px;
  }
  .yah-Cloudfare8 ul li {
    width: 50%;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .yah-yigeyun1 ul li, .yigeyun-3 ul li {
    width: 100%;
  }
  .yah-yigeyun2 .tab-nav ul li p {
    display: none;
  }
  .yah-yigeyun2 .tab-nav ul li .icon {
    width: 40px;
  }
  .yah-yigeyun2 .tab-nav ul li a {
    padding: 10px;
  }
  .yah-yigeyun2 .tab-nav ul li h3 {
    margin-top: 10px;
  }
  .yigeyun-2 .B-cont .txt {
    width: 100%;
  }
  .yigeyun-2 .B-cont .img {
    width: 100%;
    margin-top: 20px;
  }
  .yah-Cloudfare8 ul li {
    width: 100%;
  }
}

.yah-CyberArk2 {
  background: #FFFFFF;
}

.yah-CyberArk2 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-CyberArk2 ul li {
  padding: 0 10px;
}

.yah-CyberArk2 ul li .inbox {
  border-radius: 5px;
  border: 2px solid #E6E8F2;
  height: 100%;
}

.yah-CyberArk2 ul li .inbox .img {
  height: 466px;
  overflow: hidden;
}

.yah-CyberArk2 ul li .inbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-CyberArk2 ul li .inbox h2 {
  padding: 40px 20px;
  text-align: center;
}

.yah-CyberArk2 ul li .inbox .imgs {
  justify-content: space-between;
}

.yah-CyberArk2 ul li .inbox .imgs .img {
  width: 48.88889%;
}

.yah-CyberArk2 ul li:first-child {
  width: 32.35294%;
}

.yah-CyberArk2 ul li:nth-child(2) {
  flex: 1;
}

.yah-CyberArk3 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-CyberArk3 .img img {
  max-width: 100%;
}

.yah-CyberArk4 {
  padding: 0;
}

.yah-CyberArk4 .boxCont {
  padding-bottom: 30px;
}

.yah-CyberArk4 ul li h3 {
  font-weight: bold;
}

.yah-CyberArk5 .tab-sub {
  box-shadow: inset 0px 15px 30px 0px rgba(2, 94, 172, 0.05);
  background: #FFFFFF;
}

.yah-CyberArk5 .tab-cont .item {
  display: none;
}

.yah-CyberArk5 .tab-cont .item:first-child {
  display: block;
}

.CyberArk-1 {
  background: linear-gradient(180deg, #E5EEFF 0%, #FFFFFF 100%);
}

.CyberArk-1 .boxCont {
  padding: 80px 0 30px;
}

.CyberArk-1 .tab-nav ul {
  margin-left: -10px;
  margin-right: -10px;
}

.CyberArk-1 .tab-nav ul li {
  width: 25%;
  padding: 0 10px;
}

.CyberArk-1 .tab-nav ul li a {
  display: block;
  border-radius: 5px;
  height: 100%;
  padding: 40px 20px;
  background: #FFFFFF;
  border: 2px solid #E6E8F2;
}

.CyberArk-1 .tab-nav ul li .icon {
  width: 88px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.CyberArk-1 .tab-nav ul li .icon img {
  width: 100%;
}

.CyberArk-1 .tab-nav ul li .icon .hover {
  display: none;
}

.CyberArk-1 .tab-nav ul li h3 {
  text-align: center;
}

.CyberArk-1 .tab-nav ul li.active a {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  background: #025EAC;
  color: #fff;
}

.CyberArk-2 {
  background: #FFFFFF;
}

.CyberArk-2 .tab-nav-2 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.CyberArk-2 .tab-nav-2 ul li {
  width: 25%;
  padding: 0 10px;
}

.CyberArk-2 .tab-nav-2 ul li a {
  display: block;
  position: relative;
  height: 100%;
  padding: 20px 0;
  text-align: center;
}

.CyberArk-2 .tab-nav-2 ul li a::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #025EAC;
  transition: all 1s;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.CyberArk-2 .tab-nav-2 ul li a .icon {
  width: 44px;
  margin: 0 auto 10px;
}

.CyberArk-2 .tab-nav-2 ul li a .icon img {
  width: 100%;
}

.CyberArk-2 .tab-nav-2 ul li a .icon .hover {
  display: none;
}

.CyberArk-2 .tab-nav-2 ul li.active a {
  color: #025EAC;
}

.CyberArk-2 .tab-nav-2 ul li.active a::after {
  width: 100%;
  opacity: 1;
  left: 0;
}

.CyberArk-2 .tab-sub {
  padding-top: 40px;
}

.CyberArk-2 .item2-block-1 {
  align-items: center;
}

.CyberArk-2 .item2-block-1 .txt {
  width: 41.17647%;
}

.CyberArk-2 .item2-block-1 .txt h2 {
  font-weight: normal;
  line-height: 1;
  margin-bottom: 10px;
}

.CyberArk-2 .item2-block-1 .txt p {
  opacity: 0.7;
  line-height: 30px;
}

.CyberArk-2 .item2-block-1 .rt {
  width: 44.11765%;
}

.CyberArk-2 .item2-block-1 .rt .img {
  border-radius: 5px;
  overflow: hidden;
}

.CyberArk-2 .item2-block-1 .rt video, .CyberArk-2 .item2-block-1 .rt img {
  max-width: 100%;
}

.CyberArk-2 .item2-block-2 .boxCont {
  padding-bottom: 20px;
}

.CyberArk-2 .item2-block-2 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.CyberArk-2 .item2-block-2 ul li {
  width: 33.33%;
  padding: 0 10px;
}

.CyberArk-2 .item2-block-2 ul li .inbox {
  height: 100%;
  border-radius: 5px;
  background: #F2F6FF;
  padding: 30px;
  transition: all 1s;
}

.CyberArk-2 .item2-block-2 ul li .inbox .icon {
  width: 60px;
  margin: 0 auto;
}

.CyberArk-2 .item2-block-2 ul li .inbox .icon img {
  width: 100%;
}

.CyberArk-2 .item2-block-2 ul li .inbox h2 {
  text-align: center;
  line-height: 30px;
  font-weight: normal;
  margin: 10px auto 20px;
}

.CyberArk-2 .item2-block-2 ul li .inbox p {
  opacity: 0.7;
  line-height: 30px;
  text-align: center;
}

.CyberArk-2 .item2-block-2 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.CyberArk-2 .item2-block-3 .boxCont {
  padding: 20px 0;
}

.CyberArk-2 .item2-block-3 .sitem {
  display: none;
  border: 1px solid #E6E8F2;
  padding: 0;
  border-radius: 5px;
}

.CyberArk-2 .item2-block-3 .sitem:first-child {
  display: block;
}

.CyberArk-2 .item2-block-3 .qdczxt-info {
  width: 54.41176%;
}

.CyberArk-2 .item2-block-3 .s-hd .img {
  width: 100%;
  margin: 0 auto;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}

.CyberArk-2 .item2-block-3 .s-hd .img img {
  width: 100%;
}

.CyberArk-2 .item2-block-3 .s-hd .tt {
  padding: 24px 0;
  border-bottom: 1px solid #E6E8F2;
}

.CyberArk-2 .item2-block-3 .s-ft {
  padding: 20px;
}

.CyberArk-2 .item2-block-3 .s-ft p {
  opacity: 0.7;
  line-height: 30px;
}

.CyberArk-2 .item2-block-3 .qdczxt-list {
  width: 39.70588%;
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li {
  border-bottom: 2px solid rgba(43, 49, 63, 0.1);
  position: relative;
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li::after {
  content: "";
  width: 0;
  height: 2px;
  transition: all 1s;
  display: block;
  background: #025EAC;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: -2px;
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li .hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li .hd::after {
  content: "\e604";
  font-family: "iconfont" !important;
  color: #2B313F;
  opacity: 0.1;
  font-size: 15px;
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li.active::after {
  opacity: 1;
  width: 100%;
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li.active .hd {
  color: #025EAC;
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li.active .hd::after {
  color: #025EAC;
  opacity: 1;
  font-weight: bold;
}

.CyberArk-2 .item2-block-4 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.CyberArk-2 .item2-block-4 ul li {
  width: 50%;
  padding: 0 10px;
}

.CyberArk-2 .item2-block-4 ul li .inbox {
  border-radius: 5px;
  background: #F2F6FF;
  padding: 40px;
  transition: all 1s;
  height: 100%;
}

.CyberArk-2 .item2-block-4 ul li .inbox .icon {
  width: 80px;
  margin: 0 auto 15px;
}

.CyberArk-2 .item2-block-4 ul li .inbox .icon img {
  width: 100%;
}

.CyberArk-2 .item2-block-4 ul li .inbox h2 {
  text-align: center;
}

.CyberArk-2 .item2-block-4 ul li .inbox p {
  margin-bottom: 20px;
  opacity: 0.7;
  line-height: 30px;
  text-align: center;
}

.CyberArk-2 .item2-block-4 ul li .inbox .tt {
  border-top: 1px solid #E6E8F2;
  padding-top: 20px;
  padding-left: 30px;
}

.CyberArk-2 .item2-block-4 ul li .inbox .tt .li {
  padding-left: 23px;
  position: relative;
  margin-bottom: 10px;
  line-height: 28px;
}

.CyberArk-2 .item2-block-4 ul li .inbox .tt .li:last-child {
  margin-bottom: 0;
}

.CyberArk-2 .item2-block-4 ul li .inbox .tt .li::before {
  content: '';
  display: block;
  width: 23px;
  height: 25px;
  background: url(../img/CyberArk/icon/icon_lists.svg) no-repeat;
  position: absolute;
  left: 0;
}

.CyberArk-2 .item2-block-4 ul li .inbox .tt .li span {
  opacity: 0.7;
}

.CyberArk-2 .item2-block-4 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.CyberArk-2 .item2-block-2-tab2 ul li {
  width: 25%;
}

.CyberArk-2 .item2-block-5 .img img {
  max-width: 100%;
}

.CyberArk-2 .item2-block-6 .txt {
  text-align: center;
}

.CyberArk-2 .item2-block-6 .txt h3 {
  margin-bottom: 10px;
}

.CyberArk-2 .item2-block-6 .txt p {
  text-align: center;
  margin-bottom: 20px;
}

.CyberArk-2 .item2-block-6 .img {
  margin-bottom: 40px;
}

.CyberArk-2 .item2-block-6 .img img {
  max-width: 100%;
}

.CyberArk-2 .tab-cont-2 .item2 {
  display: none;
}

.CyberArk-2 .tab-cont-2 .item2:first-child {
  display: block;
}

@media (max-width: 1440px) {
  .yah-CyberArk2 ul li .inbox .img {
    height: 398px;
  }
}

@media (max-width: 1200px) {
  .yah-yigeyun1 ul, .yah-CyberArk2 ul, .CyberArk-1 .tab-nav ul, .CyberArk-2 .tab-nav-2 ul, .CyberArk-2 .item2-block-2 ul, .CyberArk-2 .item2-block-4 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-yigeyun1 ul li, .yah-CyberArk2 ul li, .CyberArk-1 .tab-nav ul li, .CyberArk-2 .tab-nav-2 ul li, .CyberArk-2 .item2-block-2 ul li, .CyberArk-2 .item2-block-4 ul li {
    padding: 0 5px;
  }
  .CyberArk-1 .tab-nav ul li a {
    padding: 20px 0;
  }
  .yigeyun-3 ul li .inbox {
    padding: 20px;
  }
  .CyberArk-1 .tab-nav ul li .icon {
    width: 68px;
    margin-bottom: 40px;
  }
  .yigeyun-3 ul li .icon {
    width: 50px;
  }
  .CyberArk-2 .tab-nav-2 ul li a .icon {
    width: 24px;
  }
  .CyberArk-2 .item2-block-2 ul li .inbox .icon {
    width: 40px;
  }
  .CyberArk-2 .item2-block-2 ul li .inbox h2 {
    margin-bottom: 10px;
  }
  .CyberArk-2 .item2-block-2 ul li .inbox {
    padding: 20px;
  }
  .yah-CyberArk2 ul li .inbox .img {
    height: 340px;
  }
  .yah-CyberArk2 ul li .inbox h2 {
    padding: 20px;
  }
  .yigeyun-3 ul li h3 {
    margin: 10px auto;
  }
  .CyberArk-1 .boxCont {
    padding: 60px 0 20px;
  }
  .in-header .nav-button span {
    background: #fff;
  }
  .CyberArk-2 .item2-block-4 ul li .inbox {
    padding: 20px;
  }
  .CyberArk-2 .item2-block-4 ul li .inbox .icon {
    width: 50px;
  }
}

@media (max-width: 768px) {
  .yah-yigeyun1 ul li {
    padding-bottom: 10px;
  }
  .CyberArk-2 .item2-block-2-tab2 ul li {
    width: 50%;
    padding-bottom: 10px;
  }
  .CyberArk-1 .tab-nav ul li .icon {
    width: 40px;
    margin-bottom: 20px;
  }
  .yah-CyberArk2 ul li .inbox .img {
    height: 40vw;
  }
  .CyberArk-2 .item2-block-4 ul li {
    width: 100%;
    padding-bottom: 10px;
  }
  .CyberArk-2 .item2-block-4 ul li .inbox .tt {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .yah-CyberArk2 ul li {
    width: 100%;
  }
  .yah-CyberArk2 ul li:first-child {
    width: 100%;
    margin-bottom: 20px;
  }
  .yah-CyberArk2 ul li .inbox .img {
    height: auto;
  }
  .CyberArk-1 .tab-nav {
    overflow-x: auto;
  }
  .CyberArk-1 .tab-nav ul li {
    width: auto;
  }
  .CyberArk-1 .tab-nav ul li a {
    padding: 20px;
  }
  .CyberArk-1 .tab-nav ul li h3 {
    white-space: nowrap;
  }
  .CyberArk-2 .item2-block-1 .txt {
    width: 100%;
    margin-bottom: 20px;
  }
  .CyberArk-2 .item2-block-1 .rt {
    width: 100%;
  }
  .CyberArk-2 .item2-block-3 .qdczxt-info {
    width: 100%;
  }
  .CyberArk-2 .item2-block-3 .qdczxt-list {
    width: 100%;
  }
  .CyberArk-2 .item2-block-2 ul li {
    width: 100%;
    padding-bottom: 10px;
  }
  .CyberArk-2 .item2-block-3 .s-hd .img {
    width: 100%;
  }
}

/* 关于我们 */
.yah-aboutus-1 {
  background: center bottom /cover no-repeat;
  overflow: hidden;
}

.yah-aboutus-1 .B-cont {
  position: relative;
  padding-bottom: 50px;
}

.yah-aboutus-1 .lt {
  width: 48.16176%;
}

.yah-aboutus-1 .lt .H-title {
  margin-bottom: 40px;
  line-height: 1;
}

.yah-aboutus-1 .txt {
  max-height: 300px;
  overflow-y: auto;
  padding-right: 5px;
  margin-top: 20px;
}

.yah-aboutus-1 .txt::-webkit-scrollbar-track {
  background-color: transparent;
}

.yah-aboutus-1 .txt::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background: rgba(43, 49, 63, 0.05);
}

.yah-aboutus-1 .txt::-webkit-scrollbar-thumb {
  background-color: rgba(2, 94, 172, 0.2);
  border-radius: 3px;
  width: 3px;
  height: 3px;
}

.yah-aboutus-1 .txt p {
  line-height: 30px;
  margin-bottom: 10px;
  opacity: 0.8;
}

.yah-aboutus-1 .txt p:last-child {
  margin-bottom: 0;
}

.yah-aboutus-1 .txt a {
  font-weight: bold;
  color: #025EAC;
}

.yah-aboutus-1 .rt {
  width: 48.16176%;
  position: relative;
}

.yah-aboutus-1 .img img {
  max-width: 100%;
}

.yah-aboutus-1 .img .layer1 {
  z-index: 2;
  animation-duration: 2s;
  position: relative;
}

.yah-aboutus-1 .img .layer2 {
  z-index: 1;
  animation-duration: 1s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.yah-aboutus-2 {
  overflow: hidden;
  position: relative;
  padding: 80px 0 0;
  background: center 0 /cover no-repeat;
  z-index: 2;
}

.yah-aboutus-2 .inWrap {
  position: relative;
}

.yah-aboutus-2 .inWrap img {
  max-width: 100%;
}

.yah-aboutus-2 .swiper-aboutus2 {
  overflow: hidden;
}

.yah-aboutus-2 .swiper-aboutus2 .inbox {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  overflow: hidden;
}

.yah-aboutus-2 .swiper-aboutus2 .inbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-aboutus-2 .swiper-aboutus2 .inbox img {
  transition: all 1s;
}

.yah-aboutus-2 .swiper-aboutus2 .mask {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 59, 109, 0.7);
  z-index: 3;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
  visibility: hidden;
}

.yah-aboutus-2 .swiper-aboutus2 .mask h5 {
  font-weight: normal;
}

.yah-aboutus-2 .img-big {
  width: 50%;
}

.yah-aboutus-2 .img-big .inbox {
  height: 445px;
}

.yah-aboutus-2 .img-big {
  position: relative;
}

.yah-aboutus-2 .img-smalls {
  width: 50%;
}

.yah-aboutus-2 .img-smalls .img-small {
  width: 50%;
  padding-left: 5px;
  padding-bottom: 5px;
  position: relative;
}

.yah-aboutus-2 .img-smalls .img-small .inbox {
  position: relative;
  height: 220px;
}

.yah-aboutus-2 .inbox:hover .mask {
  opacity: 1;
  visibility: visible;
}

.yah-aboutus-2 .inbox:hover img {
  transform: scale(1.04);
}

.yah-aboutus-2 .swiper-button-prev {
  background: none;
  left: -40px;
  color: #2B313F;
}

.yah-aboutus-2 .swiper-button-prev:hover {
  color: #025EAC;
}

.yah-aboutus-2 .swiper-button-next {
  background: none;
  right: -40px;
  color: #2B313F;
}

.yah-aboutus-2 .swiper-button-next:hover {
  color: #025EAC;
}

.yah-aboutus-3 {
  overflow: hidden;
  position: relative;
  background: center 0 /cover no-repeat;
  /* .jiangbei-info {
		width: 457%/1360*100; padding-top: 56px; position: absolute; top: 0; left: -52%/1360*100;
		.s-hd { position: absolute; left: 0; width: 100%; top: 56px; padding-right: 10%;
			ul {
				li { width: 50%; text-align: center;}
			}
			.number { text-align: center; justify-content: center;line-height: 1;
				.counter { font-weight: bold;}
			}
			p {text-align: center; opacity: 0.7;}
		}
		.s-bd {
			img { max-width: 100%;}
		}
	} */
}

.yah-aboutus-3 .boxCont {
  padding-top: 50px;
}

.yah-aboutus-3 .B-cont {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.yah-aboutus-3 .honor-left-menu {
  width: 20.58824%;
  padding: 20px 0 0;
  transition: all 0s;
  position: relative;
}

.yah-aboutus-3 .honor-left-menu li {
  margin-bottom: 20px;
}

.yah-aboutus-3 .honor-left-menu li a {
  display: flex;
  align-items: center;
  height: 76px;
}

.yah-aboutus-3 .honor-left-menu li .icon {
  width: 26px;
  margin-right: 10px;
}

.yah-aboutus-3 .honor-left-menu li .icon img {
  width: 100%;
}

.yah-aboutus-3 .honor-left-menu li h2 {
  transition: all .5s;
  margin-right: 10px;
  font-weight: normal;
}

.yah-aboutus-3 .honor-left-menu li .number em {
  font-size: 14px;
  position: relative;
  top: -5px;
  font-weight: bold;
}

.yah-aboutus-3 .honor-left-menu li.active a {
  color: #025EAC;
}

.yah-aboutus-3 .honor-lists {
  position: relative;
  width: 72.05882%;
  height: 560px;
  overflow-x: hidden;
  overflow-y: auto;
}

.yah-aboutus-3 .honor-lists::-webkit-scrollbar-track {
  background-color: transparent;
}

.yah-aboutus-3 .honor-lists::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: transparent;
}

.yah-aboutus-3 .honor-lists::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
  width: 3px;
  height: 3px;
  transition: all 0.5s;
}

.yah-aboutus-3 .honor-lists:hover::-webkit-scrollbar {
  background: rgba(43, 49, 63, 0.05);
}

.yah-aboutus-3 .honor-lists:hover::-webkit-scrollbar-thumb {
  background-color: rgba(2, 94, 172, 0.2);
}

.yah-aboutus-3 .honor-lists > h2 {
  margin-bottom: 10px;
  margin-top: 20px;
}

.yah-aboutus-3 .honor-list {
  margin-left: -10px;
  margin-right: -10px;
  position: absolute;
  /* 绝对定位以便控制滚动 */
  width: 100%;
  /* 根据需要调整宽度 */
  animation: none;
  /* 清除任何默认动画 */
  will-change: transform;
  /* 优化滚动性能 */
  transition: all 1s;
}

.yah-aboutus-3 .honor-list .li {
  padding: 0 10px 20px;
  width: 25%;
}

.yah-aboutus-3 .honor-item {
  border-radius: 5px;
  background: linear-gradient(180deg, #F9F2EF 0%, #FDFCFB 100%);
  padding: 15px 20px 10px;
  border: 2px solid #FFFFFF;
  height: 100%;
}

.yah-aboutus-3 .honor-item p {
  text-align: center;
}

.yah-aboutus-3 .honor-item .imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.yah-aboutus-3 .honor-item .imgbox .img {
  height: 190px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yah-aboutus-3 .honor-item .imgbox img {
  max-width: 100% !important;
  max-height: 100%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07), 0px 2px 2px 0px rgba(0, 0, 0, 0.07), 0px 4px 4px 0px rgba(0, 0, 0, 0.07), 0px 8px 8px 0px rgba(0, 0, 0, 0.07), 0px 16px 16px 0px rgba(0, 0, 0, 0.07);
  border: 4px solid;
  border-image: linear-gradient(145deg, #D39974 0%, #BF7C51 99%) 4;
  transition: all 1s;
}

.yah-aboutus-3 .honor-item .imgbox:hover img {
  transform: scale(1.05);
}

@media screen and (max-width: 1440px) {
  .yah-aboutus-3 .honor-lists {
    width: 75%;
  }
}

@media screen and (max-width: 1200px) {
  .yah-aboutus-3 .honor-list {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-aboutus-3 .honor-list .li {
    width: 33.33%;
    padding: 0 5px 10px;
    margin-right: 0 !important;
  }
  .yah-aboutus-3 .honor-left-menu li {
    margin-bottom: 10px;
  }
  .yah-aboutus-3 .honor-item .imgbox {
    height: 190px;
  }
  .yah-aboutus-3 .honor-left-menu li a {
    height: 60px;
  }
}

@media screen and (max-width: 1024px) {
  .yah-aboutus-3 .honor-lists {
    height: 540px;
  }
}

@media screen and (max-width: 768px) {
  .yah-aboutus-3 .honor-left-menu {
    display: none;
  }
  .yah-aboutus-3 .honor-list {
    position: relative;
  }
  .yah-aboutus-3 .honor-list .li {
    width: 50%;
  }
  .yah-aboutus-3 .honor-lists {
    width: 100%;
    height: auto;
  }
  .yah-aboutus-3 .honor-item {
    padding: 10px;
  }
}

.yah-aboutus-4 {
  position: relative;
  background: #F2F6FF;
}

.yah-aboutus-4::before {
  content: '';
  display: block;
  width: 100%;
  height: 300px;
  background: url(../img/aboutus/bg_qywh.jpg) center 0/cover repeat-x;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.yah-aboutus-4 .boxCont {
  padding-top: 50px;
}

.yah-aboutus-4 .boxCont .H-title {
  margin-bottom: 40px;
}

.yah-aboutus-4 .boxCont .H-title .h-tt h2 {
  color: #fff;
}

.yah-aboutus-4 .boxCont .H-title h2::before {
  background: #C30D23;
}

.yah-aboutus-4 ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-aboutus-4 ul li {
  width: 20%;
  padding: 0 10px;
}

.yah-aboutus-4 ul li .inbox {
  height: 100%;
  border-radius: 5px;
  position: relative;
  background: #FFFFFF;
  transform-style: preserve-3d;
  overflow: unset !important;
}

.yah-aboutus-4 ul li .inbox::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transform: translateZ(-1px);
  pointer-events: none;
  transition-property: filter, inset;
  transition-duration: .3s;
  transition-timing-function: ease;
  background-clip: content-box !important;
  background: linear-gradient(128deg, #C30D23 0%, #025EAC 100%);
}

.yah-aboutus-4 ul li .s-hd {
  border-bottom: 1px dashed rgba(43, 49, 63, 0.2);
  padding: 30px 0 0;
  margin: 0 30px;
}

.yah-aboutus-4 ul li .icon {
  width: 42px;
  margin: 0 auto;
}

.yah-aboutus-4 ul li .icon img {
  max-width: 100%;
}

.yah-aboutus-4 ul li h2 {
  padding: 10px 0 20px;
  text-align: center;
}

.yah-aboutus-4 ul li p {
  opacity: 0.7;
  line-height: 20px;
  transition: all 1s;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 100px;
}

.yah-aboutus-4 ul li .s-bd {
  padding: 0 30px 30px;
  margin-top: 20px;
}

.yah-aboutus-4 ul li .inbox:hover h2 {
  color: #025EAC;
}

.yah-aboutus-4 ul li .inbox:hover .s-bd {
  height: 100px;
  overflow-y: auto;
  margin-right: 10px;
}

.yah-aboutus-4 ul li .inbox:hover .s-bd::-webkit-scrollbar-track {
  background-color: transparent;
}

.yah-aboutus-4 ul li .inbox:hover .s-bd::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: transparent;
}

.yah-aboutus-4 ul li .inbox:hover .s-bd::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 3px;
  width: 3px;
  height: 3px;
  transition: all 0.5s;
}

.yah-aboutus-4 ul li .inbox:hover .s-bd:hover::-webkit-scrollbar {
  background: rgba(43, 49, 63, 0.05);
}

.yah-aboutus-4 ul li .inbox:hover .s-bd:hover::-webkit-scrollbar-thumb {
  background-color: rgba(2, 94, 172, 0.2);
}

.yah-aboutus-4 ul li .inbox:hover p {
  opacity: 1;
  height: auto;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2000;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yah-aboutus-4 ul li .inbox:hover::before {
  filter: blur(15px);
}

.yah-aboutus-5 {
  overflow: hidden;
  position: relative;
  background: #F2F6FF;
}

.yah-aboutus-5 .boxCont {
  padding-top: 0;
}

.yah-aboutus-5 .adrs-img-box {
  margin-bottom: 30px;
}

.yah-aboutus-5 .adrs-img-box ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-aboutus-5 .adrs-img-box ul li {
  width: 33.33%;
  padding: 0 10px;
}

.yah-aboutus-5 .adrs-img-box ul li .inbox {
  height: 100%;
  position: relative;
}

.yah-aboutus-5 .adrs-img-box ul li .inbox .img {
  width: 100%;
  height: 300px;
  border-radius: 5px;
  overflow: hidden;
}

.yah-aboutus-5 .adrs-img-box ul li .inbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.yah-aboutus-5 .adrs-img-box ul li .inbox .img img {
  transform: all 1s;
}

.yah-aboutus-5 .adrs-img-box ul li .inbox .txt {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
}

.yah-aboutus-5 .adrs-img-box ul li .inbox .txt h5 {
  color: #fff;
  margin: 40px;
}

.yah-aboutus-5 .adrs-img-box ul li .inbox:hover .img img {
  transform: scale(1.05);
}

.yah-aboutus-5 .adrs-txt-box ul {
  margin-left: -3px;
  margin-right: -2px;
}

.yah-aboutus-5 .adrs-txt-box ul li {
  width: 20%;
  padding: 0 2px 0 3px;
}

.yah-aboutus-5 .adrs-txt-box ul li .inbox {
  height: 100%;
  padding: 20px 8px;
  background: #FFFFFF;
  transition: all 1s;
  border-radius: 5px;
  overflow: hidden;
}

.yah-aboutus-5 .adrs-txt-box ul li .inbox .icon {
  width: 44px;
  margin: 0 auto 20px;
}

.yah-aboutus-5 .adrs-txt-box ul li .inbox .icon img {
  width: 100%;
}

.yah-aboutus-5 .adrs-txt-box ul li .inbox h5 {
  opacity: 0.7;
  font-weight: normal;
  text-align: center;
  margin-bottom: 6px;
}

.yah-aboutus-5 .adrs-txt-box ul li .inbox h6 {
  text-align: center;
  word-wrap: break-word;
  font-weight: normal;
}

.yah-aboutus-5 .adrs-txt-box ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
}

@media (max-width: 1440px) {
  .yah-aboutus-4::before {
    height: 290px;
  }
  .yah-aboutus-5 .adrs-img-box ul li .inbox .img {
    height: 253px;
  }
  .yah-aboutus-2 .img-big .inbox {
    height: 376px;
  }
  .yah-aboutus-2 .img-smalls .img-small .inbox {
    height: 185px;
  }
}

@media (max-width: 1200px) {
  .yah-aboutus-2 {
    padding-top: 60px;
  }
  .yah-aboutus-2 .img-big .inbox {
    height: 321px;
  }
  .yah-aboutus-2 .img-smalls .img-small .inbox {
    height: 158px;
  }
  .yah-aboutus-3 .boxCont {
    padding-top: 50px;
  }
  .yah-aboutus-3 .honor-lists .li {
    margin-right: 7px;
  }
  .yah-aboutus-3 .honor-item .imgbox {
    margin: 0 auto 20px;
  }
  .yah-aboutus-3 .honor-list1 {
    margin-bottom: 10px;
  }
  .yah-aboutus-3 .B-cont {
    min-height: 300px;
  }
  .yah-aboutus-4 ul li .s-hd {
    padding-top: 20px;
    margin: 0 20px;
  }
  .yah-aboutus-4 ul li .s-bd {
    padding: 20px;
  }
  .yah-aboutus-5 .adrs-img-box ul, .yah-aboutus-5 .adrs-txt-box ul, .yah-aboutus-4 ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-aboutus-5 .adrs-img-box ul li, .yah-aboutus-5 .adrs-txt-box ul li, .yah-aboutus-4 ul li {
    padding: 0 5px;
  }
  .yah-aboutus-5 .adrs-img-box ul li .inbox .txt h5 {
    margin: 20px;
  }
  .yah-aboutus-5 .adrs-img-box ul li .inbox .img {
    height: 220px;
  }
  .yah-aboutus-5 .adrs-img-box {
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .yah-aboutus-5 .adrs-img-box ul li .inbox .img P {
    height: 160px;
  }
  .yah-aboutus-1 .img {
    display: none;
  }
  .yah-aboutus-1 .txt {
    width: 100%;
  }
  .yah-aboutus-1 .lt {
    width: 100%;
  }
  .yah-aboutus-3 .jiangbei-info {
    padding-top: 20px;
  }
  .yah-aboutus-3 .jiangbei-info .jiangbei {
    display: none;
  }
  .yah-aboutus-3 .jiangbei-info .s-hd {
    position: static;
    padding-right: 0;
    margin-bottom: 20px;
    padding-top: 0;
  }
  .yah-aboutus-3 .boxCont {
    padding-top: 30px;
  }
  .yah-aboutus-1 .lt .H-title {
    margin-bottom: 20px;
  }
  .yah-aboutus-2 {
    padding-top: 30px;
  }
  .yah-aboutus-4 .boxCont .H-title {
    margin-bottom: 20px;
  }
  .yah-aboutus-4 .boxCont {
    padding-top: 30px;
  }
  .yah-aboutus-4 ul li .s-bd {
    padding: 0 20px 20px;
  }
  .yah-aboutus-4 ul li h2 {
    height: auto;
  }
}

@media (max-width: 767px) {
  .yah-aboutus-1 .txt {
    width: 100%;
  }
  .yah-aboutus-3 .jiangbei-info {
    width: 100%;
    position: inherit;
    left: 0;
  }
  .yah-aboutus-3 .honor-lists {
    width: 100%;
  }
  .yah-aboutus-5 .adrs-img-box ul li, .yah-aboutus-5 .adrs-txt-box ul li, .yah-aboutus-4 ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* 安全服务 */
.yah-service-xxaq1 {
  background: #FFFFFF;
  overflow: hidden;
}

.yah-service-xxaq1 .hd {
  margin-bottom: 36px;
}

.yah-service-xxaq1 .hd span {
  display: inline-block;
  width: 40px;
  flex-shrink: 0;
  margin-right: 10px;
}

.yah-service-xxaq1 .hd span img {
  width: 100%;
}

.yah-service-xxaq1 .hd .txt {
  opacity: 0.3;
  line-height: 28px;
}

.service-list-top ul {
  margin-left: -10px;
  margin-right: -10px;
}

.service-list-top ul li {
  width: 25%;
  padding: 0 10px;
}

.service-list-top ul li .inbox {
  border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #E6E8F2;
  background: #F7FAFE;
  height: 100%;
  transition: all 1s;
}

.service-list-top ul li .inbox:hover {
  background: #FFFFFF;
  border: 2px solid #025EAC;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

.service-list-top ul li .inbox:hover .s-hd h2 {
  color: #025EAC;
}

.service-list-top ul li .s-hd {
  background: url(../img/service_xxaq/bg01.png) 0 0/cover no-repeat;
  padding: 0 20px 0;
  height: 120px;
  display: flex;
  align-items: center;
}

.service-list-top ul li .s-hd h2 {
  line-height: 30px;
}

.service-list-top ul li .s-bd {
  padding: 20px;
}

.service-list-top ul li .s-bd p {
  opacity: 0.7;
  line-height: 30px;
  color: #666666;
}

.service-list-top-3 {
  padding-bottom: 20px;
}

.service-list-top-3 ul li {
  width: 33.33%;
}

.yah-service-xxaq2 {
  background: #F2F6FF;
}

.yah-service-xxaq2 .boxCont {
  padding-bottom: 30px;
}

.yah-service-xxaq2 .H-title p {
  margin-top: 20px;
  opacity: 0.7;
  line-height: 28px;
}

ul.sercive-fangandz {
  margin-left: -10px;
  margin-right: -10px;
}

ul.sercive-fangandz li {
  width: 33.33%;
  padding: 0 10px 20px;
}

ul.sercive-fangandz li .inbox {
  height: 100%;
  background: url(../img/service_xxaq/bg02.jpg) bottom right/cover no-repeat;
  border-radius: 5px;
  border: 1px solid #FFFFFF;
  backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  transition: all 1s;
  padding: 20px 20px 27px;
  position: relative;
}

ul.sercive-fangandz li .inbox::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  position: absolute;
  left: -1px;
  top: -1px;
  transform: translateZ(0);
  z-index: 1;
  border-radius: 5px;
  transition: all 1s;
}

ul.sercive-fangandz li .inbox .s-hd {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 30px;
}

ul.sercive-fangandz li .inbox .s-hd h2 {
  color: #2B313F;
  margin-bottom: 5px;
}

ul.sercive-fangandz li .inbox .s-hd p {
  line-height: 18px;
  color: #404040;
  font-size: 12px;
}

ul.sercive-fangandz li .inbox .s-bd .tt {
  padding-left: 18px;
  position: relative;
  font-size: 12px;
  line-height: 18px;
}

ul.sercive-fangandz li .inbox .s-bd .tt::before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  position: absolute;
  left: 6px;
  top: 8px;
  background: #2B313F;
}

ul.sercive-fangandz li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border: 1px solid transparent;
}

ul.sercive-fangandz li .inbox:hover::before {
  border-color: #025EAC;
}

ul.sercive-fangandz li .inbox:hover .s-hd h2 {
  color: #025EAC;
}

ul.sercive-fangandz-bz li .inbox {
  padding-bottom: 20px;
}

ul.sercive-fangandz-bz li .inbox .s-hd {
  margin-bottom: 20px;
}

ul.sercive-fangandz-bz li .inbox .s-hd h2 {
  color: #2B313F;
}

ul.sercive-fangandz-bz li .inbox:hover .s-hd h2 {
  color: #025EAC;
}

.yah-service-xxaq3 {
  background: #FFFFFF;
}

.yah-service-xxaq3 .boxCont {
  padding-bottom: 30px;
  padding-top: 30px;
}

.yah-service-xxaq3 .H-title p {
  margin-top: 20px;
  opacity: 0.7;
  line-height: 28px;
}

ul.service-last-lists {
  margin-left: -10px;
  margin-right: -10px;
}

ul.service-last-lists li {
  width: 20%;
  padding: 0 10px 20px;
}

ul.service-last-lists li .inbox {
  height: 100%;
  background: #F2F6FF;
  border-radius: 5px;
  transition: all 1s;
  overflow: hidden;
  padding: 20px 30px 30px;
}

ul.service-last-lists li .inbox .icon {
  width: 60px;
  margin: 0 auto;
}

ul.service-last-lists li .inbox .icon img {
  max-width: 100%;
}

ul.service-last-lists li .inbox h2 {
  margin: 20px auto;
  text-align: center;
  transition: all 1s;
}

ul.service-last-lists li .inbox p {
  line-height: 30px;
  opacity: 0.7;
  text-align: center;
}

ul.service-last-lists li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
}

ul.service-last-lists li .inbox:hover h2 {
  color: #025EAC;
}

ul.service-last-lists-3 li {
  width: 33.33%;
}

.cont-title {
  margin-bottom: 20px;
}

.cont-title h2 {
  color: #262626;
}

.service-huhang {
  background: url(../img/service_xxaq/bg_pg01.png) center center/cover no-repeat;
  overflow: hidden;
  border-radius: 5px;
  padding: 35px 40px;
}

.service-huhang ul {
  margin-left: -20px;
  margin-right: -20px;
}

.service-huhang ul li {
  width: 25%;
  padding: 0 20px;
}

.service-huhang ul li .inbox {
  color: #fff;
  text-align: center;
}

.service-huhang ul li .inbox .icon {
  width: 60px;
  margin: 0 auto 20px;
}

.service-huhang ul li .inbox .icon img {
  width: 100%;
}

.service-huhang ul li .inbox p {
  text-align: center;
  opacity: 0.7;
  line-height: 30px;
}

.service-huhang ul li .inbox h2 {
  line-height: 1;
}

.service-huhang ul li .inbox h2::after {
  content: '';
  display: block;
  border-radius: 40px;
  width: 40px;
  height: 3px;
  background: #FFFFFF;
  margin: 20px auto;
}

.yah-service-pg2 .boxCont {
  padding-bottom: 50px;
}

.service-huhang-3 ul li {
  width: 33.33%;
}

.service-labes-lists ul {
  margin-left: -10px;
  margin-right: -10px;
}

.service-labes-lists ul li {
  width: 50%;
  padding: 0 10px;
}

.service-labes-lists ul li .inbox {
  border-radius: 16px;
  height: 100%;
  border: 2px solid #E6E8F2;
  padding: 20px 40px;
}

.service-labes-lists ul li .inbox .s-hd {
  text-align: center;
  margin-bottom: 20px;
}

.service-labes-lists ul li .inbox .s-bd {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.service-labes-lists ul li .inbox .s-item h5 {
  line-height: 30px;
  color: #025EAC;
  margin-bottom: 5px;
}

.service-labes-lists ul li .inbox .s-item .labels {
  gap: 10px;
}

.service-labes-lists ul li .inbox .s-item .labels span {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  background: #E9F1FC;
}

ul.sercive-yjxy-fangandz li .inbox .s-hd h2 {
  color: #2B313F;
}

ul.sercive-yjxy-fangandz li .inbox .s-bd .tt {
  opacity: 0.7;
  margin-bottom: 10px;
}

ul.sercive-yjxy-fangandz li .inbox .s-bd .tt:last-child {
  margin-bottom: 0;
}

ul.sercive-yjxy-fangandz li .inbox:hover .s-hd h2 {
  color: #025EAC;
}

.service-baozhang-img {
  border-radius: 5px;
  overflow: hidden;
}

.service-baozhang-img img {
  max-width: 100%;
}

.yah-service-baozhang2 {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
}

.yah-service-baozhang2 .boxCont {
  padding-bottom: 30px;
}

.mt20 {
  margin-top: 20px;
}

@media (max-width: 1440px) {
  .service-list-top ul li .s-hd {
    height: 100px;
  }
  ul.sercive-fangandz li .inbox .s-hd {
    margin-bottom: 20px;
  }
}

@media (max-width: 1200px) {
  ul.service-last-lists li .inbox {
    padding: 20px;
  }
  .service-list-top ul, ul.sercive-fangandz, .ul.service-last-lists {
    margin-left: -5px;
    margin-right: -5px;
  }
  .service-list-top ul li, ul.sercive-fangandz li, .ul.service-last-lists li {
    padding: 0 5px;
  }
  ul.sercive-fangandz li {
    padding-bottom: 10px;
  }
  ul.service-last-lists li .inbox .icon {
    width: 40px;
  }
  .service-huhang ul {
    margin-left: -10px;
    margin-right: -10px;
  }
  .service-huhang ul li {
    padding: 0 10px;
  }
  .service-huhang {
    padding: 35px 20px;
  }
  .service-huhang ul li .inbox h2::after {
    width: 30px;
    height: 2px;
    margin: 10px auto;
  }
  .service-labes-lists ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .service-labes-lists ul li {
    padding: 05px;
  }
  .service-labes-lists ul li .inbox {
    padding: 20px;
  }
  .service-huhang ul li .inbox .icon {
    width: 40px;
  }
}

@media (max-width: 768px) {
  ul.service-last-lists li .inbox h2 {
    margin: 10px auto;
  }
  .yah-service-xxaq1 .hd span {
    width: 30px;
  }
  .service-list-top ul li {
    width: 50%;
    padding-bottom: 10px;
  }
  ul.service-last-lists li {
    width: 50%;
    padding-bottom: 10px;
  }
  ul.sercive-fangandz li {
    width: 50%;
  }
  .service-huhang ul li {
    width: 50%;
  }
  .service-labes-lists ul li {
    width: 100%;
  }
  .service-huhang ul li {
    width: 100%;
    margin-bottom: 20px;
  }
  .service-huhang ul li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  ul.sercive-fangandz li {
    width: 100%;
  }
  .service-list-top ul li {
    width: 100%;
  }
  ul.service-last-lists li {
    width: 100%;
  }
}

.yah-Thales1-tabs {
  background: linear-gradient(180deg, #FFFFFF 0%, #E5EEFF 100%);
  padding: 50px 0;
  transition: all 1s;
}

.yah-Thales1-tabs .tab-nav ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Thales1-tabs .tab-nav ul li {
  width: 50%;
  padding: 0 10px;
}

.yah-Thales1-tabs .tab-nav ul li .inbox {
  border-bottom: 2px solid #fff;
  padding: 20px 20px 44px;
  transition: all 1s;
  cursor: pointer;
}

.yah-Thales1-tabs .tab-nav ul li .inbox .icon {
  width: 88px;
  margin: 0 auto 50px;
}

.yah-Thales1-tabs .tab-nav ul li .inbox .icon img {
  max-width: 100%;
}

.yah-Thales1-tabs .tab-nav ul li .inbox .icon .hover {
  display: none;
}

.yah-Thales1-tabs .tab-nav ul li .inbox .icon .fix-icon {
  display: none;
}

.yah-Thales1-tabs .tab-nav ul li .inbox h2 {
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.yah-Thales1-tabs .tab-nav ul li .inbox h2 span {
  display: inline-block;
  font-size: 12px;
  color: #FFFFFF;
  padding: 6px;
  line-height: 1;
  border-radius: 5px;
  margin-left: 4px;
  background: #282B65;
  font-weight: normal;
}

.yah-Thales1-tabs .tab-nav ul li .inbox p {
  opacity: 0.7;
  line-height: 22px;
}

.yah-Thales1-tabs .tab-nav ul li.active .inbox {
  border-bottom-color: #282B65;
}

.yah-Thales1-tabs .tab-nav ul li.active .inbox .icon .normal {
  display: none;
}

.yah-Thales1-tabs .tab-nav ul li.active .inbox .icon .hover {
  display: block;
}

.yah-Thales1-tabs .tab-nav ul li.active .inbox h2 {
  color: #282B65;
}

.yah-Thales1-tabs-hide {
  display: none;
  position: fixed;
  top: 70px;
  left: 0;
  background: #282B65;
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  z-index: 10;
  width: 100%;
  padding: 0;
  z-index: 3;
}

.yah-Thales1-tabs-hide .tab-nav ul {
  margin-left: 0;
  margin-right: 0;
}

.yah-Thales1-tabs-hide .tab-nav ul li {
  color: #fff;
  padding: 0;
  width: 50%;
}

.yah-Thales1-tabs-hide .tab-nav ul li .inbox {
  padding: 18px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none;
  cursor: pointer;
}

.yah-Thales1-tabs-hide .tab-nav ul li .inbox .icon {
  width: 44px;
  margin: 0;
}

.yah-Thales1-tabs-hide .tab-nav ul li .inbox .icon .fix-icon {
  display: block;
  width: 100%;
}

.yah-Thales1-tabs-hide .tab-nav ul li .inbox h2 {
  font-size: 20px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
}

.yah-Thales1-tabs-hide .tab-nav ul li .inbox h2 span {
  color: #282B65;
  background: #fff;
  font-size: 12px;
  margin-left: 5px;
  border-radius: 5px;
  padding: 6px;
}

.yah-Thales1-tabs-hide .tab-nav ul li .inbox p {
  display: none;
}

.yah-Thales1-tabs-hide .tab-nav ul li.active {
  background: rgba(255, 255, 255, 0.2);
}

.yah-Thales1-tabs-hide .tab-nav ul li.active .inbox h2 {
  color: #fff;
}

.yah-Thales2 {
  background: center bottom /cover no-repeat;
  overflow: hidden;
  height: 29.6875vw;
  max-height: 570px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.yah-Thales2::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #0F1128 18%, #131637 49%, #0F1128 85%);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
  z-index: -1;
}

.yah-Thales2 .H-title h2 {
  color: #fff;
}

.yah-Thales3 {
  overflow: hidden;
  background: #F2F6FF;
}

.yah-Thales3 .img {
  width: 89.26471%;
}

.yah-Thales3 .img img {
  max-width: 100%;
}

.yah-Thales5 .boxCont {
  padding-bottom: 30px;
}

.Thales-lists ul {
  margin-left: -10px;
  margin-right: -10px;
}

.Thales-lists ul li {
  width: 33.33%;
  padding: 0 10px 20px;
}

.Thales-lists ul li .inbox {
  height: 100%;
  transition: all 1s;
  padding: 20px;
  border-radius: 5px;
}

.Thales-lists ul li .inbox .icon {
  width: 32px;
  margin: 0 auto;
}

.Thales-lists ul li .inbox .icon img {
  width: 100%;
}

.Thales-lists ul li .inbox h2 {
  margin: 10px 0;
  text-align: center;
  transition: all 1s;
}

.Thales-lists ul li .inbox p {
  opacity: 0.7;
  line-height: 28px;
}

.Thales-lists ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
}

.Thales-lists ul li .inbox:hover h2 {
  color: #025EAC;
}

.Thales-fenge {
  background: #282B65;
  backdrop-filter: blur(40px);
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  overflow: hidden;
}

.Thales-fenge .inwrap {
  align-items: center;
  justify-content: center;
  padding: 18px 0;
  color: #fff;
}

.Thales-fenge .inwrap .icon {
  width: 44px;
  flex-shrink: 0;
  display: inline-block;
}

.Thales-fenge .inwrap .icon img {
  max-width: 100%;
}

.yah-Thales6 {
  overflow: hidden;
}

.yah-Thales6 .img {
  border-radius: 5px;
  overflow: hidden;
}

.yah-Thales6 .img img {
  max-width: 100%;
}

.yah-Thales8 {
  overflow: hidden;
}

.yah-Thales8 .bd {
  background: 0 bottom /cover no-repeat;
  border-radius: 16px;
  padding: 55px 0;
  display: flex;
  justify-content: flex-end;
}

.yah-Thales8 .bd .text {
  width: 50%;
  color: #fff;
  padding: 0 20px;
}

.yah-Thales8 .bd .text h2 {
  margin-bottom: 20px;
}

.yah-Thales8 .bd .text p {
  line-height: 30px;
  margin-bottom: 10px;
}

.yah-Thales8 .bd .text p:last-child {
  margin-bottom: 0;
}

.yah-Thales10 {
  background: center bottom /cover no-repeat;
  overflow: hidden;
  height: 29.6875vw;
  max-height: 570px;
  max-width: 1920px;
  margin: 0 auto;
}

.yah-Thales10 .H-title {
  margin-bottom: 60px;
}

.yah-Thales10 .H-title h2 {
  color: #fff;
}

.yah-Thales10 .txt {
  width: 62.5%;
  color: #fff;
  line-height: 30px;
}

.yah-Thales11 {
  overflow: hidden;
}

.yah-Thales11 .hd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Thales11 .hd ul li {
  width: 20%;
  padding: 0 10px 20px;
}

.yah-Thales11 .hd ul li .inbox {
  height: 100%;
  border-bottom: 2px solid #282B65;
  background: #FFFFFF;
  padding: 20px;
  transition: all 1s;
}

.yah-Thales11 .hd ul li .inbox .img {
  width: 150px;
  margin: 0 auto;
}

.yah-Thales11 .hd ul li .inbox .img img {
  width: 100%;
}

.yah-Thales11 .hd ul li .inbox h3 {
  margin: 10px 0 5px;
  text-align: center;
  line-height: 30px;
  transition: all 1s;
}

.yah-Thales11 .hd ul li .inbox p {
  opacity: 0.7;
  line-height: 28px;
}

.yah-Thales11 .hd ul li .inbox:Hover {
  background: linear-gradient(180deg, #FFFFFF 49%, #EFF4FF 100%);
}

.yah-Thales11 .hd ul li .inbox:Hover h3 {
  color: #025EAC;
}

.yah-Thales11 .bd .img {
  border-radius: 5px;
  overflow: hidden;
}

.yah-Thales11 .bd .img img {
  max-width: 100%;
}

.yah-Thales11 .bd p {
  text-align: center;
  margin-top: 10px;
  color: #767676;
}

.yah-Thales12 {
  background: #F2F6FF;
  overflow: hidden;
}

.yah-Thales12 .hd {
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}

.yah-Thales12 .hd .img {
  width: 32.35294%;
}

.yah-Thales12 .hd .img img {
  width: 100%;
}

.yah-Thales12 .hd .txt {
  flex: 1;
  padding: 60px 30px 20px;
}

.yah-Thales12 .hd .txt h2 {
  line-height: 30px;
  margin-bottom: 20px;
}

.yah-Thales12 .hd .txt p {
  line-height: 30px;
  margin-bottom: 5px;
}

.yah-Thales12 .bd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Thales12 .bd ul li {
  width: 20%;
  padding: 20px 10px 0;
}

.yah-Thales12 .bd ul li .inbox {
  height: 100%;
  border-radius: 5px;
  align-self: stretch;
  padding: 20px;
  background: #FFFFFF;
  transition: all 1s;
  border: 2px solid #fff;
}

.yah-Thales12 .bd ul li .inbox .img {
  width: 50px;
  margin: 0 auto;
}

.yah-Thales12 .bd ul li .inbox .img img {
  max-width: 100%;
}

.yah-Thales12 .bd ul li .inbox h3 {
  margin: 10px 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yah-Thales12 .bd ul li .inbox p {
  opacity: 0.7;
  line-height: 28px;
}

.yah-Thales12 .bd ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border: 2px solid #025EAC;
}

.yah-Thales12 .bd ul li .inbox:hover h3 {
  color: #025EAC;
}

.yah-Thales13 {
  overflow: hidden;
}

.yah-Thales13 .boxCont {
  padding-bottom: 30px;
}

.yah-Thales13 .hd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Thales13 .hd ul li {
  width: 20%;
  padding: 0 10px 20px;
}

.yah-Thales13 .hd ul li .inbox {
  height: 100%;
  border-radius: 5px;
  align-self: stretch;
  padding: 20px;
  background: #FFFFFF;
  transition: all 1s;
  border: 2px solid #E6E8F2;
}

.yah-Thales13 .hd ul li .inbox .img {
  width: 50px;
  margin: 0 auto;
}

.yah-Thales13 .hd ul li .inbox .img img {
  max-width: 100%;
}

.yah-Thales13 .hd ul li .inbox h3 {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
}

.yah-Thales13 .hd ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border: 2px solid #025EAC;
}

.yah-Thales13 .hd ul li .inbox:hover h3 {
  color: #025EAC;
}

.yah-Thales14 {
  overflow: hidden;
}

.yah-Thales14 .boxCont {
  padding-bottom: 30px;
}

.yah-Thales14 .hd ul {
  margin-left: -10px;
  margin-right: -10px;
}

.yah-Thales14 .hd ul li {
  width: 20%;
  padding: 0 10px 20px;
}

.yah-Thales14 .hd ul li .inbox {
  height: 100%;
  border-radius: 5px;
  align-self: stretch;
  padding: 0 20px 20px;
  background: #FFFFFF;
  transition: all 1s;
  border: 2px solid #E6E8F2;
}

.yah-Thales14 .hd ul li .inbox .img {
  width: 100px;
  margin: 0 auto;
}

.yah-Thales14 .hd ul li .inbox .img img {
  max-width: 100%;
}

.yah-Thales14 .hd ul li .inbox h3 {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.yah-Thales14 .hd ul li .inbox:hover {
  box-shadow: 0px 10px 20px 0px rgba(0, 70, 130, 0.15);
  backdrop-filter: blur(40px);
  border: 2px solid #025EAC;
}

.yah-Thales14 .hd ul li .inbox:hover h3 {
  color: #025EAC;
}

@media (max-width: 1200px) {
  .yah-Thales1-tabs-hide {
    top: 60px;
  }
  .yah-Thales1-tabs-hide .tab-nav ul li .inbox {
    padding: 12px 0;
  }
  .yah-Thales1-tabs-hide .tab-nav ul li .inbox h2 {
    font-size: 18px;
  }
  .yah-Thales1-tabs {
    padding: 30px 0;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox .icon {
    width: 66px;
    margin-bottom: 25px;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox {
    padding-bottom: 22px;
  }
  .yah-Thales3 .img {
    margin: 0 auto;
    width: 60%;
  }
  .yah-Thales1-tabs .tab-nav ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .yah-Thales1-tabs .tab-nav ul li {
    padding: 0 5px;
  }
  .Thales-lists ul, .yah-Thales11 .hd ul li, .yah-Thales12 .bd ul, .yah-Thales13 .hd ul, .yah-Thales14 .hd ul {
    margin-left: -5px;
    margin-right: -5px;
  }
  .Thales-lists ul li, .yah-Thales11 .hd ul li li, .yah-Thales12 .bd ul li, .yah-Thales13 .hd ul li, .yah-Thales14 .hd ul li {
    padding: 0 5px 10px;
  }
  .yah-Thales12 .bd ul li {
    padding: 10px 5px 0;
  }
  .yah-Thales10 {
    height: auto;
  }
  .yah-Thales10 .H-title {
    margin-bottom: 30px;
  }
}

@media (max-width: 1024px) {
  .yah-Thales11 .hd ul li .inbox .img {
    width: 100px;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox .icon {
    width: 50px;
  }
  .yah-Thales13 .hd ul li, .yah-Thales14 .hd ul li, .yah-Thales12 .bd ul li {
    width: 33.33%;
  }
  .yah-Thales14 .hd ul li .inbox .img {
    width: 60px;
  }
}

@media (max-width: 768px) {
  .yah-Thales1-tabs-hide .tab-nav ul li .inbox h2 {
    font-size: 16px;
  }
  .yah-Thales3 .img {
    width: 90%;
  }
  .yah-Thales11 .hd ul li, .yah-Thales12 .bd ul li {
    width: 33.33%;
  }
  .yah-Thales12 .hd .txt {
    padding: 20px;
  }
  .yah-Thales1-tabs {
    padding: 20px 0;
  }
  .yah-Thales8 .bd {
    padding: 30px 0;
  }
  .yah-Thales8 .bd .text {
    width: 100%;
  }
  .yah-Thales12 .hd .txt {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .yah-Thales11 .hd ul li, .yah-Thales12 .bd ul li, .Thales-lists ul li {
    width: 100%;
  }
  .yah-Thales10 .txt {
    width: 100%;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox p {
    display: none;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox {
    border-bottom-width: 1px;
    padding: 0;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox .icon {
    width: 30px;
    margin-bottom: 10px;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox h2 {
    font-size: 14px;
  }
  .yah-Thales1-tabs .tab-nav ul li .inbox h2 span {
    display: none;
  }
  .yah-Thales2 {
    height: 55vw;
  }
  .Thales-lists ul li {
    width: 100%;
  }
  .yah-Thales12 .hd .img {
    width: 100%;
  }
  .yah-Thales13 .hd ul li, .yah-Thales14 .hd ul li {
    width: 50%;
  }
  .yah-Thales12 .bd ul li {
    width: 100%;
  }
  .yah-Thales1-tabs-hide .tab-nav ul li .inbox h2 {
    font-size: 12px;
  }
  .yah-Thales1-tabs-hide .tab-nav ul li .inbox h2 span {
    display: none;
  }
  .yah-Thales1-tabs-hide .tab-nav ul li .inbox .icon {
    width: 30px;
  }
  .yah-Thales1-tabs-hide .w1360, .yah-Thales1-tabs .w1360 {
    width: 100%;
    margin: 0;
  }
}

.flex-dir-row-reverse {
  flex-direction: row-reverse;
}

.bodian {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.bodian > div {
  height: 100%;
  overflow: hidden;
  position: relative;
  opacity: 0.3;
}

@keyframes rotate {
  0% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
  }
  100% {
    transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
  }
}

.stars {
  transform: perspective(500px);
  transform-style: preserve-3d;
  position: absolute;
  bottom: -10%;
  perspective-origin: 50% 100%;
  left: 50%;
  animation: rotate 60s infinite linear;
}

.star {
  width: 2px;
  height: 2px;
  background: #F7F7B6;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0 -300px;
  transform: translate3d(0, 0, -300px);
  backface-visibility: hidden;
}

.in-banner-jb2 {
  background: radial-gradient(220% 105% at top center, #000 10%, #000035 40%, #0b2570 65%, #025EAC);
}

.in-banner-jb2 img {
  opacity: 1;
}

.in-banner-jb2 .banner-text .word {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.in-banner-jb2 .lt {
  flex: 1;
}

.in-banner-jb2 .rt {
  width: 29.41176%;
  flex-shrink: 0;
  transform: translateX(6.5%);
}

.in-banner-jb2 .rt img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .in-banner-jb2 .rt {
    display: none;
  }
  header.first-hd.active .nav-button span, header.first-in-hd.active .nav-button span {
    background: #2B313F;
  }
}

@media screen and (max-width: 768px) {
  .in-banner-jb2::before {
    display: none;
  }
  .in-banner-hzhb {
    height: 400px;
  }
  .yah-hzhb-list ul li .inbox a {
    flex-direction: column;
  }
  .yah-hzhb-list ul li .s-logo {
    width: 240px;
  }
  .yah-hzhb-list ul li .txt .s-hd h3 {
    text-align: center;
  }
  .yah-hzhb-list ul li .txt .s-hd span {
    opacity: 1;
    visibility: visible;
  }
  .in-banner-hzhb img, .in-banner-aboutus img {
    opacity: 1;
  }
  .in-banner-hzhb::before, .in-banner-aboutus::before {
    background: rgba(0, 0, 0, 0.5);
  }
  .nav-button.active span {
    background: #2B313F;
  }
  header.first-hd.active .nav-button span, header.first-in-hd.active .nav-button span {
    background: #2B313F;
  }
  .in-banner .banner-text p {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100% !important;
  }
}

.yah-service-yjxy3 .boxCont, .yah-service-yjxy4 .boxCont, .yah-service-baozhang2-ptn .boxCont, .yah-Cloudfare7 .boxCont, .yah-Bitdefender4 .boxCont, .yah-CyberArk3 .boxCont, .yah-Cloudfare-floor2 .boxCont, .yah-Fortinet2 .boxCont, .yah-Tenable2 .boxCont, .yah-Thales5 .boxCont, .yah-Thales7 .boxCont, .yah-Thales8 .boxCont, .yah-Thales9 .boxCont, .yah-Thales14 .boxCont, .yah-shuyingxq3 .boxCont, .yah-shuyingxq5 .boxCont {
  padding-top: 0;
}

.yah-jiyan2 .boxCont {
  padding-bottom: 0;
}

.haiyunan-1 .boxCont {
  padding-top: 30px;
}