body {
  background-color: #fff;
}

.banner {
  width: 100%;
  height: 300px;
  background: url("../images/smzq_banner.png");
  padding-top: 110px;
}
.banner p {
  width: 1200px;
  margin: 0 auto;
  color: #FFF;
  text-shadow: 0px 4px 4px #278986;
  font-family: "YouSheBiaoTiHei";
  font-size: 60px;
  letter-spacing: 4.8px;
  line-height: 78px;
}

.container {
  width: 1200px;
  margin: 50px auto 70px;
}
.container > div {
  width: 100%;
}

.nav_title {
  width: 100%;
  font-size: 28px;
  height: 44px;
  color: #99999D;
  text-align: center;
  font-weight: bold;
  margin-bottom: 52px;
  position: relative;
  display: flex;
  justify-content: center;
}
.nav_title p {
  cursor: pointer;
  margin: 0 20px;
}
.nav_title p.active {
  color: #333;
}
.nav_title::before, .nav_title::after {
  content: "";
  position: absolute;
  width: 345px;
  height: 10px;
  top: 20px;
}
.nav_title::before {
  left: 0px;
  background: url("../images/title_left.png") no-repeat center;
}
.nav_title::after {
  right: 0px;
  background: url("../images/title_right.png") no-repeat center;
}

.con_wrap {
  display: flex;
  height: 568px;
}
.con_wrap .left_wrap {
  width: 424px;
  margin-right: 24px;
}
.con_wrap .left_wrap ul {
  display: flex;
  flex-wrap: wrap;
}
.con_wrap .left_wrap ul li {
  width: 136px;
  height: 136px;
  margin-bottom: 8px;
  padding-top: 90px;
  background: #F6FFFD;
  border: 1px solid #D3F2F4;
  cursor: pointer;
  position: relative;
}
.con_wrap .left_wrap ul li:not(:nth-child(3n)) {
  margin-right: 8px;
}
.con_wrap .left_wrap ul li p {
  font-size: 20px;
  color: #404B59;
  line-height: 24px;
  text-align: center;
}
.con_wrap .left_wrap ul li::before {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  top: 28px;
  left: 42px;
  background: url("../images/cs.png") no-repeat center;
}
.con_wrap .left_wrap ul li.active {
  background-color: #65CDCF;
}
.con_wrap .left_wrap ul li.active p {
  color: #FFF;
}
.con_wrap .left_wrap ul li.active::before {
  background-image: url("../images/cs_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(2)::before {
  background-image: url("../images/sx.png");
}
.con_wrap .left_wrap .gr li:nth-child(2).active::before {
  background-image: url("../images/sx_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(3)::before {
  background-image: url("../images/jy.png");
}
.con_wrap .left_wrap .gr li:nth-child(3).active::before {
  background-image: url("../images/jy_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(4)::before {
  background-image: url("../images/jiuy.png");
}
.con_wrap .left_wrap .gr li:nth-child(4).active::before {
  background-image: url("../images/jiuy_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(5)::before {
  background-image: url("../images/hy.png");
}
.con_wrap .left_wrap .gr li:nth-child(5).active::before {
  background-image: url("../images/hy_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(6)::before {
  background-image: url("../images/zf.png");
}
.con_wrap .left_wrap .gr li:nth-child(6).active::before {
  background-image: url("../images/zf_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(7)::before {
  background-image: url("../images/cl.png");
}
.con_wrap .left_wrap .gr li:nth-child(7).active::before {
  background-image: url("../images/cl_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(8)::before {
  background-image: url("../images/jz.png");
}
.con_wrap .left_wrap .gr li:nth-child(8).active::before {
  background-image: url("../images/jz_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(9)::before {
  background-image: url("../images/lr.png");
}
.con_wrap .left_wrap .gr li:nth-child(9).active::before {
  background-image: url("../images/lr_c.png");
}
.con_wrap .left_wrap .gr li:nth-child(10)::before {
  background-image: url("../images/sh.png");
}
.con_wrap .left_wrap .gr li:nth-child(10).active::before {
  background-image: url("../images/sh_c.png");
}
.con_wrap .left_wrap .fr li:nth-child(1)::before {
  background-image: url("../images/kb.png");
}
.con_wrap .left_wrap .fr li:nth-child(1).active::before {
  background-image: url("../images/kb_c.png");
}
.con_wrap .left_wrap .fr li:nth-child(2)::before {
  background-image: url("../images/yg.png");
}
.con_wrap .left_wrap .fr li:nth-child(2).active::before {
  background-image: url("../images/yg_c.png");
}
.con_wrap .left_wrap .fr li:nth-child(3)::before {
  background-image: url("../images/jn.png");
}
.con_wrap .left_wrap .fr li:nth-child(3).active::before {
  background-image: url("../images/jn_c.png");
}
.con_wrap .left_wrap .fr li:nth-child(4)::before {
  background-image: url("../images/sc.png");
}
.con_wrap .left_wrap .fr li:nth-child(4).active::before {
  background-image: url("../images/sc_c.png");
}
.con_wrap .left_wrap .fr li:nth-child(5)::before {
  background-image: url("../images/pc.png");
}
.con_wrap .left_wrap .fr li:nth-child(5).active::before {
  background-image: url("../images/pc_c.png");
}
.con_wrap .right_wrap {
  flex: 1;
  height: 100%;
  background: #F6FFFD;
  border: 1px solid #65CDCF;
  padding: 25px 26px 18px 22px;
}
.con_wrap .right_wrap .item_list {
  height: calc(100% - 32px);
  display: flex;
  flex-wrap: wrap;
}
.con_wrap .right_wrap .item_list li {
  width: calc(50% - 13px);
  height: 102px;
  margin-bottom: 22px;
  background: linear-gradient(90deg, #E3FFFF 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid rgba(7, 175, 147, 0.3);
  padding: 16px 19px;
  display: flex;
  justify-content: space-between;
}
.con_wrap .right_wrap .item_list li:not(:nth-child(2n)) {
  margin-right: 26px;
}
.con_wrap .right_wrap .item_list li p {
  font-size: 20px;
  line-height: 34px;
  width: 168px;
  position: relative;
}
.con_wrap .right_wrap .item_list li p::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 18px;
  left: -19px;
  top: 9px;
  background-color: #3DB1B4;
}
.con_wrap .right_wrap .item_list li a {
  width: 91px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #17BEBF;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid rgba(7, 175, 147, 0.3);
  margin-top: 17px;
  padding-left: 9px;
  position: relative;
}
.con_wrap .right_wrap .item_list li a::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 34px;
  right: 9px;
  background: url("../images/a_icon.png") no-repeat center;
}
.con_wrap .right_wrap .item_list li:hover {
  border-color: #65CDCF;
  box-shadow: 0 4px 10px rgba(58, 145, 152, 0.2);
}
.con_wrap .right_wrap .item_list li:hover a {
  color: #fff;
  border-color: #65CDCF;
  background-color: #65CDCF;
}
.con_wrap .right_wrap .item_list li:hover a::after {
  background-image: url("../images/a_iconh.png");
}
.con_wrap .right_wrap .m-pagination {
  margin: 0;
}