*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{width: 100%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{padding:0;margin:0}
body,button,input,select,textarea{font:14px/1.5 Poppins,arial,Microsoft Yahei,sans-serif;}
body{width: 100%;max-width: 500px; background:#fff;-webkit-font-smoothing: antialiased;color:#222;overflow-x:hidden;    display: block;
    margin: 0 auto;}
body *{box-sizing:border-box;}
.tran{
  -webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s
}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new, courier, monospace}
small{font-size:12px}
i{font-style: normal;}
ul,ol{list-style:none}
hr{height: 1px}
a{color:inherit;text-decoration:none;outline:none;background-color: transparent;-webkit-tap-highlight-color: transparent;
}
a:hover,a:active{outline: none;text-decoration: none}
img{border:none}
.b,b,strong{font-weight: bold}
.nb{font-weight: normal;}
* {
  -webkit-tap-highlight-color: transparent!important;
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

table{border-collapse:collapse}
input,input:focus{border: none;outline: none}
input[type="submit"]{cursor: pointer}
button{
     appearance: none;
            -webkit-appearance: none; /* 兼容 Safari 和 Chrome 等 WebKit 内核浏览器 */
            -moz-appearance: none; /* 兼容 Firefox 浏览器 */
            background-color: #007BFF;
            border: none;
            cursor: pointer;
}
/*div 隐藏滚动条*/
nav,div {
  scrollbar-width: none; /* Firefox */
}
 
/* 为了兼容 WebKit 浏览器，可以加上之前的规则 */
nav::-webkit-scrollbar,div::-webkit-scrollbar {
  display: none;
}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.trans05{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s}
.trans1{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s}
.trans15{-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s}
.trans2{-webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s}

.pd10{padding:0.1rem;}
.pd20{padding:0.2rem;}
.pd30{padding:0.3rem;}
.pd40{padding:0.4rem;}
.pd50{padding:0.5rem;}

.ma{display: block; margin:0 auto;}

.fs12{font-size:.12rem;}
.fs14{font-size:.14rem;}
.fs16{font-size:.16rem;}
.fs18{font-size:.18rem;}
.fs20{font-size:.18rem;}
.fs22{font-size:.22rem;}
.fs24{font-size:.24rem;}
.fs26{font-size:.26rem;}
.fs28{font-size:.28rem;}
.fs30{font-size:.30rem;}
.fs32{font-size:.32rem;}
.fs34{font-size:.34rem;}
.fs36{font-size:.36rem;}
.fs38{font-size:.38rem;}
.fs40{font-size:.40rem;}
.fs50{font-size:.50rem;}
.fs60{font-size:.60rem;}
.fs80{font-size:.80rem;}
.fs140{font-size:.140rem;}
.fs160{font-size:.160rem;}




.mt05{margin-top:.05rem;}
.mt10{margin-top:.10rem;}
.mt15{margin-top:.15rem;}
.mt20{margin-top:.20rem;}
.mt25{margin-top:.25rem;}
.mt30{margin-top:.30rem;}
.mt35{margin-top:.35rem;}
.mt40{margin-top:.40rem;}
.mt45{margin-top:.45rem;}
.mt50{margin-top:.50rem;}
.mt55{margin-top:.55rem;}
.mt60{margin-top:.60rem;}
.mt70{margin-top:.70rem;}
.mt80{margin-top:.80rem;}
.mt90{margin-top:.90rem;}
.mt100{margin-top:.10rem;}


.ml05{margin-left:.05rem;}
.ml10{margin-left:.10rem;}
.ml15{margin-left:.15rem;}
.ml20{margin-left:.20rem;}
.ml25{margin-left:.25rem;}
.ml30{margin-left:.30rem;}
.ml35{margin-left:.35rem;}
.ml40{margin-left:.40rem;}
.ml45{margin-left:.45rem;}
.ml50{margin-left:.50rem;}
.ml55{margin-left:.55rem;}
.ml60{margin-left:.60rem;}
.ml70{margin-left:.70rem;}
.ml80{margin-left:.80rem;}
.ml90{margin-left:.90rem;}
.ml100{margin-left:.10rem;}




.color1{color:#898989;}
.color89{color:#898989;}
.hide{display:none;}
.hide1{visibility:hidden; }


.f_r_s{display:flex;flex-direction:row;justify-content: flex-start; align-items:center;flex-wrap: wrap}
.f_r_e{display:flex;flex-direction:row;justify-content: flex-end; align-items:center;flex-wrap: wrap}
.f_r_c{display:flex;flex-direction:row;justify-content: center; align-items:center; flex-wrap: wrap;}
.f_r_sa{display:flex;flex-direction:row;justify-content: space-around; align-items:center; flex-wrap: wrap;}
.f_r_sb{display:flex;flex-direction:row;justify-content: space-between; align-items:center; flex-wrap: wrap;}
.f_c_c{display:flex;flex-direction:column;justify-content: center; align-items:center;}
.f_c_s{display:flex;flex-direction:column;justify-content: flex-start; align-items:flex-start;}
.f_c_sb{display:flex;flex-direction:column;justify-content: space-between; align-items:flex-start;}
.f_c_sa{display:flex;flex-direction:column;justify-content:space-around; align-items:center;}


/*动画*/
.ani-b-s{opacity: 0;-webkit-transform: translate(0, 50px);-moz-transform: translate(0, 50px);transform: translate(0, 50px)}
.ani-b-t{opacity: 0;-webkit-transform: translate(0, -50px);-moz-transform: translate(0, -50px);transform: translate(0, -50px)}
.ani-l{opacity: 0;-webkit-transform: translate(-200px, 0);-moz-transform: translate(-200px, 0);transform: translate(-200px, 0)}
.ani-r{opacity: 0;-webkit-transform: translate(200px, 0);-moz-transform: translate(200px, 0);transform: translate(200px, 0)}
.ani-b{opacity: 0;-webkit-transform: translate(0, 200px);-moz-transform: translate(0, 200px);transform: translate(0, 200px)}
.ani-o{opacity: 0;-webkit-transform: scale(0, 0);-moz-transform: scale(0, 0);transform: scale(0, 0)}




.ml05{margin-left:.05rem;}
.ml10{margin-left:.10rem;}
.ml15{margin-left:.15rem;}
.ml20{margin-left:.20rem;}
.ml25{margin-left:.25rem;}
.ml30{margin-left:.30rem;}
.ml35{margin-left:.35rem;}
.ml40{margin-left:.40rem;}
.ml45{margin-left:.45rem;}
.ml50{margin-left:.50rem;}
.ml55{margin-left:.55rem;}
.ml60{margin-left:.60rem;}
.ml70{margin-left:.70rem;}
.ml80{margin-left:.80rem;}
.ml90{margin-left:.90rem;}
.ml100{margin-left:.10rem;}


.f_r_s{display:flex;flex-direction:row;justify-content: flex-start; align-items:center;flex-wrap: wrap}
.f_r_e{display:flex;flex-direction:row;justify-content: flex-end; align-items:center;flex-wrap: wrap}
.f_r_c{display:flex;flex-direction:row;justify-content: center; align-items:center; flex-wrap: wrap;}
.f_r_sa{display:flex;flex-direction:row;justify-content: space-around; align-items:center; flex-wrap: wrap;}
.f_r_sb{display:flex;flex-direction:row;justify-content: space-between; align-items:center; flex-wrap: wrap;}
.f_c_c{display:flex;flex-direction:column;justify-content: center; align-items:center;}
.f_c_s{display:flex;flex-direction:column;justify-content: flex-start; align-items:flex-start;}
.f_c_sb{display:flex;flex-direction:column;justify-content: space-between; align-items:flex-start;}
.f_c_sa{display:flex;flex-direction:column;justify-content:space-around; align-items:center;}


.shadow{
    box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);
  }
  
.shadow1{
box-shadow: 0 10px 33px -8px rgba(80,140,209,.29);
}



body{
    font-family: "微软雅黑", Verdana, Tahoma, sans-serif;
    padding-top: .6rem;
    line-height: 1.5;

}






/* 头部样式 */
.header {
  position: fixed;
  width: 100%;
  max-width: 500px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 101;
  background: #fff;
  box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.1);
  padding:0 0.2rem;
  height: .8rem;
  
}

.header-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  display: flex;
  align-items: center;
  gap: 0.05rem;
}

.logo img {
  width: 2.5rem;
}

.menu-toggle-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1001;
}

.menu-toggle-btn img {
  width: 0.24rem; 
  height: auto;
}

/* 移动端导航菜单 */
.mobile-nav {
  position: fixed;
  top: 0.6rem; /* 根据header高度调整 */
  left: 0;
  right: 0;
  background: #fff;
  z-index: 101; /* 低于header */
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease-in-out;
  padding:0 .4rem;
}

.mobile-nav.is-open {
  max-height: calc(100vh - 0.6rem); /* 足够大的高度 */
  overflow-y: auto;
}

.mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-nav .nav-item > a {
  display: block;
  padding: 0.15rem 0.1rem;
  color: #333;
  text-decoration: none;
  font-size: 0.20rem;
  /* border-bottom: 1px solid #f0f0f0; */
  position: relative;
  font-weight: 600;
}

.nav-item.has-submenu > a::after {
  content: '';
  display: block;
  width: 0.10rem;
  height: 0.10rem;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: rotate(45deg);
  position: absolute;
  right: 0.15rem;
  top: 50%;
  margin-top: -0.08rem;
  transition: transform 0.5s ease;
}

.nav-item.has-submenu.is-open > a::after {
  transform: rotate(-135deg);
  margin-top: -0.04rem;
}

.mobile-nav .submenu {
  list-style: none;
  padding-left: 0.2rem;
  background: #f8f9fa;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.mobile-nav .nav-item.is-open .submenu {
  max-height: 5rem; /* 预估一个足够大的高度 */
}

.mobile-nav .submenu li a {
  display: block;
  padding: 0.12rem 0.1rem;
  color: #555;
  text-decoration: none;
  font-size: 0.18rem;
}

.hide{
  display: none!important;
}
.fuceng{
  z-index: 100;position: fixed;width: 100%;height: 100%;
}

/* 主内容区域偏移 */
.main-content {
    transition: transform 0.3s ease-in-out;
}

.main-content.is-shifted {
    transform: translateY(0); /* 不再需要下移 */
}










/* rem布局footer样式 */
.footer {
    background: #353c50;
    padding: 0;
    text-align: center;
    color: #fff;
}
.footer-top {
    padding-top: 0.3rem;
    padding-bottom: 0.1rem;
}
.footer-top img{
    width: 2.6rem;
    height: auto;
}
.footer-title {
    font-size: 0.38rem;
    font-weight: bold;
    letter-spacing: 0.02rem;
    color: #C3C6CC;
}
.footer-subtitle {
    font-size: 0.18rem;
    color: #cfd3e1;
    margin-top: 0.1rem;
}
.footer-middle {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer-qr {
    background: #fff;
    border-radius: 0.1rem;
    /* padding: 0.18rem 0.18rem 0.1rem 0.18rem; */
    display: inline-block;
}
.footer-qr img {
    width: 1.5rem;
    height: auto;
    display: block;
    margin: 0 auto;
}
.footer-qr-text {
    color: #222;
    font-size: 0.16rem;
    margin-top: 0.08rem;
    margin-bottom: 0;
}
.footer-contact {
    margin-top: 0.1rem;
}
.footer-phone {
    font-size: 0.18rem;
    color: #C3C6CC;
    margin-bottom: 0.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.08rem;
}
.footer-phone .icon-phone {
    width: 0.22rem;
    height: 0.22rem;
    margin-right: 0.06rem;
    vertical-align: middle;
}
.footer-service, .footer-email {
    color: #C3C6CC;
    font-size: 0.14rem;
    margin-bottom: 0;
    display: inline-block;
    margin-right: 0.18rem;
}
.footer-email {
    margin-right: 0;
}
.footer-bottom {
    background: #2b2f3a;
    padding: 0.28rem 0 0.18rem 0;
    color: #999A9F;
    font-size: 0.12rem;
    line-height: 2;
}
.footer-bottom a {
    color: #999A9F;
}

.footer-copyright img{
    width: 0.27rem;
    height: auto;
}