@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom;max-width: 100%; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body { color: #666; background:#f3f5fa;}
a { color: #666; }
a:hover { color: #2560b1; }
.wrap { width: 1440px; margin: 0 auto;}
.g-in{ width:1440px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.b-in{ width:1440px; margin:0 auto; }.b-in:after{content:'\20';display:block;height:0;clear:both}.b-in{*zoom:1}
.s-in{ width:1200px; margin:0 auto; }.s-in:after{content:'\20';display:block;height:0;clear:both}.s-in{*zoom:1}
.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrapper img{  vertical-align:top; }

/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

.u-menu { position:absolute; right:0px; top:50%;display:none; width:50px; height:42px; transform: translateY(-50%) translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 15; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#fff; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

/* 二级菜单 */
.m-menua {position:fixed;top:0;right:-50%;width:45%;height:100%;padding:7% 5%;box-sizing: border-box;background:#fff;z-index:101;opacity:0;overflow:auto;}
.m-menua .site-nav { min-height:400px; overflow-y:auto; }
.m-menua dl dt { margin-bottom:8px; padding:0 8px 10px; border-bottom:1px solid #ddd; line-height:24px; }
.m-menua dl dt a { color: #333;font-size: 14px; }
.m-menua dl dt a:hover,.m-menua dl dt .current { color: #8ab923; }
.m-menua dl dd { padding: 0 5px 10px 24px; line-height:24px; }
.m-menua dl dd a { color: #333; }
.m-menua dl dd a.current { color: #8ab923; }
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:10; }

.msearch{padding: 0 12px;font-size: 0;margin-top: 15px;}
.msearch .mtxt{width: 120px;height: 30px;font-size: 12px;border:1px solid #ccc;vertical-align: middle;padding: 0 7px;}
.msearch .msbt{width: 40px;height: 32px;vertical-align: middle;background: #0068b5;font-size: 12px;color: #fff;}

body.z-open .m-nav {transform:translate3d(-300px,0,0);-webkit-transform:translate3d(-300px,0,0);}

.m-menu .h2{display: flex;justify-content: space-between;align-items: center;}
.m-menu .h2 h2{font-size: 20px;}
.m-menu .close{ background:url(gb.png) center center no-repeat; width:26px; height:26px; background-size:100%; cursor:pointer}  

.m-menu{ position:fixed; top:0; right:-50%; width:45%; height:100%; padding:7% 5%; background:#fff; z-index:99; opacity:0; overflow:auto; box-sizing: border-box;}
.m-menu .site-nav { min-height:6.25rem; overflow-y:auto; }
.m-menu { position:fixed; top:0; right:-100%; width:100%; height:100%; background:rgba(255,255,255,1); z-index:9999; opacity:0; overflow:auto; }
.m-menu .site-nav {  padding:7% 5% 7% 15%;  min-height:400px; overflow-y:auto; }
.c-nav_item a {display: flex;justify-content: space-between;align-items: center;display: block;font-size: 16px;color: #535353;text-transform: uppercase;line-height: 3;}
.c-nav_item .ab {display: flex;justify-content: space-between;align-items: center;}
.c-nav_list-wrap a {display: block;font-size: 16px;color: #535353;text-transform: uppercase;line-height: 3;}
.m-menu .ab a {display: block;font-size: 16px;color: #535353;text-transform: uppercase;line-height: 3;}
.m-menu .ab span {width: 20px;background: url(icon10.png) no-repeat center;height: 20px;background-size: 20px 20px;}
.m-menu .ab span.on {background: url(icon11.png) no-repeat center;background-size: 20px 2px;}
.showdiv a {display: block;line-height: 50px;font-size: 14px;color: #535353;width: 100%;border-bottom: 1px solid #e5e5e5;padding-left: 3%;box-sizing: border-box;box-sizing: border-box;}
/* 移动端子项命中当前栏目：主蓝 + 加粗 + 白底（2026-09-04） */
.showdiv a.aaa.current{color: #2560b1;font-weight: 700;background: #fff;}
.showdiv a.thired {line-height: 30px;font-size: 12;padding-left: 6%;border-bottom: 0;}
.showdiv {background: #f2f2f2;position: relative;display:none;}

@media only screen and (max-width:1480px){
  .g-in{max-width: 1200px;}
  .wrap{max-width: 1200px;}


}
@media only screen and (max-width:1200px){
  .g-in{max-width: 94%;}
  .wrap{max-width: 94%;}
  .u-menu{display: block;}
}
@media only screen and (max-width:900px){
  
}

.bottom_bg{background: url("xft_bg_02.png") no-repeat center bottom,linear-gradient(to bottom, #ffffff 28%, #f3f5fa 100%);background-size: 100% auto;}
.zc_bg{background: url(zcbg_02.png) no-repeat bottom center;background-size: 100% auto;}
.footer{padding: 37px 0 22px;font-size: 16px;color: #3f6389;text-align: center;line-height: 2.5;}
.footer img{vertical-align: middle;}
.footer a{color: #3f6389;}

.endpic{text-align: center;font-size: 0;margin-top: 12px;}
.endpic .endpici{display: inline-block;margin:0 0.5%;vertical-align: middle;}
.endpic .endpici img{height: 47px;}
.endpic .endpici:nth-child(4) img{width: 150px;}

@media only screen and (max-width:1480px){
  .footer{font-size: 15px;padding: 30px 0 18px;}
}
@media only screen and (max-width:1200px){
  .footer{font-size: 14px;padding: 23px 0 14px;}
  .endpic .endpici img{height: 50px;}
}
@media only screen and (max-width:900px){
  .footer{font-size: 13px;padding: 15px 0 10px;line-height: 1.65;}
  .endpic{margin-top: 3%;}
  .endpic .endpici{width: 49%;margin: 0 2% 2% 0;text-align: right;}
  .endpic .endpici:nth-child(2n){margin-right: 0;text-align: left;}
  
}

.head_bg .img02{display: none;}
.top_nav{position: absolute;left: 0;top:15px;width: 100%;}
.top_nav .top{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.top_nav .top .logo{display: flex;align-items: flex-end;}
.top_nav .top .logo .txt{font-size: 15px;line-height:1.5;
color: rgba(255, 255, 255, 1);
text-align: left;
vertical-align: top;margin-left: 12px;}
.top_nav .top .logo .txt a{color: rgba(255, 255, 255, 1);}
.top_nav .top .logo img{height: 67px;}
.top_nav .top .logo .img02{display: none;}
.top_nav .top .topr .topra{text-align: right;}
.top_nav .top .topr .topra .toprai{display: inline-block;margin-left: 20px;position: relative;}
.top_nav .top .topr .topra .toprai a.a1{font-size: 14px;color: rgba(255,255,255,0.6);padding-left: 18px;}
.top_nav .top .topr .topra .toprai:hover a.a1{color: rgba(255,255,255,1);}
.top_nav .top .topr .topra .toprai.topri1 a.a1{background: url(za1.svg) no-repeat left center;}
.top_nav .top .topr .topra .toprai.topri2 a.a1{background: url(za2.svg) no-repeat left center;}
.top_nav .top .topr .topra .toprai.topri3 a.a1{background: url(za3.svg) no-repeat left center;}
.top_nav .top .topr .topra .toprai.topri3 a.a1:not(:first-of-type){background:none;padding-left:0;}
.top_nav .top .topr .topra .toprai.topri3 .sep{padding:0 2px;color:rgba(255,255,255,0.35);font-size:13px;vertical-align:1px;}
.top_nav .top .topr .topra .topra_span{display: none;}

.top_nav .top .topr .topra .toprai .ydyrib{position: absolute;;left: -110%;top:100%;width: 320%;background: rgba(244, 245, 249, 1);display: none;z-index: 10;border-radius: 10px;padding: 16px 19px;z-index: 999;}
.top_nav .top .topr .topra .toprai .ydyrib dl dt{line-height: 1.2;text-align: left;border-bottom: 1px solid rgba(218, 228, 246, 1);}
.top_nav .top .topr .topra .toprai .ydyrib dl dt a{display: block;font-size: 15px;color:rgba(51, 51, 51, 1);padding: 15px 0;max-width: 90%;}
.top_nav .top .topr .topra .toprai .ydyrib dl dt:hover{background: url(tz1.png) no-repeat right center;}
.top_nav .top .topr .topra .toprai .ydyrib dl dt:hover a{color: rgba(10, 55, 172, 1);}


.top_nav .top .topr .toprb{display: flex;margin-top: 10px;}
.top_nav .top .topr .toprb .ewm{position: relative;}
.top_nav .top .topr .toprb .ewm .ewma{width: 130px;height: 42px;line-height: 42px;background: rgba(255, 255, 255, 0.2);border-radius: 6px;text-align: center;font-size: 16px;color: #fff;cursor: pointer;}
.top_nav .top .topr .toprb .ewm .ewma span{padding-left: 25px;background: url(za4.svg) no-repeat left center;}
.top_nav .top .topr .toprb .ewm .ewma span s{text-decoration: none;padding-right: 20px;background: url(za5.png) no-repeat right center;}
.top_nav .top .topr .toprb .ewm .ewmb{position: absolute;padding: 15px;background: #fff;width: 350px;left: 50%;transform: translateX(-50%);display: none;z-index: 10;border-radius: 6px;}
.top_nav .top .topr .toprb .ewmb .ewmbx{display: flex;justify-content: space-between;}
.top_nav .top .topr .toprb .ewmb .ewmbi{text-align: center;width: 32%;}
.top_nav .top .topr .toprb .ewmb .ewmbi .ewmbib{margin-top: 12px;font-size: 12px;color: #333;}
.top_nav .top .topr .toprb .searchc{margin-left: 10px;height: 42px;background: rgba(255, 255, 255, 0.2);width: 361px;border-radius: 6px;overflow: hidden;}
.top_nav .top .topr .toprb .searchc form{display: flex;align-items: center;justify-content: space-between;height: 100%;padding-left: 1%;}
.top_nav .top .topr .toprb .searchc .searchca{font-size: 0}
.top_nav .top .topr .toprb .searchc .searchca label{font-size: 16px;margin:0 9px;}
.top_nav .top .topr .toprb .searchc .searchca label span{color: rgba(255,255,255,0.6);}
.top_nav .top .topr .toprb .searchc .searchca label{
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  padding-left: 20px;
  user-select: none;
}
.top_nav .top .topr .toprb .searchc .searchca input[type="radio"] {
  appearance: none;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.top_nav .top .topr .toprb .searchc .searchca label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  transform: translateY(-50%);box-sizing: border-box;
  /* 抗锯齿消毛刺 */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0) translateY(-50%);
}

/* 内部白点：从中间scale展开动画 */
.top_nav .top .topr .toprb .searchc .searchca label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;

  /* 初始缩放到0，中心点缩放 */
  transform: translateZ(0) scale(0);
  transform-origin: center center;
  transition: transform 0.2s ease-out;

  /* 消除圆角毛刺彩边关键 */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

/* 选中，圆点展开 */
.top_nav .top .topr .toprb .searchc .searchca input[type="radio"]:checked + span::before {
/* 注意！！ 不要写这里！伪元素是属于label，不是span！！ */
}
.top_nav .top .topr .toprb .searchc .searchca input[type="radio"]:checked ~ ::after {
/* ❌ 这个选择器是错误！！兄弟选择器不能选伪元素！！ */
}
.top_nav .top .topr .toprb .searchc .searchca label input:checked + span{
  color: #fff; /* 选中后的文字颜色 */
}


/* ✅正确写法：选中状态，label的after生效 */
.top_nav .top .topr .toprb .searchc .searchca input[type="radio"]:checked {
}
.top_nav .top .topr .toprb .searchc .searchca :has(input:checked)::after {
  transform: translateZ(0) scale(1);
}

.top_nav .top .topr .toprb .searchc .searchca label input{width: 15px;height: 15px;border:1px solid #fff;background: none;vertical-align: middle;margin-right: 6px;}
.top_nav .top .topr .toprb .searchc .searchca label span{display: inline-block;vertical-align: middle;}
.top_nav .top .topr .toprb .searchc .searchcb{position: relative;}
.top_nav .top .topr .toprb .searchc .searchcb:after{content: '';width: 1px;height: 40%;background: rgba(255,255,255,0.5);position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.top_nav .top .topr .toprb .searchc .searchcb input{width: 140px;height: 42px;color: #fff;font-size: 16px;color: #fff;padding: 0 0 0 8%;box-sizing: border-box;}
.top_nav .top .topr .toprb .searchc .searchcc input{height: 42px;width: 70px;background: rgba(255, 255, 255, 0.3);font-size: 16px;font-weight: 700;color: #fff;transition: all 0.6s}
.top_nav .top .topr .toprb .searchc .searchcc input:hover{background: rgba(255, 255, 255, 0.6);}
.top_nav .top .topr .toprb .searchc .searchcb input::placeholder{
    color: rgba(255,255,255,0.6);        /* 颜色 */
    opacity: 1;         /* firefox 默认透明度0.7，设1才能颜色生效 */
}

.head_bg{width: 1920px;left: 50%;margin-left: -960px;position: relative;}

.nav{background: rgba(255, 255, 255, 0.1);margin-top: 16px;display: flex;line-height: 65px;border-radius: 10px;position: relative;}
.nav.current{border-bottom-left-radius: 0;border-bottom-right-radius: 0}
.nav .navl{width: calc(100% - 142px);box-sizing: border-box;}
.nav .navl ul{transition: all 0.6s;display: flex;    justify-content: space-evenly;}
.nav .navl ul li{flex: 1;text-align: center;}
.nav .navl ul li a.a1{font-size: 18px;font-weight: 700;color: rgba(255, 255, 255, 1);display: block;position: relative;}
.nav .navl ul li.hassub a.a1 span{padding-right: 16px;/*background: url(arrdw_19.png) no-repeat right center;*/position: relative;}
.nav .navl ul li.hassub a.a1 span:after{content: '';width: 11px;height: 6px;background: url(nav_a1.svg) no-repeat center;position: absolute;right: 0;top:50%;transform:rotate(0) translateY(-50%);transition: all 0.6s;transform-origin: 50% 0%;}
.nav .navl ul li.hassub:hover a.a1 span:after{transform: rotate(180deg) translateY(-50%);}
.nav .navl ul li a.a1 span{display: inline-block;position: relative;}
.nav .navl ul li a.a1:after{content: '';position: absolute;left: 0;bottom: -2px;width: 100%;height: 5px;background-image: url(nnn.png);background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition: all 0.6s ease-out;z-index: 10}
.nav .navl ul li:hover a.a1:after,.nav .navl ul li.current a.a1:after{transform: scaleX(1);
  opacity: 1;}
.nav .navr{width: 142px;text-align: center;font-size: 18px;color: #fff;position: relative;}
.nav .navr .navrt{position: relative;}
.nav .navr span.navra{cursor: pointer;padding-right: 21px;background: url(za8.png) no-repeat right center;position: relative;}
.nav .navr .navrt:after{content: '';width: 2px;height: 20px;background: rgba(255, 255, 255, 0.3);position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.nav .navr .navrc{position: absolute;left: 0;top:100%;width: 100%;background: rgba(255, 255, 255, 0.1);z-index: -1;border-radius: 10px;visibility: hidden;opacity: 0;transition: all 0.6s;transform: translateY(15px);}
.nav .navr .navrc ul li{line-height: 36px;}
.nav .navr .navrc ul li a.a1{font-size: 16px;font-weight: 700;color: #fff;display: block;position: relative;}
.nav .navr .navrc ul li a.a1:after{content: '';position: absolute;left: 0;bottom: -2px;width: 100%;height: 5px;background-image: url(nnn.png);background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition: all 0.6s ease-out;z-index: 10}
.nav .navr .navrc ul li:hover a.a1:after{transform: scaleX(1);
  opacity: 1;}
.nav .navr.current .navrc {visibility: visible;opacity: 1;z-index: 9;transform: translateY(0);}
.nav .navl ul li .sub{position: absolute;left: 0;top:65px;background: rgba(255, 255, 255, 0.1);border-top:1px solid rgba(255,255,255,0.2);width: 100%;line-height: 56px;text-align: center;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;opacity: 0;visibility: hidden;transition: all 0.6s;}
.nav .navl ul li:hover .sub{opacity: 1;visibility: visible;}
.nav .navl ul li .sub a{font-size: 18px;font-weight: 400;color: rgba(255, 255, 255, 1);margin:0 15px;}
.nav .navl ul li .sub a:hover{font-weight: bold;}
/* 子项命中当前栏目：加粗 + 浅白底，与父级 current 下划线呼应（2026-09-04） */
.nav .navl ul li .sub a.current{font-weight: 700;color: #fff;background: rgba(255, 255, 255, .18);border-radius: 4px;}
.searchb{display: none;}
.serclose{display: none;}
@media only screen and (max-width:1480px){
  .top_nav{top:10px;}
  .top_nav .top .logo img{height: 60px;}
  .top_nav .top .topr .topra .toprai{margin-left: 15px;}
  .top_nav .top .topr .toprb{margin-top: 7px;}
  .top_nav .top .topr .toprb .ewm .ewma{height: 38px;line-height: 38px;}
  .top_nav .top .topr .toprb .searchc{height: 38px;width: 333px;}
  .top_nav .top .topr .toprb .searchc .searchca label{font-size: 14px;margin:0 5px;}
  .top_nav .top .topr .toprb .searchc .searchca label input{width: 13px;height: 13px;}
  .top_nav .top .topr .toprb .searchc .searchcb input{height: 38px;font-size: 14px;}
  .top_nav .top .topr .toprb .searchc .searchcc input{height: 38px;width: 65px;font-size: 14px;}
  .nav{margin-top: 12px;line-height: 62px;}
  .nav .navl{width: calc(100% - 120px);}
  /*.nav .navl ul{padding: 0 2%;}*/

  .nav .navl ul li a.a1{font-size: 16px;}
  .nav .navr{width: 120px;font-size: 16px;}
  .nav .navr .navrc ul li a.a1{font-size: 14px;}

  .top_nav .top .topr .topra .toprai .ydyrib dl dt a{padding: 12px 0;font-size: 14px;}

  .top_nav .top .logo .txt{font-size: 14px;}
}
@media only screen and (max-width:1200px){
  .top_nav .top .logo img{height: 54px;}
  .nav{display: none;}
  .top_nav .top{display: block;}
  .top_nav .top .topr{display: flex;justify-content: space-between;align-items: center;}
  .top_nav .top .topr .topra .toprai{margin-right: 10px;margin-left: 0;}
  .top_nav .top .topr .toprb{margin-top: 0}
  .top_nav .top .logo{position: relative;}

  .top_nav .top .topr .topra .toprai .ydyrib{}
  .top_nav .top .topr .topra .toprai .ydyrib dl dt a{padding: 9px 0;}

  .head_bg{width: 100%;left: 0;margin-left: 0;}
.top_nav .top .topr .topra .topra_span{display: inline-block;}
  .head_bg .img01{display: none;}
  .head_bg .img02{display: block;}
  .top_nav .top .logo{margin-top: 10px;}
  .top_nav .top .logo img{height: 38px;}
  .top_nav .top .topr{display: block;position: relative;line-height: 30px;}
  .top_nav .top .topr .topra{text-align: left;}
  .top_nav .top .topr .toprb{margin-top: 8px;display: block;}
  .top_nav .top .topr .topra .toprai{margin-right: 5px;}
  .top_nav .top .topr .toprb .ewm{position: absolute;right: 87px;top:45px;z-index: 10;display: none;}
  .top_nav .top .topr .toprb .ewm .ewma{height: 30px;line-height: 30px;width: auto;text-align: left;padding: 0 20px 0 10px;    background:rgba(255, 255, 255, 0.2) url(za5.png) no-repeat 80% center;}
  .top_nav .top .topr .toprb .ewm .ewma span{padding-left: 20px;background-size: 15px 15px;}
  .top_nav .top .topr .toprb .ewm .ewma span s{padding-right: 15px;display: none;}
  .top_nav .top .topr .toprb .ewm .ewmb{width: 320px;padding: 10px;left: -60%}
  .top_nav .top .topr .toprb .ewmb .ewmbi .ewmbib{margin-top: 5px;font-size: 14px;}
  .top_nav .top .topr .toprb .searchc{height: 48px;width: 100%;margin-left: 0;position: fixed;z-index: 999;left: 0;top:0;background: rgba(0,0,0,0.5);height: 100%;display: none;}
  .top_nav .top .topr .toprb .searchc form{position: absolute;left: 4%;width: 92%; top:50%;transform: translateY(-50%);background: rgba(255, 255, 255, 1);height: 48px;}

  .top_nav .top .topr .toprb .searchc .searchca label{font-size: 14px;margin:0 5px;color: #333}
  .top_nav .top .topr .toprb .searchc .searchca label input{width: 13px;height: 13px;}
  .top_nav .top .topr .toprb .searchc .searchcb input{height: 48px;color: #333}
  .top_nav .top .topr .toprb .searchc .searchcb input::placeholder{
      color:  #333;        /* 颜色 */
      opacity: 1;         /* firefox 默认透明度0.7，设1才能颜色生效 */
  }
  .top_nav .top .topr .toprb .searchc .searchcc input{height: 48px;width: 65px;font-size: 14px;background: #d8272c;}
  .top_nav .top .logo .img01{display: none;}
  .top_nav .top .logo .img02{display: block;}
  .top_nav .top .topr .topra .toprai .ydyrib{padding: 10px;width: 350%;}
  .top_nav .top .topr .topra .toprai.topri2 .ydyrib {
    left: -168%;
  }
  .top_nav .top .topr .topra .toprai{display: none;}
  .top_nav .top .topr .topra_span{float: none !important;font-size: 14px;}
  .top_nav .top .topr .topra .toprai .ydyrib dl dt a{padding: 6px 0;}
  .top_nav .top .topr .topra .toprai .ydyrib dl dt a{font-size: 13px;}
  .top_nav .top .logo .u-menu{height: 38px;width: auto;display: flex;align-items: center;height: 35px;display: flex;align-items: center;background: rgba(255, 255, 255, 0.2);padding: 0 10px;border-radius: 6px;}
  .top_nav .top .logo .u-menu img{height: 16px;width: auto}
  .searchb{position: absolute;right:54px;top:50%;transform: translateY(-50%); display: block;height: 35px;display: flex;align-items: center;padding: 0 13px;border-radius: 6px;background: rgba(255, 255, 255, 0.2);z-index: 100}
  .top_nav .top .topr .toprb .searchc.search01 { display:block; }
  .top_nav .top .logo .searchb img{height: 16px;}
  .logo a{display: inline-block;}
  .serclose { position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer; width: 50px;height: 50px;right: -10px;display: block;}
  .top_nav .top .logo .txt{display: none;}
  .top_nav .top .topr .toprb .searchc .searchca label span{color: rgba(52,52,52,0.6);}
  .top_nav .top .topr .toprb .searchc .searchca label input:checked + span{color: rgba(52,52,52,1);}
  .top_nav .top .topr .toprb .searchc .searchca label::before{border: 1px solid #666;}
  .top_nav .top .topr .toprb .searchc .searchca label::after{background: #666;top:11px;}
  .top_nav .top .topr .toprb .searchc .searchcb:after{background: rgba(52,52,52,0.5);}

}



/* ============ 设计变量 ============ */
  :root{
    --brand:#1D4FB0;          /* 主色：展开态 / 选中态 */
    --bg-page:#F9FAFE;        /* 页面底色 */
    --bg-out:#EDEFF4;         /* 浏览器外底色 */
    --chip-bg:#FFFFFF;
    --chip-line:#E6E6E6;      /* 二级描边 */
    --hr:#DEDFE1;
    --ink:#222222;            /* 一级文字 / 标题 */
    --ink-2:#666666;          /* 二级文字 / 正文 */
    --shadow:0 2px 8px rgba(29,50,110,.06);
    --radius:12px;
    --ease:cubic-bezier(.4,0,.2,1);box-sizing:border-box;
  }

  .m-menu{
    background:var(--bg-page);
    font-family:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;box-sizing:border-box;-webkit-tap-highlight-color:transparent;overflow-x: hidden;
  }

  /* ============ 750px 移动端画布 ============ */
  .phone{
    width:750px;
    margin:0 auto;
    min-height:100vh;
   /* 内容宽 690px */box-sizing:border-box;-webkit-tap-highlight-color:transparent
  }

  /* ============ 区块标题 ============ */
  .sec-title{
    margin:0 0 34px;
    font-size:44px;
    line-height:1.2;
    font-weight:700;
    color:var(--ink);
  }
  .sec + .sec{margin-top:56px}

  /* ============ 菜单行 ============ */
  .group + .group{margin-top:20px}

  .row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap: 30px 14px;
  }

  .chip{
    -webkit-appearance:none;appearance:none;
    width:100%;height:80px;
    display:flex;align-items:center;justify-content:center;gap:9px;
    padding:0;
    font:inherit;font-size:30px;font-weight:500;line-height:1;
    color:var(--ink);text-decoration:none;
    background:var(--chip-bg);
    border:0;border-radius:var(--radius);
    box-shadow:var(--shadow);
    cursor:pointer;
    transition:background-color .24s var(--ease),color .24s var(--ease),
               transform .12s var(--ease),box-shadow .24s var(--ease);
  }
  .chip:active{transform:scale(.97)}

  /* 展开态：主色填充 + 白字 + 箭头翻转 */
  .chip.is-open{background:var(--brand);color:#fff;box-shadow:0 6px 16px rgba(29,79,176,.28)}
  .chip.is-open:active{transform:scale(.97)}

  .caret{
    width:22px;height:auto;flex:none;
    transition:transform .34s var(--ease);
  }
  .chip.is-open .caret{transform:rotate(180deg)}

  /* ============ 二级菜单（0fr → 1fr 展开，撑开下方内容） ============ */
  .phone .sub{
    display:grid;
    grid-template-rows:0fr;
    opacity:0;
    margin-top:0;
    transition:grid-template-rows .34s var(--ease),
               margin-top .34s var(--ease),
               opacity .22s ease;
  }
  .sub.is-open{grid-template-rows:1fr;opacity:1;margin-top:30px}
  .sub-row{
    display:flex;gap:14px;
    overflow:hidden;
    min-height:0;
  }
  .sub-chip{
    flex:1 1 0;min-width:0;
    height:72px;
    display:flex;align-items:center;justify-content:center;
    font-size:26px;font-weight:400;line-height:1;
    color:var(--ink-2);text-decoration:none;
    background:transparent;
    border:1px solid var(--chip-line);
    border-radius:var(--radius);
    transition:border-color .2s var(--ease),background-color .2s var(--ease),color .2s var(--ease);
  }
  .sub-chip:active{background:#fff;border-color:#d6d7db;color:#333}

  /* ============ 说明文字与分隔线 ============ */
  .info{
    margin:32px 0 0;
    font-size:26px;line-height:1.5;color:var(--ink-2);
  }
  .info a{color:inherit;text-decoration:none}
  .hr{height:1px;background:var(--hr);margin:22px 0}

  /* ============ 投稿地址 ============ */
  .mail{
    display:flex;align-items:center;justify-content:center;
    width:338px;height:80px;             /* 两列宽 */
    background:var(--chip-bg);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    font-size:30px;font-weight:500;color:var(--ink);
    text-decoration:none;
    transition:transform .12s var(--ease);
  }
  .mail:active{transform:scale(.97)}

  /* 窄屏下保持 750px 设计稿等比缩放，不做断点重排 */
  @media (max-width:749px){

    .phone{transform-origin:top left}
  }

  .sec .sub .ydyrib{display: none;}
  .sec .sub .ewmb{display: none;}
  .sec .sub.is-open .ydyrib{display: block;}
  .sec .sub.is-open .ewmb{display: block;}
  .sec .sub .ydyrib dl dt{ padding:16px 0;border-bottom: 1px solid var(--hr);}
  .sec .sub .ydyrib dl dt a{ font-size:28px;line-height:1.5;color:var(--ink-2);}
  .sec .sub .ewmb .ewmbx{display: flex;justify-content: space-between;}
  .sec .sub .ewmb .ewmbi{width: 31.5%;text-align: center;}
  .sec .sub .ewmb .ewmbi .ewmbia img{width: 100%;}
  .sec .sub .ewmb .ewmbi .ewmbib{ font-size:28px;line-height:1.5;color:var(--ink-2);margin-top: 15px;}

