.bodybg{
  background: url(../images/xszzfw/xszzfw_bg.png) top no-repeat;
}

.zfheader img {
  width: 58%;
  padding-top: 82px;
  padding-left: 65px;
}

.zf_box {
  display: flex;
  margin-top: 70px;
}

.zf_nav {
  width: 21.5%;
}

.zd_right {
  flex: 1;
}

.zxjs_ct p {
  width: 100%;
}

.zxjs {
  display: flex;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 50px rgba(42, 123, 223, 0.12);
  padding: 25px;
  box-sizing: border-box;
}

.zf_main {
  display: flex;
  justify-content: space-between;
}

.zxjs img {
  margin-right: 20px;
}

.yellow {
  color: rgba(230, 115, 0, 1);
  font-weight: 700;
}

.zxjs_ct {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 23.76px;
  color: rgba(0, 0, 0, 1);
  padding-top: 10px;
}

.zxjs_ct p:nth-child(2) {
  margin-top: 30px;
}

.zf_nav {
  margin-right: 40px;
  position: relative;
  margin-top: 120px;
}

.zf_nav li {
  height: 50px;
  line-height: 50px;
  padding-left: 17px;
  position: relative;
}

.zf_nav li.on::after {
  display: block;
  content: "";
  position: absolute;
  width: 4px;
  height: 40px;
  border-radius: 100px;
  background: rgba(42, 130, 228, 1);
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}

.zf_nav::after {
  position: absolute;
  display: block;
  content: "";
  width: 1px;
  height: 600px;
  right: 0;
  top: 0;
  background: url(../images/xszzfw/line.png) no-repeat top;
}

.on {
  background: url(../images/xszzfw/nav_bg.png) no-repeat left;
}

.on a {
  color: white !important;
}

.zf_nav ul li:hover {
  background: url(../images/xszzfw/nav_bg.png) no-repeat left;
}

.zf_nav ul li:hover a {
  color: white !important;
}

.zyzzdx_title a {
  height: 40px;
  display: block;
  background: url(../images/xszzfw/zyzzdx_title.png) no-repeat center;
}

.zyzzdx {
  border-radius: 10px;
  background: rgba(237, 245, 255, 1);
  margin-top: 26px;
  padding: 30px;
}

.zyzzdx p {
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 50px rgba(42, 123, 223, 0.12);
  margin-top: 20px;
  box-sizing: border-box;
  font-size: 18px;
  padding: 20px 11px 20px 20px;
  line-height: 23.76px;
  height: 90px;
}

.gjdzzdxjbz {
  border-radius: 10px;
  background: rgba(237, 245, 255, 1);
  margin-top: 26px;
  display: flex;
  justify-content: space-between;
  padding: 26px 30px;
}

.gjdzzdxjbz_nav {
  width: 30%;
  padding-top: 20px;
}

.gjdzzdxjbz_right {
  flex: 1;
  margin-left: -96px;
}

.gjdzzdxjbz_nav li {
  height: 40px;
  line-height: 40px;
  position: relative;
  padding-left: 42px;
  margin-top: 20px;
}

.gjdzzdxjbz_nav li a {
  font-size: 18px;
  font-weight: 700;
  color: rgba(42, 130, 228, 1);
}

.gjdzzdxjbz_nav li.on1 a {
  color: white;
}

.gjdzzdxjbz_nav li::before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  background: url(../images/xszzfw/nav_icon.png) no-repeat center;
  left: 8px;
  top: 6px;
}

.gjdzzdxjbz_nav li.on1::before {
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  background: url(../images/xszzfw/nav_icon_hover.png) no-repeat center;
  left: 8px;
  top: 6px;
}

.on1 {
  background: url(../images/xszzfw/gjdzzdxjbz_bg.png) no-repeat left;
}

.gjdzzdxjbz_item {
  height: 360px;
  padding: 28px 20px 28px 44px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 50px rgba(42, 123, 223, 0.12);
  box-sizing: border-box;
  overflow: scroll;
  overflow-x: hidden;
}

.jy_title {
  font-size: 18px;
  font-weight: 700;
  color: rgba(32, 79, 149, 1);
  height: 40px;

  border-radius: 100px;
  background: rgba(222, 237, 255, 1);
  line-height: 40px;
  text-align: center;
  margin-top: 28px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}

.jy_title:first-child {
  margin-top: 0px;
}

.gjdzzdxjbz_item li {
  position: relative;
  padding-left: 15px;
  font-size: 18px;
  line-height: 23.76px;
  color: rgba(0, 0, 0, 1);
  margin-top: 12px;
}

.gjdzzdxjbz_item li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  background: rgba(42, 130, 228, 1);
  position: absolute;
  opacity: 1;
  left: 0;
  margin-top: 9px;
  border-radius: 50%;
}

.sqlc {
  margin-top: 26px;
  border-radius: 10px;
  background: rgba(237, 245, 255, 1);
  padding: 30px 30px 35px;
}

.sqlc_title {
  height: 40px;
  display: block;
  background: url(../images/xszzfw/sqlc_title.png) no-repeat center;
}

.fangshi {
  background: #fff;
  padding: 20px 20px 40px;
  box-sizing: border-box;
  font-size: 18px;
  position: relative;
  border-radius: 10px;
  display: flex;
}

.fangshi::before {
  content: "";
  width: 6px;
  height: 24px;
  opacity: 1;
  background: rgba(42, 130, 228, 1);
  display: block;
  position: absolute;
  left: 0;
  top: 20px;
}

.liyuan {
  width: 6px;
  margin-right: 10px;
}

.fangshi li {
  margin-top: 12px;
}

.sqlc_main {
  margin-top: 20px;
}

.blue {
  font-weight: 700;
  color: rgba(32, 79, 149, 1);
}

.fangshi_Left {
  width: 75%;
  margin-right: 30px;
}

.yuandian li {
  position: relative;
  padding-left: 15px;
}

.yuandian li::before {
  content: "";
  width: 6px;
  height: 6px;
  display: block;
  background: rgba(42, 130, 228, 1);
  position: absolute;
  opacity: 1;
  left: 0;
  margin-top: 9px;
  border-radius: 50%;
}

.fangshi_right img {
  width: 142px;
}

.fangshi_right {
  align-content: center;
}

.p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 26px;
  color: rgba(56, 56, 56, 1);
  margin-top: 30px;
  margin-bottom: 40px;
}

.zxsq_title {
  text-align: center;
}

.zxsq_title a {
  display: block;
  width: 236px;
  height: 48px;
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    rgba(55, 120, 214, 1) 0%,
    rgba(113, 176, 237, 1) 100%
  );
  margin: 0 auto;
  font-size: 30px;
  font-weight: 700;
  line-height: 48px;
  color: rgba(255, 255, 255, 1);
}

.zxsq_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.zxsq_box .zxsq_item {
  margin-top: 36px;
  width: 48%;
  height: 250px;
  opacity: 1;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 50px rgba(42, 123, 223, 0.12);
  padding: 20px 36px 20px 20px;
  box-sizing: border-box;
}

.yuandian li {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 12px;
  position: relative;
}

.yuandian {
  position: relative;
}

.bott {
  text-align: right;
  border-top: 1px solid rgba(227, 227, 227, 1);
  position: absolute;
  bottom: 20px;
  width: 90%;
  padding-top: 10px;
}

.bott a {
  color: rgba(42, 130, 228, 1);
}

.zxsq_item .elli-m {
  -webkit-line-clamp: 4;
}

.zxsq {
  position: relative;
}

.zxsq::before {
  content: "";
  width: 8px;
  height: 260px;
  position: absolute;
  display: block;
  left: 50%;
  top: 62%;
  transform: translate(-50%, -50%);
  background: url(../images/xszzfw/line_zx.png) no-repeat center;
  z-index: 99;
}

.zxdk .zxsq_box .zxsq_item {
  height: 542px;
}

.zxdk .yuandian li span {
  display: block;
}

.zxdk::before {
  background: url(../images/xszzfw/line_zxz.png) no-repeat;
  height: 607px;
}

.xxcx_title {
  height: 40px;
  display: block;
  background: url(../images/xszzfw/xxcx_title.png) no-repeat center;
}

.xxcx {
  border-radius: 10px;
  background: rgba(237, 245, 255, 1);
  padding: 26px 30px;
  margin-top: 26px;
}

.xxcx_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.xxcx_box li {
  margin-top: 20px;
  width: 48%;
  height: 90px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 50px rgba(42, 123, 223, 0.12);
  line-height: 90px;
  text-align: center;
}

.xxcx_box img {
  vertical-align: middle;
  margin-right: 30px;
}

.xxcx_box a {
  font-size: 18px;
  font-weight: 700;
  color: rgba(32, 79, 149, 1);
}

.lxfs_title {
  height: 40px;
  display: block;
  background: url(../images/xszzfw/lxfs_title.png) no-repeat center;
}

.lxfs {
  border-radius: 10px;
  background: rgba(237, 245, 255, 1);
  margin-top: 26px;
  padding: 26px 30px;
}

.lxfs_box {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.lxfs_nav {
  width: 26%;
  padding-top: 30px;
}

.lxfs_right {
  flex: 1;
  margin-left: -35px;
}

.lxfs_nav li {
  height: 62px;
  position: relative;
  z-index: 99;
  padding: 10px 40px 10px 40px;
  box-sizing: border-box;
  font-size: 18px;
  margin-top: 26px;
}

.lxfs_nav li a {
  color: rgba(42, 130, 228, 1);
}

.lxfs_nav li.onlx {
  background: url(../images/xszzfw/lxfs_bg.png) no-repeat left;
}

.lxfs_nav li.onlx a {
  color: #fff;
}

.lxfs_nav li::before {
  content: "";
  width: 23px;
  height: 23px;
  display: block;
  position: absolute;
  background: url(../images/xszzfw/dianhua_icon.png) no-repeat center;
  left: 8px;
  top: 19px;
}

.lxfs_nav li.onlx::before {
  background: url(../images/xszzfw/dianhua_icon_hover.png) no-repeat center;
}

.lxfs_right .jy_title {
  width: auto;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 22px;
}

.lxfs_right li {
  margin-top: 15px;
}

.lxfs_right .gjdzzdxjbz_item {
  position: relative;
}

.lxfs_right .gjdzzdxjbz_item::after {
  content: "";
  width: 150px;
  height: 136.36px;
  display: block;
  position: absolute;
  background: url(../images/xszzfw/dhicon.png);
  right: 23px;
  top: 184px;
}

.zfwj_title a {
  height: 40px;
  display: block;
  background: url(../images/xszzfw/zcwj_title.png) no-repeat center;
}

.zfwj {
  border-radius: 10px;
  background: rgba(237, 245, 255, 1);
  margin-top: 26px;
  padding: 26px 30px;
  box-sizing: border-box;
}

.zcwj_box {
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 50px rgba(42, 123, 223, 0.12);
  padding: 40px 20px;
  margin-top: 26px;
  box-sizing: border-box;
  position: relative;
}

.zcwj_box::after {
  content: "";
  width: 145.67px;
  height: 120.33px;
  display: block;
  position: absolute;
  background: url(../images/xszzfw/zcwj_bg.png);
  right: 23px;
  top: 120px;
}

.cjwt_title a {
  height: 40px;
  display: block;
  background: url(../images/xszzfw/cjwt_title.png) no-repeat center;
}

.cjwt {
  border-radius: 10px;
  background: rgba(237, 245, 255, 1);
  margin-top: 26px;
  padding: 26px 30px;
}

.hdzx {
  margin-top: 26px;
}

.cjwt_box {
  height: 350px;
  opacity: 1;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 2px 50px rgba(42, 123, 223, 0.12);
  overflow: scroll;
  margin-top: 26px;
  overflow-x: hidden;
  padding: 0px 30px 30px;
  box-sizing: border-box;
  position: relative;
}

.cjwt_box::after {
  content: "";
  width: 145px;
  height: 145px;
  background: url(../images/xszzfw/cjwd_icon.png) no-repeat;
  display: block;
  position: absolute;
  right: 23px;
  top: 180px;
}

.cjwt_box a {
  font-size: 18px;
  font-weight: 700;

  color: rgba(32, 79, 149, 1);
}

.cjwt_box span {
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
  color: rgba(0, 0, 0, 1);
  display: block;
}

.cjwt_box li {
  margin-top: 40px;
  padding-left: 50px;
  position: relative;
}

.cjwt_box li::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 5px;
  background: url(../images/xszzfw/wenhao_icon.png);
}

.hdzx {
  margin-bottom: 40px;
}

.hdzx img {
  width: 100%;
}

.zcwj_box {
  display: flex;
  flex-direction: column;
}

.zcwj_box li {
  width: 100%;
}

.zcwj_box a,
.cjwt_box a {
  width: 80%;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  overflow: hidden;
  white-space: normal;
}
.jy_title.jy_title1 {
    display: block;
}
@media (max-width: 1500px) {
  .gjdzzdxjbz_right {
    margin-left: -66px;
  }

  .lxfs_nav {
    width: 30%;
  }
}

@media (max-width: 1280px) {
  .zf_nav {
    display: none;
  }

  .zd_right {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .zyzzdx p {
    height: 104px;
  }

  .gjdzzdxjbz {
    flex-wrap: wrap;
  }

  .gjdzzdxjbz_nav {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .gjdzzdxjbz_nav li {
    width: 32%;
    box-sizing: border-box;
  }

  .gjdzzdxjbz_right {
    margin-left: 0px;
    margin-top: 20px;
  }

  .fangshi {
    flex-wrap: wrap;
  }

  .fangshi_Left {
    width: 100%;
  }

  .zxsq_box .zxsq_item {
    width: 100%;
  }

  .zxsq::before {
    width: 0;
  }

  .lxfs_box {
    flex-wrap: wrap;
  }

  .lxfs_nav {
    width: 100%;
    display: flex;
  }

  .lxfs_nav li {
    width: 33%;
    box-sizing: border-box;
  }

  .lxfs_right {
    margin-top: 20px;
    margin-left: 0;
  }

  .zxjs {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .zcwj_box::after {
    width: 0;
  }
}

@media (max-width: 480px) {
  .zfheader img {
    width: 81%;
    padding-top: 63px;
    padding-left: 40px;
  }

  .zyzzdx p {
    height: auto;
  }

  .xxcx_box li {
    width: 100%;
  }

  .gjdzzdxjbz_nav li {
    width: 100%;
  }

  .zxdk .zxsq_box .zxsq_item {
    height: 670px;
  }

  .lxfs_nav {
    flex-wrap: wrap;
  }

  .lxfs_nav li {
    width: 90%;
  }

  .zyzzdx,
  .gjdzzdxjbz,
  .sqlc,
  .lxfs,
  .zfwj,
  .cjwt,
  .xxcx {
    padding: 30px 10px;
  }

  .cjwt_box {
    padding: 0px 10px 30px;
  }
}