.basic_header {
  height: 738px;
  background: url(../images/basic_bg_header.png) no-repeat;
  background-size: cover;
}
.basic_header .basic_header_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 40px;
}
.basic_header .basic_header_top .basic_header_nav {
  display: flex;
}
.basic_header .basic_header_top .basic_header_nav li {
  margin-left: 53px;
}
.basic_header .basic_header_top .basic_header_nav li a {
  font-size: 18px;
  color: #015293;
}
.basic_header .basic_title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 110px;
}
.basic_header .basic_dy {
  height: 248px;
  background: url(../images/basic_bg_dy.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 56px;
  padding-top: 30px;
}
.basic_header .basic_dy .title {
  text-align: center;
  font-size: 44px;
  color: #daffff;
  letter-spacing: 20px;
  font-weight: 700;
}
.basic_header .basic_dy p {
  font-size: 18px;
  color: #fff;
  line-height: 36px;
  margin-top: 15px;
}
.main {
  padding-top: 32px;
  margin-bottom: 50px;
}
.main .breadcrumbs {
  display: flex;
  align-items: center;
  color: #333;
  margin-bottom: 40px;
}
.main .breadcrumbs img {
  margin-right: 10px;
}
.main .breadcrumbs a {
  color: #333;
}
.main .breadcrumbs a:hover {
  color: #016bb5;
}
.main .pub_title {
  font-size: 48px;
  color: #010101;
  font-weight: 700;
  text-align: center;
  padding-bottom: 25px;
  background: url(../images/basic_bg_title.png) no-repeat;
  background-position: bottom;
}
.main .pub_title .zz {
  color: #015293;
}
.main .info .info_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}
.main .info .info_list li {
  display: flex;
  align-items: center;
  width: 48%;
  height: 67px;
  border-bottom: 1px dashed #acacac;
}
.main .info .info_list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  color: #333;
}
.main .info .info_list li:hover a {
  color: #015293;
}
.main .info .check {
  display: flex;
  justify-content: center;
  margin-top: 37px;
}
.main .info .check .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 163px;
  height: 49px;
  background-color: #015293;
  border-radius: 18px;
  font-size: 22px;
  color: #fff;
}
.main .keynote {
  margin-top: 68px;
}
.main .keynote .keynote_list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.main .keynote .keynote_list li {
  width: 241px;
  height: 193px;
  background: url(../images/basic_bg_keynote_li.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 23px;
  margin-bottom: 23px;
  transition: all 0.3s;
}
.main .keynote .keynote_list li:nth-child(5n) {
  margin-right: 0;
}
.main .keynote .keynote_list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 19px;
  color: #232323;
}
.main .keynote .keynote_list li a img {
  width: auto;
  height: 55px;
  margin-bottom: 24px;
}
.main .keynote .keynote_list li:hover {
  transform: translateY(-5px);
}
.main .dept {
  margin-top: 68px;
}
.main .dept .dept_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
.main .dept .dept_list li {
  width: 245px;
  height: 66px;
  background-color: #ffffff;
  border: solid 1px #5ca6fc;
  margin-right: 18px;
  margin-bottom: 20px;
}
.main .dept .dept_list li:nth-child(5n) {
  margin-right: 0;
}
.main .dept .dept_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 18px;
  color: #004d93;
}
.main .dept .dept_list li:hover {
  background-color: #004d93;
}
.main .dept .dept_list li:hover a {
  color: #fff;
}
.main .qxq {
  margin-top: 68px;
}
.main .qxq .qxq_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 30px;
}
.main .qxq .qxq_list li {
  width: 248px;
  height: 133px;
  background-color: #eafaff;
  margin-right: 14px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
.main .qxq .qxq_list li:nth-child(5n) {
  margin-right: 0;
}
.main .qxq .qxq_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 18px;
  color: #333;
}
.main .qxq .qxq_list li:hover {
  transform: translateY(-5px);
}