.search-page-box {
  padding-top: 0;
}
.search-page-box .news-page-box {
  overflow: hidden;
}
.search-page-box .news-page-box .tab-all {
  padding: clamp(80px, 6.25vw, 120px) 0 clamp(20px, 1.5625vw, 30px);
}
.search-page-box .news-page-box .tab-all .tab {
  background: #fff;
  border-radius: clamp(5.33333px, 0.41667vw, 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: clamp(5.33333px, 0.41667vw, 8px) 0;
}
.search-page-box .news-page-box .tab-all .tab a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: clamp(6.66667px, 0.52083vw, 10px) clamp(13.33333px, 1.04167vw, 20px);
  border-radius: clamp(5.33333px, 0.41667vw, 8px);
  width: clamp(113.33333px, 8.85417vw, 170px);
  font-weight: 400;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #004EA3;
  background: rgba(12, 15, 77, 0.1);
  margin-left: clamp(10px, 0.78125vw, 15px);
  position: relative;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.search-page-box .news-page-box .tab-all .tab a:first-child {
  margin-left: 0;
}
.search-page-box .news-page-box .tab-all .tab a.active, .search-page-box .news-page-box .tab-all .tab a:hover {
  font-weight: 600;
  background: #004EA3;
  color: #FFFFFF;
}
.search-page-box .news-page-box .tab-all .search-input-button {
  position: relative;
}
.search-page-box .news-page-box .tab-all .search-input-button input {
  width: clamp(333.33333px, 26.04167vw, 500px);
  height: clamp(40px, 3.125vw, 60px);
  border-radius: clamp(5.33333px, 0.41667vw, 8px);
  border: 1px solid #004EA3;
  padding: 0 clamp(40px, 3.125vw, 60px) 0 clamp(13.33333px, 1.04167vw, 20px);
  font-weight: 400;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #004EA3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search-page-box .news-page-box .tab-all .search-input-button button {
  position: absolute;
  right: clamp(6.66667px, 0.52083vw, 10px);
  top: clamp(6.66667px, 0.52083vw, 10px);
  width: clamp(26.66667px, 2.08333vw, 40px);
  height: clamp(26.66667px, 2.08333vw, 40px);
  border-radius: clamp(5.33333px, 0.41667vw, 8px);
  background: #004EA3;
  color: #fff;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.search-page-box .news-page-box .search-tips {
  padding-bottom: clamp(20px, 1.5625vw, 30px);
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  /*color: #004EA3;*/
}
.search-page-box .news-page-box .search-tips b {
  font-weight: 600;
  font-size: clamp(17.33333px, 1.35417vw, 26px);
}
.search-page-box .news-page-box .list-box > div {
  display: none;
}
.search-page-box .news-page-box .list-box > div.active {
  display: block;
}
.search-page-box .news-page-box .list-box .product-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-page-box .news-page-box .list-box .product-list ul li {
  width: calc(33.3333333333% - clamp(53.33333px, 4.16667vw, 80px)/3);
  /*border-radius: clamp(13.33333px, 1.04167vw, 20px);*/
  margin-bottom: clamp(20px, 1.5625vw, 30px);
  margin-left: calc(clamp(53.33333px, 4.16667vw, 80px) / 2);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.search-page-box .news-page-box .list-box .product-list ul li::before {
  content: "";
  border: 0;
  box-shadow: none;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /*border-radius: clamp(13.33333px, 1.04167vw, 20px);*/
  pointer-events: none;
}
.search-page-box .news-page-box .list-box .product-list ul li:nth-child(3n+1) {
  margin-left: 0;
}
.search-page-box .news-page-box .list-box .product-list ul li a {
  display: block;
}
.search-page-box .news-page-box .list-box .product-list ul li a .pic {
  position: relative;
}
.search-page-box .news-page-box .list-box .product-list ul li a .pic .tag {
  position: absolute;
  left: -7px;
  top: clamp(26.66667px, 2.08333vw, 40px);
  background: url(../images/pro-tag-icon-02.png) no-repeat center center;
  background-size: 100% 100%;
  width: clamp(76px, 5.9375vw, 114px);
  height: clamp(29.33333px, 2.29167vw, 44px);
  font-weight: 400;
  color: #fff;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  text-align: center;
  line-height: clamp(29.33333px, 2.29167vw, 44px);
  z-index: 6;
}
.search-page-box .news-page-box .list-box .product-list ul li a .pic .tag::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 7px;
  height: 7px;
  background: url(../images/pro-tag-icon-01.png) no-repeat center center;
  background-size: 100% 100%;
}
.search-page-box .news-page-box .list-box .product-list ul li a .pic .meidia-box {
  padding-bottom: 75%;
  overflow: hidden;
  position: relative;
}
.search-page-box .news-page-box .list-box .product-list ul li a .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-page-box .news-page-box .list-box .product-list ul li a .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-page-box .news-page-box .list-box .product-list ul li a .pic img {
  /*border-radius: clamp(13.33333px, 1.04167vw, 20px) clamp(13.33333px, 1.04167vw, 20px) 0 0;*/
}
.search-page-box .news-page-box .list-box .product-list ul li a .text {
  padding: clamp(13.33333px, 1.04167vw, 20px);
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .tit {
  font-weight: 600;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #004EA3;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .desc {
  padding-top: clamp(6.66667px, 0.52083vw, 10px);
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .desc dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .desc dl dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: clamp(6.66667px, 0.52083vw, 10px);
  background: #F9F9F9;
  border-radius: clamp(6px, 0.46875vw, 9px);
  margin-top: clamp(6.66667px, 0.52083vw, 10px);
  width: calc(50% - clamp(6.66667px, 0.52083vw, 10px));
  font-weight: 400;
  margin-left: clamp(13.33333px, 1.04167vw, 20px);
  font-size: 14px;
  color: #2c2c2c;
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .desc dl dd:nth-child(2n+1) {
  margin-left: 0;
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .desc dl dd.color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .desc dl dd.color .color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-page-box .news-page-box .list-box .product-list ul li a .text .desc dl dd.color .color-list i {
  display: block;
  width: clamp(9.33333px, 0.72917vw, 14px);
  height: clamp(9.33333px, 0.72917vw, 14px);
  border-radius: 50%;
  margin-left: clamp(6.66667px, 0.52083vw, 10px);
}
.search-page-box .news-page-box .list-box .product-list .page-box {
  padding: clamp(20px, 1.5625vw, 30px) 0 clamp(40px, 3.125vw, 60px);
}
.search-page-box .news-page-box .list-box .news-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-page-box .news-page-box .list-box .news-list ul li {
  width: calc(33.3333333333% - clamp(66.66667px, 5.20833vw, 100px) / 3);
  margin-left: calc(clamp(66.66667px, 5.20833vw, 100px) / 2);
  margin-bottom: clamp(40px, 3.125vw, 60px);
  background: #FFFFFF;
  border-radius: 0 !important;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.search-page-box .news-page-box .list-box .news-list ul li:nth-child(3n+1) {
  margin-left: 0;
}
.search-page-box .news-page-box .list-box .news-list ul li.border-hover::after {
  border-radius: 0 !important;
}
.search-page-box .news-page-box .list-box .news-list ul li a {
  display: block;
}
.search-page-box .news-page-box .list-box .news-list ul li .pic {
  position: relative;
}
.search-page-box .news-page-box .list-box .news-list ul li .pic .meidia-box {
  padding-bottom: 55%;
  overflow: hidden;
  position: relative;
}
.search-page-box .news-page-box .list-box .news-list ul li .pic .meidia-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-page-box .news-page-box .list-box .news-list ul li .pic .meidia-box video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-page-box .news-page-box .list-box .news-list ul li .pic img {
  border-radius: 0;
}
.search-page-box .news-page-box .list-box .news-list ul li .pic .time {
  position: absolute;
  left: 0;
  top: clamp(20px, 1.5625vw, 30px);
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #FFFFFF;
  width: clamp(80px, 6.25vw, 120px);
  text-align: center;
  height: clamp(26.66667px, 2.08333vw, 40px);
  line-height: clamp(26.66667px, 2.08333vw, 40px);
  border: 1px solid rgb(151, 194, 255);
  border-left-width: 0;
  background: rgba(36, 57, 143, 0.3);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: 0 999px 999px 0;
}
.search-page-box .news-page-box .list-box .news-list ul li .text {
  padding: clamp(16.66667px, 1.30208vw, 25px) clamp(26.66667px, 2.08333vw, 40px);
  font-weight: 600;
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #004EA3;
}
.search-page-box .news-page-box .list-box .news-list .page-box {
  padding-bottom: clamp(80px, 6.25vw, 120px);
}
.search-page-box .news-page-box .list-box .download-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.search-page-box .news-page-box .list-box .download-list ul li {
  width: 32%;
  background: rgba(0, 0, 0, 0.05);
  padding: clamp(13.33333px, 1.04167vw, 20px) clamp(13.33333px, 1.04167vw, 20px) clamp(6.66667px, 0.52083vw, 10px);
  border-radius: clamp(8px, 0.625vw, 12px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: clamp(20px, 1.5625vw, 30px);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.search-page-box .news-page-box .list-box .download-list ul li .tit {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  line-height: clamp(26.66667px, 2.08333vw, 40px);
  font-size: clamp(13.33333px, 1.04167vw, 20px);
  color: #004EA3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-page-box .news-page-box .list-box .download-list ul li .tit img {
  width: clamp(26.66667px, 2.08333vw, 40px);
  height: auto;
  margin-right: clamp(6.66667px, 0.52083vw, 10px);
}
.search-page-box .news-page-box .list-box .download-list ul li .link {
  padding-top: clamp(26.66667px, 2.08333vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.search-page-box .news-page-box .list-box .download-list ul li .link a {
  font-size: clamp(10.66667px, 0.83333vw, 16px);
  color: rgba(12, 15, 77, 0.8);
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: clamp(13.33333px, 1.04167vw, 20px);
  position: relative;
}
.search-page-box .news-page-box .list-box .download-list ul li .link a img {
  width: clamp(10.66667px, 0.83333vw, 16px);
  height: auto;
  margin-right: clamp(3.33333px, 0.26042vw, 5px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.search-page-box .news-page-box .list-box .download-list ul li .link a:hover img {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}
.search-page-box .news-page-box .list-box .download-list ul li:hover {
  background: url(../images/dwon-pic-09.png) no-repeat center center;
  background-size: cover;
}
.search-page-box .news-page-box .list-box .download-list .page-box {
  padding: clamp(20px, 1.5625vw, 30px) 0 clamp(80px, 6.25vw, 120px);
}

@media screen and (max-width: 1023px) {
  .search-page-box {
    padding-top: 99px;
  }
  .search-page-box .news-page-box .tab-all .tab a {
    width: 80px;
  }
  .search-page-box .news-page-box .tab-all .tab {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .search-page-box .news-page-box .tab-all .search-input-button {
    margin-top: 20px;
    width: 100%;
  }
  .search-page-box .news-page-box .tab-all .search-input-button input {
    width: 100%;
  }
  .search-page-box .news-page-box .list-box .product-list ul li {
    width: 100%;
    margin-left: 0;
  }
  .search-page-box .news-page-box .list-box .news-list ul li {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .search-page-box .news-page-box .list-box .download-list ul li {
    width: 100%;
    margin-left: 0;
  }
  .search-page-box .news-page-box .list-box .download-list .m-width-content {
    padding: 0;
  }
}