.cen {
  margin: 0 auto;
}

header .cen1 {
  position: relative;
  height: 100%;
}
.header_top {
  background-image: url(bg.jpg);
  height: 245px;
}
.logo {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
}
.cj-top {
  width: 801px;
  height: 100%;
  float: right;
  padding-top: 5px;
  box-sizing: border-box;
}

.cj-top .swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-slide img {
  height: 100%;
}

.cj-top .swiper-container .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.cj-top .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.cj-top .swiper-container .swiper-wrapper .swiper-slide > img {
  position: absolute;
  left: 55%;
  transform: translateX(-50%);
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 2.5s;
  -moz-transition: all 2.5s;
  -ms-transition: all 2.5s;
  transition: all 2.5s;
}
.cj-top .swiper-container .swiper-wrapper .swiper-slide-active > img {
  opacity: 1;
  left: 50%;
}

#daohang {
  width: 100%;
  height: 62px;
  background-color: #245399;
}
#dh_nav {
  width: 1224px;
  height: 62px;
  margin: 0 auto;
}
#dh_nav > li {
  float: left;
  position: relative; /*width: 100px;*/
  font-family: '宋体';
}
#dh_nav > li h3 {
  line-height: 62px;
  font-weight: normal;
  text-align: center;
}
#dh_nav > li h3 a {
  color: #fff;
  font-size: 18px;
  padding: 0 13px;
}
#dh_nav > li .sub {
  width: 160px;
  height: auto;
  position: absolute;
  top: 62px;
  z-index: 11;
  background: #1f78bc;
  left: 0;
  display: none;
}
#dh_nav > li .sub li a {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
  padding: 0 10px 0 20px;
}
#dh_nav > li .sub li a:hover {
  background: #bf0222;
  color: #fff;
}
#dh_nav > li.on {
  background: #bf0222;
}
#dh_nav > li:hover {
  background: #bf0222;
}

/***** 提示搜索 *****/
#tsss {
  height: 60px;
  box-sizing: content-box;
}
#message {
  width: 323px;
  float: right;
}
#message li {
  float: left;
  height: 35px;
  padding-top: 12px;
  line-height: 35px;
}
#message li.ipt {
  width: 282px;
}
#message li.ipt .keyword {
  background: url(ss_bj.jpg) left top no-repeat;
  color: #7b89a1;
  width: 272px;
  height: 35px;
  line-height: 35px;
  border: none;
  padding-left: 10px;
}
#message li.btn {
  width: 41px;
}

#message li.btn input {
  background: url(ss_01.jpg) left top no-repeat;
  width: 41px;
  height: 35px;
  border: none;
  cursor: pointer;
}

/***** 图片友情链接 *****/
.link_img {
  width: 100%;
  height: 231px;
  background: url(yqlj.png) center top no-repeat;
  margin-top: 48px;
}

#tplj {
  height: 220px;
}
#tplj li {
  width: 258px;
  height: 90px;
  float: left;
  text-align: center;
  padding: 20px 21px 0 21px;
}
#tplj img {
  width: 257px;
  height: 57px;
}
#tplj img img {
  width: 257px;
  height: 57px;
  overflow: hidden;
}

#tplj li.kg {
  width: 290px;
  padding: 0px;
}
#tplj li.kg02 {
  width: 104px;
  padding: 0px;
}

/***** 友情链接 *****/
#bqbj {
  width: 100%;
  height: 247px;
  margin-top: 32px;
  background-color: #2a4874;
}
#footer_links {
  height: 70px;
  background: #dedede;
}
#footer_links select {
  width: 222px;
  height: 32px;
  margin: 17px 5px 0px 5px;
  font: 14px/32px '宋体';
}

/***** 底部版权 *****/
#copyright {
  padding-top: 50px;
  text-align: left;
  font: 14px/24px '宋体';
  color: #cedff7;
}
#copyright a {
  color: #cedff7;
}

.wzzc {
  width: 228px;
  float: left;
  text-align: left;
  padding-top: 18px;
}

.lyzx {
  width: 148px;
  height: 72px;
  float: right;
  background: url(zxly.png) center top no-repeat;
  margin-top: -50px;
  margin-right: 20px;
}
.lyzx li {
  width: 90px;
  height: 30px;
  margin-bottom: 6px;
  text-align: left;
  padding-left: 58px;
}
.lyzx li a {
  font: 12px/30px '宋体';
  color: #fff;
}
.lyzx li a:hover {
  font: 12px/30px '宋体';
  color: #fff;
  text-decoration: underline;
}

/***** 当前位置 *****/
#position {
  height: 50px;
  text-align: left;
  padding-left: 20px;
  font: 14px/50px '宋体';
}
#position a {
  font: 14px/50px '宋体';
  text-decoration: none;
}
#position a:hover {
  color: #ff0000;
}

@media screen and (max-width: 768px) {
  #position,
  #position a {
    font: 0.26rem/0.7rem '宋体';
    height: auto;
  }
  .header_top .cen1 {
    width: 100%;
    padding: 0;
  }
  .header_top {
    height: 2.45rem;
  }
  .header_top .logo {
    width: 100%;
  }
  .cj-top {
    width: 100%;
  }
  .swiper-slide {
    width: 100% !important;
  }
  /* #message{
    width: 100%;
    display: flex;
  }
  #message li.ipt{
    width: auto;
    flex: 1;
  }
  #message li.ipt .keyword{} */

  .link_img {
    background-image: none;
    height: auto;
  }
  #tplj,
  #bqbj {
    height: auto;
  }
  #tplj li {
    width: 50%;
    box-sizing: border-box;
    padding: 0;
    height: auto;
    margin-bottom: 0.2rem;
  }

  #tplj img {
    width: 100%;
    object-fit: contain;
  }
  #tplj li.kg,
  #tplj li.kg02 {
    display: none;
  }
  #footer_links {
    height: auto;
    width: 100%;
  }
  #footer_links select {
    width: calc(50% - 0.2rem);
    box-sizing: border-box;
    margin: 0.1rem;
  }

  /* h5 菜单图标样式 */
  #daohang {
    height: 0.8rem;
  }
  .menu-icon {
    font-size: 0.38rem;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    padding: 0.1rem;
  }

  .lyzx {
    position: absolute;
    right: 0.2rem;
    top: 18px;
    margin: 0;
  }

  .wzzc {
    float: unset;
  }
  #copyright {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 0;
    font: 0.22rem/0.4rem '宋体';
  }
  #copyright .info {
    padding: 0.2rem 0;
  }

  #copyright .info a,
  #copyright .info span {
    vertical-align: middle;
  }

  #copyright .info p:nth-child(1) span:nth-child(1) {
    display: block;
  }

  #copyright .info p:nth-child(2) span,
  #copyright .info p:nth-child(3) span,
  #copyright .info p:nth-child(4) span {
    display: block;
  }

  /* 侧边导航栏样式 */
  .h5-sidebar {
    width: 4rem;
    background-color: #fff;
    color: white;
    position: fixed;
    top: 0;
    left: -4rem; /* 初始状态侧边栏在屏幕外 */
    height: 100vh; /* 设置高度为视口高度 */
    padding-top: 0.2rem;
    transition: left 0.3s ease, width 0.3s ease; /* 动画效果 */
    z-index: 9999999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    overflow-y: auto; /* 允许垂直滚动 */
    overflow-x: hidden; /* 防止水平滚动 */
    box-sizing: border-box;
  }

  .h5-sidebar.open {
    left: 0; /* 侧边栏打开时，位置调整为显示 */
  }

  .h5-sidebar ul {
    list-style: none;
    padding: 0;
  }

  .h5-sidebar ul li {
    padding: 10px;
  }

  .h5-sidebar a {
    color: black;
    text-decoration: none;
    display: block;
    font-size: 0.28rem;
  }

  .h5-sidebar .submenu {
    display: none; /* 默认隐藏二级菜单 */
    margin-left: 20px;
    padding-top: 10px;
  }

  .h5-sidebar .submenu li {
    padding: 5px 0;
  }

  .h5-sidebar .submenu a {
    font-size: 0.28rem;
  }

  /* 箭头样式 */
  .menu-item > a:after {
    content: ''; /* 默认箭头 */
    color: black;
    float: right;
    width: 0.38rem;
    height: 0.38rem;
    background: url(arrow-right-bold.png) center center no-repeat;
    background-size: contain;
    transition: transform 0.3s ease; /* 翻转动画 */
  }

  /* 二级菜单展开时箭头翻转 */
  .menu-item.open > a:after {
    transform: rotate(90deg); /* 旋转90度 */
  }

  /* 去掉没有二级菜单的项的箭头 */
  .menu-item.no-submenu > a:after {
    content: none; /* 没有二级菜单的项不显示箭头 */
  }
  /* 蒙层样式 */
  .h5-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色 */
    z-index: 1000; /* 在侧边栏之下 */
    display: none; /* 默认隐藏 */
    overflow: hidden;
  }
}