@charset "utf-8";

/**左侧菜单**/
.banner{
    position: absolute;
    width: 1350px;
    left: 50%;
    margin-left: -675px;
    z-index: 999;
    top: 0;
}
.sec-mainL {
  width: 1350px;
  margin: 0 auto;
  position: relative;
  display: flex;
}

/* 左侧一级分类样式 */
.mainL-hd-box {
  width: 270px;
  background: #fff;
  position: relative;
  z-index: 101;
  height: 560px;
}

.mainL-hd {
  padding: 15px;
  margin: 0;
  background: #2a5caa;
  color: white;
  font-size: 18px;
}

.mainL-hd a {
  color: #fff;
  text-decoration: none;
  position: relative;
}
.mainL-hd a:before{
    content: "";
    display: inline-block; 
    width:26px;
    height:20px;
    background: url(../images/iconsB.png) center no-repeat;
    position: absolute;
    right: -33px;
    top: 3px;
}

.sec-mainNav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.sec-mainNav li {
  position: relative;
  width: 50%;
  box-sizing: border-box;
}

.sec-mainNav h3 {
  margin: 0;
}

.nav-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    transition: all 0.3s;
    height: 44.3px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: transparent;
    cursor: pointer;
}

.nav-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
}

.nav-item:hover,
.nav-item.active {
  background-color: #e8f0fe !important;
  color: #2a5caa !important;
}

/* 右侧二级分类样式 */
.sec-mainR {
  width: 1080px;
  height: 560px;
  position: relative;
  z-index: 100;
}

/* 关键：在左侧和右侧之间创建一个透明的桥梁 */
.mainL-hd-box::after {
  content: '';
  position: absolute;
  top: 0;
  right: -20px; /* 向右延伸20px */
  width: 40px; /* 更宽的桥梁 */
  height: 100%;
  background: transparent;
  z-index: 102;
}

.menu-panel {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 560px !important;
  padding: 30px;
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 100;
  background: #fff;
  border:2px #0058af solid;
  border-radius: 10px;
}

.panel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}



.menu-panel-hd h4 {
  display: block;
}

.menu-panel-hd h4 a {
  color: #333;
  font-size: 15px;
  text-decoration: none;
}
.menu-panel-hd h4:hover a{
  color: #2a5caa
}
.sub-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sub-item {
  display: inline-block;
  padding: 5px 12px;
  background: #f8f9fa;
  border-radius: 3px;
  color: #555;
  text-decoration: none;
  font-size: 13px;
  transition: all 0.2s;
  cursor: pointer;
}

.sub-item:hover {
  background: #2a5caa !important;
  color: white !important;
}

/* 边框处理 */
.sec-mainNav li:nth-child(odd) .nav-item {
  border-right: 1px solid #e8e8e8;
}

.sec-mainNav li:nth-child(even) .nav-item {
  border-right: none;
}
/**标题**/
.biaoti{
    width: 1350px;
    margin: 0 auto;
    margin-top: 40px;
}
.biaoti p{
    color: #848691;
    font-size: 15px;
}
.biaoti p span{
    font-size: 30px;
    color: #000;
    margin-right: 10px;
}
.biaoti a{
    font-size: 15px;
    color: #606060;
    margin-top: 10px;
}
.biaoti a:hover{
    color: #f00;
    text-decoration: underline;
}