/* 公共样式 */
html,
body {
      color: #333;
}

html {
      scroll-padding-top: 2.5rem;
      scroll-behavior: smooth;
}

::-webkit-scrollbar {
      width: .15rem;
      background-color: transparent;
}

::-webkit-scrollbar-thumb {
      background-color: #4273D2;
      border-radius: 20px;
}

.tit-17 {
      font-size: .425rem;
}

.tit-15 {
      font-size: .375rem;
}

.c427 {
      color: #4273D2;
}

h2,
h3,
h4,
h5,
h6 {
      font-weight: normal;
}

h5,
h6 {
      text-transform: none;
}

.page {
      width: 100%;
      padding-top: 1rem;
}

.page a {
      width: 1rem;
      height: 1rem;
      line-height: 1rem;
      font-size: .4rem;
      background-color: transparent !important;
      transition: all .6s;
      color: #888 !important;
      border-radius: .05rem;
}

.page .pagination {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
}

.page a[rel="next"],
.page a[rel="prev"] {
      display: none !important;
}

.page a:hover,
.page a.active {
      color: #fff !important;
      background-color: rgba(66, 115, 210, 1) !important;
}

.fixed-header {
      height: 2.5rem;
}

.w1680 {
      width: calc(100% - 6rem);
      margin: 0 auto;
}

.w1480 {
      width: calc(100% - 11rem);
      margin: 0 auto;
}

.es {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
}

.es2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
}

.es3 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
}

.es5 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
}

.text-capitalize {
      text-transform: capitalize;
}

.text-uppercase {
      text-transform: uppercase;
}

.f380 {
      font-weight: 380;
}

.f500 {
      font-weight: 500;
}

.f600 {
      font-weight: 600;
}

.f700 {
      font-weight: 700;
}

.imgCover {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .6S;
}

.line-normal {
      line-height: normal;
}

.fixed-header {
      height: 2.5rem;
      width: 100%;
}

.swiper_btn {
      width: .85rem;
      height: .85rem;
      aspect-ratio: 1/1;
      border-radius: .85rem;
      background-color: rgba(51, 51, 51, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all .5s;
      cursor: pointer;
}

.swiper_btn.swiper-button-disabled {
      opacity: .5;
      pointer-events: none;
}

.swiper_btn:hover {
      background-color: #4273D2;
}

a {
      color: inherit;
}

a:hover {
      color: #4273D2 !important;
}

/* 按钮 */
.more {
      width: 4.5rem;
      height: 1.45rem;
      border-radius: 1.25rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 .85rem;
      font-size: .375rem;
      border: 1px solid rgba(255, 255, 255, 0.50);
      backdrop-filter: blur(10px);
      background-color: rgba(255, 255, 255, 0.1);
      transition: all .5s ease-in-out;
      overflow: hidden;
}

.more svg {
      width: .6rem;
      height: .6rem;
      margin-left: .5rem;
      position: relative;
}

.more svg path {
      display: block;
      transform: translateX(-1px);
}


.t1 {
      font-size: 1.3rem;
      line-height: 1;
}

.sub_banner .scorll {
      position: absolute;
      bottom: 31px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      z-index: 33;
      flex-direction: column;
      align-content: center;
      align-items: center;
}

.sub_banner .scorll svg {
      width: 15px;
      height: auto;
      fill: #fff;
}

.sub_banner {
      position: relative;
      height: 27rem;
      width: 100%;
      overflow: hidden;
}

.sub_banner .txt {
      position: absolute;
      left: 5.5rem;
      top: 8.95rem;
}

.sub_banner .t1 {
      color: #fff;
      margin-bottom: .75rem;
}

.sub_banner h6 {
      font-size: .7rem;
      color: #fff;
}

.sub_banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

/* 首页 */


/* wel */
.wel {
      width: 100%;
      height: auto;
      overflow: hidden;
      position: relative;
}

.wel .sub_banner {
      width: 100%;
      height: 100vh;
      overflow: hidden;
      position: relative;
      z-index: 1;
}

.wel .sub_banner .swiper-slide {
      width: 100%;
      height: 100%;
      overflow: hidden;
}

.wel .sub_banner .swiper-slide .slide-inner {
      width: 100%;
      height: 100%;
      overflow: hidden;
}

.wel .sub_banner .swiper-slide video,
.wel .sub_banner .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wel .sub_banner .txt {
      position: absolute;
      left: 5.675rem;
      top: 7.5rem;
      color: #fff;
}

.wel .sub_banner .txt .t1 {
      margin-bottom: 1.725rem;
      color: inherit;
}

.wel .sub_banner .txt a {
      color: inherit;
}

.wel .wel_a {
      position: relative;
      background-color: #999;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
}

.wel .wel_a .bg {
      width: 100%;
}

.wel .wel_a .w1680 {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      padding: 5.5rem 0 5.975rem;
}

.wel .wel_a .wel_l {
      width: 18.75rem;
}

.wel .wel_a .wel_r {
      width: 20.375rem;
}

.wel .wel_a .wel_r img {
      width: 100%;
}

.wel .wel_a .wel_l p {
      margin-bottom: .65rem;
      font-size: .425rem;
      color: rgba(66, 115, 210, 1);
      line-height: .6rem;
}

.wel .wel_a .wel_l .t1 {
      margin-bottom: 1.575rem;
}

.wel .wel_a .wel_l h6 {
      font-size: .425rem;
      margin-bottom: 2rem;
      line-height: .6rem;
}

.wel .wel_a .wel_l h6 p {
      color: inherit;
}

.wel .wel_a .wel_l .ul_list {
      position: relative;
      display: flex;
      align-items: stretch;
      gap: 1.5rem;
      flex-wrap: wrap;
      margin-bottom: 1.75rem;
}

.wel .wel_a .wel_l .ul_list .ul_li {
      min-width: 5.5rem;
}

.wel .wel_a .wel_l .ul_list h3 {
      display: flex;
      align-items: baseline;
      font-size: 1.3rem;
      line-height: 1.3267;
      background: linear-gradient(113.03deg, #003B8F 0%, #4273D2 100%), linear-gradient(#4273D2, #4273D2);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      padding-bottom: 6px;
      position: relative;
      margin-bottom: .6rem;
}

.wel .wel_a .wel_l .ul_list h3::after {
      position: absolute;
      left: 0;
      top: 100%;
      content: '';
      width: 100%;
      height: 2px;
      border-radius: 5px;
      background: linear-gradient(90deg, #4273D2 62.5%, rgba(66, 115, 210, 0) 100%);
}

.wel .wel_a .wel_l .ul_list h3 span {
      font-size: .8rem;
      margin-left: .1rem;
}

.wel .wel_a .wel_l .ul_list h5 {
      font-size: .425rem;
}

.wel .wel_a .wel_l a {
      color: #fff;
      background: linear-gradient(103.96deg, #003B8F 8.34%, #4273D2 120.53%);
}

/* .wel .wel_a .wel_l  */
.wel .wel_a .img {
      width: 20.375rem;
      height: 15.5rem;
      border-radius: .5rem;
      overflow: hidden;
}

.wel .wel_a .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .5s ease-in-out;
}




.wel .wel_a,
.wel .wel_b,
.wel .wel_c,
.wel .wel_d {
      width: 100%;
      position: relative;
      height: 100%;
      overflow: hidden;
}

.wel .wel_b .swiper-slide,
.wel .wel_b .slide-inner {
      width: 100%;
      height: 100%;
      overflow: hidden;
}

.wel .wel_b img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wel .wel_b .txt {
      color: #fff;
      position: absolute;
      top: 7.5rem;
      left: 5.675rem;
}

.wel .wel_b .txt h2 {
      margin-bottom: 1.725rem;
}

.wel .wel_c .swiper_pro .swiper-slide {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
}

.wel .wel_c .swiper_pro .swiper-slide .bgImg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
}

.wel .wel_c .swiper_pro .swiper-slide .bgImg video,
.wel .wel_c .swiper_pro .swiper-slide .bgImg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wel .wel_c .swiper_pro .swiper-slide::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      content: '';
      background: linear-gradient(180deg, rgba(66, 115, 210, 0) 58.7%, rgba(66, 115, 210, 0.9) 100%);
}

.wel .wel_c .swiper_pro {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: relative;
}

.wel .wel_c .swiper_pro .swiper-wrapper {
      z-index: auto;
}

.wel .wel_c .swiper_pro .swiper-slide {
      width: 100%;
      height: 100%;


}

.wel .wel_c .swiper_pro .w1680 {
      padding: 3rem 0 4rem;
      position: relative;
      z-index: 1;

}

.wel .wel_c .swiper_pro .w1680 .cont {
      width: 19.5rem
}

.wel .wel_c .swiper_pro p {
      margin-bottom: .3rem;
      color: inherit;
      line-height: .6rem;
      font-size: .425rem;

}

.wel .wel_c .swiper_pro h2 {
      margin-bottom: .475rem;
      font-size: 1.3rem;
      line-height: 1.3267;
      color: inherit;
}

.wel .wel_c .swiper_pro h6 {
      color: inherit;
      margin-bottom: 1rem;
      font-size: .425rem;
      line-height: 1.3267;

}

.wel .wel_c .swiper_pro .ul_list {
      width: 100%;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: .4rem .3rem;
      margin-bottom: 3rem;
}

.wel .wel_c .swiper_pro .ul_list .ul_li {
      width: 9.5rem;
      height: 1.45rem;
      border-radius: .125rem;
      border: 1px solid rgba(255, 255, 255, 0.20);
      background-color: rgba(255, 255, 255, 0.05);
}


.wel .wel_c .swiper_pro a.more:hover {
      border-color: #4273D2;
      background-color: #4273D2;
      color: #fff !important;
}

.wel .wel_c .swiper_nav {
      position: absolute;
      bottom: 1.5rem;
      left: 50%;
      transform: translateX(-50%);
      width: calc(100% - 6rem);
      height: auto;
      color: #fff;
      font-size: .55rem;
      transition: all .5s ease-in-out;
}

.wel .wel_c .swiper_nav a {
      display: block;
      width: 100%;
      opacity: .7;
      border-bottom: 1px solid #fff;
      padding-bottom: .325rem;
      transition: all .6s;
}

.wel .wel_c .swiper_nav a:hover {
      opacity: 1;
      color: inherit !important;
}

.wel .wel_c .swiper_nav .swiper-slide.on a {
      opacity: 1;
}

.wel .wel_d {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
}

.wel .wel_d .w1680 {
      padding: 3rem 0 3.625rem;
      position: relative;
      z-index: 1;
}

.wel .wel_d p {
      color: rgba(255, 255, 255, .5);
      margin-bottom: .275rem;
      font-size: .425rem;
}

.wel .wel_d h2 {
      color: #fff;
      margin-bottom: 1.5rem;
}

.wel .wel_d .swiper_card {
      width: 100%;
      overflow: hidden;
      position: relative;
      z-index: 1;
      height: 13.875rem;
}

.wel .wel_d .swiper-slide {
      position: relative;
      height: 100%;
      border-radius: .25rem;

}



.wel .wel_d .swiper-slide .img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: .25rem;
      overflow: hidden;
}

.wel .wel_d .swiper-slide .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.wel .wel_d .swiper-slide::after {
      position: absolute;
      left: calc(100% + .25rem);
      top: 50%;
      transform: translateY(-50%);
      content: '';
      width: .625rem;
      border-radius: .25rem;
      overflow: hidden;
      height: .575rem;
      background-image: url(../gimg/6.webp);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
}

.wel .wel_d .swiper-slide:last-child::after {

      display: none;
}

.wel .wel_d .swiper-slide .txt {
      position: absolute;
      left: 0;
      width: 100%;
      border-radius: .25rem;
      top: 76%;
      height: 100%;
      z-index: 1;
      padding: .95rem;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      background-color: transparent;
      transition: top .3s ease-out, background-color .3s .2s ease-in-out;

}

.wel .wel_d .swiper-slide .txt h4 {
      color: #fff;
      font-size: .8rem;
      display: flex;
      line-height: 1.3;
      margin-bottom: .2rem;
      align-items: center;
}

.wel .wel_d .swiper-slide .txt h4 span {
      margin-left: .2rem;
      width: 1.1rem;
      height: .725rem;
      border-radius: 2.5rem;
      overflow: hidden;
      font-size: .55rem;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      color: #082447;
      backdrop-filter: blur(5px);
      background-color: rgba(255, 255, 255, 0.5);
}

.wel .wel_d .swiper-slide .txt h6 {
      color: rgba(255, 255, 255, .8);
      margin-bottom: .925rem;
      font-size: .375rem;
      line-height: 1.5;
}

.wel .wel_d .swiper-slide .ul_li {
      display: flex;
      align-items: center;
      font-size: .375rem;
      justify-content: flex-start;
}

.wel .wel_d .swiper-slide .ul_li svg {
      margin-right: .325rem;
      width: .425rem;
      flex-shrink: 0;
      height: auto;
}

.wel .wel_d .swiper-slide a {
      font-size: .375rem;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin: auto 0 0 0;
}

.wel .wel_d .swiper-slide a svg {
      margin-left: .25rem;
      width: .125rem;
      height: auto;
}


.wel .wel_d .swiper-slide h4 span {
      opacity: 1;
      transition: all .6s;
}

.wel .wel_d .swiper-slide h6,
.wel .wel_d .swiper-slide .ul_list,
.wel .wel_d .swiper-slide a {
      opacity: 0;
      transform: translateY(20px);
}

.wel .wel_d .swiper-slide.on h6 {
      opacity: 1;
      transform: translateY(0);
      transition: all .5s .3s ease-in-out;
}

.wel .wel_d .swiper-slide.on .ul_list {
      opacity: 1;
      transform: translateY(0);
      transition: all .5s .4s ease-in-out;
}

.wel .wel_d .swiper-slide.on a {
      opacity: 1;
      transform: translateY(0);
      transition: all .5s .45s ease-in-out;

}

.wel .wel_d .swiper-slide.on .txt {
      top: 0;
      backdrop-filter: blur(12.5px);
      background-color: rgba(66, 115, 210, 0.85);
}

.wel .wel_d .swiper-slide.on h4 span {
      opacity: 0;
}

.wel_e .w1680 {
      display: flex;

}

.wel_e {
      padding: 3rem 0 0;
}

.wel_e .txt_top {
      align-items: flex-end;
      justify-content: space-between;
      margin-bottom: 1rem;

}

.wel_e .ul_list {
      width: 100%;
      align-items: stretch;
      flex-wrap: wrap;
      border-top: 1px solid rgba(51, 51, 51, .1);
}

.wel_e .ul_list .ul_li {
      position: relative;
      border-bottom: 1px solid rgba(51, 51, 51, .1);
      width: calc(100% / 3);
      height: 7.125rem;
      padding-top: .75rem;
      padding-left: 1.475rem;
      padding-right: 1.475rem;
      padding-bottom: 1.3rem;
      border-left: 1px solid rgba(51, 51, 51, .1);
}

.wel_e .ul_list .ul_li .bg {
      width: 100%;
      height: auto;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 0;

}

.wel_e .ul_list .ul_li .bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

/*  */
/* 1,7,10 padding-left:120px */

.wel_e .ul_list .ul_li:nth-child(1),
.wel_e .ul_list .ul_li:nth-child(4),
.wel_e .ul_list .ul_li:nth-child(7) {
      padding-left: 3rem;
      border-left: none;
}

.wel_e .ul_list .ul_li:nth-child(3n) {
      padding-right: 3rem;
}

.wel_e .ul_list .ul_li:nth-last-child(-n +3) {
      border-bottom: none;
}

.wel_e .txt_top p {
      color: rgba(66, 115, 210, 1);
      font-size: .425rem;
      margin-bottom: .15rem;
}

.wel_e .txt_top a {
      background: linear-gradient(103.96deg, #003B8F 8.34%, #4273D2 120.53%),
            linear-gradient(0deg, #4273D2, #4273D2);

}

.wel_e .txt_top a:hover {
      color: #fff !important;
}

.wel_e .ul_list .ul_li h4 {
      font-size: .8rem;
      line-height: 1.3;
      margin-bottom: .2rem;

}

.wel_e .ul_list .ul_li h6 {
      font-size: 12px;
      line-height: 1;
      margin-bottom: .375rem;
}

.wel_e .ul_list .ul_li h5 {
      font-size: .55rem;
      line-height: 1.3;
      font-weight: 380;
      margin-bottom: 1.35rem;
}

.wel_e .ul_list .ul_li a {
      font-size: .375rem;
      color: rgba(51, 51, 51, .5);
}

.wel_e .ul_list .ul_li.on {
      background-color: #4273D2;
}

.wel_e .ul_list .ul_li {
      transition: all .5s;
}

.wel_e .ul_list .ul_li h4,
.wel_e .ul_list .ul_li h5,
.wel_e .ul_list .ul_li h6,
.wel_e .ul_list .ul_li a {
      transition: all .5s;
      z-index: 1;
      position: relative;
}

.wel_e .ul_list .ul_li.on h4,
.wel_e .ul_list .ul_li.on h5,
.wel_e .ul_list .ul_li.on h6,
.wel_e .ul_list .ul_li.on a {
      color: #fff;
}

.wel {
      width: 100%;
      height: 100vh;
      position: relative;
      overflow: hidden;
}

.wel>.swiper-wrapper>.swiper-slide {
      width: 100%;
      height: 100vh;
}

.wel>.swiper-wrapper>.wel_e.swiper-slide,
.wel>.swiper-wrapper>.wel_footer.swiper-slide {
      height: auto;
}

/* 关于我们 */
.abt {
      width: 100%;
      height: auto;
      overflow: hidden;
      position: relative;
}


.abt .txt_top {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
}

.abt_a .txt_top {
      align-items: flex-start;

}

.abt .txt_top .txt_l {
      width: 10rem;
}

.abt .txt_top h5 {
      margin-bottom: .6rem;
      line-height: 1.3;
}

.abt .txt_top h6 {
      width: 20rem;
      line-height: 1.75;
}

.abt .abt_a {
      position: relative;
}

.abt .abt_a .w1480 {
      /* position: relative; */
      padding: 2.9rem 0 5.25rem;
}
.abt .abt_a h2{
      line-height: 1.3;
}


.abt .abt_a .bg {
      position: absolute;
      right: 0;
      top: 3.325rem;
      width: 36.675rem;
      height: 12.825rem;
      z-index: -1;
}

.abt .abt_a .bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.abt_a .txt_top h6 {
      padding-top: 1.65rem;
}

.abt .abt_b {
      /* margin-top: 5.5rem; */
      margin-top: 2.5rem;
      width: 37rem;
      height: 17rem;
}

.abt .abt_b .img {
      position: relative;
      width: 37rem;
      height: 17rem;
      border-radius: .25rem;
      overflow: hidden;
      left: 50%;
      transform: translateX(-50%);
}

.abt .abt_b .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.abt .abt_b .w1480 {
      position: absolute;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
      top: 0;
      padding: 4.075rem 0 0;
      opacity: 0;
      display: none;

}

.abt .abt_b .t_img {
      width: 100%;
      height: 17.925rem;
      border-radius: .25rem;
      overflow: hidden;
}

.abt .abt_b .t_img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.abt .abt_b .t_img .play_btn {
      z-index: 2;
}

.abt .abt_b .tit-22 {
      margin-bottom: .925rem;
      line-height: 1.3;
      max-width: 25.25rem;
}

.abt .abt_b .tit-22.text-center {
      margin: 2.325rem auto 0;

}

.abt .abt_b .tit-17 {
      line-height: 1.5;
      margin-bottom: 2.5rem;
      max-width: 25.25rem;
}

.abt .abt_b.on .w1480 {
      opacity: 1;
      z-index: 1;
}

.abt .abt_b .img::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: linear-gradient(180deg, rgba(66, 115, 210, 0.5) 0%, rgba(34, 59, 108, 0) 100%);
      opacity: 0;
      visibility: hidden;
      backdrop-filter: blur(25px);
      will-change: opacity, visibility, backdrop-filter;
      transition: all .6s;

}

.abt .abt_b .img .play_btn {
      z-index: 2;
      opacity: 1;
      transition: all .6s;
}

.abt .abt_b.on .img::after {
      opacity: 1;
      visibility: visible;
}

.abt .abt_b.on .img .play_btn {
      opacity: 1;
}

/*.abt .abt_b.on .w1480{
      opacity: 1;
      z-index: 1;
} */
.abt .abt_c {
      width: 100%;
      height: 27rem;
      position: relative;
      overflow: hidden;
      /* margin-top: 14.75rem; */
}

.abt .abt_c .swiper_card {
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;

}

.abt .abt_c .swiper_card .swiper-slide {
      flex: 1;
      height: 100%;
      overflow: hidden;
      position: relative;
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      transition: all .6s;
}

.abt .abt_c .swiper_card .swiper-slide:last-child {
      border-right: none;
}

.abt .abt_c .swiper_card .swiper-slide .card_show {
      width: 100%;
      height: 100%;
      overflow: hidden;
      padding-top: 10rem;
      padding-bottom: 10rem;
      display: flex;
      align-items: center;
      flex-direction: column;
      transition: all 0s;
}

.abt .abt_c .swiper_card .swiper-slide .icon {
      margin-bottom: .7rem;
      width: 1.375rem;
      height: 1.375rem;
      overflow: hidden;
}

.abt .abt_c .swiper_card .swiper-slide .icon img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.abt .abt_c .swiper_card .swiper-slide h3 {
      color: #fff;
      font-size: .8rem;
      line-height: 1.3;
      margin-bottom: 1.35rem;
}

.abt .abt_c .swiper_card .swiper-slide .card_hide {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      visibility: hidden;
      padding: 5.675rem 5.5rem 10rem;
      transition: all .6s;
}

.abt .abt_c .swiper_card .swiper-slide .card_hide::after {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      content: '';
      background: linear-gradient(360deg, rgba(255, 255, 255, 0.15) 0%, rgba(66, 115, 210, 0) 100%);
      backdrop-filter: blur(25px);
      opacity: 0;
}

.abt .abt_c .swiper_card .swiper-slide .icon {
      transition: all .6s;
}

.abt .abt_c .swiper_card .swiper-slide h3 {
      transition: all .6s;

}

.abt .abt_c .swiper_card .swiper-slide .card_hide h3 {
      opacity: 0;
      visibility: hidden;
      transform: translateY(20px);
}

.abt .abt_c .swiper_card .swiper-slide .card_hide h6 {
      color: #ffff;
      font-size: 1.3rem;
      line-height: 1.3725;
      opacity: 0;
      visibility: hidden;
      transform: translateY(20px);
}

.abt .abt_c .swiper_card .swiper-slide.on .icon {
      transition: all 0s;
      transform: translateY(-.5rem);
      opacity: 0;
      visibility: hidden;
}

.abt .abt_c .swiper_card .swiper-slide.on .card_show h3 {
      transition: all 0s .1s;
      transform: translateY(-.5rem);
      opacity: 0;
      visibility: hidden;
}

.abt .abt_c .swiper_card .swiper-slide.on {
      flex: 24.457%;
}

.abt .abt_c .swiper_card .swiper-slide.on .card_show {
      opacity: 0;
      /* transition: all 0s; */
}

.abt .abt_c .swiper_card .swiper-slide.on .card_hide {
      opacity: 1;
      z-index: 1;
      visibility: visible;
}

.abt .abt_c .swiper_card .swiper-slide.on .card_hide h3 {
      transition: all .6s .3s;
      opacity: 1;
      visibility: visible;
      transform: translateY(0);

}

.abt .abt_c .swiper_card .swiper-slide.on .card_hide h6 {
      transition: all .6s .4s;
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
}

.abt .abt_c .swiper_card .swiper-slide.on .card_hide::after {
      opacity: 1;
      transition: all .6s;
}

.abt_d {
      width: 100%;
      position: relative;
      overflow: hidden;
}

.abt_d .w1480 {
      padding: 3.35rem 0 3.575rem;
}

.abt_d .honor_box {
      margin-top: 1.075rem;
      width: 100%;
      height: 17rem;
      overflow: hidden;
      border-radius: .25rem;
      position: relative;
      display: flex;
      align-items: stretch;
      background-color: #F5F5F5;
}

.abt_d .honor_box .img {
      width: 42.039%;
      height: 100%;
      object-fit: cover;
      transition: all .5s;
}

.abt_d .honor_box .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.abt_d .honor_box .ul_list_box {
      width: 58.061%;
      height: 100%;
      padding: 6px 1px;
}

.abt_d .honor_box .ul_list {
      width: 100%;
      max-height: 100%;
      padding: 2.15rem 1.5rem;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      overflow-y: auto;
      flex-wrap: wrap;
}

.abt_d .honor_box .ul_list .ul_li {
      width: 48%;
      padding-right: 1rem;
      display: flex;
      align-items: center;
      margin-bottom: 1rem;
}

.abt_d .honor_box .ul_list .ul_li:nth-child(2n) {
      padding-right: 0;
}

.abt_d .honor_box .ul_list .ul_li span {
      width: 4px;
      height: 4px;
      background-color: #4273D2;
      display: block;
      border-radius: 50%;
      margin-right: .2rem;
      flex-shrink: 0;
}

.abt_d .honor_box .ul_list .ul_li p {
      flex: 1;
      font-size: .425rem;
      transition: all .6s;
}



.abt_d .honor_box .ul_list .ul_li:hover p {
      color: #4273D2;
}

.abt_d .honor_card_box {
      width: 100%;
      margin-top: 1.7rem;
}

.abt_d .honor_card_box .honor_card_nav {
      border-top: 1px solid rgba(51, 51, 51, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2.675rem;
}

.abt_d .honor_card_box .honor_card_nav a {
      opacity: 0.5;
      transition: all .5s;
      padding-top: 1rem;
      position: relative;
      font-size: .55rem;
      line-height: 1;
}

.abt_d .honor_card_box .honor_card_nav a::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 5px;
      background-color: #4273D2;
      border-radius: .25rem;
      transition: all .5s;
      opacity: 0;
}

.abt_d .honor_card_box .honor_card_nav a:hover,
.abt_d .honor_card_box .honor_card_nav a.on {
      opacity: 1;
      color: #000 !important;
}

.abt_d .honor_card_box .honor_card_nav a.on::after {
      opacity: 1;
}

.abt_d .honor_card_box .swiper_honor_ajax {
      width: 100%;
      margin-top: .9rem;
      /* overflow: hidden; */

}

.abt_d .honor_card_box .swiper_honor_card {
      width: 100%;
      overflow: hidden;

}

.abt_d .honor_card_box .swiper_btn {
      position: absolute;
      /* top: 7.25rem; */
      top: 50%;
      transform: translateY(-50%);
}

.abt_d .honor_card_box .btn_prev {
      left: -1.85rem;
}

.abt_d .honor_card_box .btn_next {
      right: -1.85rem;

}

.abt_d .honor_card_box .swiper_honor_card .swiper-slide {
      width: 30.512%;
}

.abt_d .honor_card_box .swiper_honor_card .img {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #F5F5F5;
      height: 10.375rem;
      padding: 1rem;
}

.abt_d .honor_card_box .swiper_honor_card .img img {
      max-width: 80%;
      object-fit: cover;
      max-height: 100%;
}

.abt_d .honor_card_box .swiper_honor_card p {
      margin-top: .675rem;
      line-height: 1.5;
      transition: all .6s;
}

.abt_d .honor_card_box .swiper_honor_card .swiper-slide:hover p {
      color: #4273D2;
}

.abt_e {
      width: 100%;
      overflow: hidden;
      background-color: #F9F9F9;
}

.abt_e .w1480 {
      padding: 2.8rem 0 5.2rem;
}

.abt_e .txt_top {
      align-items: flex-start;
}

.abt_e .txt_l {
      width: 10rem;
      margin-right: 2.25rem;
}

.abt_e .txt_top h6 {
      margin-top: 1.65rem;
      width: 24rem;
      max-width: 100%;
}

.abt_f .con_nav,
.abt_e .par_nav {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2.2rem;
      margin-top: 1.95rem;
      border-top: 1px solid rgba(51, 51, 51, 0.2);
}

.abt_f .con_nav a,
.abt_e .par_nav a {
      opacity: 0.5;
      transition: all .5s;
      padding-top: 1rem;
      position: relative;
      font-size: .55rem;
      line-height: 1;
      color: #333;
}

.abt_f .con_nav a::after,
.abt_e .par_nav a::after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 5px;
      background-color: #4273D2;
      border-radius: .25rem;
      transition: all .5s;
      opacity: 0;
}

.abt_f .con_nav a:hover,
.abt_f .con_nav a.on,
.abt_e .par_nav a:hover,
.abt_e .par_nav a.on {
      opacity: 1;
      color: #333 !important;
}

.abt_f .con_nav a.on::after,
.abt_e .par_nav a.on::after {
      opacity: 1;
}

.abt_e .par_card {
      display: flex;
      align-items: stretch;
      gap: .825rem .425rem;
      flex-wrap: wrap;
      margin-top: 1.15rem;
}

.abt_e .par_card .par_li {
      width: 24.13%;
      height: 3.75rem;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: .5rem;
      background-color: #fff;
      transition: all .6s;
}

.abt_e .par_card .par_li img {
      max-width: 100%;
      max-height: 100%;
}

.abt_e .par_card .par_li:hover {
      filter: drop-shadow(0 4px 35px rgba(0, 0, 0, 0.10));
}

.abt_f .w1480 {
      padding: 3.125rem 0 3.125rem;
}

.abt_f .txt_top {
      justify-content: center;
}

.abt_f .txt_top h5 {
      margin-bottom: 0;
}

.abt_f .con_nav {
      margin-top: .925rem;
      margin-bottom: 1.4rem;
}

.abt_f .con_box h5 {
      transition: all .6s;

}

.abt_f .con_box h6 {
      margin-bottom: 1.3rem;
      line-height: 1.5;
      transition: all .6s;
}

.abt_f .con_box h6 div {
      display: flex;
      align-items: stretch;
}

.abt_f .con_box h6 div span {
      flex-shrink: 0;
}

.abt_f .con_box .con_list {
      display: flex;
      align-items: stretch;
      width: 100%;
      height: auto;
      gap: .35rem;
      margin-top: .9rem;
      margin-bottom: .9rem;
      flex-wrap: wrap;
}

.abt_f .con_box .img {
      width: 100%;
      height: 16.25rem;
      border-radius: .25rem;
      overflow: hidden;
      width: 100%;
      display: none !important;
}

.abt_f .con_box .con_list .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .6s;
}

.abt_f .con_box .con_list .con_li {
      display: block;
      width: calc((100% - 1.05rem) / 4);
      height: auto;
      min-height: 5.5rem;
      padding: .75rem .875rem;
      transition: all .6s;
      position: relative;
      background-color: transparent;
      border-radius: .125rem;
      background-color: #fff;
      border: 1px solid rgba(0, 0, 0, .1);
}

.abt_f .con_box .con_list .con_li::after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: -0.325rem;
      content: '';
      width: 0;
      height: 0;
      border-left: .325rem solid transparent;
      border-right: .325rem solid transparent;
      border-top: .325rem solid #4273D2;
      opacity: 0;
      transition: all .6s;

}

.abt_f .con_box .con_list .con_li.on,
.abt_f .con_box .con_list .con_li:hover {
      background-color: #4273D2;
      border-color: transparent;
}

.abt_f .con_box .con_list .con_li.on h5,
.abt_f .con_box .con_list .con_li.on h6,
.abt_f .con_box .con_list .con_li:hover h5,
.abt_f .con_box .con_list .con_li:hover h6 {
      color: #fff;
}

.abt_f .con_box .con_list .con_li.on::after,
.abt_f .con_box .con_list .con_li:hover::after {
      opacity: 1;
}

.abt_f .con_box h5 {
      font-size: .425rem;
      color: #333;
      line-height: 1.3;
      margin-bottom: .5rem;
}

.pro {
      width: 100%;
      overflow: hidden;
}

.pro .sub_banner {
      position: relative;
}

.sub_banner {
      height: 15.5rem;

}

.sub_banner .txt {
      top: auto;
      bottom: 25%;

}


.pro .sub_banner .txt {
      /* top: 6.45rem; */
      /* top: 4.45rem; */
      left: 5.5rem;
      max-width: 16.25rem;
      z-index: 1;
}

.pro .sub_banner h2 {
      margin-bottom: .375rem;
}

.pro .sub_banner h5 {
      font-size: .55rem;
      margin-bottom: .875rem;
}

.pro .sub_banner h6 {
      font-size: .425rem;
}

.pro .sub_banner .ul_list {
      position: absolute;
      bottom: 1.625rem;
      width: 37rem;
      z-index: 1;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: stretch;
      /* gap: .5rem; */
}

.pro .sub_banner .ul_list .swiper-wrapper {
      align-items: stretch;
}

.pro .sub_banner .ul_list .swiper-slide {
      width: auto;
      flex: 1;
      height: auto;
}

.pro .sub_banner .ul_list .ul_li {
      height: 100%;
      /* flex: 1; */
      flex-shrink: 0;
      border-radius: .125rem;
      border: 1px solid rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(12.5px);
      background-color: rgba(255, 255, 255, 0.05);
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding: .675rem .55rem;

}

.pro .sub_banner .ul_list .ul_li .icon {
      width: 1.65rem;
      height: 1.65rem;
      border-radius: .125rem;
      background-color: rgba(255, 255, 255, 0.15);
      display: flex;
      align-items: center;
      justify-content: center;
}

.pro .sub_banner .ul_list .ul_li .icon img {
      width: 43%;
      height: auto;
      object-fit: cover;
      max-width: 100%;
      max-height: 100%;
}

.pro .sub_banner .ul_list .ul_li .tit-17 {
      margin-bottom: .25rem;
      margin-top: .25rem;
      line-height: 1;
}

.pro .sub_banner .ul_list .ul_li .tit-15 {
      line-height: 1.5;
      opacity: .7;
}

.pro_a {
      position: relative;
      overflow: hidden;
      padding: 2.05rem 0 3.75rem;
}

.pro_a .txt_top {
      width: 100%;
      margin-bottom: 1.075rem;
}

.pro_a .pro_nav {
      width: 100%;
}

.pro_a .pro_nav .swiper-slide {
      width: auto;
}

.pro_a .pro_nav .swiper-slide a {
      width: auto;
      font-size: .55rem;
      color: #333;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: .3rem 1.15rem;
      border: 1px solid rgba(0, 0, 0, 0.10);
      transition: all .6s;
      border-radius: 1.25rem;
      line-height: 1.2;
}

.pro_a .pro_nav .swiper-slide a.on,
.pro_a .pro_nav .swiper-slide a:hover {
      background-color: #4273D2;
      color: #fff !important;
}

.pro_a .pro_ajax_box {
      width: 100%;
}

.pro_a .pro_ajax {
      width: 100%;
}

.pro_a .pro_top_img {
      width: 100%;
      height: 15.5rem;
      overflow: hidden;
      margin-bottom: .85rem;
}

.pro_a .pro_top_img .img {
      width: 100%;
      height: 15.5rem;
}

.pro_a .pro_bot_imgs .img {
      width: 100%;
      height: 10.5rem;
      overflow: hidden;
}

.pro_a .pro_top_img .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.pro_a .pro_bot_imgs {
      width: 100%;
      display: flex;
      align-items: stretch;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 1.1rem 1rem;
}

.pro_a .pro_ajax .pro_img {
      position: relative;
      border-radius: .25rem;
      overflow: hidden;
      width: 100%;
      height: 100%;
}

.pro_a .pro_ajax .pro_img::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      z-index: 0;
      background-color: rgba(0, 0, 0, .25);
}


.pro_a .pro_ajax .pro_bot_imgs .pro_img {
      width: calc((100% - 1rem) / 2);
      height: 10.5rem;
      transition: all .6s;
}


.pro_a .pro_ajax img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.pro_a .pro_ajax .pro_txt {
      position: absolute;
      right: 0;
      top: 0;
      transition: all .6s;
}

.pro_a .pro_ajax .pro_top_img .pro_txt {
      right: 2.5rem;
      top: 50%;
      transform: translateY(-50%);
      width: 15.5rem;
      height: 9.5rem;
      padding: 1.075rem 1.125rem;
      z-index: 2;
      border: .5px solid rgba(255, 255, 255, 0.25);

}

.pro_a .pro_ajax .pro_txt {
      width: 100%;
      height: 100%;
      padding: 1.825rem 1.5rem;
      border-radius: .25rem;
      overflow: hidden;
      z-index: 2;

}

.pro_a .pro_ajax .pro_top_img .pro_txt::after {
      height: 103%;
      opacity: 1;
      visibility: visible;
}

.pro_a .pro_ajax .pro_txt::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      border-radius: .25rem;
      backdrop-filter: blur(12.5px);
      background-color: rgba(66, 115, 210, 0.85);
      z-index: -1;
      opacity: 0;
      visibility: hidden;
      transition: all .6s;
}

.pro_a .pro_ajax .pro_top_img .pro_txt::after {
      background-color: rgba(255, 255, 255, .1);
}


.pro_a .pro_ajax .pro_txt .tit-32 {
      margin-bottom: .575rem;
      /* line-height: 1.5; */
}

.pro_a .pro_ajax .pro_txt .tit-15 {
      margin-bottom: .85rem;
}

.pro_a .pro_ajax .pro_bot_imgs .pro_txt {
      transform: translateY(61%);
}

.pro_a .pro_ajax .pro_bot_imgs .pro_img::after {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
            linear-gradient(180deg, rgba(255, 255, 255, 0) 62.5%, rgba(0, 0, 0, 0.5) 100%);

}

.pro_a .pro_ajax .pro_bot_imgs .pro_img:hover .pro_txt {
      transform: translateY(0);
}

.pro_a .pro_ajax .pro_bot_imgs .pro_img:hover .pro_txt::after {
      opacity: 1;
      visibility: visible;
}

.pro_a .pro_ajax .pro_txt a:hover {
      background-color: #4273D2;
      color: #fff !important;
      border-color: #4273D2;
}

.pro_b {
      width: 100%;
      padding: 2rem 0 2.325rem;
      background-color: rgba(217, 217, 217, .2);
}

.pro_b .w1480 {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
}

.pro_b .w1480 .img {
      width: 18rem;
      height: 10.5rem;
      margin-top: .7rem;
      border-radius: .25rem;
      overflow: hidden;
}

.pro_b .w1480 .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.pro_b .w1480 .txt {
      width: 14rem;
}

.pro_b .w1480 .txt h5 {
      font-size: .375rem;
      line-height: 1.3;
      margin-bottom: .175rem;
}

.pro_b .w1480 .txt h2 {
      font-size: 1.05rem;
      margin-bottom: 1.2rem;
}

.pro_b .w1480 .txt h6 {
      font-size: .3755rem;
      color: rgba(102, 102, 102, 0.8);
      margin-bottom: .675rem;
}

.pro_b .w1480 .txt a {
      border-color: #4273D2;
      background-color: #4273D2;
      color: #fff !important;
}

.pro_c .w1480 {
      padding-top: .775rem;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;

}
@media(min-width:996px){
      .pro_c{
            height: 2.05rem;
      }
      .pro_c .w1480 {

            height: 2.05rem;
      }
      
      .pro_c .w1480.fixed {
            width: 100%;
            left: 50%;
            transform: translateX(-50%);
            position: fixed;
            top: 2.5rem;
            z-index: 2
      }
      .pro_c .w1480.fixed .pro_nav{
            visibility: visible !important;
            animation-name: fadeInUp !important;
      }
}

.pro_c .w1480::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: rgba(217, 217, 217, .5);
      content: '';
}

.pro_c .w1480 .pro_nav {
      width: auto;
      overflow: hidden;
}

.pro_c .w1480 .pro_nav .swiper-slide {
      width: auto;
}

.pro_c .w1480 .pro_nav a {
      width: auto;
      padding: 0 .7rem .625rem;
      display: block;
      line-height: 1.2;
      font-size: .55rem;
      color: rgba(51, 51, 51, 0.5);
      margin-right: .75rem;
}

.pro_c .w1480 .pro_nav a::after {
      position: absolute;
      left: 0%;
      bottom: 0;
      /* transform: translateX(-50%); */
      content: '';
      width: 0%;
      height: .05rem;
      background-color: rgba(66, 115, 210, 1);
      transition: all .6s;
}

.pro_c .w1480 .pro_nav a:hover,
.pro_c .w1480 .pro_nav a.on {
      color: rgba(51, 51, 51, 1) !important;
}

.pro_c .w1480 .pro_nav a:hover::after,
.pro_c .w1480 .pro_nav a.on::after {
      width: calc(100% - .75rem);
}

.pro_d .tit {
      font-size: .8rem;
      line-height: 1.2;
      text-decoration: underline;
      margin-bottom: .75rem;
      text-underline-offset: 0;
      /* text-underline-position: 10px; */
      text-decoration-thickness: 6px;
      text-decoration-color: rgba(66, 115, 210, 1);
}

.pro_d1 .w1480 {
      padding-top: 2.45rem;
      padding-bottom: 2.5rem;
}

.pro_d1 h6 {
      font-size: .425rem;
      line-height: 1.5;
}

.pro_d1 table {
      width: 100%;
}

.pro_d1 table tr {
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
      gap: 0 1.175rem;
      /* gap: ; */
}

.pro_d1 table td {
      width: calc((100% - 1.175rem * 2) / 3);
      padding: .8rem 0;
      border-top: 1px solid rgba(217, 217, 217, .5);

}

.pro_d2 {
      padding: 1.65rem 0 2.5rem;
      background-color: rgba(0, 59, 143, .05);
}

.pro_d2 h6 {
      font-size: .45rem;
}

.pro_d2 .tit {
      margin-bottom: .9rem;
}

.pro_d2 .txt div {
      margin-bottom: .5rem;
}

.pro_d2 .txt ul {
      font-size: .425rem;
      line-height: 2;
      margin-top: .175rem;
      padding-left: .75rem;
}

.pro_d2 .txt ul li {
      list-style: disc;
}

.pro_d2 .txt h5 {
      font-size: .425rem;
      color: #333;
}

.pro_d2 .w1480 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      display: block;
}

.pro_d2 .w1480 .img {
      margin-top: 1.95rem;
      width: 17.35rem;
      height: 11.35rem;
      overflow: hidden;
      background-color: #fff;
      border-radius: .25rem;

}

.pro_d3 {
      padding: 2.25rem 0 2.5rem;
}

.pro_d3 .tit {
      margin-bottom: .925rem;
}

.pro_d3 .ul_list {
      width: 100%;
      display: flex;
      align-items: stretch;
      flex-wrap: wrap;
}

.pro_d3 .ul_list .ul_li {
      width: calc((100% - 1.175rem * 2) / 3);
      margin-right: 1.175rem;
      font-size: .425rem;
      line-height: 1.3;
      padding: .8rem 0;
      border-top: 1px solid rgba(217, 217, 217, 1);
}

.pro_d3 .ul_list .ul_li:nth-child(3n) {
      margin-right: 0;
}

.pro_d4 {
      padding: 1.65rem 0 2.5rem;
      background-color: rgba(51, 51, 51, .05);
}

.pro_d4 .tit {
      margin-bottom: .5rem;
}

.pro_d4 h6 {
      line-height: 1.5;
      font-size: .425rem;
}

.pro_d4 .txt div {
      margin-bottom: .95rem;
      font-size: .425rem;

}

.pro_d4 .imgs img {
      max-width: 100%;
      border-radius: .25rem;
      overflow: hidden;
      margin: 0 auto;
}

.pro_d5 {
      width: 100%;
      overflow: hidden;
      padding: 1.95rem 0 3.75rem;
}

.pro_d5 .tit {
      text-align: center;
}

.pro_d5 .swiper_card {
      width: 100%;
      overflow: hidden;
}

.pro_d5 .swiper_card .swiper-wrapper {
      width: 100%;
}

.pro_d5 .swiper_card .swiper-slide {
      width: auto;
}

.pro_d5 .swiper_card .swiper-slide a {
      display: block;
      width: 11.5rem;
      margin-right: 1.175rem;
}

.pro_d5 .swiper_card .img {
      width: 100%;
      height: 8rem;
      overflow: hidden;
      border-radius: .05rem;
}

.pro_d5 .swiper_card .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .6s;
}

.pro_d5 .swiper_card h6 {
      font-size: .425rem;
      line-height: 1.5;
      margin-top: .625rem;
}

.pro_d5 .swiper_card a:hover img {
      transform: scale(1.05);
}

.pro_d5 .swiper_card a:hover h6 {
      color: #4273D2 !important;
}

.sol .sub_banner .txt {
      max-width: 12.5rem;
      z-index: 1;
}

.sol .sub_banner .scroll {
      z-index: 1;
}

.sol .sub_banner h6 {
      font-size: 17px;
}

.sol_a {
      padding: 2.2rem 0 3.45rem;
      width: 100%;
}

.sol_a .ul_list {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
}

.sol_a .ul_list .ul_li {
      width: calc((100% - 1rem) / 2);
      height: auto;
      display: block;
      border: 1px solid rgba(51, 51, 51, .1);
      border-radius: .25rem;
      overflow: hidden;
      margin-bottom: 1.175rem;
}

.sol_a .ul_list .ul_li .txt {
      padding: 1.475rem 1.925rem;
}

.sol_a .ul_list .ul_li .img {
      width: 100%;
      height: 8rem;
      overflow: hidden;
      border-radius: .25rem;
}

.sol_a .ul_list .ul_li .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .6s;
}

.sol_a .ul_list .ul_li h3 {
      margin-bottom: .575rem;
      line-height: 1.3;
      font-size: .8rem;
      transition: all .6s;
      height: 2.1rem;

}

.sol_a .ul_list .ul_li h6 {
      font-size: .375rem;
      color: rgba(51, 51, 51, 0.8);
      line-height: 1.5;
      transition: all .6s;
      margin-bottom: .9rem;
      height: 1.125rem;
}

.sol_a .ul_list .ul_li .more {
      font-size: .375rem;
      border-color: rgba(51, 51, 51, 0.25);
}

.sol_a .ul_list .ul_li .more path,
.sol_a .ul_list .ul_li .more circle {
      transition: all .6s;
}

.sol_a .ul_list .ul_li:hover h3,
.sol_a .ul_list .ul_li:hover h6 {
      color: #4273D2;
}

.sol_a .ul_list .ul_li:hover .more {
      border-color: #4273D2;
      background-color: #4273D2;
      color: #fff !important;
}

.sol_a .ul_list .ul_li:hover path,
.sol_a .ul_list .ul_li:hover circle {
      fill: #fff;
}

.sol_b {
      width: 100%;
      position: relative;
      height: 10.5rem;
      overflow: hidden;
}

.sol_b::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      content: '';
      background-color: rgba(247, 247, 247, 0.65);
      backdrop-filter: blur(12.5px);
}

.sol_b img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.sol_b .txt {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      /* max-width: 23.5rem; */
      width: 92%;
}

.sol_b h5 {
      margin-bottom: 7px;
      font-size: .5rem;
      line-height: 1.1;
}

.sol_b h2 {
      margin-bottom: 1.2rem;
      font-size: 1.05rem;
      line-height: 1.3;
}

.sol_b h6 {
      font-size: .375rem;
      line-height: 1.5;
      color: rgba(51, 51, 51, 0.8);
}

/* 产品详情页 */
.pro_d6 {
      width: 100%;
      background-color: rgba(0, 59, 143, .05);
      padding: 1.75rem 0 2.925rem;
}

.pro_d6 .tit {
      margin-bottom: .9rem;
}

.pro_d6 .ul_list {
      display: flex;
      align-items: stretch;
      margin-bottom: .9rem;
}

.pro_d6 .ul_list .ul_li {
      flex: 1;
      padding-right: 4.25rem;
      flex-shrink: 0;
}

.pro_d6 .ul_list .ul_li h5 {
      margin-bottom: .05rem;
      line-height: 1.5;
      font-size: .425rem;
}

.pro_d6 .ul_list .ul_li h6 {
      line-height: 1.5;
      font-size: .425rem;

}

.pro_d6 .img {
      width: 100%;
      height: auto;
}

.pro_d6 .img img {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
}

.pro_d7 {
      padding: 2.425rem 0 3.6rem;
      width: 100%;
      overflow: hidden;
}

.pro_d7 .tit {
      margin-bottom: .625rem;
}

.pro_d7 ul {
      padding-left: .75rem;
      margin-bottom: 1.75rem;
}

.pro_d7 ul li {
      list-style: disc;
      line-height: 1.5;
      font-size: .425rem;
}

.pro_d7 .img {
      width: 100%;
      height: auto;
}

.pro_d7 .img img {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
}

.pro_d8 {
      padding: 2.425rem 0 3.875rem;
      background-color: rgba(51, 51, 51, 0.05);
      width: 100%;
      overflow: hidden;
}

.pro_d8 .tit {
      margin-bottom: .925rem;
}

.pro_d8 .ul_list {
      display: flex;
      align-items: stretch;
      gap: 1.1rem;
      margin-bottom: 1.075rem;
}

.pro_d8 .ul_list .ul_li {
      width: calc((100% - 3.3rem) / 4);
      height: auto;
}

.pro_d8 .ul_list .ul_li_top {
      width: 100%;
      height: 2.1rem;
      background-color: #003B8F;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
}

.pro_d8 .ul_list .ul_li:nth-child(2n) .ul_li_top {
      background-color: #4273D2;
}

.pro_d8 .ul_list .ul_li_bot {
      background-color: #fff;
      padding: .925rem .95rem;
      width: 100%;
}

.pro_d8 .ul_list h6 {
      line-height: 1.5;
      font-size: .425rem;
}

.pro_d8 .ul_list h5 {
      font-size: .55rem;
}

.pro_d8 .img {
      width: 100%;
      height: auto;
      border-radius: .25rem;
      overflow: hidden;
      border: 1px solid rgba(0, 0, 0, 0.10);
      padding: 1.075rem 0;
}

.pro_d8 .img img {
      max-width: 100%;
      height: auto;
      margin: 0 auto;
}

.tec {
      position: relative;
      width: 100%;
      overflow: hidden;
}

.join .banner,
.tec .banner,
.ins .banner,
.news .banner,
.case .banner {
      width: 100%;
      position: relative;
      height: 15.5rem;
      overflow: hidden;
}

.join .banner img,
.tec .banner img,
.ins .banner img,
.news .banner img,
.case .banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.join .banner .txt,
.ins .banner .txt,
.tec .banner .txt,
.news .banner .txt,
.case .banner .txt {
      position: absolute;
      left: 5.5rem;
      bottom: 25%;
      z-index: 1;
      width: 60%;
      z-index: 1;
      max-width: 100%;
      /* margin: 0 auto; */
      text-align:left;
}

.tec_a {
      padding: 2.75rem 0 3.1rem;
      position: relative;
      width: 100%;
      overflow: hidden;
}

.tec_a .txt {
      width: 100%;

}

.tec_a .txt h3 {
      margin-bottom: .275rem;
      font-size: .8rem;

}

.tec_a .txt h6 {
      margin-bottom: 1rem;
      font-size: .425rem;
      line-height: 1.5;
}

.tec_a .line {
      width: 100%;
      height: 1px;
      background: rgba(51, 51, 51, .1);
}

.tec_a h4 {
      margin-top: .8rem;
      font-size: .7rem;
      line-height: 1.3;
}

.tec_a .ul_list {
      display: flex;
      align-items: stretch;
      gap: 1.1rem;
      margin-top: .825rem;
      margin-bottom: 1.225rem;
}

.tec_a .ul_list .ul_li {
      width: calc((100% - 2.2rem) / 3);
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      background-color: #F5F5F5;
      border-radius: .25rem;
      overflow: hidden;
      padding: 1.15rem 1.25rem;
      transition: all .6s;
      border: 1px solid transparent;
      box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0);

}

.tec_a .ul_list .ul_li .ul_li_icon {
      width: 2.225rem;
      height: 2.225rem;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      transition: all .6s;
}

.tec_a .ul_list .ul_li .ul_li_icon img {
      width: .75rem;
      transition: all .6s;
}

.tec_a .ul_list .ul_li .ul_li_txt {
      margin-top: .475rem;
}

.tec_a .ul_list .ul_li .ul_li_txt h5 {
      margin-bottom: .35rem;
      line-height: 1.5;
      font-size: .55rem;
}

.tec_a .ul_list .ul_li .ul_li_txt h6 {
      line-height: 1.5;
      font-size: .375rem;
      color: rgba(51, 51, 51, .5)
}

.tec_a .ul_list .ul_li.on,
.tec_a .ul_list .ul_li:hover {
      background-color: #fff;
      border-color: rgba(66, 115, 210, 0.10);
      box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.10);
}

.tec_a .ul_list .ul_li.on .ul_li_icon,

.tec_a .ul_list .ul_li:hover .ul_li_icon {
      background-color: #4273D2;
}

.tec_a .ul_list .ul_li.on .ul_li_icon img,
.tec_a .ul_list .ul_li:hover .ul_li_icon img {
      filter: invert(1) brightness(5);
}


.tec_a .h6 {
      margin-bottom: 1rem;
      margin-top: .5rem;
      font-size: .375rem;
      width: 17.5rem;
}

.tec_a .c427 {
      margin-bottom: 1.25rem;
      font-size: .55rem;
      line-height: 1.2;
}

.tec_a .swiper-slide {
      width: auto;
      height: 9.7rem;
}

.tec_a .swiper-slide a {
      position: relative;
      width: 7.5rem;
      display: block;
      height: 100%;
      transition: all .6s;
      margin-right: .75rem;
      display: flex;
      justify-content: flex-end;
      transition: all .6s;

}

.tec_a .swiper-slide a.on {
      width: 19.925rem;
      margin-right: 1.325rem;

}

.tec_a .swiper-slide a .img {
      width: 7.5rem;
      height: 100%;
      border-radius: .25rem;
      overflow: hidden;
      position: relative;
}

.tec_a .swiper-slide a .img::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      content: '';
      backdrop-filter: blur(12.5px);
      transition: all .6s;
      background-color: rgba(0, 0, 0, 0.25);
}

.tec_a .swiper-slide a .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;

}

.tec_a .swiper-slide a .txt {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      z-index: 1;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      padding: 1.575rem 1.3rem;
      transition: all .6s;
}

.tec_a .swiper-slide a .txt h5 {
      color: #fff;
      font-size: .55rem;
      transition: all .6s;

}

.tec_a .swiper-slide a .txt h6 {
      margin-top: .8rem;
      position: absolute;
      opacity: 0;
      visibility: hidden;
      z-index: -1;
      transform: translateY(100%);
}

.tec_a .swiper-slide a.on {
      background-color: #F5F5F5;
}

.tec_a .swiper-slide a.on .img::after {
      opacity: 0;
}

.tec_a .swiper-slide a.on .txt {
      width: calc(100% - 7.5rem);
      align-items: flex-start;
      justify-content: flex-start;
}

.tec_a .swiper-slide a.on h5 {
      color: #333;
}

.tec_a .swiper-slide a.on h6 {
      color: #666;
      position: relative;
      z-index: 1;
      transform: translateY(0);
      opacity: 1;
      visibility: visible;
      transition: all .6s .5s;
}

.tec_b {
      width: 100%;
      padding: 2.325rem 0 2.2rem;
      background-color: rgba(0, 59, 143, .05);
}

.tec_b .txt {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1rem;
}

.tec_b .txt h3 {
      font-size: .8rem;
      width: 30%;
      line-height: 1.3;
}

.tec_b .txt .swiper_nav {
      max-width: 60%;
      overflow: hidden;
}

.tec_b .txt .swiper_nav .swiper-slide {
      width: auto;
      padding-right: .55rem;
}

.tec_b .txt .swiper_nav .swiper-slide:last-child {
      padding-right: 0;
}

.tec_b .txt .swiper_nav .swiper-slide a {
      width: max-content;
      padding: 0 1.125rem;
      height: .9rem;
      border-radius: .625rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: all .6s;
      font-size: .375rem;
      border: 1px solid rgba(51, 51, 51, 0.25);
}

.tec_b .txt .swiper_nav .swiper-slide a:hover,
.tec_b .txt .swiper_nav .swiper-slide a.on {
      background-color: #4273D2;
      border-color: #4273D2;
      color: #fff !important;
}

.tec_b .ul_list_ajax {
      width: 100%;
}

.tec_b .ul_list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 1.1rem;
}

.tec_b .ul_list .ul_li {
      width: calc((100% - 2.2rem) / 3);
      height: 3.75rem;
      background-color: #fff;
      padding: .95rem .975rem;
      border-radius: .125rem;
      overflow: hidden;
}

.tec_b .ul_list h5 {
      margin-bottom: .6rem;
      line-height: 1.3;
      font-size: .425rem;
}

.tec_b .ul_list .ul_li_bot {
      display: flex;
      align-items: stretch;
      gap: 0.4rem;
}

.tec_b .ul_list a {
      height: auto;
      color: #999;
      background-color: #F9F9F9;
      border-radius: .625rem;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .325rem;
      padding: .15rem .375rem;
      transition: all .6s;
}

.tec_b .ul_list a svg {
      width: .3rem;
      height: auto;
}

.tec_b .ul_list a svg path {
      transition: all .6s;

}

.tec_b .ul_list a span {
      margin-left: .175rem;
}

.tec_b .ul_list a:hover {
      color: #fff !important;
      background-color: #4273D2;
}

.tec_b .ul_list a.view:hover path {
      fill: #fff;
}

.tec_b .ul_list a.down:hover path {
      stroke: #fff;
}

.tec_d {
      padding: 3rem 0 3.25rem;
      width: 100%;
      position: relative;
      overflow: hidden;
}

.tec_d h3 {
      margin-bottom: .925rem;
      font-size: .8rem;
      line-height: 1.2;
}

.tec_d .swiper_video {
      width: 100%;
      overflow: hidden;
      position: relative;
      height: 15.75rem;
}

.tec_d .swiper_video .swiper-wrapper {
      align-items: stretch;
}

.tec_d .swiper_video .swiper-slide {
      width: auto;
      height: auto;
}


.tec_d .swiper_video .swiper-slide .img {
      position: relative;
      width: 100%;
      height: 13rem;
      overflow: hidden;
      border-radius: .25rem;
}

.tec_d .swiper_video .swiper-slide .img::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.25);
      z-index: 0;
}

.tec_d .swiper_video .swiper-slide .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.tec_d .swiper_video .swiper-slide .txt {
      padding: 1.125rem 1rem .75rem 0;
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.tec_d .swiper_video .swiper-slide .txt h6 {
      font-size: .55rem;
      line-height: 1.2;

}

.tec_d .swiper_video .swiper-slide .play_btn {
      z-index: 2;

}

.tec_d .w1480 {
      position: relative;
}

.tec_d .w1480 .swiper_btn {
      position: absolute;
      width: .85rem;
      height: .85rem;
      border-radius: 50%;
      top: 47.5%;
      transform: translateY(-50%);
}

.tec_d .w1480 .swiper_btn.next_btn {

      right: -1.825rem;
}

.tec_d .w1480 .swiper_btn.prev_btn {
      left: -1.825rem;
      transform: translateY(-50%) rotate(180deg);

}

.tec_e {
      width: 100%;
      position: relative;
      overflow: hidden;
      padding: 2.425rem 0 4.5rem;
      background-color: rgba(51, 51, 51, .05);
      border-radius: .25rem;

}

.tec_e h3 {
      margin-bottom: .25rem;
      font-size: .8rem;
      line-height: 1.3;
}

.tec_e h6 {
      font-size: .425rem;
      margin-bottom: .7rem;
      line-height: 1.5;
}

.tec_e .line {
      width: 100%;
      height: 1px;
      border-radius: .25rem;
      background-color: rgba(51, 51, 51, 0.25);
}

.tec_e .cont_box {
      margin-top: .625rem;
      display: flex;
      align-items: stretch;
      gap: 1.5rem;
      justify-content: space-between;
}

.tec_e .cont_box .cont_nav {
      width: 8rem;
      flex-shrink: 0;
}

.tec_e .cont_box .cont_list {
      flex: 1;
}

.tec_e .cont_box .cont_nav .cont_item {
      width: 100%;
      padding: .375rem .25rem;
      text-align: center;
      font-size: .425rem;
      color: #999;
      border-bottom: 1px solid rgba(0, 0, 0, 0);
      transition: all .6s;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: all .6s;
      position: relative;
      cursor: pointer;
}

.tec_e .cont_box .cont_nav .cont_item::after {
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 0%;
      height: 2px;
      content: '';
      background-color: rgba(0, 0, 0, 1);
      transition: all .6s;
}

.tec_e .cont_box .cont_nav .cont_item svg {
      margin-left: .5rem;
      width: .125rem;
      flex-shrink: 0;
      height: auto;
      opacity: 0;
      transition: all .6s;
}

.tec_e .cont_box .cont_nav .cont_item:hover,
.tec_e .cont_box .cont_nav .cont_item.on {
      color: #333;
      border-color: rgba(0, 0, 0, .25);
      font-weight: 700;
}

.tec_e .cont_box .cont_nav .cont_item:hover::after,
.tec_e .cont_box .cont_nav .cont_item.on::after {
      width: 60%;
}

.tec_e .cont_box .cont_nav .cont_item:hover svg,
.tec_e .cont_box .cont_nav .cont_item.on svg {
      opacity: 1;
}

.tec_e .cont_box .cont_list .cont_li {
      padding-top: .55rem;
      padding-bottom: .6rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tec_e .cont_box .cont_list h5 {
      font-size: .55rem;
      margin-bottom: .35rem;
      line-height: 1.3;
}

.tec_e .cont_box .cont_list h6 {
      font-size: .425rem;
      line-height: 1.5;
      margin-bottom: 0;
}

/*  */
.case {
      width: 100%;
      position: relative;
      overflow: hidden;
}

.case_a {
      width: 100%;
      overflow: hidden;
      padding: 2.45rem 0 4.625rem;
}

.case_a .pro_nav {
      width: 100%;
      margin-bottom: 1.5rem;
}

.case_a .pro_nav .swiper-slide {
      width: auto;
}

.case_a .pro_nav .swiper-slide a {
      display: block;
      width: auto;
      padding: .25rem .9rem;
      line-height: 1;
      height: auto;
      border: 1px solid rgba(51, 51, 51, 0.25);
      border-radius: 1.25rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #333;
      font-size: .375rem;
}

.case_a .pro_nav .swiper-slide a:hover,
.case_a .pro_nav .swiper-slide a.on {
      color: #fff !important;
      background-color: #4273D2;
}


.case_a .txt {
      margin-bottom: .5rem;
}

.case_a .txt h5 {
      font-size: .55rem;
      line-height: 2;
}

.case_a .ul_list {
      position: relative;
      width: 100%;
      overflow: hidden;
      gap: .55rem;
      margin-bottom: 1.875rem;
}


.case_a .ul_li {
      width: 100%;
      height: 10.5rem;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: .5rem;
      margin-bottom: .55rem;
}

.case_a .ul_li:last-child {
      margin-bottom: 0;
}

.case_a .ul_li:nth-child(2n) {
      flex-direction: row-reverse;
}

.case_a .ul_li .ul_li_img {
      width: 18.25rem;
      height: 100%;
      overflow: hidden;
      border-radius: .25rem;

}

.case_a .ul_li .ul_li_img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .6s;
}

.case_a .ul_li .ul_li_txt {
      border-radius: .25rem;
      overflow: hidden;
      width: calc(100% - .5rem - 18.25rem);
      height: 100%;
      background-color: #f5f5f5;
      padding: 1.5rem 1.25rem 1.5rem 1.375rem;
      transition: all .6s;
      box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0);

}

.case_a .ul_li .ul_li_txt h4 {
      margin-bottom: .8rem;
      line-height: 1.3;
      font-size: .55rem;
      transition: all .6s;

}

.case_a .ul_li .ul_li_txt h6 {
      font-size: .375rem;
      line-height: 1.5;
      text-align: justify;
      margin-bottom: 1.25rem;
      transition: all .6s;

}

.case_a .ul_li .ul_li_txt a {
      backdrop-filter: blur(10px);
      background-color: rgba(51, 51, 51, 0);
      border-color: rgba(51, 51, 51, 0.25);
      transition: all .6s;
}

.case_a .ul_li .ul_li_txt a circle,
.case_a .ul_li .ul_li_txt a path {
      transition: all .6s;
}

.case_a .ul_li .ul_li_txt:hover {
      box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.10);
      background-color: #FFF;
}

.case_a .ul_li .ul_li_txt:hover h4 {
      color: #4273D2;
}

.case_a .ul_li .ul_li_txt:hover h6 {
      color: #4273D2;
}

.case_a .ul_li .ul_li_txt:hover a {
      background-color: #4273D2;
      border-color: #4273D2;
      color: #fff !important;
}

.case_a .ul_li .ul_li_txt:hover a circle,
.case_a .ul_li .ul_li_txt:hover a path {
      fill: #fff;
}

.case_a .ul_li .ul_li_img:hover img {
      transform: scale(1.05);
}

.news_a {
      width: 100%;
      overflow: hidden;
      padding: 2rem 0 4.625rem;
}

.news_a .txt {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.3rem;
}

.news_a .txt nav {
      display: flex;
      align-items: center;
      gap: 2rem;
}

.news_a .txt nav a {
      font-size: .8rem;
      line-height: 1;
      color: rgba(51, 51, 51, .5);
      transition: all .6s;
}

.news_a .txt nav a.on {
      color: #333;
}

.news_a .select_box {
      position: relative;
      z-index: 2;
}

.news_a .select_box .select_show {
      padding: .25rem .5rem;
      font-size: .375rem;
      cursor: pointer;
      border-bottom: 1px solid rgba(51, 51, 51, 0);
      transition: all .6s;
}

.news_a .select_box .select_show span {
      margin-right: .225rem;
}

.news_a .select_box .select_show svg {
      width: .325rem;
      height: auto;
      transition: all .6s;

}

.news_a .select_box .select_show.on {
      border-bottom-color: rgba(51, 51, 51, 0.5);
}

.news_a .select_box .select_show.on svg {
      transform: rotate(180deg);
}

.news_a .select_box .select_hide {
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      background-color: #FFF;
      border-radius: .25rem;
      overflow: hidden;
      box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
      display: none;
      max-height: 5rem;
      overflow-y: auto;
}

.news_a .select_box .select_hide a,
.news_a .select_box .select_hide p {
      display: block;
      width: 100%;
      font-size: .375rem;
      color: rgba(51, 51, 51, .5);
      padding: .25rem .5rem;
      transition: all .6s;
      cursor: pointer;
      border-bottom: 1px solid rgba(51, 51, 51, 0.05);
}

.news_a .select_box .select_hide a:last-child,
.news_a .select_box .select_hide p:last-child {
      border-bottom: none;
}

.news_a .select_box .select_hide a:hover,

.news_a .select_box .select_hide p:hover {
      color: rgba(51, 51, 51, 1);

}

.news_a .swiper_card_box {
      width: 100%;
      position: relative;
      margin-bottom: 1.3rem;
}

.news_a .swiper_card {
      width: 100%;
      height: 13.5rem;
      position: relative;
      overflow: hidden;
}

.news_a .swiper_card .swiper-slide {
      width: 100%;
      height: 100%;
      background-color: #F9F9F9;
}

.news_a .swiper_card .swiper-slide a {
      width: 100%;
      height: 100%;
      border-radius: .25rem;
      overflow: hidden;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
}

.news_a .swiper_card .swiper-slide a:hover h4 {
      color: #4273D2;
}

.news_a .swiper_card .swiper-slide .slide_img {
      width: 20.5rem;
      height: 100%;
      overflow: hidden;
      border-radius: .25rem;
}

.news_a .swiper_card .swiper-slide .slide_img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .6s;
}

.news_a .swiper_card .swiper-slide .slide_txt {
      padding: 1.825rem 1.65rem;
      width: calc(100% - 20.5rem);
}

.news_a .swiper_card .swiper-slide .c427 {
      margin-bottom: .15rem;
      font-size: 13px;
      line-height: 1.2;
}

.news_a .swiper_card .swiper-slide h4 {
      font-size: .55rem;
      line-height: 1.3;
      margin-bottom: 1rem;
      transition: all .6s;
}

.news_a .swiper_card .swiper-slide h6 {
      font-size: .425rem;
      line-height: 1.5;
      margin-bottom: 1.75rem;
      transition: all .6s;
      color: rgba(0, 0, 0, .549);

}

.news_a .lmore {
      font-size: .375rem;
      color: rgba(51, 51, 51, .5);
}

.news_a .ul_list {
      width: 100%;
      margin-bottom: 1.25rem;
}

.news_a .ul_list .ul_li {
      width: 100%;
      height: 4.5rem;
      border-radius: .25rem;
      overflow: hidden;
      border: 1px solid rgba(0, 0, 0, 0.1);
      padding: .9rem 1.375rem;
      display: block;
      background-color: #fff;
      margin-bottom: .55rem;
}

.news_a .ul_list .ul_li h4 {
      margin-bottom: .3rem;
      line-height: 1.3;
      font-size: .55rem;
      transition: all .6s;

}

.news_a .ul_list .ul_li h6 {
      font-size: .375rem;
      line-height: 1.5;
      margin-bottom: .5rem;
      transition: all .6s;
      color: rgba(0, 0, 0, .549);
}

.news_a .ul_list .ul_li_bot {
      display: flex;
      align-items: center;
      gap: .5rem;
}

.news_a .ul_list .ul_li_bot .time {
      font-size: .325rem;
}

.news_a .ul_list .ul_li_bot .lmore {
      font-size: .375rem;
      color: rgba(51, 51, 51, .5);
}

.news_a .ul_list .ul_li:hover {
      background-color: #F9F9F9;
      border-color: #F9F9F9;
}

.news_a .ul_list .ul_li:hover h4 {
      color: #4273D2;
}

.news_a .swiper_card_box .swiper-pagination {
      position: relative;
      left: auto;
      bottom: auto;
      top: auto;
      margin-top: 1.275rem;
      line-height: 1;
}

.news_a .swiper_card_box .swiper_btn {
      position: absolute;
      top: 42%;
      transform: translateY(-50%);
      width: .85rem;
      height: .85rem;
      z-index: 1;
      border-radius: 50%;
}

.news_a .swiper_card_box .next_btn {
      right: -2rem;
}

.news_a .swiper_card_box .swiper_btn svg {
      width: 100%;
      height: auto;
}

.news_a .swiper_card_box .prev_btn {
      left: -2rem;
      transform: translateY(-50%) rotate(180deg);
}

.news_a .swiper_card_box .swiper-pagination span {
      margin: 0 5px;
      width: 1.1rem;
      height: 2px;
      background-color: rgba(51, 51, 51, .1);
      opacity: 1;
}

.news_a .swiper_card_box .swiper-pagination span.swiper-pagination-bullet-active {
      background-color: #4273D2 !important;
}

/*  */
.news_info {
      width: 100%;
      overflow: hidden;
      background-color: #F9F9F9;
      padding: 2.325rem 0 4.75rem;
}

.news_info h2 {
      margin-bottom: 1rem;
      font-size: 1.05rem;
      line-height: 1.2;

}

.news_info .time {
      margin-bottom: .9rem;
      font-size: 13px;
      line-height: 1.2;

}

.news_info .line {
      width: 100%;
      height: 1px;
      background-color: #D9D9D9;
}

.news_info .line1 {
      margin-bottom: 1rem;
}

.news_info .line2 {
      margin-bottom: .825rem;
}

.news_info .cont {
      padding-bottom: 1.3rem;
      font-size: .425rem;
      line-height: 1.75;
}

.news_info .cont img {
      display: inline-block;

}

.news_info .nav_box {
      position: relative;

}

.news_info .nav_box a {
      font-size: .375rem;
      line-height: 1.2;

}

.news_info .nav_box a.prev {
      float: left;
      display: block;
      max-width: 48%;
}

.news_info .nav_box a.next {
      float: right;
      display: block;
      max-width: 48%;
}

.news_info .nav_box a p.es {
      flex: 1;
}

.news_info .nav_box a p.col-333 {
      color: #333;
      margin-bottom: .425rem;
      font-weight: 700;

}

.news_info .nav_box a p {
      color: rgba(51, 51, 51, .5);
      transition: all .6s;
}

.news_info .nav_box a:hover p.es {
      color: #4273D2;
}

.news_info .nav_box a.return {
      position: absolute;
      left: 50%;
      top: 2.35rem;
      transform: translateX(-50%);
      width: 1.825rem;
      height: .8rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      border-radius: .5rem;
      overflow: hidden;
      background-color: #4273D2;
}

.news_info .nav_box a.return svg {
      transition: all .6s;
}

.news_info .nav_box a.return:hover svg {
      transform: translateY(-5px);
}


/*  */

.ins_a {
      padding: 2.8rem 0 2.925rem;
}

.ins_a h3 {
      margin-bottom: 1.625rem;
      font-size: .8rem;
      line-height: 1.2;
}

.ins_a .line {
      width: 100%;
      height: 1px;
      background-color: rgba(68, 68, 68, .2);
}

.ins_a .gp_info {
      padding-top: 1.6rem;
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
}

.ins_a .gp_info .gp_l {
      width: 12.5rem;
      margin-right: 3.75rem;
      flex-shrink: 0;
}

.ins_a .gp_info .gp_l h4 {
      margin-bottom: .75rem;
      line-height: 1.2;
      font-size: .8rem;
}

.ins_a .gp_info .gp_l p.mim {
      line-height: 1.3;
      font-size: .425rem;
}

.ins_a .gp_info .gp_l p.gtime {
      margin-top: .2rem;
      margin-bottom: 1.3rem;
}

.ins_a .gp_info .gp_l .hkd {
      display: flex;
      align-items: baseline;
      margin-bottom: .5rem;
}

.ins_a .gp_info .gp_l .hkd span {
      font-size: .425rem;
      line-height: 1;
}

.ins_a .gp_info .gp_l .hkd p {
      line-height: 1;
      font-size: 1.3rem;
      margin-left: .25rem;
}

.ins_a .gp_info .gp_l .icon_img {
      display: flex;
      align-items: center;
      gap: .25rem;
      font-size: .45rem;
      color: rgba(230, 7, 7, 1);

}

.ins_a .gp_info .gp_l .icon_img .up {
      display: block;
}

.ins_a .gp_info .gp_l .icon_img .dw {
      display: none;
}

.ins_a .gp_info .gp_l .icon_img.on .dw {
      display: block;
}

.ins_a .gp_info .gp_l .icon_img.on .up {
      display: none;
}

.ins_a .gp_info .gp_l .icon_img.on {
      color: #0E8D12;
}

.ins_a .gp_info .gp_r {
      width: 14rem;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: 1.85rem 2.5rem;
      flex-wrap: wrap;
}

.ins_a .gp_info .gp_r .gp_item {
      width: 5.675rem;
}

.ins_a .gp_info .gp_r .gp_item .col-999 {
      margin-bottom: .45rem;
      font-size: .4rem;
      line-height: 1;

}

.ins_a .gp_info .gp_r .gp_item .mid {
      display: flex;
      align-items: baseline;
}

.ins_a .gp_info .gp_r .gp_item p {
      font-size: .6rem;
      color: #444;
      line-height: 1;
}

.ins_a .gp_info .gp_r .gp_item .mid span {
      font-size: .4rem;
      margin-left: .25rem;
      display: block;
      color: #444;
      line-height: 1;

}

.ins_b {
      width: 100%;
      background-color: #F9F9F9;
      padding: 3.1rem 0 2.3rem;
}

.ins_b h3 {
      margin-bottom: .825rem;
      font-size: .8rem;

}

.ins_b .ul_list {
      width: 100%;
      margin-bottom: 1.425rem;
}

.ins_b .ul_li {
      background-color: #fff;
      border-radius: .25rem;
      overflow: hidden;
      width: 100%;
      padding: .775rem 1.475rem .775rem 1.375rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: .55rem;
}

.ins_b .ul_li:last-child {
      margin-bottom: 0;
}

.ins_b .ul_li h4 {
      margin-bottom: .25rem;
      font-size: .55rem;
      line-height: 1.3;
      transition: all .6s;
}

.ins_b .ul_li .time {
      font-size: .325rem;
      line-height: 1.3;
      transition: all .6s;

}

.ins_b .ul_li .pdf {
      display: flex;
      align-items: center;
      font-size: .375rem;
      color: #333;
      line-height: 1.3;
}

.ins_b .ul_li .pdf svg {
      width: .575rem;
      height: auto;
}

.ins_b .ul_li .pdf svg path {
      transition: all .6s;
}

.ins_b .ul_li .pdf span {
      display: block;
      color: #333;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 10%;
      margin-left: .1rem;
      transition: all .6s;
}

.ins_b .ul_li:hover {
      background-color: #4273D2;
}

.ins_b .ul_li:hover .time {
      color: #fff;
}

.ins_b .ul_li:hover h4 {
      color: #fff;
}

.ins_b .ul_li:hover span {
      color: #fff;
}

.ins_b .ul_li:hover svg path {
      /* fill: #ffff; */
      stroke: #fff;
}

.join_a {
      width: 100%;
      position: relative;
      overflow: hidden;
      padding: 2.5rem 0 3.8rem;
}

.join_a .txt {
      width: 60%;
      max-width: 100%;
      text-align: center;
      margin: 0 auto .7rem;
}

.join_a .txt h3 {
      margin-bottom: 1.2rem;
      font-size: .8rem;
      line-height: 1.3;
      color: #515151;
}

.join_a .txt h6 {
      font-size: .55rem;
      line-height: 1.5;
}

.join_a .ul_list {
      width: 100%;
      display: flex;
      align-items: flex-start;
      gap: .875rem;
}

.join_a .ul_list .ul_li {
      height: 14.5rem;
      width: calc((100% - 1.75rem) / 3);
      border-radius: .5rem;
      overflow: hidden;
      position: relative;
      cursor: pointer;
}

.join_a .ul_list .ul_li:nth-child(2) {
      /* margin: 0 .875rem; */
      margin-top: 1.75rem;

}

.join_a .ul_list .ul_li .img {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transition: all .6s;

}

.join_a .ul_list .ul_li .img::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      content: '';
      z-index: 0;
      border-radius: .5rem;
      overflow: hidden;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 25%, rgba(34, 64, 125, 0.20) 100%), url(<path-to-image>) 50% / cover no-repeat;
}

.join_a .ul_list .ul_li .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.join_a .ul_list .ul_li .txt {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      padding: 2.15rem 1.6rem;
      transition: all .6s;

}

.join_a .ul_list .ul_li h5 {
      font-size: .8rem;
      line-height: 1.3;
      margin-bottom: .95rem;
      text-align: left;
      transition: all .6s;

}

.join_a .ul_list .ul_li h6 {
      font-size: .55rem;
      line-height: 1.3;
      opacity: 0;
      transform: translateY(20px);
      transition: all .6s;
}

.join_a .ul_list .ul_li.on h5 {
      text-align: center;
}

.join_a .ul_list .ul_li.on h6 {
      opacity: 1;
      transform: translateY(0);
}

.join_a .ul_list .ul_li.on .img::after {
      background: linear-gradient(rgba(217, 217, 217, 0.1), rgba(217, 217, 217, 0.1)), linear-gradient(180deg, rgba(0, 59, 143, 0) 0%, #4273D2 100%);
      backdrop-filter: blur(25px);
}

.join_b {
      width: 100%;
      position: relative;
      overflow: hidden;
      background-color: #F9F9F9;
      padding: 2.75rem 0;
}

.join_b h3 {
      margin-bottom: .825rem;
      text-align: center;
      font-size: .8rem;
      line-height: 1;
}

.join_b .txt a {
      display: flex;
      width: max-content;
      height: auto;
      padding: .4rem 2.5rem;
      justify-content: space-between;
      align-items: center;
      gap: .575rem;
      border-radius: 2.5rem;
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10);
      background-color: #4273D2;
      margin: 0 auto;
      color: #fff !important;
      font-size: .4rem;
}

.join_b .txt a svg {
      width: .425rem;
      height: auto;
      transition: all .6s;
}

.join_b .txt a:hover svg {
      transform: translateX(10px);
}

.join_b .ul_list {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: .875rem 1.075rem;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 1rem;
      margin-bottom: 1.075rem;
}

.join_b .ul_list .ul_li {
      display: block;
      width: calc((100% - 1.075rem) / 2);
      height: 9rem;
      background-color: #fff;
      border-radius: .25rem;
      overflow: hidden;
      padding: 1.275rem 1.5rem 1.275rem 1.225rem;
}

.join_b .ul_list .ul_li h4 {
      font-size: .55rem;
      line-height: 1;
      margin-bottom: .525rem;
      transition: all .6s;
}

.join_b .ul_list .ul_li h6.c427 {
      margin-bottom: .5rem;
      line-height: 1;
      font-size: .35rem;
      transition: all .6s;

}

.join_b .ul_list .ul_li h5 {
      font-size: .55rem;
      line-height: 1;
      color: rgba(51, 51, 51, .8);
      margin-bottom: .75rem;
      transition: all .6s;

}

.join_b .ul_list .ul_li h6.es3 {
      line-height: 1.25;
      font-size: .425rem;
      margin-bottom: .5rem;

      transition: all .6s;
      color: rgba(153, 153, 153, 1);


}

.join_b .ul_list .ul_li .lmore {
      font-size: .35rem;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 3.75rem;
      height: 1.1rem;
      border-radius: 5rem;
      border: 1px solid #4273D2;
      transition: all .6s;
}

.join_b .ul_list .ul_li:hover {
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.10);
}

.join_b .ul_list .ul_li:hover h6,
.join_b .ul_list .ul_li:hover h4,
.join_b .ul_list .ul_li:hover h5 {
      color: #4273D2;

}

/*  */
.met {
      width: 100%;
      position: relative;
      overflow: hidden;
}

.met .sub_banner {
      width: 100%;
      height: 24.5rem;
      overflow: hidden;
}

.met .sub_banner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.met .sub_banner .txt {
      position: absolute;
      left: 50%;
      width: 23.75rem;
      top: 5.575rem;
      transform: translateX(-50%);
}

.met .sub_banner h6 {
      font-size: .55rem;
      line-height: 1.3;
      margin-bottom: .5rem;
}

.met .sub_banner h2 {
      line-height: 1.3;
      font-size: 1.8rem;
      margin-bottom: .75rem;
}

.met .sub_banner h4 {
      font-size: .7rem;
      line-height: 1.3;
      margin-bottom: 1.25rem;
}

.met .sub_banner .a_box {
      width: max-content;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .3rem;
      margin: 0 auto;
}

.met .sub_banner .a_box a {
      width: 3.7rem;
      height: 1.35rem;
      border-radius: 1.25rem;
      backdrop-filter: blur(12.5px);
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .425rem;
}

.met .sub_banner .a_box a:hover {
      color: #fff !important;
      background-color: #4273D2;
}

.met_a {
      width: 100%;
      position: relative;
      z-index: 2;
      margin-top: -1.25rem;
      /* overflow: hidden; */
}

.met_a nav {
      width: 100%;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4.35rem;
      border-radius: .25rem;
      /* overflow: hidden; */
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
      background-color: #FFF;
      font-size: .55rem;
      padding: 0 1rem;
}

.met_a nav a {
      display: block;
      position: relative;
      padding: 1.225rem 0;
      line-height: 1;
      color: rgba(51, 51, 51, .5);
}

.met_a nav a::after {
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0%;
      height: 5px;
      transform: translateX(-50%);
      content: '';
      background-color: #4273D2;
      border-radius: .25rem;
      overflow: hidden;
      transition: all .6s;
}

.met_a nav a.on::after {
      width: 100%;
}

.met_a nav a.on,
.met_a nav a:hover {
      color: rgba(51, 51, 51, 1);
}

.met_b {
      width: 100%;
      position: relative;
      overflow: hidden;
      padding-top: 2.85rem;
      padding-bottom: 4.7rem;

}

.met_b .txt {
      padding-top: 4rem;
      position: relative;
      z-index: 2;
      /* padding: 1.275rem 1.5rem 1.275rem 1.225rem; */
}

.met_b .txt img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0;
      width: 20.2rem;
      height: auto;
      z-index: -1;
}

.met_b .txt h3 {
      font-size: 1.3rem;
      line-height: 1.3;
      margin-bottom: .9rem;
}

.met_b .txt h6 {
      font-size: .55rem;
      line-height: 1.5;
}

.met_c {
      background-color: #F5F6FB;
      width: 100%;
      position: relative;
      overflow: hidden;
      padding-top: 2.85rem;
      padding-bottom: 3.85rem;
}

.met_c .txt {
      margin-bottom: 2rem;
}

.met_c .txt h3 {
      margin-bottom: .25rem;
      line-height: 1.3;
      font-size: 1.05rem;
}

.met_c .txt h6 {
      line-height: 1.5;
      font-size: .425rem;
}

.met_c .ul_list {
      display: flex;
      align-items: stretch;
      flex-wrap: wrap;
      gap: .55rem;
}

.met_c .ul_list .ul_li {
      width: calc((100% - (.55rem * 3)) / 4);
      position: relative;
      height: 8rem;
      z-index: 2;
      overflow: hidden;
      border-radius: .25rem;
}

.met_c .ul_list .ul_li_por {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 2;
      box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
      background-color: #FFF;
      padding: 1rem;
      transition: all .6s;
}

.met_c .ul_list .ul_li .icon {
      width: 1.65rem;
      height: 1.65rem;
      background-color: rgba(245, 246, 251, 1);
      border-radius: .25rem;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: .4rem;
      margin-bottom: .7rem;
      transition: all .6s;

}

.met_c .ul_list .ul_li img {
      max-width: 100%;
      transition: all .6s;

}

.met_c .ul_list .ul_li h4 {
      font-size: .55rem;
      height: 1.5rem;
      line-height: 1.3;
      margin-bottom: .625rem;
      transition: all .6s;

}

.met_c .ul_list .ul_li h6 {
      font-size: .375rem;
      line-height: 1.5;
      transition: all .6s;

}

.met_c .ul_list .ul_li .img {
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      border-radius: .25rem;
      overflow: hidden;
}

.met_c .ul_list .ul_li .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.met_c .ul_list .ul_li.on .ul_li_por,
.met_c .ul_list .ul_li:hover .ul_li_por {
      background-color: transparent;
}

.met_c .ul_list .ul_li.on .icon,
.met_c .ul_list .ul_li:hover .icon {
      background-color: rgba(245, 246, 251, 0.2);
}

.met_c .ul_list .ul_li.on .icon img,
.met_c .ul_list .ul_li:hover .icon img {
      filter: brightness(0) invert(1);
}

.met_c .ul_list .ul_li.on h4,
.met_c .ul_list .ul_li.on h6,

.met_c .ul_list .ul_li:hover h4,
.met_c .ul_list .ul_li:hover h6 {
      color: #fff;
}

.met_d {
      width: 100%;
      position: relative;
      overflow: hidden;
      padding-top: 2.5rem;
      padding-bottom: 5rem;
}

.met_d .txt {
      margin-bottom: 1.5rem;
}

.met_d .txt h3 {
      margin-bottom: .25rem;
      font-size: 1.05rem;
      line-height: 1.3;
}

.met_d .txt h6 {
      line-height: 1.5;
      font-size: .425rem;
}

.met_d .ul_list {
      width: 100%;
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: .75rem 1.1rem
}

.met_d .ul_list .ul_li {
      width: calc((100% - 1.1rem) / 2);
      height: auto;
      display: flex;
      align-items: center;
      gap: 1rem;
      border-radius: .25rem;
      overflow: hidden;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(66, 115, 210, 0.25) 100%);
      backdrop-filter: blur(15px);
      padding: .525rem;
}

.met_d .ul_list .ul_li .icon {
      width: 2rem;
      height: 2.2rem;
      flex-shrink: 0;
      border: 1px solid rgba(255, 255, 255, .5);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .55rem;
      color: #fff;
      border-radius: .25rem;
}

.met_d .ul_list .ul_li .ul_li_txt {
      flex: 1;
}

.met_d .ul_list .ul_li h4 {
      font-size: .55rem;
      line-height: 1.3;
      margin-bottom: .25rem;
}

.met_d .ul_list .ul_li h6 {
      font-size: .325rem;
      line-height: 1.5;
}

.met_e {
      width: 100%;
      overflow: hidden;
      position: relative;
      margin-top: -1.6rem;
}

.met_e .w1480 {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 1.9rem;
      border-radius: .25rem;
      overflow: hidden;
      box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.05);
      backdrop-filter: blur(15px);
      background-color: rgba(255, 255, 255, 0.85);
      padding: 2.05rem 1.925rem 1.85rem;
}

.met_e .w1480 .txt_box {
      width: 13.75rem;
      flex-shrink: 0;
}

.met_e .w1480 h4 {
      font-size: .8rem;
      margin-bottom: .625rem;
      line-height: 1.3;
}

.met_e .w1480 h6 {
      font-size: .425rem;
      color: #999;
      line-height: 1.5;
      display: flex;
      align-items: center;
      margin-bottom: .25rem;
}

.met_e .w1480 h6 p {
      color: #333;
}

.met_e .w1480 .txt1 {
      padding-bottom: 1.5rem;
      border-bottom: 1px solid rgba(51, 51, 51, .1);
      margin-bottom: 1.05rem;
}

.met_e .w1480 .img {
      flex-shrink: 0;
      width: 17.5rem;
      height: 11.6rem;
      overflow: hidden;
      border-radius: .25rem;
}

.met_e .w1480 .img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: all .6s;
}

.met_f {
      width: 100%;
      overflow: hidden;
      position: relative;
      padding: 3.7rem;
      height: 15.5rem;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
}

.met_f h3 {
      font-size: 1.05rem;
      line-height: 1.3;
      margin-bottom: .75rem;
}

.met_f h4 {
      font-size: .8rem;
      line-height: 1;
      margin-bottom: .35rem;
}

.met_f h6 {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: .425rem;
      line-height: 1.5;
      gap: 4px;
}

.met_f h6 svg {
      width: 0.55rem;
      height: auto;
}


.met_g {
      width: 100%;
      position: relative;
      overflow: hidden;
      padding: 2.4rem 0 4.35rem;
}

.met_g h3 {
      margin-bottom: 1.25rem;
      line-height: 1.3;
      font-size: 1.05rem;
}

.met_g .ul_list {
      width: 100%;
}

.met_g .ul_list .ul_li {
      width: 100%;
      border-radius: .25rem;
      border: 1px solid rgba(0, 0, 0, 0.05);
      box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.05);
      background-color: #FFF;
      margin-bottom: .7rem;
}

.met_g .ul_list .ul_li:last-child {
      margin-bottom: 0;
}

.met_g .ul_list .ul_li_top {
      width: 100%;
      padding: .5rem .9rem;
      height: 1.675rem;
      overflow: hidden;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;
      background-color: rgba(217, 217, 217, .5);
      display: flex;
      align-items: center;
      font-size: .55rem;
      line-height: 1.3;
      transition: all .6s;

}

.met_g .ul_list .ul_li_top svg {
      width: .45rem;
      height: auto;
}

.met_g .ul_list .ul_li_top svg path {
      transition: all .6s;
}

.met_g .ul_list .ul_li_top .day {
      margin-left: .45rem;
      transition: all .6s;
      margin-right: .8rem;
}

.met_g .ul_list .ul_li_top h5 {
      transition: all .6s;
      font-size: inherit;
}

.met_g .ul_list .ul_li_bot {
      width: 100%;
      height: auto;
      padding-bottom: .225rem;
      /* padding: 1.05rem 0 1.5rem; */
}

.met_g .ul_list .ul_li_bot .ul_li_item {
      padding: .875rem .9rem .95rem;
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}

.met_g .ul_list .ul_li_bot .ul_li_item:last-child {
      border-bottom: none;
}

.met_g .ul_list .h6 {
      display: flex;
      align-items: center;
      gap: .25rem;
      margin-bottom: .25rem;
}

.met_g .ul_list .h6 svg {
      width: .425rem;
      height: auto;
}

.met_g .ul_list .h6 .time {
      font-size: .425rem;
      line-height: 1.5;
}

.met_g .ul_list h4 {
      font-size: .8rem;
      line-height: 1.3;
}

.met_g .ul_list .ul_li.on .ul_li_top,
.met_g .ul_list .ul_li:hover .ul_li_top {
      background-color: #4273D2;
}

.met_g .ul_list .ul_li.on .ul_li_top svg path,
.met_g .ul_list .ul_li:hover .ul_li_top svg path {
      fill: #FFF;
}

.met_g .ul_list .ul_li:hover .ul_li_top .day,
.met_g .ul_list .ul_li.on .ul_li_top .day,
.met_g .ul_list .ul_li.on .ul_li_top h5,
.met_g .ul_list .ul_li:hover .ul_li_top h5 {
      color: #fff;
}

.met_h {
      width: 100%;
      position: relative;
      overflow: hidden;
      padding: 2.4rem 0 6rem;
      background: linear-gradient(180deg, rgba(66, 115, 210, 0) 0%, rgba(66, 115, 210, 0.05) 100%);

}

.met_h h3 {
      margin-bottom: 2rem;
      font-size: 1.05rem;
      line-height: 1.3;
}

.met_h .ul_list {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 1.025rem 1.1rem;
      align-items: stretch;
}

.met_h .ul_list .ul_li {
      width: calc((100% - 2.2rem) / 3);
      height: 4.5rem;
      border: 1px solid rgba(0, 0, 0, 0.05);
      overflow: hidden;
      display: flex;
      align-items: center;
      transition: all .6s;
      border-radius: .1rem;
      justify-content: center;
}

.met_h .ul_list .ul_li img {
      width: max-content;
      margin: 0 auto;
      max-width: 100%;
      max-height: 100%;
}

.met_h .ul_list .ul_li:hover {
      border-color: rgba(66, 115, 210, 0.5);
      box-shadow: 0 4px 25px rgba(0, 59, 143, 0.50)
}

/*  */
/* .case .banner::after, */
.tec .banner::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      content: '';
      background: linear-gradient(150.18deg, rgba(193, 206, 232, 0.65) 3.68%, rgba(66, 115, 210, 0) 90.21%);
}

.sol .sub_banner::after,
.pro .sub_banner::after {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      content: '';
      background: linear-gradient(180deg, rgba(0, 59, 143, 0) 60.46%, #003B8F 96.16%),
            linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
            linear-gradient(95.22deg, rgba(0, 0, 0, 0.2) -5.69%, rgba(0, 0, 0, 0) 59.04%);

}


.wel .sub_banner .more:hover,
.wel .wel_b .more:hover {
      color: #fff !important;
      border-color: #4273D2;
      background-color: #4273D2;
}

.wel .wel_a .wel_l a:hover {
      color: #fff !important;
}

.wel .wel_a .wel_l a:hover svg {
      transform: translateX(8px);
}

.swiper-pagination {
      z-index: 1;
}

.gy_btn a {
      border-radius: 2.5rem;
      overflow: hidden;
}

.gy_btn a:hover {
      color: rgba(0, 59, 143, 1) !important;
}

@media(min-width:996px) {
      .case_a .ul_list {
            /* width: ; */
            display: flex;
            align-items: stretch;
            flex-wrap: wrap;
      }

      .case_a .ul_list .ul_li {
            height: auto;
            flex-direction: column !important;
            width: calc((100% - 1rem) / 2);
            margin-bottom: 1.175rem;
            gap: 0;
      }

      .case_a .ul_li .ul_li_txt {
            width: 100%;
            height: auto;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
      }

      .case_a .ul_li .ul_li_img {
            width: 100%;
            height: 8rem;
            overflow: hidden;
      }

}

/* 加入我们调整 */
.recruit-select-wrap {
      padding-bottom: .3rem;
      margin-top: 1rem;
}

.recruit-select-wrap .select-describe {
      width: 3rem;
      text-align: center;
}

.recruit-select-wrap .select-item-wrap {
      width: calc(100% - 3.2rem);
}


.recruit-select-wrap .recruit-select-items {
      margin-bottom: .45rem;
      line-height: 1.15rem;
      color: #333;
      font-size: .4rem;
      background: #ececed;
      display: flex;
      align-items: center;
      flex-wrap: wrap;

}

.recruit-select-wrap .select-describe {

      display: inline-block;
      width: 3.75rem;
      height: 1.15rem;
      margin-right: .2rem;
}

.recruit-select-wrap .select-item-wrap {
      background: #fff;
      width: calc(100% - 3.95rem);
}

.recruit-select-wrap .select-item {
      display: inline-block;
      height: 1.15rem;
      padding: 0 1.1rem;
      position: relative;
      cursor: pointer;
}

.recruit-select-wrap .select-item {
      padding: 0 .45rem;
}

.recruit-select-wrap .select-item:before {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -7px;
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 14px;
      width: 1px;
      background: #ececed;
}

.recruit-select-wrap .select-item.cur {
      color: #4273D2;
}

.recruit-list2 {
      background: #fff;
      padding-bottom: 1.75rem;
      margin-bottom: 2.25rem;
}

.recruit-list2 .recruit-title1 {
      color: #fff;
      font-size: .4rem;
      background: #4273D2;
      display: flex;
      align-items: center;

}

.recruit-list2 .recruit-td {
      width: 20%;
      box-sizing: border-box;
      min-height: 1.5rem;
      line-height: 1.3;
      display: flex;
      align-items: center;
      padding: .25rem .2rem .25rem 1rem;
}

.f-cb:after {
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
      overflow: hidden;
      content: ".";
}

.recruit-list2 .recruit-items {
      border-bottom: 1px solid #efefef;
}

.recruit-list2 .recruit-items.cur {
      border-bottom-color: transparent;
}

.recruit-list2 .recruit-top {
      font-size: .35rem;
      color: #727171;
      line-height: 1.5rem;
      cursor: pointer;
      transition: all .3s linear;
      display: flex;
      align-items: center;
}

.recruit-list2 .recruit-bot {
      display: none;
      padding: 0 .85rem 1.05rem;
      margin: 0 1.05rem;
      background: #f5f5f5;
}

.recruit-list2 .recruit-items000 {
      padding-top: .65rem;
      padding-bottom: .7rem;
      /* width: 25%; */
      width: 20%;
      font-size: .35rem;
      line-height: .8rem;
      color: #666;
}

.recruit-list2 .recruit-dt001 {
      padding-top: .6rem;
      padding-bottom: 1.25rem;
      margin-bottom: 1.05rem;
      border-top: 1px solid #e6e2e7;
      border-bottom: 1px solid #e6e2e7;
}

.recruit-list2 .bot-dl {
      width: 50%;
      padding-right: .5rem;
}

.recruit-list2 .dt001 {
      color: #333;
}

.recruit-list2 .recruit-bot-h5 {
      font-size: .6rem;
      line-height: .65rem;
      color: #333;
}

.recruit-list2 .recruit-bot-dt {
      font-size: .35rem;
      line-height: .65rem;
      color: #727171;
      padding-top: 16px;
}

.recruit-list2 .recruit-bot-a {
      width: 3.85rem;
      height: 1rem;
      line-height: 1rem;
      text-align: center;
      color: #fff;
      font-size: .4rem;
      background: #4273D2;
      transition: all .3s ease;
      display: block;
}

.recruit-list2 .recruit-top .recruit-td2 {
      color: #4273D2;
}

@media(max-width:996px) {
      .recruit-list2 .pc {
            display: none !important;
      }

      .recruit-select-wrap .recruit-select-items {
            display: block;
            width: 100%;
      }

      .recruit-select-wrap .select-item-wrap {
            width: 100%;
      }

      .recruit-select-wrap .select-describe {
            width: 100%;
      }

      .recruit-select-wrap .select-item {
            width: 32%;
            padding: 0 10px;
            text-align: center;
      }

      .recruit-list2 .recruit-td {
            width: 50%;
            padding-left: 30px;
            padding-right: 30px;
            font-size: .4rem;
      }

      .recruit-dt000 {
            padding: 26px 0;
      }

      .recruit-list2 .recruit-items000 {
            width: 100%;
            font-size: .4rem;
            padding: 0;
      }

      .recruit-list2 .recruit-bot {
            margin: 0 5px;
            padding: 0 20px 20px;
      }

      .recruit-list2 .bot-dl {
            width: 100%;
      }

      .recruit-list2 .recruit-bot-a {
            margin: 0 auto;
      }

      .recruit-list2 .recruit-bot-h5 {
            font-size: .45rem;
      }

      .recruit-list2 .recruit-bot-dt {
            font-size: .4rem;
      }
      .wel .wel_d .swiper-slide-active h4 span{
            opacity: 0;
      }
      .wel_e .ul_list .ul_li{
            border: 1px solid rgba(51, 51, 51, .1) !important;
            border-bottom: none !important; 

      }
      .met_c .ul_list .ul_li .img{
            position: relative;
            left: auto;
            top:  auto ;
            z-index: 1;
      }
      .met_c .ul_list .ul_li_por{
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background-color: #fff;
            /* background: rgba(0,0,0,.5); */
      }
      .met_d .ul_list .ul_li .ul_li_txt{
            flex: none;
            /* max-width: calc(100% - 2rem); */
            width: 100%;
      }
      .met_d .ul_list .ul_li h4{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;
            white-space: pre-wrap;
      }
      .met_d .ul_list .ul_li h6{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-all;

      }
}
header .fixed_box{
      z-index: 0;
}