* { margin: 0; padding: 0; box-sizing: border-box;}
body, html { margin: 0; padding: 0; 
    font-family: Roboto, Macys Sans, Helvetica Neue, Helvetica, Arial, sans-serif;font-weight: 400;
    font-style: normal;
    font-size: 14.5px;
    line-height: 30px;
    color: #2d2d2d;}
a{ color: #2d2d2d;	text-decoration: none;}
a:hover{ color: #122a88;}
li{ list-style-type: none;}
h1 { font-size: 30px; font-weight: 500;}
h2 { 	font-size: 24px; font-weight: 500;}
h3 { font-size: 20px; 	font-weight: 400;color: #2d2d2d;}
h4 { font-size:16px; font-weight:400;}
.clear { clear:both; }
   
/* 顶部会滚走 */
.hightop { text-align: center; line-height: 38px; height: 110px;}

/* 导航固定顶部 */
nav { background: #111; position: sticky; width: 100%; top: 0; left: 0; z-index: 999;}
.nav-container { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; height: 55px; padding: 0 10px; position: relative;}

/* 汉堡按钮 - 仅手机显示 */
.hamburger { display: none; background: none; border: none; color: #111; font-size: 28px; cursor: pointer;}

/* ==================== 电脑端样式 ==================== */
.menu { display: flex; list-style: none; }
.menu > li { position: static; border-right: 1px solid rgba(255,255,255,0.2); float:left;}
.menu a, .menu span { display: block; color: white; padding: 0 26px 0 26px; line-height: 55px; text-decoration: none; font-size: 16px; cursor: pointer; position: relative;}
.menu a:hover { background: #34495e;}

/* 电脑端一级菜单小三角 */
.menu > li > span::after { content: ""; position: absolute; right: 15px; top: 47%; transform: translateY(-430%) rotate(45deg); width: 5px;  height: 5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

/* 电脑端二级菜单 */
.submenu { position: absolute; top: 55px; left: 50%; transform: translateX(-50%); width: 1400px; background: #f0f0f5; color: #333; list-style: none; height: auto; display: none; justify-content: flex-start;
           align-items: center; flex-wrap: wrap; gap: 5px 5px; padding-top:10px; padding-bottom:10px; border: 1px solid #c0c1c2; }
.submenu a { color: #333; line-height: 45px; font-size: 15px; }
.submenu a:hover { background: #eaeaea;}
.submenu li { line-height: 45px; width: 24.5%; padding: 0 5px;}

/* 电脑端 hover 展开二级 */
.menu > li:hover .submenu { display: flex;}
.logotop { display: none;}
.highone { width: 100%; height:35px; border-bottom: 1px #f0f0f5 solid; line-height: 35px;}
.highoneall { width:1400px; height:35px; margin: 0 auto;}
.highoneall d { width: auto; float: left; font-weight:600;}
.highoneall dd { width: auto; float: right; text-align: right;}
.highoneall dd i { margin-left:25px; margin-right:10px;}
.hightwo { width:1400px; height:35px; margin: 0 auto;}
.hightwo d { width: auto; float: left; margin-top:10px;}
.hightwo dd { width: auto; float: right; text-align: right; line-height:70px; font-size: 25px;font-weight:600;}
.hightwo dd a {line-height:65px; padding: 8px 12px; background: #333; color: #fff; margin-right: 30px; font-size: 16px; font-weight:500; border-radius: 5px;}
.hightwo dd a:hover { background: #f0f0f5; color: #111;border: 1px solid #c0c1c2;}

.footer-bar { display: none;}

@media (max-width: 1380px) {
/* 顶部会滚走 */
.hightop { text-align: center; line-height: 38px; height: 110px;}

/* 导航固定顶部 */
nav { background: #111; position: sticky; width: 100%; top: 0; left: 0; z-index: 999;}
.nav-container { max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; height: 55px; padding: 0 0px; position: relative;}

/* 汉堡按钮 - 仅手机显示 */
.hamburger { display: none; background: none; border: none; color: #111; font-size: 28px; cursor: pointer;}

/* ==================== 电脑端样式 ==================== */
.menu { display: flex; list-style: none; width: 100%; }
.menu > li { position: static; border-right: 1px solid rgba(255,255,255,0.2); float:left; }
.menu a, .menu span { display: block; color: white; padding: 0 17px 0 17px; line-height: 55px; text-decoration: none; font-size: 14px; cursor: pointer; position: relative;}
.menu a:hover { background: #34495e;}

/* 电脑端一级菜单小三角 */
.menu > li > span::after { content: ""; position: absolute; right: 5px; top: 47%; transform: translateY(-430%) rotate(45deg); width: 5px;  height: 5px; border-right: 2px solid #fff; border-bottom: 2px solid #fff;}

/* 电脑端二级菜单 */
.submenu { position: absolute; top: 55px; left: 50%; transform: translateX(-50%); width: 100%; background: #f0f0f5; color: #333; list-style: none; height: auto; display: none; justify-content: flex-start;
           align-items: center; flex-wrap: wrap; gap: 5px 5px; padding-top:10px; padding-bottom:10px; border: 1px solid #c0c1c2; }
.submenu a { color: #333; line-height: 45px; font-size: 14px; }
.submenu a:hover { background: #eaeaea;}
.submenu li { line-height: 45px; width: 24.5%; padding: 0 5px;}

/* 电脑端 hover 展开二级 */
.menu > li:hover .submenu { display: flex;}
.logotop { display: none;}
.highone { width: 100%; height:35px; border-bottom: 1px #f0f0f5 solid; line-height: 35px;padding: 0 0.5%;}
.highoneall { width:100%; height:35px; margin: 0 auto;}
.highoneall d { width: auto; float: left; font-weight:600;}
.highoneall dd { width: auto; float: right; text-align: right;}
.highoneall dd i { margin-left:25px; margin-right:10px;}
.hightwo { width:100%; height:60px; margin: 0 auto; padding: 0 0.5%;}
.hightwo d { width: auto; float: left; margin-top:10px;}
.hightwo dd { width: auto; float: right; text-align: right; line-height:70px; font-size: 25px;font-weight:600;}
.hightwo dd a {line-height:65px; padding: 8px 12px; background: #333; color: #fff; margin-right: 30px; font-size: 16px; font-weight:500; border-radius: 5px;}
.hightwo dd a:hover { background: #f0f0f5; color: #111;border: 1px solid #c0c1c2;}
}





/* ==================== 手机端样式 ==================== */
@media (max-width: 820px) 
{
.hamburger { display: block;}
nav { background: #f0f0f5; position: sticky; width: 100%; top: 0; left: 0; z-index: 999;}

/* 主菜单垂直 */
.menu { position: absolute; top: 55px; left: 0; width: 100% !important; background: #f0f0f5; color: #111; flex-direction: column; max-height: 0; overflow: hidden; transition: max-height 0.4s ease;}
.menu.show { max-height: 1200px;}

/* 一级菜单全屏 */
.menu li { width: 100% !important;}
.menu a, .menu span { width: 100% !important; padding: 0 20px !important; color: #111;}
.menu a:hover { background: #f0f0f5;}

/* 手机端小箭头 */
.menu > li > span::after { content: ""; position: absolute; right: 30px; top: 47%; transform: translateY(-380%) rotate(45deg); width: 7px; height: 7px; border-right: 2px solid #111; border-bottom: 2px solid #111;}
.menu span.active::after {  transform: translateY(-380%) rotate(-135deg);}

/* ✅ 手机端二级菜单：全屏宽度 + 无缩进 */
.submenu { position: static !important; width: 100% !important; left: 0 !important; transform: none !important; background: #fff; max-height: 0; overflow: hidden; transition: max-height 0.35s ease; padding: 0 !important; margin: 0 !important; border: none !important; overflow-y: auto;}

.submenu.show { max-height: 1200px;}

/* ✅ 手机端二级 LI 全屏 */
.submenu li { width: 100% !important; padding: 0 !important; margin: 0 !important;}

.submenu a { padding-left: 40px !important; line-height: 50px; width: 100%;}
.logotop { display: block;}
.hightop { display: none;}
.footer-bar { display: none;}
.footer-bar {
  position: fixed; display: none;
  left: 0;
  bottom: 0;
  z-index: 999; /* 保证在最上层 */
  width: 100%;
  height: 60px;
  
  /* 适配 iPhone 底部安全区域（小黑条） */
  padding-bottom: env(safe-area-inset-bottom);
  
  background: #fff;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* 菜单项 */
.footer-bar .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #666;
  gap: 4px;
}

.footer-bar .item.active {
  color: #0066ff;
}
 }
 
 
 
 
 
 
 
 
 
 
 
 
.jbyfooterall { width:100%; height: 660px; background: #122a88; color: #fff; font-size: 14px; margin-top:25px;}
.jbyfooterall a {color: #eee;}
.jbyfooterall a:hover {color: #999;}
.jbyfootermain { width:1400px; height: 600px; margin: 0 auto; padding-top: 40px;}
.jbyfootermainl { width:74%; height: 450px; float: left;}
.jbyfootermainl li { width:22%; height: 450px; float: left; margin-right: 10%;}
.jbyfootermainl li h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootermainl li dd { width:100%; line-height: 35px; }

.jbyfootermainr { width:26%; height: auto; float: right; border-left: 1px solid #485484; padding-left: 2%}
.jbyfootermainr h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootermainr h3 { font-size: 16px; font-weight: 600; margin-top: 25px; margin-bottom: 5px; color: #eee;}
.jbyfootermainr p { line-height: 35px;}
.jbyfootermainr a { margin-right: 15px;}
.jbyfootermainr dd { margin-right: 25px; margin-top:25px; text-align: center;}
.jbyfootermainr dd ii { margin-right: 25px; float: left; }

.jbyfootercopy { width:100%; text-align: center; border-TOP: 1px solid #485484; line-height: 50px;}

.jbyfootbqian { width:100%; height: 115px;}
.jbyfootbqianyyong { width:100%; height: 260px;}
.jbyfootbqianyyong h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqian h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqian dd {  width:24%; float: left; margin-right: 1%;}
.jbyfoottsbqian h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqianyyong dd {  width:24%; float: left; margin-right: 1%;}
.jbyfoottsbqian { width:100%; height: auto; }
.jbyfoottsbqian dd {  width:24%; float: left; margin-right: 1%;}



@media (max-width: 1380px) {
.jbyfooterall { width:100%; height: auto; background: #122a88; color: #fff; font-size: 14px; margin-top:25px; padding: 0 0.5%;}
.jbyfooterall a {color: #eee;}
.jbyfooterall a:hover {color: #999;}
.jbyfootermain { width:100%; height: auto; margin: 0 auto; padding-top: 40px;}
.jbyfootermainl { width:74%; height: auto; float: left;}
.jbyfootermainl li { width:22%; height: auto; float: left; margin-right: 10%;}
.jbyfootermainl li h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootermainl li dd { width:100%; line-height: 35px; }

.jbyfootermainr { width:26%; height: auto; float: right; border-left: 1px solid #485484; padding-left: 2%}
.jbyfootermainr h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootermainr h3 { font-size: 16px; font-weight: 600; margin-top: 25px; margin-bottom: 5px; color: #eee;}
.jbyfootermainr p { line-height: 35px;}
.jbyfootermainr a { margin-right: 15px;}
.jbyfootermainr dd { margin-right: 25px; margin-top:25px; text-align: center;}
.jbyfootermainr dd ii { margin-right: 25px; float: left; }

.jbyfootercopy { width:100%; text-align: center; border-TOP: 1px solid #485484; line-height: 50px;}

.jbyfootbqian { width:100%; height: auto; margin: 0 auto;}
.jbyfootbqianyyong { width:100%; height: auto; margin: 0 auto;}
.jbyfootbqianyyong h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqian h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqian dd {  width:24%; float: left; margin-right: 1%;}
.jbyfoottsbqian h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqianyyong dd {  width:24%; float: left; margin-right: 1%;}
.jbyfoottsbqian { width:100%; eight: auto; margin: 0 auto; }
.jbyfoottsbqian dd {  width:24%; float: left; margin-right: 1%;}
}


@media (max-width: 768px) 
{.jbyfooterall { width:100%; height: auto; background: #122a88; color: #fff; font-size: 14px; margin-top:25px;}
.jbyfooterall a {color: #eee;}
.jbyfooterall a:hover {color: #999;}
.jbyfootermain { width:100%; height: auto; margin: 0 auto; padding-top: 40px;padding-left: 2%;}
.jbyfootermainl { width:100%; height: auto; float: left;}
.jbyfootermainl li { width:22%; height: auto; float: left; margin-right: 10%;}
.jbyfootermainl li h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootermainl li dd { width:100%; line-height: 35px; }

.jbyfootermainr { width:100%; height: auto; float: none; border-left: 0px solid #485484; padding-left: 0%;margin: 0 auto;}
.jbyfootermainr h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootermainr h3 { font-size: 16px; font-weight: 600; margin-top: 25px; margin-bottom: 5px; color: #eee;}
.jbyfootermainr p { line-height: 35px;}
.jbyfootermainr a { margin-right: 15px;}
.jbyfootermainr dd { margin-right: 25px; margin-top:25px; text-align: center;}
.jbyfootermainr dd ii { margin-right: 25px; float: left; }

.jbyfootercopy { width:100%; text-align: center; border-TOP: 1px solid #485484; line-height: 30px; font-size:13px;}

.jbyfootbqian { width:100%; height: 130px;margin: 0 auto;}
.jbyfootbqianyyong { width:100%; height: auto;margin: 0 auto;}
.jbyfootbqianyyong h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqian h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqian dd {  width:48%; float: left; margin-right: 1%;}
.jbyfoottsbqian h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; color: #eee;}
.jbyfootbqianyyong dd {  width:48%; float: left; margin-right: 1%;}
.jbyfoottsbqian { width:100%; height: auto; margin: 0 auto;}
.jbyfoottsbqian dd {  width:48%; float: left; margin-right: 1%;}
    
}