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

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

.header .logo {
  width: 1.68rem;
  height: .55rem;
}

.footer .main .left .logo1 .logo11{
  width: 2.1rem;
  /*margin-right: 1rem;*/
  /*margin-bottom: .3rem;*/
}

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

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

}
.header .logo .white{
    margin:0.15rem 0 0 0;
height: .3rem;
}
.header.inner .logo .white,
.header .logo .black {
  display: none;
}

.header .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 2.02rem;
}

.header .nav_m {
    display: none;
}

.header .nav .item {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 0 .9rem 0 0;

}

.header .nav .item a {
  color: #fff;
  flex-shrink: 0;
}

.header.inner .nav .item:hover a {
  color: rgba(0, 64, 152, 1);
}

.header.inner .nav .item.active a {
  color: rgba(0, 64, 152, 1);
}

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

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

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

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

.header.inner .btns a {
  color: #333;
}
.header .btns a span {
    flex-shrink: 0;
}

.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 {
  display: block;
}

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

.header .btns a.lang {
  margin: 0 .3rem 0 0;
}

.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 .btns .btn {
    position: relative;
}
.header.inner .btns a.contact {
  background: rgba(0, 64, 152, 1);
  border: .01rem solid rgba(0, 64, 152, 1);
}

.header .btns .contact_box {
    position: absolute;
    background: #fff;
    top: .65rem;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    transition: all .5s;
    border-radius: .1rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: .1rem;
    flex-direction: column;
    color: #333;
    
}
.header .btns .contact_box a {
    color: #333;
    line-height: 1.8;
    /*padding: .15rem .15rem 0 .15rem;*/
}
.header .btns .contact_box a:last-child {
    /*padding-bottom: .15rem;*/
}
.header .btns .contact_box a:hover {
    background: #f7f8fb;
}
.header .btns .btn:hover .contact_box {
    max-height: 3rem;
    padding: .15rem 0;
}

.nav_box {
    width: 100%;
    height: 5.05rem;opacity: 0;
    background: #fff;
    position: fixed;
    top: .9rem;
    left: 0;
    padding: 0 1.3rem;
    max-height: 0;
    overflow: hidden;
    gap: .2rem;
    transition: all .5s ease;
    justify-content: center;
}

.nav_box.active {
    display: flex;
    max-height: 5.05rem;
    opacity: 1;
    padding: 1.84rem 1.3rem;
}

.nav_box .nav_box_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .2rem;
    cursor: pointer;
}

.nav_box .nav_box_item img {
    width: 5.34rem;
    height: 2.99rem;
    border-radius: .1rem;
    
}
.nav_box .nav_box_item span {
    font-weight: 350;
    font-family: 'Microsoft YaHei';
    color: rgba(51, 51, 51, 1);
}







.left_yd{
    display: none;
}

.footer .main {
  display: flex;
  justify-content: space-between;
  margin: .85rem 1.3rem .4rem 1.3rem;
}
.left_ys{
    display: flex;
}
.footer .main .left .logo1 {
  width: 100%;
  margin:0 0 .15rem 0;
}
.footer .main .left .logo2{
    width: 1rem;
    /*margin-right: .05rem;*/
}
.footer .main .left .logo2 .img1111{
    margin-bottom: .08rem;;
}

.footer .main .left .logo3{
    width: 0.93rem;
}
.footer .main .left .logo img {
  width: 100%;
  height: 100%;
}

.footer .main .left .imgs {
  display: flex;
  align-items: center;
  gap: .2rem;
  margin: .4rem 0;
}

.footer .main .left .imgs .img_item {
  width: .3rem;
  height: .2998rem;
  position: relative;
}

.footer .main .left .imgs .img_item .img {
  width: 100%;
  height: 100%;
}

.footer .main .left .imgs .img_item .normal,
.footer .main .left .imgs .img_item:hover .active {
  display: block;
}

.footer .main .left .imgs .img_item:hover .normal,
.footer .main .left .imgs .img_item .active {
  display: none;
}

.footer .main .left .imgs .img_item .img_box {
  display: none;
  position: absolute;
  top: .4rem;
  left: 50%;
  transform: translateX(-50%);
  width: .94rem;
  height: .98rem;
  border-radius: .05rem;
  padding: .1rem;
  background: #fff;
}

.footer .main .left .imgs .img_item .img_box::after {
  content: "";
  position: absolute;
  top: -.08rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: .1rem solid transparent;
  border-right: .1rem solid transparent;
  border-bottom: .1rem solid #fff;
}

.footer .main .left .imgs .img_item:hover .img_box {
  display: block;
}

.footer .main .left .imgs .img_item .img_box img {
  width: 100%;
  height: 100%;
}



.footer .main .left .contact {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  color: rgba(51, 51, 51, 1);
  line-height: 100%;
}

.footer .main .ul {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 1.5rem;
}

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

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

.footer .main .ul li a:first-child {
  margin-bottom: .2rem;
  /*font-size: .18rem;*/
  color: rgba(51, 51, 51, 1);
   font-weight: bold;
}

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

.footer .main .ul_m {
    display: none;
}

.footer .main .left{
    max-width: 30%;
}
.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.3rem .24rem 1.3rem;
}

.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: 'Microsoft YaHei';
  color: rgba(96, 96, 96, 1);
}

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

.footer .bottom .copyright {
  font-weight: 400;
  line-height: 100%;
  font-family: 'Microsoft YaHei';
  color: rgba(96, 96, 96, 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: 'Microsoft YaHei';
  color: rgba(96, 96, 96, 1);
}

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


.p_btn {
  width: 2rem;
  height: .48rem;
  border-radius: 1rem;
  border: .01rem solid rgba(51, 51, 51, 0.51);

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

  display: flex;
  justify-content: center;
  align-items: center;
  gap: .08rem;
  position: relative;
}
.p_btn:hover {
  border: .01rem solid rgba(0, 64, 152, 1);
  /*color: rgba(0, 64, 152, 1);*/
  color: #fff;
  z-index: 2;
  position: relative;
}
.p_btn:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 1rem;
    width: 0;
    height: 100%;
    transition: all .5s;
    z-index: -1;
}


.p_btn:hover:after {
    background: rgba(0, 26, 155, 1);
    color: #fff;
    width: 100%;
}

.p_btn img {
  width: .14rem;
  height: .14rem;
}

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

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

.p_label {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .6rem;
  color: rgba(51, 51, 51, 1);
}

.p_banner_label {
  font-weight: 400;
  font-family: 'Microsoft YaHei';
  line-height: .76rem;
  color: rgba(255, 255, 255, 1);

  margin: .345rem 0 0 0;
  text-align: center;
}

.crumb {
  display: flex;
  align-items: center;
  color: #666;
  width: 100%;
}

.crumb .crumb-home {
  display: block;
  width: .24rem;
  height: .24rem;
  margin-right: .1rem;
}

.crumb .crumb_arrow {
  display: block;
  width: .14rem;
  height: .14rem;
  margin-right: .1rem;
}

.crumb a {
  color: rgba(255, 255, 255, .8);
  font-family: 'Microsoft YaHei';
  font-weight: 400;
}

.crumb a:last-child {
  color: #fff;
}

.p_btn_back_top {
  position: fixed;
  bottom: 1.06rem;
  right: .39rem;
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0rem .26rem .422rem .1rem rgba(91, 126, 163, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}

.p_btn_back_top img {
  width: .11rem;
  height: .14rem;
}












/* 分页容器 */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .12rem;
  /* 元素间距 */
  padding: .08rem .16rem;
  margin: .8rem 0 0 0;
}

/* 通用按钮/页码样式 */
.pagination-btn,
.pagination-number {
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: .4rem;
  height: .4rem;
  border-radius: 50%;
  /* 圆形样式 */
  transition: all 0.2s ease;
}

/* 箭头按钮样式 */
.pagination-btn {
  color: #666;
  /* 箭头文字颜色 */
}

.pagination-btn:hover {
  color: #333;
  background-color: #f5f5f5;
}

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

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

/* 页码样式 */
.pagination-number {
  color: #333;
  font-weight: 500;
}

/* 激活状态（第1页） */
.pagination-number.active {
  background: rgba(0, 64, 152, 1);

  /* 深蓝色背景 */
  color: white;
  /* 白色文字 */
}

/* 非激活页码hover效果 */
.pagination-number:not(.active):hover {
  background-color: #f5f5f5;
}

/* 省略号样式 */
.pagination-ellipsis {
  color: #666;
  margin: 0 .04rem;
}







/* 导航条容器 - 强化固定定位，确保不偏移 */
.progress-nav {
  position: fixed;
  left: .23rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  width: auto;
}
.progress-nav.showwhite .nav-item span {
    color: #ffffff;
}

/* 导航项 */
.nav-item {
  display: flex;
  align-items: center;
  margin: .41rem 0;
  cursor: pointer;
  color: rgba(153, 153, 153, 1);
  transition: color 0.3s;
  position: relative;
  z-index: 2;
  font-size: .15rem;
  white-space: nowrap;
}

.nav-item:nth-child(1) {
  margin: 0 0 .41rem 0;
}

/* 导航点 */
.nav-dot {
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  background: rgba(228, 244, 245, 1);
  margin-right: .09rem;
  transition: all 0.3s;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-dot-dot {
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background: rgba(14, 110, 184, 1);
  /* opacity: 0.5; */
  /* margin-right: .15rem; */
  transition: all 0.3s;
  position: relative;
}

/* 全局进度线条 - 修复定位，确保与导航项对齐且固定 */
.progress-line {
  position: absolute;
  left: .05rem;
  /*top: .46rem;*/
  width: .02rem;
  /*height: 2.9rem;*/
  height: 0;
  min-height: 0;
  background: rgba(0, 84, 202, .2);
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  transition: height 0.3s ease, top 0.3s ease;
}

/* 进度填充层 - 保持平滑过渡 */
.progress-fill {
  width: 100%;
  height: 0%;
  background: rgba(0, 115, 218, 1);
  transition: height 0.3s ease;
  transform-origin: top center;
}

/* 激活/已完成状态（统一样式，前面的点共用） */
.nav-item.active,
.nav-item.completed {
  color: rgba(51, 51, 51, 1);
}

.nav-item.active .nav-dot-dot,
.nav-item.completed .nav-dot-dot {
  background: rgba(0, 115, 218, 1);
  /* opacity: 1; */
  /* transform: scale(1.2); */
}

.p_controls_m {
    display: none;
}

    .footer .mlogo {
        display: none;
    }
    
    .pagination1{
        display: none;
    }


@media (max-width: 767px) {
    .header {
        padding: 0 20px;
    }
    .header .nav {
        display: none;
    }
    .header .btns {
        display: none;
    }
    .header .btns_m {
        display: flex;
        gap: 12px;
        justify-content: end;
    }
    .header .btns_m .btn {
        width: 20px;
        height: 20px;
    }
    .header .btns_m .menu_icon img {
        width: 100%;
        height: 100%;
    }
    .header .btns_m .menu_icon .normal,
    .header.inner .btns_m .menu_icon .active{
        display: block;
    }
    .header.inner .btns_m .menu_icon .normal,
    .header .btns_m .menu_icon .active{
        display: none;
    }
    
    .header .btns_m .btn .normal,
    .header.inner .btns_m .btn .active{
        display: block;
    }
    .header.inner .btns_m .btn .normal,
    .header .btns_m .btn .active{
        display: none;
    }
    
    .header .btns_m .lang {
        display: flex;
        font-size: 16px;
        width: unset;
        color: #fff;
        align-items: center;
        gap: 5px;
    }
    .header.inner .btns_m .lang {
        color: #000;
    }
    .header .btns_m .lang img {
        width: 13px;
    }
    .footer{
        background-color: #001777;
    }
    .left_yd_box{
        width: 100%;
    }
    .footer .main .left .logo2{
        width: 2.03rem;
        margin-right: .2rem;
        margin-bottom: .05rem;
    }
    .footer .main .left .logo3{
        width: 1.3rem;
    }
    .left_yd{
        display: block;
        margin: 0 0 .3rem 0;
    }
    .header .nav_m {
        display: block;
        position: fixed;
        top: .9rem;
        left: 0;
        height: 0;
        width: 100%;
        opacity: 0;
        overflow: hidden;
        transition: all .5s;
        background: #fff;
    }
    
    .header .nav_m.show {
        height: 100vh;
        opacity: 1;
    }
    .footer .main .left .contact{
        display: none;
    }
    .header .nav_m .item {
        padding: 20px 0;
        margin: 0 17px;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .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: 14px;*/
        font-size: .32rem;
    }
    
    .header .nav_m .item .label .icon {
        width: 100px;
    }
    .header .nav_m .item .label .icon img {
        width: 10px;
        height: 100%;
        transition: all .5s;
        margin: 0 0 0 85px;
    }
    
    .header .nav_m .item .label .icon.show .plus {
        transform: rotate(90deg);
    }
    .left_pc{
        display: none;
    }
    
    .header .nav_m .item .li_box {
        width: 100%;
        max-height: 0;
        opacity: 0;
        padding: .2rem;
        overflow: hidden;
        transition: all .5s;
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: .2rem;
    }
    
    .header .nav_m .item .li_box.show {
        /*height: auto;*/
        max-height: 220px;
        opacity: 1;
        padding: 17px 0 0;
    }
    .header .nav_m .item .li_box a {
        /*font-size: 13px;*/
        /*font-size: 14px;*/
        font-size: .28rem;
        padding:  8px 0;
    }
    
    .footer .main .left{
        max-width: 100%;
    }
    
    .footer .main .ul {
        display: none;
    }
    
    .p_label {
        font-size: 24px;
        padding: 0 20px;
    }
    .p_btn {
        font-size: 14px;
    }
    
    .footer {
        width: 100%;
    }
    .footer .main {
        padding: 60px 20px 32px 20px;
        margin: 0;
        justify-content: center;
        flex-direction: column-reverse;
    }
    .footer .main .left .logo {
        width: 173px;
        height: 30px;
        display: none;
    }
    .footer .main .ul_m {
        display: flex;
    }
    
    .footer .main .ul_m {
        display: none !important;
        width: 100%;
        display: flex;
        gap: 0;
        flex-direction: column;
        margin: 0 0 27px 0;
        
    }
    .footer .main .ul_m li {
        width: 100%;
    }
    
    .footer .main .ul_m .label {
        display: flex;
        justify-content: space-between;
        width: 100%;
        
    }
     .footer .main .ul_m .label a {
         font-size: .32rem;
         color: rgba(51, 51, 51, 1);
     }
    
    .footer .main .ul_m .label .icon {
        width: 9px;
    }
    .footer .main .ul_m .label .icon img {
        width: 100%;
        height: 100%;
        transition: all .5s;
    }
    .footer .main .ul_m .label .icon.show .plus {
        transform: rotate(90deg);
    }
    .footer .main .ul_m .li_box {
        display: flex;
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .5s;
        padding: 33px 0 0 0 ;
        gap: 25px;
        
    }
    .footer .main .ul_m .li_box.show {
        max-height: 5rem;
        opacity: 1;
        padding: 22px 0;
        padding-top: 22px;
    }
    .footer .main .ul_m .li_box a {
        /*font-size: 12px;*/
        font-size: .28rem;
    }
    
    .footer .main .left .imgs {
        gap: 32px;
        /*justify-content: center;*/
    }
    .footer .main .left .imgs .img_item {
        width: 25px;
        height: 25px;
    }
    .footer .main .left .imgs .img_item .img_box {
        width: 1.3rem;
        height: 1.3rem;
        box-shadow: 0 .04rem .3rem 0 rgba(0, 0, 0, .2);
        top: .9rem;
    }
    .footer .main .left .imgs{
        margin: .3rem 0;
    }
    .footer .bottom {
        padding: 22px 17px;
        flex-direction: column;
    }
    .footer .bottom .left {
        flex-direction: column;
    }
    .footer .bottom .right {
        display: none;
    }
    .footer .bottom{
        border-top: .01rem solid #E4E4E4;
        color: #A9A9A9;
    }
    .header .logo{
        width: 2rem;
        height: .7rem;
    }
    .header .logo .white{
            /*width: 100%;*/
    height: .38rem;   
    }
    .footer .mlogo {
        display: none;
        width: 150px;
        margin-bottom: 45px;
    }
    
    .footer .main .left .logo1 {
  width: 150px;
  /*margin-right: 1rem;*/
  /*margin-bottom: .3rem;*/
}
    .crumb {
        display: none !important;
    }
    
    
    .p_banner_label {
        /*font-size: 19px;*/
        font-size: 24px;
    }
    
    .progress-nav {
        display: none !important;
    }
    
    .p_controls_m {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 14px;
        margin: 0 20px;
    }
    
    .p_controls_m .btn {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border: .01rem solid rgba(0, 64, 152, 1);
    }

    .p_controls_m  .btn:hover {
      background: rgba(0, 64, 152, 1);
    }
    
    .p_controls_m  .btn img {
      width: .12rem;
      height: .12rem;
    }
    
    
    .p_controls_m  .btn:hover .normal,
    .p_controls_m  .btn .active {
      display: block;
    }
    
    .p_controls_m  .btn .normal,
    .p_controls_m  .btn:hover .active {
      display: none;
    }
    .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section{
        background-color: #001777;
    }
    .p_controls_m .line {
        width: 66.93vw;
        height: 2px;
        background: rgba(222, 222, 222, 1);
        position: relative;
        
    }
    .p_controls_m .line .on {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 64, 152, 1);
        transition: all .5s;
        z-index: 1;
    }
    .pagination{
        display: none;
    }
    .pagination1{
        display:flex;
        justify-content: center;
        margin: 30px 0 0 0;
    }
    /* 确保容器正确包裹 */
.pagination1 {
  display: flex; /* 横向排列 */
  gap: 10px; /* 按钮之间的间距 */
  justify-content: center;
}

/* 核心修复：让文字完美居中 */
a.pagination-btn {
  display: inline-flex; /* 关键：弹性布局，确保文字不溢出 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  
  /* 按钮样式（可根据你的设计调整） */
  padding: 15px 40px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none; /* 去掉下划线 */
  color: #333;
  font-size: 14px;
  
  /* 防止文字溢出 */
  white-space: nowrap; /* 强制文字在一行 */
  box-sizing: border-box; /* 包含内边距和边框 */
}
a.pagination-btn:nth-child(1){
margin-right: 20px;
}

/* 悬停效果（可选） */
a.pagination-btn:hover {
  background-color: #e0e0e0;
  border-color: #999;
}
    
    
}