@charset "UTF-8";

/* 组件样式 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: var(--primary);
  line-height: 1;
  font-weight: 600;
  height: 100%;
}

/* .boxCont .H-title h2::before {
  content: '';
  display: block;
  width: 6px;
  height: 30px;
  border-radius: 5px;
  background: var(--primary);
  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;
  }
}


.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: var(--primary);
  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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.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: var(--primary);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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: var(--primary);
}

.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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.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 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: var(--primary);
  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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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: var(--primary);
  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: var(--primary);
}

.page-qdczxt .qdczxt-list ul li.active .hd::after {
  color: var(--primary);
  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: var(--primary);
  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: var(--primary);
}

.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: var(--primary);
}

.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(../images/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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: var(--primary);
  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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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: var(--primary);
  color: #fff;
  border-radius: 5px;
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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: var(--primary);
  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 var(--primary);
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.yah-jiyan3 ul li .inbox:hover .s-hd h2 {
  color: var(--primary);
}

.yah-jiyan3 ul li .s-hd {
  background: url(../images/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(../images/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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.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: var(--primary);
}

.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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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: var(--primary);
  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: var(--primary);
}

.yah-shuyingxq5 .lists ul li.active a::after {
  color: var(--primary);
}

.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(../images/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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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 var(--primary);
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

@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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.yah-Cloudfare2 ul li .inbox:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: var(--primary);
  opacity: 0;
  transition: all 1s;
}

.yah-Cloudfare5 .tab-nav ul li.active a {
  color: var(--primary);
}

.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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.yah-Cloudfare5 .lists-app ul li .inbox:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.yah-Cloudfare6 ul li .inbox:hover {
  background: var(--primary);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.yah-Cloudfare8 ul li .inbox:hover {
  background: #FFFFFF;
  border: 2px solid var(--primary);
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.yah-Cloudfare8 ul li .inbox:hover .s-hd h2 {
  color: var(--primary);
}

.yah-Cloudfare8 ul li .s-hd {
  background: url(../images/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: var(--primary);
  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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: 2px solid var(--primary);
}

.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: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
  border: 2px solid var(--primary);
}

.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(../images/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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
  border: 2px solid var(--primary);
}

.yah-OPSWAT6 .cont ul li .inbox:hover h2 {
  color: var(--primary);
}

.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(../images/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(../images/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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: 2px solid var(--primary);
}

.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: var(--primary);
}

.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: var(--primary);
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all 1s;
}

.KeEn-4 .tab-nav ul li.active a {
  color: var(--primary);
}

.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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.haiyunan-2 ul li .inbox::after {
  content: '';
  display: block;
  width: 100%;
  height: 22px;
  background: url(../images/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 var(--primary);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
}

.haiyunan-2 ul li .inbox:hover h3 {
  color: var(--primary);
}

@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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.yah-yigeyun1 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-color: var(--primary);
}

.yah-yigeyun1 ul li .inbox:hover h3 {
  color: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-color: var(--primary);
}

.yah-yigeyun2 .tab-nav ul li.active a h3 {
  color: var(--primary);
}

.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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.yigeyun-3 ul li .inbox:hover {
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: 2px solid var(--primary);
}

.yigeyun-3 ul li .inbox:hover h3 {
  color: var(--primary);
}

.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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  background: var(--primary);
  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: var(--primary);
  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: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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: var(--primary);
  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: var(--primary);
}

.CyberArk-2 .item2-block-3 .qdczxt-list ul li.active .hd::after {
  color: var(--primary);
  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(../images/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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.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: var(--primary);
}

.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: var(--primary);
}

.yah-aboutus-2 .swiper-button-next {
  background: none;
  right: -40px;
  color: #2B313F;
}

.yah-aboutus-2 .swiper-button-next:hover {
  color: var(--primary);
}

.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: var(--primary);
}

.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(../images/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%, var(--primary) 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: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.1);
  border: 2px solid #E6E8F2;
  background: #F7FAFE;
  height: 100%;
  transition: all 1s;
}

.service-list-top ul li .inbox:hover {
  background: #FFFFFF;
  border: 2px solid var(--primary);
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.service-list-top ul li .inbox:hover .s-hd h2 {
  color: var(--primary);
}

.service-list-top ul li .s-hd {
  background: url(../images/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(../images/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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
  border: 1px solid transparent;
}

ul.sercive-fangandz li .inbox:hover::before {
  border-color: var(--primary);
}

ul.sercive-fangandz li .inbox:hover .s-hd h2 {
  color: var(--primary);
}

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: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

ul.service-last-lists li .inbox:hover h2 {
  color: var(--primary);
}

ul.service-last-lists-3 li {
  width: 33.33%;
}

.cont-title {
  margin-bottom: 20px;
}

.cont-title h2 {
  color: #262626;
}

.service-huhang {
  background: url(../images/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: var(--primary);
  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: var(--primary);
}

.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: 0px;
  left: 0;
  background: #282B65;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
}

.Thales-lists ul li .inbox:hover h2 {
  color: var(--primary);
}

.Thales-fenge {
  background: #282B65;
  backdrop-filter: blur(40px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  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: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
  border: 2px solid var(--primary);
}

.yah-Thales12 .bd ul li .inbox:hover h3 {
  color: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
  border: 2px solid var(--primary);
}

.yah-Thales13 .hd ul li .inbox:hover h3 {
  color: var(--primary);
}

.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: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(40px);
  border: 2px solid var(--primary);
}

.yah-Thales14 .hd ul li .inbox:hover h3 {
  color: var(--primary);
}

@media (max-width: 1200px) {
  .yah-Thales1-tabs-hide {
    top: 0px;
  }
  .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%, var(--primary));
}

.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;
}
.yah-Cloudfare-floor2 .boxCont {
  padding-top: 50px; padding-bottom: 0;
}
.yah-Cloudfare3 .boxCont {
  padding-bottom: 50px;
}