.header {
  /* background: transparent;
  backdrop-filter: blur(.61rem); */
  height: .95rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0 1.4rem;
}

.header.inner {
  background: #fff;
  /* border-bottom: .01rem solid rgba(0, 0, 0, 0.05); */
}

.header .logo {
  width: .82rem;
  height: .72rem;
  flex-shrink: 0;
}

.header .logo img {
  width: 100%;
  height: 100%;
}

.header .logo .white,
.header.inner .logo .black {
  display: block;
}

.header.inner .logo .white,
.header .logo .black {
  display: none;
}

.header .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  /*margin: 0 0 0 3.2386rem;*/
  margin: 0 0 0 auto;
  height: 100%;
}

.header .nav .item {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 0 .83rem 0 0;
  flex-shrink: 0;
  position: relative;
  height: 100%;
}

.header .nav .item a {
  color: #fff;
}

.header.inner .nav .item:hover a.label {
  color: rgba(36, 145, 202, 1);
}

.header.inner .nav .item.active a.label {
  color: rgba(36, 145, 202, 1);
}

.header.inner .nav .item a {
  color: rgba(51, 51, 51, 1);
}

.header .nav .item .li_box {
  display: none;
  position: absolute;
  top: .9rem;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: .2rem .2rem;
  border-radius: .1rem;
  box-shadow: 0 0 .4rem rgba(22, 83, 115, 0.1);
}

.header .nav .item:hover .li_box {
  display: block;
}

.header .nav .item:hover .li_box::after {
  content: '';
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .2rem solid #fff;
  position: absolute;
  top: -.15rem;
  right: 50%;
  transform: translateX(50%);
}

.header .nav .item .li_box a {
  display: block;
  padding: .1rem 0;
  color: rgba(102, 102, 102, 1);
  line-height: 1.43;
  min-width: 1.5rem;
  text-align: center;
  
}

.header .nav .item .li_box a:hover {
  color: rgba(36, 145, 202, 1);
}

.header .nav_m {
    display: none;
} 

.header .btns {
  display: flex;
  align-items: center;
  justify-content: center;
  /* gap: .44rem; */
}

.header .btns a,
.header .btns .lang {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .1rem;
  color: #fff;
}

.header .btns a img {
  width: .18rem;
  height: .18rem;
}

.header.inner .btns a,
.header.inner .btns .lang{
  color: #333;
}

.header .btns a.search .split {
  width: .01rem;
  height: .18rem;
  display: block;
  background: #fff;
  margin: 0 .1rem 0 0;
}

.header.inner .btns a.search .split {
  background: rgba(51, 51, 51, 1);
}

.header .btns a .white,
.header.inner .btns a .black,
.header .btns .lang .white,
.header.inner .btns .lang .black {
  display: block;
}

.header.inner .btns a .white,
.header .btns a .black,
.header.inner .btns .lang .white,
.header .btns .lang .black{
  display: none;
}

.header .btns .lang {
  margin: 0 .28rem 0 0;
  position: relative;
}

.header .btns .lang .li_box {
  display: none;
  position: absolute;
  top: .3rem;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: .1rem;
  border-radius: .1rem;
  box-shadow: 0 0 .4rem rgba(22, 83, 115, 0.1);
}

.header .btns .lang:hover .li_box {
  display: block;
}

.header .btns .lang:hover .li_box::after {
  content: '';
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .2rem solid #fff;
  position: absolute;
  top: -.1rem;
  right: 50%;
  transform: translateX(50%);
}

.header .btns .lang .li_box a {
  display: block;
  padding: .1rem 0;
  color: rgba(102, 102, 102, 1);
  line-height: 1.1;
  min-width: .3rem;
  text-align: center;
  
}

.header .btns .lang .li_box a:hover {
  color: rgba(36, 145, 202, 1);
}

.header .btns a.contact {
  width: 1.2rem;
  height: .4rem;
  border-radius: .2rem;
  border: .01rem solid rgba(255, 255, 255, 1);

  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: 100%;
  color: rgba(255, 255, 255, 1);

  display: flex;
  align-items: center;
  justify-content: center;
}

.header.inner .btns a.contact {
  background: rgba(0, 64, 152, 1);
  border: .01rem solid rgba(0, 64, 152, 1);
}

.header .btns_m {
    display: none;
}


.footer {
  background: rgba(248, 248, 248, 1);
  padding: .76rem 0 0 0;
  flex-direction: column;
  position: relative;
}

.footer::after {
  content: '';
  width: 0;
  height: 0;
  border-left: .2rem solid transparent;
  border-right: .2rem solid transparent;
  border-bottom: .2rem solid rgba(248, 248, 248, 1);
  position: absolute;
  top: -.15rem;
  right: 1.4rem;
}

.footer .ul {
  display: flex;
  align-items: start;
  padding: 0 1.4rem .47rem 1.4rem;
  gap: 1.75rem;
  justify-content: space-between;
}

.footer .ul li {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  /* gap: .34rem; */
}

.footer .ul li a {
  font-weight: 400;
  /* line-height: 220%; */
  line-height: .46rem;
  /*font-family: 'H_Light';*/
  font-family: 'Microsoft YaHei';
  color: rgba(102, 102, 102, 1);
}

.footer .ul li a:first-child {
  margin-bottom: .2rem;
  font-size: .18rem;
  font-weight: 500;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
  color: rgba(51, 51, 51, 1);
}

.footer .ul li a:hover {
  /* color: rgba(255, 255, 255, 1); */
}

.footer .ul_m {
    display: none;
}


.footer .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .22rem 0 .24rem 0;
  border-top: .01rem solid rgba(228, 228, 228, 1);
  /* margin: 1.14rem 0 0 0; */
  padding: .3rem 1.4rem .24rem 1.4rem;
}

.footer .bottom .left {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .31rem;
}

.footer .bottom .left .links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .05rem;
}

.footer .bottom .left .links a {
  font-weight: 400;
  line-height: 100%;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  color: rgba(153, 153, 153, 1);
}

.footer .bottom .left .links a:hover {
  /* color: rgba(255, 255, 255, 1); */
}

.footer .bottom .copyright {
  font-weight: 400;
  line-height: 100%;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  color: rgba(153, 153, 153, 1);
}

.footer .bottom .right .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .08rem;
}

.footer .bottom .right .btn span {
  font-weight: 400;
  line-height: 100%;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  color: rgba(153, 153, 153, 1);
}

.footer .bottom .right .btn img {
  width: .2rem;
  height: auto;
}




.pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.pagination-btn {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  border: none;
  background: #fff;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.pagination-btn:hover {
  background: rgba(36, 145, 202, 1);
}

.pagination-btn:hover .normal,
.pagination-btn .active {
  display: none;
}

.pagination-btn:hover .active,
.pagination-btn .normal {
  display: flex;
}

.pagination-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-page {
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: #333;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* 核心修改：页码选中状态改为白色背景 + 指定色值文字 */
.pagination-page.active {
  background: white;
}

.pagination-page:hover:not(.active) {
  background: white;
}







.p_label {
  font-weight: 600;
  line-height: 1.6;
  font-family: 'Microsoft YaHei';
  /*margin-bottom: 0.1rem;*/
}

.p_desc {
  font-weight: 400;
  line-height: 4.13;
  font-family: 'M_Regular';
  /*font-family: 'Microsoft YaHei';*/
}

.p_index_label {
  font-weight: 500;
  line-height: 1.175;
  /*font-family: 'H_Medium';*/
  font-family: 'Microsoft YaHei';
  color: rgba(51, 51, 51, 1);
}

.p_index_desc {
  display: flex;
  align-items: center;
  gap: .1rem;
  margin-bottom: 0.15rem;
  justify-content: center;
}

.p_index_desc .icon {
  width: .14rem;
  height: .14rem;
  transform: rotate(90deg);
}

.p_index_desc .desc {
  font-weight: 300;
  line-height: 1.178;
  /*font-family: 'H_Light';*/
  font-family: 'Microsoft YaHei';
  color: rgba(51, 51, 51, 1);
}

.p_btn {
  display: flex;
  align-items: center;
  gap: .1rem;
}

.p_btn .p_btn_span {
  font-weight: 400;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  color: rgba(36, 145, 202, 1);
  transition: all .5s ease-in-out;
  border: .01rem solid rgba(36, 145, 202, 1);
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .1rem .53rem;
}

.p_btn:hover .p_btn_span {
  color: rgba(255, 255, 255, 1);
  background: rgba(36, 145, 202, 1);
}

.p_btn .p_btn_icon {
  border: .01rem solid rgba(36, 145, 202, 1);
  width: .4rem;
  height: .4rem;
  border-radius: 50%;

  display: flex;
  justify-content: center;
  align-items: center;

  transition: all .5s ease-in-out;
}

.p_btn .p_btn_icon img {
  width: .18rem;
}

.p_btn:hover .p_btn_icon {
  background: rgba(36, 145, 202, 1);
}

.p_btn .p_btn_icon .normal,
.p_btn:hover .p_btn_icon .active {
  display: block;
}

.p_btn:hover .p_btn_icon .normal,
.p_btn .p_btn_icon .active {
  display: none;
}

.p_controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .2rem;
}

.p_controls .btn {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  border: .01rem solid rgba(36, 145, 202, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .5s ease-in-out;
  cursor: pointer;
}

.p_controls .btn:hover {
  background: rgba(36, 145, 202, 1);
}

.p_controls .btn img {
  width: .2rem;
  height: auto;
}

.p_controls .btn .normal,
.p_controls .btn:hover .active {
  display: none;
}

.p_controls .btn .active,
.p_controls .btn:hover .normal {
  display: block;
}

.p_controls_progress {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p_controls_progress .p_line {
  width: 4.19rem;
  height: .01rem;
  background: rgba(71, 67, 66, .14);
  position: relative;
  margin: 0 0 0 .3485rem;
}

.p_controls_progress .p_line .p_line_progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(36, 145, 202, 1);
}

.p_controls_progress .p_page span {
  line-height: 2.5;
  font-weight: 400;
  line-height: 100%;
  /*font-family: 'H_Regular';*/
  font-family: 'Microsoft YaHei';
  color: rgba(51, 51, 51, 1);
}

.p_controls_progress .p_page span strong {
  font-weight: 700;
  color: rgba(36, 145, 202, 1);
}



@media (max-width: 767px) {
    
    .header {
        padding: 0 20px;
        background: #fff;
        position: sticky;
        top: 0;
    }
    
    .header .logo .white {
        display: none;
    }
    .header .logo .black {
        display: block;
    }
    
    .header .nav {
        display: none;
    }
    
    .header .btns {
        display: none;
    }
    
    .header .btns_m {
        display: flex;
        gap: 12px;
        align-items: center;
        
    }
    
    .header .btns_m .search {
        width: 20px;
        height: 20px;
        background: #f9f9f9;
        border-radius: 50%;
        
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .header .btns_m .search img {
        width: 7px;
    }
    
    .header .btns_m .lang {
        display: flex;
        align-items: center;
        gap: 3px;
        font-size: 15px;
    }
    .header .nav_list {
        width: 20px;
        height: 20px;
    }
    
    .header .nav_m {
        display: block;
        position: fixed;
        top: 40px;
        left: 0;
        height: 0;
        width: 100%;
        opacity: 0;
        overflow: hidden;
        transition: all .5s;
        background: #fff;
        /*padding: 17px;*/
    }
    
    .header .nav_m.show {
        height: 100vh;
        opacity: 1;
    }
    
    .header .nav_m .item {
        margin: 20px 0;
    }
    
    .header .nav_m .item .label {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 17px;
    }
    
    .header .nav_m .item .label a {
        font-size: 16px;
    }
    
    .header .nav_m .item .label .icon {
        width: .2rem;
    }
    .header .nav_m .item .label .icon img {
        width: 100%;
        height: 100%;
        transition: all .5s;
    }
    
    .header .nav_m .item .label .icon.show .plus,
    .header .nav_m .item .label .icon .reduce
    {
        width: 0;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
    .header .nav_m .item .label .icon .plus,
    .header .nav_m .item .label .icon.show .reduce
    {
        
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 1;
    }
    
    .header .nav_m .item .li_box {
        width: 100%;
        /*height: 0;*/
        max-height: 0;
        opacity: 0;
        padding: .2rem;
        overflow: hidden;
        transition: all .5s;
        display: flex;
        flex-direction: column;
        /*padding: .3rem .3rem;*/
        padding: 0;
        gap: .2rem;
    }
    
    .header .nav_m .item .li_box.show {
        /*height: auto;*/
        max-height: 200px;
        opacity: 1;
        padding: 17px 34px 0 34px;
    }
    .header .nav_m .item .li_box a {
        font-size: 16px;
    }
    
    
    
    .footer .ul {
        display: none;
    }
    
    .footer .ul_m {
      display: block;
  }
  
  .footer .ul_m {
        /*display: none;*/
        width: 100%;
        display: flex;
        gap: 0;
        flex-direction: column;
        padding: 0 20px;
        
    }
    .footer .ul_m li {
        width: 100%;
        margin: 0 0 18px 0;
        padding-bottom: .3rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    }
    /*.footer .ul_m li:last-child {*/
    /*    border-style: none;*/
    /*}*/
    
    .footer .ul_m .label {
        display: flex;
        justify-content: space-between;
        width: 100%;
        font-size: 13px;
    }
     .footer .ul_m .label a {
         color: #333;
         font-size: 13px;
     }
    
    .footer .ul_m .label .icon {
        width: 10px;
        transition: all .5s;
    }
    .footer .ul_m .label .icon img {
        width: 100%;
        height: 100%;
        transition: all .5s;
    }
    .footer ul li a:first-child {
        color: rgba(51, 51, 51, .5);
    }
    /*.footer .ul_m .label .icon.show {*/
    /*    width: 15px;*/
    /*}*/
    .footer .ul_m .label .icon.show .plus
    {
        transform: rotate(45deg);
    }
    .footer .ul_m .label .icon .plus
    {
        
        width: 100%;
        height: 100%;
        overflow: hidden;
        opacity: 1;
    }
    .footer ul li a {
        color: rgba(51, 51, 51, .5);
        font-size: 12px;
    }
    .footer .ul_m .li_box {
        display: flex;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .5s;
        line-height: 2;
        
    }
    .footer .ul_m .li_box.show {
        max-height: 5rem;
        opacity: 1;
        margin:  15px 0 0 0;
    }
    
    
    .footer .bottom {
        border-style: none;flex-direction: column;
    }
    
    .footer .bottom .left {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 8px;
    }
    
    .footer .bottom .left .links {
        font-size: 12px;
    }
    .footer .bottom .copyright {
        font-size: 12px;
    }
    .footer .bottom .right .btn span {
        font-size: 12px;
    }
    
    
    .p_controls .btn {
        width: 35px;
        height: 35px;
    }
    .p_controls .btn img {
        width: 15px;
    }
    
    .p_btn .p_btn_span {
        font-size: 14px;
    }
    .p_index_label {
        font-size: 24px !important;
    }
    .p_index_desc {
        margin-bottom: 12px;
    }
    .p_index_desc .desc {
        font-size: 14px;
    }
    
    
    .p_label {
        line-height: 1.3;
        font-size: 24px !important;
    }
    .p_desc {
        line-height: 1.2;
        font-size: 14px !important;
        margin: 6px 0 0 0;
        color: rgba(141, 141, 141, 1);
    }
    
    
    
    
    
}