.h_h{height: 0;}

.index_head{height: 90px;position: fixed;z-index: 9;left: 0;top: 0;background: #fff; transition:.5s ease;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between; width: 100%; box-shadow:0 0 10px rgba(0,0,0,.15); display: flex; align-items: center;}
.index_head .logo img{ max-height: 70px;}
@media only screen and (min-width:1025px){
	.index_head.typea:not(.typeanot){background-color:transparent;}
	.index_head.typea:not(.typeanot) .nav li.navli .tarA a{ color: #fff;}
	.index_head.typea:not(.typeanot) .nav li #line{ background: #fff;}
	.index_head.typea:not(.typeanot) .box{ color: #fff;}
	.index_head.typea:not(.typeanot) .box .mail a,.index_head.typea:not(.typeanot) .box .iconfont{color: #fff;}
	.index_head.typea:not(.typeanot) .nav li .tarA.act a.link,.index_head.typea:not(.typeanot) .nav li:hover .tarA a.link{ color:#fff; border-bottom: 4px solid #fff;}
	.index_head.typea:not(.typeanot) .all_lang .lanw{ background: #186595;}
	.index_head.typea:not(.typeanot) .box_fl.top_tel{color: #fff}
	.index_head.typea:not(.typeanot) .all_lang a{ color:#fff; }
	.index_head.typea:not(.typeanot) .top_search{ color: #fff;}
	.index_head.typea:not(.typeanot) .top_contact span{ border-color: #fff; color: #fff;}
	.index_head.typea:not(.typeanot) .top_contact a{ border-color: #fff; color: #fff;}
	.index_head.typea:not(.typeanot) .top_right .lang a{ color:#fff;}
}
.index_head .top_search{ cursor: pointer;}
.index_head .nav{ margin-left: auto;}
.index_head .nav li.navli{float: left;margin-right: 80px;position: relative;height: 86px;line-height: 86px;}
.index_head .nav li.navli .tarA a{color: #333;font-size: 18px;transition: all .3s;display: block;}
.index_head .nav li.navli .tarA.act a,.index_head .nav li:hover .tarA a{ border-bottom: 4px solid #da091d;}
.index_head .nav li.navli .tarA.act a.link,.index_head .nav li:hover .tarA a.link{ color: #da091d;}
.index_head .nav li.navli:hover .second{transform: scaleY(1);opacity: 1}
.index_head .nav li.navli .second{ border-radius: 5px; background: #fff; padding:10px 15px; border: 1px solid #dddddd;position: absolute;top: 42px;left: 0px; min-width: 250px;transform: scaleY(0);opacity: 0; transition: opacity .3s, transform .3s}
.index_head .nav li.navli .second h4{font-size: 18px; line-height: 40px; border-bottom: 1px solid #ddd;}
.index_head.typea .nav li .second a{font-weight: normal; font-size: 16px; color: #666; line-height: 30px; display: block; padding: 0}
.index_head .nav li.navli .second a i{ float: right; font-size: 12px;}
.index_head .nav li.navli .second a{ padding: 0 15px;}
.index_head .nav li.navli .second a:hover{ color: #004098;}
.top_contact{ display: flex; align-items: center; position: relative;}

.top_contact a{ display: inline-block; height: 40px; line-height: 40px; border: 1px solid #666; color: #666; border-radius: 20px; padding: 0 15px;transition: .2s ease;}
.top_contact a i{ margin-right: 5px; font-size: 18px;}
.top_contact span i{ font-size: 20px;}
.top_contact .top_search{ margin-right: 40px;}
.reveal-modal-bg{position: fixed;height: 100%;width: 100%;z-index: 100;display: none;top: 0;left: 0;background:rgba(00, 00, 00, 0.4)}
.reveal-modal{visibility: hidden;top: 0!important;left: 34%;position: absolute;z-index: 101;max-width: 600px;width: 100%;}
.reveal-modal .close-reveal-modal i{font-size: 30px;position: absolute;top: 65%;right: 10px;color: #333;cursor: pointer;}
.seahead{margin-top: 65%;border-radius: 500px;overflow: hidden;}
.seahead input{height: 60px;line-height: 60px;}
.seahead .ent{width: 64%;padding: 0 3%;}
.seahead .sub{width: 30%;background: #16246e;color: #fff;text-transform: uppercase;cursor: pointer;}
.index_foot{ position: relative;}
.foot_top{ padding: 50px 0 30px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_top .box{margin-right: auto; width: 35%;}
.foot_top .box p{ font-size: 18px; margin-top: 20px;}
.foot_top .foot_nav{width:50%;  margin-left: auto; overflow: hidden;}
.foot_top .foot_nav p{ width: 33%; float: left; margin-bottom: 15px;}
.foot_top .foot_nav a{ display: inline-block; text-transform: uppercase; font-size: 22px; font-family: montm; color: #fff; line-height: 35px; position: relative;}
.foot_top .foot_nav a:after,.foot_top .foot_nav p.on a:after{ position: absolute; width: 0; left: 0; bottom: 0; content: ''; background: #da091d; height: 2px; transition: .2s ease;}
.foot_top .foot_nav a:hover:after{ width: 100%;}
.foot_bottom{ padding: 40px 0 50px; border-bottom: 1px solid #e7e7e7;}
.foot_bottom .follow p{ font-size: 18px; margin-bottom: 20px;}
.foot_contact{ width: 86%; align-items: flex-start;}
.foot_contact .fcon_item{ margin-right: auto; max-width: 45%; overflow: hidden;}
.foot_contact .fcon_item span{ color: #a9a9a9; display: block;font-size: 18px;}
.foot_contact .fcon_item p,.foot_contact .fcon_item a{ color: #fff; font-size: 20px; display: block; margin: 25px 0; line-height: 30px; }
.foot_contact .fcon_item p img{
    height: 10rem;
}

.links1 {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}

.links1 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -10px -10px 0; /* 负边距消除间隔影响 */
}

.links1 li {
  margin: 0 10px 10px 0; /* 右边距和下边距形成间隔 */
  flex-shrink: 0;
}

.links1 a {
  display: inline-block;
  padding: 8px 16px;
  color: #fff; /* 白色字体 */
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 14px;
  text-align: justify; /* 两端对齐 */
  white-space: nowrap;
  background: transparent; /* 透明背景 */
  border: none; /* 无边框 */
  width: 100%; /* 使两端对齐生效 */
}

/* 两端对齐实现 */
.links1 a::after {
  content: '';
  display: inline-block;
  width: 100%;
}

/* 响应式设计 */

/* 超大屏幕 (1200px以上) - 每行显示6个 */
@media (min-width: 1200px) {
  .links1 li {
    flex: 0 0 calc(16.666% - 10px); /* 100% / 6 */
  }
}

/* 大屏幕 (992px - 1199px) - 每行显示5个 */
@media (min-width: 992px) and (max-width: 1199px) {
  .links1 li {
    flex: 0 0 calc(20% - 10px); /* 100% / 5 */
  }
}

/* 中等屏幕 (768px - 991px) - 每行显示4个 */
@media (min-width: 768px) and (max-width: 991px) {
  .links1 li {
    flex: 0 0 calc(25% - 10px); /* 100% / 4 */
  }
  
  .links1 {
    max-width: 900px;
    padding: 15px;
  }
}

/* 小屏幕 (576px - 767px) - 每行显示3个 */
@media (min-width: 576px) and (max-width: 767px) {
  .links1 li {
    flex: 0 0 calc(33.333% - 10px); /* 100% / 3 */
  }
  
  .links1 a {
    padding: 6px 12px;
    font-size: 13px;
  }
  
  .links1 {
    padding: 12px;
  }
}

/* 超小屏幕 (480px - 575px) - 每行显示2个 */
@media (min-width: 480px) and (max-width: 575px) {
  .links1 li {
    flex: 0 0 calc(50% - 10px); /* 100% / 2 */
  }
  
  .links1 a {
    padding: 6px 10px;
    font-size: 12px;
  }
  
  .links1 {
    padding: 10px;
  }
  
  .links1 ul {
    margin: 0 -8px -8px 0;
  }
  
  .links1 li {
    margin: 0 8px 8px 0;
  }
}

/* 极窄屏幕 (479px以下) - 每行显示1个 */
@media (max-width: 479px) {
  .links1 li {
    flex: 0 0 100%; /* 100% */
  }
  
  .links1 a {
    padding: 8px;
    text-align: left; /* 单行时恢复左对齐 */
  }
  
  /* 移除两端对齐的伪元素 */
  .links1 a::after {
    display: none;
  }
}

/* 针对触摸设备的优化 */
@media (hover: none) and (pointer: coarse) {
  .links1 a {
    padding: 10px 16px; /* 增加触摸目标大小 */
    min-height: 44px; /* 确保最小触摸目标尺寸 */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .links1 a:hover {
    transform: none; /* 在触摸设备上取消悬停动画 */
  }
  
  .links1 a:active {
    color: #ccc; /* 添加激活状态，颜色稍暗 */
  }
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
  .links1 a {
    color: #fff; /* 深色模式也保持白色 */
  }
  
  .links1 a:hover {
    color: #f0f0f0; /* 悬停时稍亮 */
  }
}

/* 打印样式优化 */
@media print {
  .links1 a {
    color: #000 !important; /* 打印时改为黑色 */
    text-decoration: underline !important;
  }
}

/* 链接悬停效果 */
.links1 a:hover {
  color: #f0f0f0; /* 悬停时稍亮 */
  transform: translateY(-1px);
}
.foot_contact .fcon_item a{ font-size: 30px; font-family: montm;}
.foot_contact .fcon_item i{ display: inline-block; float: left; margin-right: 10px; width: 42px; height: 42px; text-align: center; line-height: 42px; border-radius: 50%; border: 1px solid #d3d3d3; font-size: 22px;}
.copy{ padding: 20px 0;}
.index_foot .b_top{ position:absolute;width: 58px; height: 58px; border: 4px solid #fff; border-radius: 50%; background: #1d4285; text-align: center; top: -29px; left: 50%; margin-left: -29px; cursor: pointer;}
.b_top i{ line-height: 50px; color: #fff; font-size: 22px;}
.fcon_tel span{ font-size: 30px; color: #004088; margin-right: 5px;}
.fcon_tel{ color: #333;}
.fcon_tel p{ font-family: teko; font-size: 42px; margin-top: 20px;}
.head-wap{display: none;}
.m_img{display:block;height:54px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden; box-shadow:0 0 5px rgba(0,0,0,.14);}
.m_img .headlf{padding-top:10px;padding-left:7px;float: left;}
.m_img .headlf .m_logo{max-height:30px;display: block;}
.m_img .headrg{padding-right:10px;padding-top:15px;float: right;}
.m_img .headrg a .m_menuimg{height:22px;vertical-align:top;display: block}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:0;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #232530}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.m_nav .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
.showinq .feed dl{display: flex;flex-flow: row wrap;justify-content: space-between;}
.showinq .feed dt .box{float: left;margin-right: 40px;}
.showinq h2{text-transform: uppercase;}
.showinq table{margin: 20px 0 40px;width: 100%;}
.showinq td{border: solid 1px #ddd;padding-left: 20px;}
.showinq tr.bt td{height: 50px;line-height: 50px;background: #f2f2f2;font-size: 16px;color: #333;font-weight: bold;}
.showinq td img{max-width: 100px;display: block;margin: 0 auto;}
.showinq td.img{padding-left: 0;padding: 10px 0;width: 16.66%;}
.showinq td.wz{font-weight: bold;}
.showinq td.sc{cursor: pointer;}
.center4{max-width: 1200px;width: 100%;margin: 0 auto;}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ny_ban_txt{ position: absolute; top: 40%; left: 0; width: 100%;color: #fff;}



@media (max-width: 1024px){
	.head-wap{display: block;}
	.index_head{ display: none;}
	
	.index_foot .center.c-flex{ display: none;}
	.copy{ margin-bottom: 50px;}

}

/* 移动端适配样式 - 不覆盖links1原有样式 */
@media screen and (max-width: 768px) {
    /* 调整整体布局 */
    .foot_bottom {
        padding: 20px 15px !important;
    }
    .foot_contact{
    width: 100%;
    align-items: flex-start;
        
    }
    
    /* 联系方式区域改为垂直布局 */
    .foot_contact.c-flex {
        flex-direction: column !important;
        gap: 25px !important;
        align-items: center !important; /* 新增：确保子元素居中 */
    }
    
    /* 每个联系方式区块单独一行并居中 */
    .foot_contact .fcon_item {
        width: 100% !important;
        max-width: 100% !important; /* 新增：确保不超宽 */
        margin: 0 auto 25px !important; /* 修改：使用auto实现水平居中 */
        text-align: center !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        padding-bottom: 20px !important;
        display: flex !important; /* 新增：flex布局 */
        flex-direction: column !important; /* 新增：垂直排列内容 */
        align-items: center !important; /* 新增：水平居中 */
        justify-content: center !important; /* 新增：垂直居中 */
    }
    
    /* 移除最后一个项目的底部边框 */
    .foot_contact .fcon_item:last-child {
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* 标签样式调整 */
    .fcon_item span {
        display: block !important;
        font-size: 16px !important;
        color: #ccc !important;
        margin-bottom: 8px !important;
        font-weight: bold !important;
        width: 100% !important; /* 新增：确保标签占满宽度 */
        text-align: center !important;
    }
    
    /* 内容样式调整 - 特别针对邮箱和电话 */
    .foot_contact .fcon_item a,
    .foot_contact .fcon_item p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin: 5px 0 !important;
        color: #fff !important;
        width: 100% !important; /* 新增：确保内容占满宽度 */
        text-align: center !important;
        display: block !important; /* 新增：确保块级显示 */
    }
    
    /* 邮箱链接特殊样式 */
    .foot_contact .fcon_item a[href^="mailto:"] {
        color: #4da6ff !important;
        text-decoration: underline !important;
        word-break: break-all !important;
    }
    
    /* 图片响应式 - 只针对关注我们的图片 */
    .foot_contact .fcon_item img {
        max-width: 150px !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
        border-radius: 8px !important;
    }
    
    /* 调整友情链接上方的间距 */
    .links1 {
        margin-top: 25px !important;
        padding-top: 20px !important;
        border-top: 1px solid rgba(255,255,255,0.1) !important;
        text-align: center !important; /* 新增：友情链接标题居中 */
    }
}

/* 超小屏幕进一步优化 */
@media screen and (max-width: 480px) {
    .foot_bottom {
        padding: 15px 10px !important;
    }
    
    .foot_contact .fcon_item {
        margin-bottom: 20px !important; /* 调整间距 */
    }
    
    .foot_contact .fcon_item span {
        font-size: 15px !important;
    }
    
    .foot_contact .fcon_item a,
    .foot_contact .fcon_item p {
        font-size: 13px !important;
    }
    
    .foot_contact .fcon_item img {
        max-width: 120px !important;
    }
}

/* 平板设备优化 - 保持两列布局但每列内容居中 */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .foot_contact.c-flex {
        flex-wrap: wrap !important;
        justify-content: space-between !important;
    }
    
    .foot_contact .fcon_item {
        width: 48% !important;
        margin-bottom: 25px !important;
        text-align: center !important; /* 新增：平板设备也居中 */
        display: flex !important; /* 新增 */
        flex-direction: column !important; /* 新增 */
        align-items: center !important; /* 新增 */
        justify-content: center !important; /* 新增 */
    }
    
    /* 确保平板设备上每个fcon_item的内容也居中 */
    .foot_contact .fcon_item span,
    .foot_contact .fcon_item a,
    .foot_contact .fcon_item p {
        text-align: center !important;
        width: 100% !important;
    }
}