*{
  outline:0 none !important; ;
}
html{font-size: 100px;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}


body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #000;font-family:PingFang SC,Arial, Microsoft YaHei,-apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:0.14rem;  line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
a{display: inline-block; text-decoration:none!important; cursor:pointer;color: #000;}
textarea,select{ outline:none; color:#666; font-size:0.14rem; width:100%;}
textarea{
resize:none;
padding: 0;border: 0;
font-family:  "gil";
}
img{border:none;max-width: 100%;display: block;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 滚动条样式 */
*::-webkit-scrollbar{ width:4px;height: 1px;}
*::-webkit-scrollbar-thumb{ background:#000;}
*::-webkit-scrollbar-track{ background:rgba(0,0,0,0.4);}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: "gil";outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }

/* :root{
  --color: #FF0000;
} */

/*@font-face {*/
/*  font-family: 'hmb';*/
/*  src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'hml';*/
/* src: url("../fonts/HarmonyOS_Sans_SC_Light.ttf") format("truetype");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'hmm';*/
/*  src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'hmr';*/
/*  src: url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");*/
/*  font-display: swap;*/
/*}*/





.f_12 {
  font-size: 12px;
}
.f_14 {
  font-size: 14px;
}
.f_16 {
  font-size: 16px;
}
.f_18 {
  font-size: 18px;
}
.f_20 {
  font-size: 20px;
}
.f_22 {
  font-size: 22px;
}
.f_24 {
  font-size: 24px;
}
.f_26 {
  font-size: 26px;
}
.f_28 {
  font-size: 28px;
}
.f_30 {
  font-size: 30px;
}
.f_32 {
  font-size: 32px;
}
.f_34 {
  font-size: 34px;
}
.f_36 {
  font-size: 36px;
}
.f_38 {
  font-size: 38px;
}
.f_40 {
  font-size: 40px;
}
.f_42 {
  font-size: 42px;
}
.f_44 {
  font-size: 44px;
}
.f_46 {
  font-size: 46px;
}
.f_48 {
  font-size: 46px;
}
.f_50 {
  font-size: 50px;
}
.f_52 {
  font-size: 52px;
}
.f_54 {
  font-size: 54px;
}
.f_56 {
  font-size: 56px;
}

.f_58 {
  font-size: 58px;
}
.f_60 {
  font-size: 60px;
}
.f_62 {
  font-size: 62px;
}
.f_64 {
  font-size: 64px;
}
.f_66 {
  font-size: 64px;
}
.f_68 {
  font-size: 68px;
}
.f_72 {
  font-size: 72px;
}
.f_74 {
  font-size: 74px;
}
.f_80 {
  font-size: 80px;
}
.f_88 {
  font-size: 88px;
}
.f_90 {
  font-size: 90px;
}
.f_133 {
  font-size: 133px;
}
@media (max-width: 1760px) {
  .f_133 {
    font-size: 110px;
  }
}
@media (max-width: 1680px) {
.f_16 {
    font-size: 14px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 17px;
  }
.f_22 {
    font-size: 19px;
  }
.f_24 {
    font-size: 22px;
  }
.f_26 {
    font-size: 24px;
  }
.f_28 {
    font-size: 26px;
  }
.f_30 {
    font-size: 28px;
  }
.f_32 {
    font-size: 28px;
  }
.f_34 {
    font-size: 32px;
  }
.f_36 {
    font-size: 34px;
  }
.f_38 {
    font-size: 36px;
  }
.f_40 {
    font-size: 32px;
  }
.f_42,
.f_44 {
    font-size: 36px;
  }
.f_46 {
    font-size: 36px;
  }
.f_48 {
    font-size: 36px;
  }
.f_50 {
    font-size: 40px;
  }
.f_52 {
    font-size: 40px;
  }
.f_54 {
    font-size: 46px;
  }
.f_56 {
    font-size: 48px;
  }
.f_58 {
    font-size: 48px;
  }
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 52px;
  }
.f_88 {
    font-size: 56px;
  }
.f_90 {
    font-size: 58px;
  }
.f_133 {
    font-size: 72px;
  }
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
      font-size: 48px;
  }
}
@media (max-width: 1440px) {
  .f_16 {
      font-size: 15px;
    }
  .f_18 {
      font-size: 14px;
    }
  .f_20 {
      font-size: 16px;
    }
  .f_22 {
      font-size: 18px;
    }
  .f_24 {
      font-size: 18px;
    }
  .f_26 {
      font-size: 22px;
    }
  .f_28 {
      font-size: 22px;
    }
  .f_30 {
      font-size: 24px;
    }
  .f_32 {
      font-size: 24px;
    }
  .f_34 {
      font-size: 26px;
    }
  .f_36 {
      font-size: 28px;
    }
  .f_38 {
      font-size: 28px;
    }
  .f_40 {
      font-size: 30px;
    }
  .f_42,
  .f_44 {
      font-size: 32px;
    }
  .f_46 {
      font-size: 32px;
    }
  .f_48 {
      font-size: 34px;
    }
  .f_50 {
      font-size: 36px;
    }
  .f_52 {
      font-size: 34px;
    }
  .f_54 {
      font-size: 38px;
    }
  .f_56 {
      font-size: 40px;
    }
  .f_58 {
      font-size: 40px;
    }
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_72,
  .f_74,
  .f_80 {
      font-size: 44px;
    }
  .f_88 {
      font-size: 46px;
    }
  .f_90 {
      font-size: 48px;
    }
  .f_133 {
    font-size: 60px;
  }
  }
@media (max-width: 1280px) {
  .f_14 {
    font-size: 12px;
  }
  .f_16 {
    font-size: 13px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 15px;
  }
.f_22 {
    font-size: 16px;
  }
.f_24 {
    font-size: 16px;
  }
.f_26 {
    font-size: 20px;
  }
.f_28 {
    font-size: 20px;
  }
.f_30 {
    font-size: 20px;
  }
.f_32 {
    font-size: 22px;
  }
.f_34 {
    font-size: 23px;
  }
.f_36 {
    font-size: 25px;
  }
.f_38 {
    font-size: 26px;
  }
.f_40 {
    font-size: 30px;
  }
.f_42,
.f_44 {
    font-size: 32px;
  }
.f_46 {
    font-size: 30px;
  }
.f_48,
.f_50 {
    font-size: 34px;
  }
.f_52{
  font-size: 32px;
}
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 40px;
  }
.f_88 {
    font-size: 42px;
  }
.f_90 {
    font-size: 44px;
  }
.f_133 {
  font-size: 56px;
}
}
@media (max-width: 767px) {
.f_14,
.f_16 {
    font-size: 0.28rem;
  }
.f_18,
.f_20 {
    font-size: 0.3rem;
  }
.f_22,
.f_24,
.f_26,
.f_27 {
    font-size: 0.32rem;
  }
.f_28 {
    font-size: 0.36rem;
  }
.f_30,
.f_32,
.f_34 {
    font-size: 0.4rem;
  }
.f_36,
.f_38,
.f_40,
.f_42,
.f_44,
.f_46 {
    font-size: 0.46rem;
  }
.f_48,
.f_50,
.f_52,
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_68,
.f_72,
.f_74,
.f_80 {
    font-size: 0.58rem;
}
.f_88 {
    font-size: 0.6rem;
}
.f_90 {
    font-size: 0.62rem;
}
.f_133 {
  font-size: 52px;
}
}

html {
  font-size: calc(100vw/19.2);
}
@media (min-width: 1901px) {
  html {
    font-size: calc(100vw/19.2);
  }
}
/* @media (max-width: 1600px) {
  html {
    font-size: 66px;
  }
} */
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
.header .h_top{padding: 0 1.3rem;background: rgba(0, 0, 0, 0.28);backdrop-filter: blur(12.300000190734863px);display: flex;justify-content: space-between;align-items: center;transition: all 0.5s;}
.header.on .h_top{background: linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);}
.header .h_top .p{color: #fff;line-height: 1.14;font-family:hmr;}
.header .h_top .t_right{display: flex;align-items: center;}
.header .h_top .t_right>ul{display: flex;}
.header .h_top .t_right>ul a{color: #fff;line-height: 1.14;font-family:hmr;display: block;margin-left: 0.6rem;}
.header .h_top .t_right .solid{display: block;width: 1px;height: 0.2rem;background-color: rgba(255, 255, 255, 0.25);margin: 0 0.4rem;}
.header .h_top .t_right .h_ser{display: block;width: 0.16rem;margin-right: 0.26rem;}
.header .h_top .t_right .h_ser img{display: block;width: 100%;}
.header .h_top .t_right .h_lag{position: relative;}
.header .h_top .t_right .h_lag .h{display: flex;align-items: center;padding: 0.12rem 0;color: #fff;font-family:hmr;cursor: pointer;}
.header .h_top .t_right .h_lag .h img.icon{display: block;width: 0.16rem;margin-right: 0.1rem;}
.header .h_top .t_right .h_lag .h img.jt{display: block;width: 0.09rem;margin-left: 0.1rem;}
.header .h_top .t_right .h_lag ul{position: absolute;top: 100%;left: 0%;width: calc(100% + 0.07rem); background: rgba(0, 0, 0, 0.28);backdrop-filter: blur(12.300000190734863px);display: none;padding: 0.06rem 0;}
.header .h_top .t_right .h_lag ul a{display: block;line-height: 1.7;color: #fff;font-family:hmr;padding-left: 0.26rem;}
.header .h_bottom{padding: 0.2rem 1.3rem;transition: all 0.5s;}
.header .h_bottom .h_bottom_1{display: flex;justify-content: space-between;align-items: center;}
.header.on .h_bottom{background-color: #fff;}
.header .h_bottom .logo{display: block;width: 0.9rem;}
.header .h_bottom .logo img{display: block;width: 100%;height: 100%;object-fit: contain;}
.header .h_bottom .logo img.img2{display: none;}
.header.on .h_bottom .logo img.img1{display: none;}
.header.on .h_bottom .logo img.img2{display: block;}
.header .h_bottom .b_right{display: flex;align-items: center;}
.header .h_bottom .b_right ul{display: flex;margin-right: 0.5rem;}
.header .h_bottom .b_right ul li{margin-left: 0.6rem;position:relative;}
.header .h_bottom .b_right ul a{color: #fff;line-height: 2.14;font-family:hmr;display: block;transition: all 0.5s;}
.header.on .h_bottom .b_right ul a{color: #000;}
.header .h_bottom .b_right ul a:hover{color:#10499E;}
.header .h_bottom .b_right ul a.active{color:#10499E;}
.header .h_bottom .b_right .h_btn{width: fit-content;padding: 0.1rem 0.3rem;display: flex;align-items: center;color: #fff;border-radius: 0.18rem;background:linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);}
.header .h_bottom .b_right .h_btn img{display: block;width: 0.14rem;margin-right: 0.1rem;}

.header .h_bottom .b_right ul .about {
    position: relative;
}
.header .h_bottom .m_right {display: none;}
.header .h_bottom .m_right .nav_menu_dropdown {height: 0;width: 0;overflow: hidden;}
.header .h_bottom .li_about {
    display: none;
    width: 1.60rem;
    border-radius: .16rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    padding: .2rem 0;
    position: absolute;
    top: .6rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.header .h_bottom .li_about_item {
    width: 100%;
    font-size: .14rem;
    font-weight: 400;
    font-family: 'HarmonyOS Sans SC';
    color: rgba(102, 102, 102, 1);
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .h_bottom .li_about_item span {
    color: rgba(102, 102, 102, 1);
}

.header .h_bottom .li_about_item:hover span {
    color: #0168b7;
}

.header .h_bottom .li_search {
    display: flex;
    justify-content: center;
    align-content: center;
    background: fff;
    margin-top: .2rem;
}

.header .h_bottom .li_search .search_box {
  width: 8rem;
  height: .58rem;
  backdrop-filter: blur(40px);
  background: #fafafa;
  border-radius: .3rem;
  display: flex;
  align-items: center;
  padding: 0 .1234rem 0 .3rem;
}

.header .h_bottom .li_search .search_box input {
  flex: 1;
  height: 100%;
  background: #fafafa;
}

.header .h_bottom .li_search .search_box input::placeholder {
  font-size: .18rem;
  font-family: 'HarmonyOS Sans SC';
  font-weight: 300;
  color: rgba(51, 51, 51, 1);
}

.header .h_bottom .li_search .search_btn {
  width: .3932rem;
  height: .3932rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(93.3deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);
}

.header .h_bottom .li_search .search_btn img {
  width: .1801rem;
  height: .1801rem;
}

.header .h_bottom .li_box {
  /*display: flex!important;*/
  display: none;
  margin-top: .2rem;
  background: #fafafa;
  /*padding: 0 0 0 .2rem;*/
}

.header .h_bottom .li_box .li_box_menu {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
  /*gap: .4rem;*/
  width: 2.6rem;
  margin: .2rem 0 1.2rem 0;
  flex-shrink: 0;
}

.header .h_bottom .li_box .li_box_menu .menu_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_label {
  width: 100%;
  height: .58rem;
  padding: .2rem;
  margin-bottom: .32rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_label:hover {
  background: rgba(1, 104, 183, 0.05);
  border-left: .02rem solid rgba(16, 73, 158, 1);
}

.header .h_bottom .li_box .li_box_menu .menu_item.active .menu_item_label {
  background: rgba(1, 104, 183, 0.05);
  border-left: .02rem solid rgba(16, 73, 158, 1);
  color: #0168B7;
}


.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_label img {
  width: .2rem;
  height: .2rem;
  display: none;
}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_label:hover img {
  display: block;
}

.header .h_bottom .li_box .li_box_menu .menu_item.active .menu_item_label img {
  display: block;
}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_li {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: .3rem;
  width: 100%;
  padding: 0 .2rem;
}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_li a{color: #333;margin-bottom:0.3rem;display:block;}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_li a.active{color: #0168B7;}

.header .h_bottom .li_box .li_box_menu .menu_item.active .menu_item_li {
  display: block;
}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_li span {
  font-size: .18rem;
  font-weight: 400;
  font-family: 'HarmonyOS Sans SC';
  color: rgba(51, 51, 51, 1);
  cursor: pointer;
}

.header .h_bottom .li_box .li_box_menu .menu_item .menu_item_li span:hover {
  color: rgba(1, 104, 183, 1);
}

.header .h_bottom .li_box .li_box_content {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .31rem .8rem;
  flex: 1;
  display: none;
}
.header .h_bottom .li_box .li_box_content.on{display: flex;}

.header .h_bottom .li_box .li_box_content .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .32rem;
  width: 100%;
}

.header .h_bottom .li_box .li_box_content .top .title {
  font-size: .22rem;
  font-weight: 500;
  font-family: 'HarmonyOS Sans SC';
  color: rgba(51, 51, 51, 1);
}

.header .h_bottom .li_box .li_box_content .top .buttons {
  display: flex;
  align-items: center;
  gap: .28rem;
}

.header .h_bottom .li_box .li_box_content .top .buttons .button {
  width: .36rem;
  height: .36rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  border: .01rem solid rgba(208, 208, 208, 1);
}

.header .h_bottom .li_box .li_box_content .top .buttons .button:hover {
  background: linear-gradient(93.3deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);
  border-style: none;
}

.header .h_bottom .li_box .li_box_content .top .buttons .button img {
  width: .1275rem;
  height: .075rem;
}

.header .h_bottom .li_box .li_box_content .top .buttons .button .normal {
  display: block;
}

.header .h_bottom .li_box .li_box_content .top .buttons .button .active {
  display: none;
}

.header .h_bottom .li_box .li_box_content .top .buttons .button:hover .normal {
  display: none;
}

.header .h_bottom .li_box .li_box_content .top .buttons .button:hover .active {
  display: block;
}

.header .h_bottom .li_box .li_box_content .content {
  width: 13.2rem;
  height: 2.86rem;
  border-bottom: .01rem solid rgba(223, 223, 223, 1);
  padding-bottom: .36rem;
  overflow: hidden;
}

.header .h_bottom .li_box .li_box_content .content .header-product-swiper {
    width: 100%;
}

.header .h_bottom .li_box .li_box_content .content .content_item {
  width: 4.2rem;
  height: 2.50rem;
  border-radius: 0 .4rem 0 .4rem;
  position: relative;
}

.header .h_bottom .li_box .li_box_content .content .content_item img {
  width: 100%;
  height: 100%;
  border-radius: 0 .4rem 0 .4rem;
  object-fit: cover;
}

.header .h_bottom .li_box .li_box_content .content .content_item .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .95rem;
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
  border-radius: 0 0 .4rem .4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .32rem;
}

.header .h_bottom .li_box .li_box_content .content .content_item .desc .name {
  font-size: .16rem;
  font-weight: 400;
  font-family: 'HarmonyOS Sans SC';
  color: rgba(255, 255, 255, 1);
}

.header .h_bottom .li_box .li_box_content .content .content_item .desc .button {
  width: .24rem;
  height: .24rem;
  border-radius: 50%;
  background: linear-gradient(93.3deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .h_bottom .li_box .li_box_content .content .content_item .desc .button img {
  width: .05rem;
  height: .08rem;
  border-radius: 0!important;
}

.header .h_bottom .li_box .li_box_content .all_btn {
  width: 1.2rem;
  height: .42rem;
  border-radius: 22.5rem;
  border: 1px solid rgba(1, 104, 183, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .22rem;
}

.header .h_bottom .li_box .li_box_content .all_btn span {
  font-size: .14rem;
  font-weight: 500;
  font-family: 'HarmonyOS Sans SC';
  color: rgba(1, 104, 183, 1);
}


.header .h_bottom .li_box2 {
  display: none;
  margin-top: .2rem;
  background: #fafafa;
}
.header .h_bottom .li_box2 .li_box_content {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .31rem .8rem;
  flex: 1;
  display: none;
}
.header .h_bottom .li_box2 .li_box_content.on{display: flex;}

.header .h_bottom .li_box2 .li_box_content .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .32rem;
  width: 100%;
}

.header .h_bottom .li_box2 .li_box_content .top .title {
  font-size: .22rem;
  font-weight: 500;
  font-family: 'HarmonyOS Sans SC';
  color: rgba(51, 51, 51, 1);
}

.header .h_bottom .li_box2 .li_box_content .top .buttons {
  display: flex;
  align-items: center;
  gap: .28rem;
}

.header .h_bottom .li_box2 .li_box_content .top .buttons .button {
  width: .36rem;
  height: .36rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  border: .01rem solid rgba(208, 208, 208, 1);
}

.header .h_bottom .li_box2 .li_box_content .top .buttons .button:hover {
  background: linear-gradient(93.3deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);
  border-style: none;
}

.header .h_bottom .li_box2 .li_box_content .top .buttons .button img {
  width: .1275rem;
  height: .075rem;
}

.header .h_bottom .li_box2 .li_box_content .top .buttons .button .normal {
  display: block;
}

.header .h_bottom .li_box2 .li_box_content .top .buttons .button .active {
  display: none;
}

.header .h_bottom .li_box2 .li_box_content .top .buttons .button:hover .normal {
  display: none;
}

.header .h_bottom .li_box2 .li_box_content .top .buttons .button:hover .active {
  display: block;
}

.header .h_bottom .li_box2 .li_box_content .content {
  width: 13.2rem;
  height: 2.86rem;
  border-bottom: .01rem solid rgba(223, 223, 223, 1);
  padding-bottom: .36rem;
  overflow: hidden;
}

.header .h_bottom .li_box2 .li_box_content .content .header-product-swiper {
    width: 100%;
}

.header .h_bottom .li_box2 .li_box_content .content .content_item {
  width: 4.2rem;
  height: 2.50rem;
  border-radius: 0 .4rem 0 .4rem;
  position: relative;
}

.header .h_bottom .li_box2 .li_box_content .content .content_item img {
  width: 100%;
  height: 100%;
  border-radius: 0 .4rem 0 .4rem;
  object-fit: cover;
}

.header .h_bottom .li_box2 .li_box_content .content .content_item .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: .95rem;
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
  border-radius: 0 0 .4rem .4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .32rem;
}

.header .h_bottom .li_box2 .li_box_content .content .content_item .desc .name {
  font-size: .16rem;
  font-weight: 400;
  font-family: 'HarmonyOS Sans SC';
  color: rgba(255, 255, 255, 1);
}

.header .h_bottom .li_box2 .li_box_content .content .content_item .desc .button {
  width: .24rem;
  height: .24rem;
  border-radius: 50%;
  background: linear-gradient(93.3deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.header .h_bottom .li_box2 .li_box_content .content .content_item .desc .button img {
  width: .05rem;
  height: .08rem;
  border-radius: 0!important;
}

.header .h_bottom .li_box2 .li_box_content .all_btn {
  width: 1.2rem;
  height: .42rem;
  border-radius: 22.5rem;
  border: 1px solid rgba(1, 104, 183, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .22rem;
}

.header .h_bottom .li_box2 .li_box_content .all_btn span {
  font-size: .14rem;
  font-weight: 500;
  font-family: 'HarmonyOS Sans SC';
  color: rgba(1, 104, 183, 1);
}


.combtn{width: fit-content;padding: 0.1rem 0.1rem 0.1rem 0.25rem;border-radius: 0.26rem;background: rgba(0, 0, 0, 0.35);backdrop-filter: blur(7.5px);display: flex;align-items: center;color: #fff;font-family: hmr;}
.combtn.tsp{background: transparent;backdrop-filter: blur(0);}
.combtn.black{border: 1px solid #10499E;color: #333;background-color: transparent;}
.combtn .jt{width: 0.3rem;height: 0.3rem;border-radius: 50%;background:linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);display: flex;justify-content: center;align-items: center;margin-left: 0.4rem;transition: all 0.5s;}
.combtn:hover .jt{margin-left: 0.2rem;}
.combtn .jt img{display: block;width: 0.08rem;}

.banner{position: relative;overflow: hidden;}
.banner .swiper-slide{height: 100vh;position: relative;}
.banner .swiper-slide:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 0.21) 0%, rgba(0, 0, 0, 0.08) 100%);}
.banner .swiper-slide video{width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .txt{position: absolute;left: 1.3rem; top: 60%;transform: translateY(-50%);color: #fff;z-index: 2;width: 9.36rem;z-index: 2;}
.banner .swiper-slide .txt .h{font-family: hmr;line-height: 1.6;margin-bottom: 0.19rem;width: 6.04rem;}
.banner .swiper-slide .txt .h span{font-family: hmb;}
.banner .swiper-slide .txt .p{line-height: 1.85;font-family: hmr;margin-bottom: 1.6rem;}
.banner .swiper-slide .txt span {font-weight: 700;font-size.5rem;}
.banner .swiper-pagination{bottom: 0.4rem;}
.banner .swiper-pagination .swiper-pagination-bullet{border-radius: 0;width: 0.5rem;height: 0.03rem;background-color: rgba(255,255,255,1);opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);}

.i_part1{padding:1.4rem 1.3rem;background-color: #F3F5FA;}
.i_part1 .tit{text-align: center;line-height: 1.1;font-family: hmm;color: #000;margin-bottom: 0.7rem;}
.i_part1 .list{width: 100%;display: flex;flex-wrap: wrap;}
.i_part1 .list .item{width: 3.92rem;margin-right: 0.2rem;margin-bottom: 0.2rem; border-radius: 0 0.4rem 0 0.24rem;overflow: hidden;position: relative;}
.i_part1 .list .item:nth-child(4n){margin-right: 0;}
.i_part1 .list .item .pic{width: 100%;height: 100%;overflow: hidden;}
.i_part1 .list .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.i_part1 .list .item:hover .pic img{transform: scale(1.05);}
.i_part1 .list .item:after{content: "";position: absolute;bottom: -0.7rem;left: 0;width: 100%;height: 1.7rem;background: linear-gradient(93deg, rgba(16, 73, 158, 0.90) 1.72%, rgba(65, 124, 172, 0.90) 40.85%, rgba(114, 179, 44, 0.90) 99.8%);filter: blur(25px);transition: all 0.5s;}
.i_part1 .list .item:hover:after{height: 100%;background: linear-gradient(103deg, #10499E -1.2%, #417CAC 46.69%, #72B32C 100.41%);filter: blur(0);bottom: 0;}
.i_part1 .list .item .txt{position: absolute;top: 2.2rem;transition: all 0.5s;  left: 0;width: 100%;padding: 0.6rem 0 0 0;color: #fff;z-index: 3;}
.i_part1 .list .item:hover .txt{top: 0;}
.i_part1 .list .item .txt .h{text-align: center;font-family: hmm;line-height: 1.25;margin-bottom: 0.45rem;}
.i_part1 .list .item .txt .boxs{display: flex;justify-content: center;margin-bottom: 0.45rem;}
.i_part1 .list .item .txt .boxs .box{margin: 0 0.06rem;width: 1rem;padding: 0.13rem 0;border-radius: 0.06rem;background: rgba(255, 255, 255, 0.25);backdrop-filter: blur(4.849999904632568px);}
.i_part1 .list .item .txt .boxs .box .icon{display: block;width: 0.3rem;height: 0.3rem;margin: 0 auto;margin-bottom: 0.08rem;}
.i_part1 .list .item .txt .boxs .box .p{color: #fff;font-family: hmr;text-align: center;line-height: 1.14;}
.i_part1 .list .item .txt .combtn{margin: 0 auto;}

.i_part2{position: relative;z-index: 5;background: no-repeat center;background-size: cover;height: 100vh;padding-top: 1.42rem;padding-bottom: 1.25rem;}
.i_part2 .pics{position: relative;overflow: hidden;width: 5.5rem;color: #fff;margin-left: 1.3rem;margin-bottom: 1.56rem;}
.i_part2 .pics .swiper-slide .h{font-family: hmm;line-height: 1.3;margin-bottom: 0.25rem;}
.i_part2 .pics .swiper-slide .p{font-family: hmr;line-height: 1.8;height: 5.4em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 0.2rem;}
.i_part2 .pics .swiper-slide .btns{display: flex;margin-bottom: 0.5rem;}
.i_part2 .pics .swiper-slide .btns a{display: block;width: fit-content;padding: 0.15rem 0.4rem;border: 1px solid #fff;border-radius: 0.24rem;color: #fff;margin-right: 0.3rem;transition: all 0.5s;}
.i_part2 .pics .swiper-slide .btns a:hover{background-color: #0168B7;border-color: transparent;}
.i_part2 .pics .swiper-slide .pic_box{display: flex;}
.i_part2 .pics .swiper-slide .pic_box .item{width: 2rem;height: 2rem;margin-right: 0.9rem;padding: 0.36rem 0.21rem 0.32rem 0.21rem;background: url(../img/ip2_yuan.png);background-size: 100% 100%;}
.i_part2 .pics .swiper-slide .pic_box .item:nth-child(2){margin-right: 0;}
.i_part2 .pics .swiper-slide .pic_box .item .pic{width: 100%;height: 0.95rem;border-radius: 0.4rem;margin-bottom: 0.12rem; overflow: hidden;}
.i_part2 .pics .swiper-slide .pic_box .item .pic img{width: 100%;height: 100%;object-fit: contain;}
.i_part2 .pics .swiper-slide .pic_box .item .p1{text-align: center;color: #0168B7;font-family: hmr;padding:0 0.12rem;}

.i_part2 .tabs{position: relative;overflow: hidden;padding-left: 1.3rem;}
.i_part2 .tabs .swiper-slide{cursor: pointer;}
.i_part2 .tabs .swiper-slide .h{font-family: hmm;line-height: 1.14;margin-bottom: 0.1rem;color: #fff;}
.i_part2 .tabs .swiper-slide .solid{width: 100%;height: 0.14rem;border-radius: 0.07rem;background: linear-gradient(90deg, rgba(31, 127, 177, 0.00) 0%, #1F7FB1 100%);position: relative;}
.i_part2 .tabs .swiper-slide .solid:after{content: "";position: absolute;top: 0;left: 0;background-color: #10499E;border-radius: 0.07rem;height: 100%;width: 0%;}
.i_part2 .tabs .swiper-slide.on .solid:after{width: 100%;}

.i_part3{position: relative;}
.i_part3 .bj{position: sticky;top: 0;width: 100%;}
.i_part3 .bj .video{position: absolute;top: 0;left: 0; width: 100%;height: 100vh;object-fit: cover;overflow:hidden;}
.i_part3 .bj .video1{width: 100%;height: 100%;object-fit: cover;transition:all 1.5s;}
.i_part3.show .bj .video1{transform:translate(23%,20%) scale(1.5);}
.i_part3 .left{float: left;width: 8.24rem;padding-left: 1.3rem;padding-bottom: 4rem;padding-top: 2.1rem; color: #ffffff;position: relative;z-index: 5;position: sticky;top:0;}
.i_part3 .left .h{line-height: 1.5;font-family: hmm;margin-bottom: 0.17rem;}
.i_part3 .left .p{line-height: 2;font-family: hmr;margin-bottom: 0.53rem;}
.i_part3 .right{float: right;width: 7.28rem;padding-right: 1.3rem;padding-top: 1.54rem; position: relative;z-index: 5;padding-bottom: 3rem;color: #fff;}
.i_part3 .right .item{width: 100%;display: flex;padding: 0.56rem 0;border-bottom: 1px solid rgba(255,255,255,0.5);justify-content: space-between;align-items: center;}
.i_part3 .right .item .nums{display: flex;align-items: flex-end;margin-bottom: 0.1rem;}
.i_part3 .right .item .nums .num{font-family: hmb;}
.i_part3 .right .item .nums .dw{font-family: hmm;margin-bottom: 0.12rem;margin-left: 0.08rem;}
.i_part3 .right .item .p{color:rgba(255,255,255,0.8);font-family: hmr;}
.i_part3 .right .item img{width: 0.68rem;display: block;}

.i_part4{padding: 1.4rem 0;background-color: #ffffff;position: relative;z-index: 5;}
.i_part4 .tit{color: #000;font-family: hmr;line-height: 1.1;text-align: center;margin-bottom: 0.56rem;}
.i_part4 .pics{position: relative;overflow: hidden;margin-bottom: 0.63rem;}
.i_part4 .pics .swiper-slide{height: 6.56rem;border-radius: 0 0.4rem;overflow: hidden;opacity: 0.4;transition: all 0.6s;pointer-events: none;}
.i_part4 .pics .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.i_part4 .pics .swiper-slide:hover img{transform: scale(1.05);}
.i_part4 .pics .swiper-slide-active{opacity: 1;pointer-events: all;}
.i_part4 .tabs{width: fit-content;margin: 0 auto;display: flex;border-bottom: 1px solid #60606020;margin-bottom: 0.3rem;}
.i_part4 .tabs li{width: 2.64rem;text-align: center;padding: 0 0 0.17rem 0;position: relative;color: #666;font-family: hml;cursor: pointer;}
.i_part4 .tabs li:after{content: "";position: absolute;left: 50%;bottom: -1px; transform: translateX(-50%);width: 0;height: 2px;background: linear-gradient(93deg, rgba(16, 73, 158, 0.90) 1.72%, rgba(65, 124, 172, 0.90) 40.85%, rgba(114, 179, 44, 0.90) 99.8%);transition: all 0.5s;}
.i_part4 .tabs li.on:after{width: 1.98rem;}
.i_part4 .tabs li.on{color: #000;font-family: hmm;}
.i_part4 .txts{width: 8.84rem;margin: 0 auto;color: #606060;font-weight: 300;line-height: 1.6;text-align: center;}
.i_part4 .txts .txt{display: none;}
.i_part4 .txts .txt.on{display: block;}


.i_part5{padding: 1.4rem 1.3rem;background-color: #F3F5FA;position: relative;z-index: 5;}
.i_part5 .top{width: 100%;margin-bottom: 0.7rem; display: flex;justify-content: space-between;align-items: center;}
.i_part5 .top .tit{color: #000;font-family: hmm;line-height: 1.1;}
.i_part5 .top .tab{display: flex;}
.i_part5 .top .tab a{display: block;margin-left: 0.14rem;width: fit-content;padding: 0.14rem 0.33rem;white-space: nowrap;color: #333;transition: all 0.5s;border: 1px solid #10499E;border-radius: 0.26rem;font-family: hmr;}
.i_part5 .top .tab .on a{color: #fff;background: linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);border:none;}
.i_part5 .bottom .con{display: none;}
.i_part5 .bottom .con.on{display: block;}
.i_part5 .bottom .con .list{width: 100%;display: flex;}
.i_part5 .bottom .con .list .item{display: block;width: 5.2rem;border-radius: 0 0.4rem 0 0.4rem;overflow: hidden;background: #fff;margin-right: 0.5rem;transition: all 0.5s;}
.i_part5 .bottom .con .list .item:hover{background:linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);transform: translateY(-0.3rem);}
.i_part5 .bottom .con .list .item:nth-child(3){margin-right: 0;}
.i_part5 .bottom .con .list .item .txt{padding: 0.46rem 0.42rem 0.42rem 0.42rem;color: #333;transition: all 0.5s;}
.i_part5 .bottom .con .list .item:hover .txt{color: #fff;}
.i_part5 .bottom .con .list .item .txt .day{font-family: hmr;line-height: 1.1;margin-bottom: 0.16rem;}
.i_part5 .bottom .con .list .item .txt .h{font-family: hmm;line-height: 1.5;height: 1.5em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom:0.1rem;}
.i_part5 .bottom .con .list .item .txt .p{color: rgba(51, 51, 51, 0.70);font-family: hmr;line-height: 1.87;height: 3.74em;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 0.46rem;transition: all 0.5s;}
.i_part5 .bottom .con .list .item:hover .txt .p{color: #fff;}
.i_part5 .bottom .con .list .item:hover .txt .combtn{background-color: #fff;color: #333;}
.i_part5 .swiper-container {display: none;}
.i_part5 .buttons {display: none;}

.i_part6{
    position: relative;
    height: 100vh;
    color: #fff;
    background: url(../img/ip6_bj.jpg)no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 5;
    
    
}
.i_part6 .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.i_part6 .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.i_part6 .bg img.close{
    display: none;
}
.i_part6 .bg img {
    display: block;
}
.i_part6 .txt{position: absolute;top: 60%;transform: translateY(-50%);left: 1.3rem;width: 5.9rem;}
.i_part6 .txt .h{line-height: 1.1;font-family: hmm;margin-bottom: 0.3rem;}
.i_part6 .txt .p{line-height: 1.87;font-family: hmr;height: 7.48em;margin-bottom: 0.65rem;}
.i_part6 .txt .icons{display: flex;margin-bottom: 1.25rem;}
.i_part6 .txt .icons img{display: block;margin-right: 0.2rem;width: 1rem;}

.i_part7{padding: 1.4rem 0;background-color: #F3F5FA;position: relative;z-index: 5;}
.i_part7 .ellipse {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.i_part7 .pic{width: 100%;}
.i_part7 .pic img{display: block;width: 100%;}
.i_part7 .pic img.mimg{display: none;}
.i_part7 .txt{position: absolute;left: 3rem;top: 52%;transform: translateY(-50%);width: 5.62rem;}
.i_part7 .txt .nums{display: flex;align-items: flex-start;background:linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: hmb;margin-bottom: 0.4rem;color: transparent;width: 2.15rem;}
.i_part7 .txt .nums .num{font-size: 1rem;}
.i_part7 .txt .nums .dw{font-size: 0.22rem; font-weight: bold;}
.i_part7 .txt .h{color: #000;line-height: 1.1;font-family: hmm;margin-bottom: 0.2rem;}
.i_part7 .txt .p{color: #666;line-height: 1.87;font-family: hmr;margin-bottom: 1.05rem;}

.footer{position: relative;z-index: 5;}
.footer .f_top{padding: 1.12rem 1.3rem 1.04rem 1.3rem;background-color: #fff;display: flex;justify-content: space-between;align-items: flex-start;}
.footer .f_top .list{width: 12.28rem;display: flex;justify-content: space-between;}
.footer .f_top .list .item .h{font-family: hmr;color: #000;line-height: 1.12;margin-bottom: 0.31rem;}
.footer .f_top .list .item ul a{display: block;color: #666;line-height: 2.7;font-family: hmr;transition: all 0.5s;}
.footer .f_top .list .item .icon {
    display: none;
}
.footer .f_top .list .item ul a:hover{color:#10499E;}
.footer .f_top .t_right{text-align: right;}
.footer .f_top .t_right .tel{display: block;color: #000;font-family: hmm;line-height: 1.1;margin-bottom: 0.22rem;}
.footer .f_top .t_right .p{color: #666;line-height: 1.25;font-family: hmr;margin-bottom: 0.34rem;}
.footer .f_top .t_right .codes{width: 100%;display: flex;justify-content: flex-end;text-align: center;}
.footer .f_top .t_right .codes .code{width: 1.5rem;text-align: center;}
.footer .f_top .t_right .codes .code img{display: block;width: 100%;margin-bottom: 0.13rem;}
.footer .f_top .t_right .codes .code .p1{color: #666;line-height: 1.25;font-family: hmr;}
.footer .f_bottom{padding: 0.27rem 1.3rem;display: flex;justify-content: space-between;align-items: center;background: linear-gradient(93deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);font-family: hmr;color: #fff;}
.footer .f_bottom a{color: #fff;}
.footer .f_bottom span{margin: 0 0.12rem;}
.footer .f_bottom p{margin-left: 0.26rem;}
.footer .f_bottom .b_left{display: flex;align-items: center;}


@media screen and (min-width: 1922px) {
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1560px) {
}
@media screen and (max-width: 1440px) {


}
@media screen and (max-width: 1366px) {

}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 668px) {

}

@media (max-width: 767px) {
    .banner .swiper-slide {
        height: 7rem;
    }
    .banner .swiper-slide .txt {
        left: .39rem;
        top: 45%;
        width: 5.97rem;
    }
    
    .banner .swiper-slide .txt .p {
        margin-bottom: .7rem;
    }
    
    .combtn {
        width: 2.47rem;
        height: .8rem;
        border-radius: .66rem;
        padding: .1rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .combtn .jt {
        width: .48rem;
        height: .48rem;
    }
    .i_part1 .tit {
        font-size: .46rem;
    }
    .i_part1 {
        padding: 1.4rem .32rem;
    }
    .i_part1 .list .item {
        width: 3.22rem;
    }
    
    .i_part1 .list .item .txt .boxs {
        display: none;
    }
    .i_part1 .list .item .txt .combtn {
        display: none;
    }
    .i_part1 .list .item:hover:after {
        height: 40%;
        filter: blur(25px);
    }
    
    .i_part1 .list .item:hover .txt {
        bottom: .2rem;
        top: unset;
    }
    .i_part1 .list .item .txt {
        bottom: .2rem;
        top: unset;
    }
    .i_part1 .list .item .txt .h {
        margin: 0;
    }
    .i_part2 {
        height: auto;
        min-height: 100vh;
    }
    .i_part2 .pics {
        margin: 0 .8rem 4.5rem .8rem;
        width: unset;
    }
    .i_part2 .pics .swiper-slide .h {
        font-size: .46rem;
        text-align: center;
    }
    .i_part2 .pics .swiper-slide .p {
        height: 2.5rem;
        text-overflow: unset;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
        text-align: center;
    }
    .i_part2 .pics .swiper-slide .btns {
        justify-content: center;
    }
    .i_part2 .pics .swiper-slide .pic_box {
        gap: .8rem;
    }
    .i_part2 .pics .swiper-slide .pic_box .item {
        width: 2.5568rem;
        height: 2.5568rem;
        margin: 0;
    }
    .i_part2 .tabs {
        height: 3.5rem;
        width: unset;
        padding: 0;
        margin: 0 .8rem;
    }
    .i_part2 .tabs .swiper-slide .h {
        font-size: .28rem;
    }
    
    .i_part2 .pics .swiper-slide .pic_box .item .pic {
        width: 66%;
        border-radius: .1rem;
        margin: 0 auto .12rem auto;
    }
    
    .i_part3 .bj {
        position: relative;
    }
    .i_part3 .bj .video {
        height: 120vh;
    }
    .i_part3 .left {
        width: 100%;
        padding: 1.76rem .32rem 1.69rem .32rem;
        position: relative;
    }
    .i_part3 .left .h {
        text-align: center;
        font-size: .46rem;
    }
    .i_part3 .left .p {
        font-size: .26rem;
        text-align: center;
    }
    .i_part3 .left .combtn {
        margin: 0 auto;
    }
    .i_part3 .right {
        padding: 0 .32rem 0 .32rem;
        height: 3rem;
        overflow-y: auto;
        min-height: 7.5rem;
    }
    .i_part3 .right .item {
        padding: .42rem 0;
    }
    
    .i_part4 {
        padding: 1.5rem .32rem;
    }
    .i_part4 .tabs {
        gap: .1rem;
    }
    .i_part4 .tabs li {
        width: 1.62rem;
        padding: 0 0 .4rem 0;
    }
    .i_part4 .txts {
        width: 100%;
        font-size: .26rem;
    }
    .i_part5 {
        padding: 1.32rem .32rem;
    }
    .i_part5 .top {
        flex-direction: column;
        gap: .4rem;
        justify-content: center;
        margin: 0 0 .93rem 0;
    }
    .i_part5 .top .tab {
        gap: .2rem;
    }
    .i_part5 .top .tab a {
        margin: 0;
        padding: .2rem .46rem;
        border-radius: .39rem;
        font-size: .26rem;
    }
    .i_part5 .bottom {
        width: 100%;
    }
    .i_part5 .swiper-container {
        display: flex;
        overflow: hidden;
        width: 100%;
    }
    .i_part5 .bottom .con .list .box {
        display: none;
    }
    .i_part5 .bottom .con .list .item {
        width: 100%;
        height: 100%;
    }
    .i_part5 .bottom .con .list .item .pic img {
        width: 100%;
        height: 4.35rem;
    }
    .i_part5 .bottom .con .list .item .txt .day {
        font-size: .24rem;
    }
    .i_part5 .bottom .con .list .item .txt .h {
        font-size: .28rem;
    }
    .i_part5 .bottom .con .list .item .txt .p {
        font-size: .26rem;
    }
    .i_part5 .bottom .con .list .item .combtn {
        width: 2.3182rem;
        height: .6rem;
        border-radius: .3545rem;
        font-size: .26rem;
        gap: .1591rem;
    }
    .i_part5 .bottom .con .list .item .combtn .jt {
        margin: 0;
    }
    .i_part5 .buttons.on {
        display: flex;
    }
    .i_part5 .buttons {
      display: none;
      align-items: center;
      gap: .2672rem;
      justify-content: center;
      margin: .5rem  0 0 0;
    }
    
    .i_part5 .buttons .button {
      width: .6441rem;
      height: .6441rem;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      cursor: pointer;
      border: .01rem solid rgba(208, 208, 208, 1);
    }
    
    .i_part5 .buttons .button:hover {
      background: linear-gradient(93.3deg, #10499E 1.72%, #417CAC 40.85%, #72B32C 99.8%);
      border-style: none;
    }
    
    .i_part5 .buttons .button img {
      width: .2272rem;
      height: .1336rem;
    }
    
    .i_part5 .buttons .button .normal {
      display: block;
    }
    
    .i_part5 .buttons .button .active {
      display: none;
    }
    
    .i_part5 .buttons .button:hover .normal {
      display: none;
    }
    
    .i_part5 .buttons .button:hover .active {
      display: block;
    }
    
    .i_part6 {
        padding: 1.43rem .81rem;
        position: relative;
        height: 10.8rem;
    }
    .i_part6::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(180deg, rgba(34, 34, 34, 0.64) -200%, rgba(34, 34, 34, 0) 100%);
        z-index: 0;
    }
    .i_part6 .txt {
        position: relative;
        top: unset;
        transform: unset;
        left: unset;
        width: 100%;
    }
    .i_part6 .txt .h {
        text-align: center;
        font-size: .46rem;
    }
    .i_part6 .txt .p {
        text-align: center;
        font-size: .26rem;
    }
    .i_part6 .txt .icons {
        justify-content: center;
        gap: .26rem;
        margin: 0 0 1.38rem 0;
    }
    .i_part6 .txt .icons img {
        width: 1.3rem;
        height: 1.3rem;
        margin: 0;
    }
    .i_part6 .combtn {
        margin: 0 auto;
        width: 2.72rem;
        height: .8rem;
    }
    .i_part7 {
        padding: 1.27rem 0 .157rem 0;
        display: flex;
        flex-direction: column;
        
    }
    .i_part7 .txt {
        left: unset;
        top: unset;
        width: unset;
        position: relative;
        transform: unset;
        order: 1;
        margin: 0 .332rem;
    }
    .i_part7 .txt .nums {
        justify-content: center;
        margin: 0 auto .3rem auto;
    }
    .i_part7 .txt .h {
        text-align: center;
        margin: 0 0 .4rem 0;
    }
    .i_part7 .txt .p {
        text-align: center;
        margin: 0 0 .6rem 0;
    }
    .i_part7 .txt .combtn {
        margin: 0 auto;
    }
    .i_part7 .ellipse {
        display: none;
    }
    .i_part7 .pic {
        /*display: none;*/
        order: 2;
        margin: .91rem 0 1.57rem 0;
    }
    .i_part7 .pic img {
        display: none;
    }
    .i_part7 .pic img.mimg {
        display: block;
    }
    
    
    .header {
        position: sticky;
    }
    .header .h_top {
        display: none;
    }
    .header .h_bottom .b_right {
        display: none;
    }
    .header .h_bottom .b_right ul {
        display: none;
    }
    
    .header .h_bottom {
        padding: .34rem .32rem;
        
    }
    .header .h_bottom .logo {
        width: 1.38rem;
        height: .61rem;
    }
    .header .h_bottom .m_right {
        display: flex;
        gap: .45rem;
    }
    .header .h_bottom .m_right .btn,
    .header .h_bottom .m_right .btn_l{
        width: .48rem;
        height: .48rem;
    }
    .header .h_bottom .m_right .btn img,
    .header .h_bottom .m_right .btn_l img{
        width: 100%;
        height: 100%;
    }
    
    .header .h_bottom .m_right .btn_l .normal,
    .header.on .h_bottom .m_right .btn_l .active{
        display: block;
    }
    .header.on .h_bottom .m_right .btn_l .normal,
    .header .h_bottom .m_right .btn_l .active{
        display: none;
    }
    .header .h_bottom .m_right .btn .normal,
    .header.on .h_bottom .m_right .btn .active{
        display: block;
    }
    .header.on .h_bottom .m_right .btn .normal,
    .header .h_bottom .m_right .btn .active{
        display: none;
    }
    
    
    
    
    .header .h_bottom .m_right .nav_menu_dropdown {
        position: fixed;
        height: 0;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        transition: all .5s ease-in-out;
        overflow: hidden;
        z-index: -1;
    }
    .header .h_bottom .m_right .nav_menu_dropdown.active {
        height: 100vh;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu {
        display: block;
        margin: 1.2rem 0 0 0;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown li {
        padding: 0 .3rem;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown li:hover {
        background: rgba(255,255,255,.8);
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown a:first-child{
        font-size: .26rem;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown a {
        font-size: .24rem;
        margin: .1rem 0;
    }
    
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown {
        border-bottom: .01rem solid rgba(0, 0, 0, .2);
        position: relative;
        display: flex;
        flex-direction: column;
        /*justify-content: space-between;*/
        
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown .icon {
        font-size: .36rem;
        font-weight: 100;
        width: .3rem;
        text-align: end;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown .icon .open {
        display: block;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown .icon .close {
        display: none;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown .dropdown_item {
        display: flex;
        justify-content: space-between;
        padding: .2rem .3rem;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown .dropdown_menu {
        background: rgba(195, 195, 195, 0.1);
        padding: 0 .3rem;
        font-size: .18rem;
        max-height: 0;
        overflow: hidden;
        transition: all .5s ease-in-out;
    }
    .header .h_bottom .m_right .nav_menu_dropdown .nav_menu .dropdown .dropdown_menu.open {
        max-height: 4.5rem;
         padding: .3rem 0;
    }
    
    
    
    .footer .f_top {
        flex-direction: column;
        padding: 1.12rem 0 0 0;
    }
    .footer .f_top .list {
        padding: 0 .32rem;
        flex-direction: column;
        width: 100%;
        gap: .6rem;
    }
    
    .footer .f_top .list ul {
        max-height: 0;
        overflow: hidden;
        transition: all .5s ease-in-out;
        
    }
    .footer .f_top .list .item .h {
        font-size: .26rem;
        width: 90%;
        margin: 0;
    }
    .footer .f_top .list .item .label {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .footer .f_top .list .item .icon {
        display: block;
        width: .26rem;
        height: .26rem;
        transition: all .5s ease-in-out;
    }
    .footer .f_top .list .item .icon.active {
        transform: rotate(90deg);
    }
    .footer .f_top .list ul.active {
        max-height: 5.3rem;
        margin: .3rem 0 0 0;
    }
    .footer .f_top .t_right {
        margin: 1.1rem auto .66rem auto;
        text-align: center;
    }
    .footer .f_top .t_right .tel {
        font-size: .44rem;
        font-weight: 500;
    }
    .footer .f_top .t_right .p {
        font-size: .26rem;
        color: rgba(102, 102, 102, 1);
    }
    .footer .f_top .t_right .codes {
        justify-content: center;
    }
    .footer .f_top .t_right .codes .code {
        width: 2.42rem;
    }
    .footer .f_bottom {
        padding: .44rem 1.52rem;
        flex-direction: column;
    }
    .footer .f_bottom .b_left {
        flex-direction: column;
        font-size: .26rem;
    }
    
    .footer .f_bottom .b_left .b_left_d {
        margin: 0 0 .16rem 0;
    }
    .footer .f_bottom p {
        text-align: center;
        line-height: 160%;
        margin: 0 auto;
        width: 4.46rem;
        font-size: .26rem;
    }
    .footer .f_bottom a.b_right {
        margin: .16rem 0 0 0;
        font-size: .26rem;
    }
    
    
    
    
}