/* ---base css--- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.2rem;
  font-weight: 'Microsoft YaHei', 'sans-serif', Arial;
  color: #333;
}

ol,
ul,
li {
  list-style: none;
}

a {
  text-decoration: none;
  color: #333;
}

.container {
  width: 100%;
}

.container-inner {
  width: 1000px;
  margin: 0 auto;
}

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

header{
  height: 90px;
  display: flex;
  justify-content:space-between;
  align-items: center;
}

.logo{
  width: 405px;
  height: 45px;
  background: url(images/logo.png)no-repeat;
  overflow: hidden;
}

.back{
  font-size: 1.2rem;
  color:#0662ad ;
  padding: 8px 16px;
  border: 1px solid #0662ad;
  border-radius: 25px;
  display: flex;
  align-items: center;  
}

.back img{
  padding-right: 5px;
}

/* banner */ 
.swiper .swiper-wrapper {
  width: 100vw;
}

.swiper .swiper-wrapper .swiper-slide {
  background-size: cover;
  background-position: center;
  width: 100vw;
  height: 330px;
}


/* nav */
.bg-nav-color {
  background-color: #0761ad;
}

/* 一级导航 */
.nav-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}

.nav-menu__item {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.nav-menu__item:hover {
  background-color: #015196;
}

.nav-menu__item__link {
  width: 100%;
  line-height: 50px;
  padding: 0 37px;
  font-size: 1.4rem;
  color: #fff;
  display: block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-menu__item .nav-menu__item__link:hover {
  color: #fff;
}



.nav-menu__item .nav-menu__item__link__active {
  background-color: #015196 !important;
}

/* 二级导航 */
.nav-menu__item .sub__menu {
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  /* transform: translateY(30px); */
  transform: translateY(-30px) scale(0);
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  z-index: 10;
  min-width: 144px;
}

.nav-menu__item:hover .sub__menu {
  /* transform: translateY(0); */
  transform: translateY(0) scale(1);
  pointer-events: all;
  opacity: 1;
}

.nav-menu__item .sub__menu .sub__menu__item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease-in-out;
}

.nav-menu__item .sub__menu .sub__menu__item:hover {
  background-color: #015196;
}

.nav-menu__item .sub__menu .sub__menu__item a {
  width: 100%;
  height: 50px;
  padding: 0 10px;
  line-height: 50px;
  font-size: 1.4rem;
  text-align: center;
  color: #0662ad;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}

.nav-menu__item .sub__menu .sub__menu__item:hover a {
  color: #fff;
}

.nav-menu__item>ul {
  position: relative;
}

/* 三级导航 */
.nav-menu__item .sub__menu__item {
  position: relative;
}

.nav-menu__item .sub__menu__item .sub__menu {
  position: absolute;
  left: 100%;
  top: 0;
  opacity: 0;
  transform: translateX(30px);
  pointer-events: none;
}

.nav-menu__item .sub__menu__item:hover .sub__menu {
  opacity: 1;
  transform: translateX(0);
  transition: all 0.3s ease-in-out;
  pointer-events: all;
}

.nav-menu__item .sub__menu__item:hover .sub__menu .sub__menu__item a {
  color: #fff;
}

.nav-menu__item .sub__menu__item .sub__menu .sub__menu__item:hover a {
  color: #fff;
}



/* news */
.flex{
  display: flex;
  justify-content: space-between;
}
.p40{
  padding: 40px 0;
}

.news_picture{
  width: 300px;
  height: 220px;
}

.news_box{width: 300px;}
.news__head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e2e2;
}
.news__head__title{
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #0662ad;
  padding-bottom: 9px;
  /* border-bottom: 2px solid #0761ad; */
}
.news__head__title::after{
  position: absolute;
  content: '';
  left: 0;
  bottom: -2px;
  width: 96px;
  height: 2px;
  background-color: #0860aa;
}
.news__head__title img{
  padding-right: 8px;
}


.news__head__more span{
  color:#6f6f6f;
  font-size: 1.2rem;
}

.news__content {
  padding-top: 10px;
}

.news__content li{
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
}
.news__content li a{
  font-size: 1.4rem;
  color: #424242;
}

.news__content li span{
  font-size: 1.4rem;
  color: #999;
}
.notice__list li{
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.notice__list li .notice__date{
  width: 54px;
  height: 46px;
  background-color: #0761ad;
  
}
.notice__list li .notice__date .notice__days{
  width: 54px;
  height: 27px;
  line-height: 27px;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
}
.notice__list li .notice__date .notice__month{
  width: 52px;
  height: 18px;
  line-height: 18px;
  color: #0761ad;
  font-size: 1rem;
  background-color: #fff;
  text-align: center;
  margin-left: 1px;
}

.notice__title{
  padding: 0 10px;
  font-size: 1.4rem;
}
.notice__title a {
  color: #424242;
}
.news__head__title__red{
  color: #e91e10;
}

.news__head__title__red::after{
  position: absolute;
  content: '';
  left: 0;
  bottom: -2px;
  width: 96px;
  height: 2px;
  background-color: #e91e10;
}

/* links */
.links-bg{
  margin-top: 50px;
  height: 60px;
  line-height: 60px;
  background-color: #e6e6e6;
}

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

.links__head__title{
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #0662ad;
}
.links__head__title  img{padding-right: 4px;}

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

.links__content li{
  padding-right: 30px;
}
.links__content li a{
  position: relative;
  color: #626262;
  font-size: 1.4rem;
  padding-left: 12px;
}
.links__content li a::after{
  position: absolute;
  content: '>';
  color: #4889bf;
  font-size: 1.4rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}


/* footer */
footer{
  height: 100px;
  background-color: #0761ad;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

footer p{
  font-size: 1.2rem;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
}



/* listcolumn */
.list-banner img{
  width: 100%;
  height: 200px;
}

.col-wrap {
  display: flex;
  padding-top: 30px;
}

.col-menu {
  width: 200px;
  display: flex;
  flex-direction: column;
    /* min-height: calc(100vh - 305px); */
}

/* 一级栏目 */
.col-menu__title {
  height: 45px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  background-color: #0761ad;
  padding-left: 23px;
}

.col-menu__title h2 {
  font-size: 2rem;
  color: #fff;
}

/* 二级列表 */
.menu__list{
  border: 1px solid #e4e4e4;
  border-bottom: none;
}
.menu__list__item__link {
  display: block;
  font-size: 1.6rem;
  position: relative;
  padding-left: 23px;
  height: 44px;
  line-height: 44px;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  border-bottom: 1px solid #e4e4e4;
  color: #555;
}

.menu__list__item__link:hover {
  color: #0761ad;
  background-color: #f5f5f5;
}

.menu__list>li.selected .menu__list__item__link {
  position: relative;
  color: #0761ad;
  background-color: #f5f5f5;
}

.menu__list>li.selected .menu__list__item__link span {
  color: #0761ad;
}

/* 三级子栏目 */

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

.sub__list .sub__list__item>a {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  padding-left: 50px;
  height: 44px;
  line-height: 44px;
  position: relative;
  color: #555555;
}

.menu__list .parent,
.menu__list .parent .menu__list__item__link {
  background-color: #f5f5f5;
}

.menu__list .parent>a span {
  color: #0761ad;
}

.menu__list .parent .sub__list a:hover {
  background-color: #f5f5f5;
}

.menu__list .parent .sub__list a:hover span {
  color: #0761ad;
}

.menu__list .parent .selected a {
  color: #0761ad;
  background-color: #f5f5f5;
}

.sub__list span {
  font-size: 1.3rem;
}

/* 文章列表 */
.col-news {
  width: 730px;
  margin-left: 50px;
}

.col-news__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e3e3e3;
}

.col-news__head h2 {
  position: relative;
  font-size: 2rem;
  color: #015294;
  height: 42px;
  line-height: 42px;
}

.col-news__head h2::after {
  content: "";
  position: absolute;
  left: 0;
  top: auto;
  bottom: -2px;
  right: auto;
  height: 2px;
  width: 80px;
  background-color: #e3e3e3;
}

.location {
  color: #999999;
  font-size: 1.4rem;
}

.location a {
  font-size: 1.4rem;
  color: #565656;
}

.location .possplit {
  background: none;
  position: relative;
  text-indent: 0;
}

.location .possplit::after {
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  content: "|";
  font-size: 1.4rem;
  color: #565656;
}

.col-news__list > ul {
  padding-top: 10px;
}

.col-news__list > ul li {
  height: 32px;
  line-height: 32px;
/* padding: 0 10px; */
  /* border-bottom: 1px solid #e8eff7; */
  display: flex;
  justify-content: space-between;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.col-news__list > ul li a {
  font-size: 1.4rem;
  color: #565656;
  transition: all 0.2s ease-in-out;
}


.col-news__list div:first-child ul li:hover {
  background-color: #f5f5f5;
}

.col-news__list div:first-child ul li:hover a {
  color: #0070c6;
}

.col-news__list .news-date {
  font-size: 1.2rem;
  color: #9a9a9a;
}

.col-news__list .wp_paging {
  padding: 45px 0 60px;
}

.col-news__list .wp_paging .per_count,
.col-news__list .wp_paging em.all_count,
.col-news__list .wp_paging .curr_page {
  font-size: 1.4rem;
  /* color: #1a85d7; */
  /* font-weight: normal; */
}

/* dis */


/* .bg-dis-color {
  background-color: #fff;
  border: 1px solid #f5f5f5;
  padding: 0 30px;
} */

.dis-wrap-h1 {
  font-size: 2.2rem;
  color: #005396;
  text-align: center;
  padding-top: 45px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e4e4e4;
}

.dis-wrap-release {
  padding-top: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dis-wrap-release p {
  font-size: 1.2rem;
  color: #999999;
}

/* .dis-wrap-release span {
  font-size: 1.2rem;
  color: #999999;
} */

.dis-wrap-content {
  padding: 40px 0 55px;
  border-bottom: 1px solid #e4e4e4;
  /* min-height: calc(100vh - 408px); */
  overflow: hidden;
}

.dis-wrap-content p {
  font-size: 1.4rem;
  text-indent: 2em;
  line-height: 30px;
  margin-top: 45px;
  color: #555555;
}

.dis-wrap-content p:first-child {
  margin-top: 0;
}

.close {
  display: flex;
  justify-content: center;
}

.close a {
  color: #999;
  padding: 12px 0 50px;
  /* border-radius: 10px; */
  letter-spacing: 2px;
}