@import url(header.jpg.css);



@import url(footer.jpg.css);







.padding-bottom-0 {



  padding-bottom: 0px !important;}



.margin-bottom-20 {



  margin-bottom: 20px;}



.margin-top-60 {



  margin-top: 60px;}







.isMobile {



  display: none;}







.list-container {



  flex: 1;



  width: 100%;}



.list-contanier-line li {



  border-bottom: 1px dashed #DFDFDF;



  position: relative;}



/* .list-contanier-line li:hover::before {



  width: calc(100% - 35px);



  left: 0;



  right: auto;



} */



/* .list-contanier-line li::before {



  content: "";



  position: absolute;



  width: 0;



  right: 0;



  transition: .5s;



  height: 1px;



  background: #397ABF;



  bottom: 0px;



} */



.list-container a {



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 14px 0;



  text-decoration: none;}



.list-container li:first-child a {



  padding-top: 0;}



.list-container .list-news-title {



  display: flex;



  align-items: center;



  width: calc(100% - 60px)



;}



.list-container .list-news-title .icon {



  width: 10px;



  height: 10px;



  background: #D1D1D1;



  border-radius: 50%;



  transition: all 0.2s;}



.list-container .list-news-title:hover .icon {



  width: 22px;



  background: #397ABF;



  border-radius: 5px;



  transition: all 0.2s;}



.list-container .list-news-title:hover .content {



  color: #397ABF;}



.list-container .list-news-title .content {



  margin-left: 10px;



  color: #222222;



  font-size:18px;



  line-height: 20px;



  width: 90%;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;}



.list-container .time {



  color: #888888;



  font-size: 16px;



  width: 60px;



  text-align: right;}



.list-news-title .data {



  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



  width: 48px;



  height: 42px;



  box-sizing: border-box;



  border: 1px solid #C9E2FD;



  border-radius: 6px;}



.list-news-title .data .day {



  font-size: 20px;



  color: #397ABF;



  font-weight: 900;}



.list-news-title .data .year {



  font-size: 12px;



  line-height: 16px;



  color: #397ABF;



  width: 100%;



  height: 16px;



  background: #C9E2FD;



  border-radius: 0px 0px 6px 6px;}







/* banner */



.banner-container {



  height: 265px;}



.banner-container .banner-img {



  width: 100%;



  height: 100%;}



.banner-container .head-container {



  position: absolute;



  margin-left: auto;



  margin-right: auto;



  left: 0;



  right: 0;



  bottom: 0;}



.banner-container .head-container div {
  width: 340px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  background: rgb(57,122,191,0.8);
  color: #fff;
  font-size: 22px;
  }







/* 内容部分 */



.content-container {



  display: flex;



  justify-content: space-between;}



.content-left {



  width: 340px;



  height: fit-content;



  background: #FFFFFF;



  box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.13);}







.content-left ul li {



  border-bottom: 1px solid #F1F2F4;}



.content-left ul li:last-child {



  border-bottom: 0;}



.content-left ul li a {
  display: block;
  height: 98px;
  line-height: 98px;
  font-size: 20px;
  color: #222222;
  padding-left: 45px;
  text-decoration: none;
  padding-right: 20px;
  position: relative;
  }



.content-left ul li.active a.menu-a, 



.content-left ul li:hover a.menu-a{



  background: #F1F2F4;}



.content-left ul li.active a.menu-a::before, 



.content-left ul li:hover a.menu-a::before {



  content: '';



  width: 6px;



  height: 28px;



  background: #397ABF;



  position: absolute;



  left: 20px;



  top: 50%;



  transform: translateY(-50%);}



.content-left .sub-menu-items {



  padding: 20px 0;}



.content-left .sub-menu-items li {



  border-bottom: 0;}



.content-left .sub-menu-items li a {
  font-weight: 400;
  padding-left: 60px;
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  }



.content-left .sub-menu-items li a::before {



  content: '';



  position: absolute;



  width: 6px;



  height: 6px;



  background: #D1D1D1;



  border-radius: 50%;



  left: 45px;



  top: 50%;



  transform: translateY(-50%);}



.content-left .sub-menu-items li:hover a::before,



.content-left .sub-menu-items li.active a::before {



  background: #397ABF;}



.content-left .sub-menu-items li:hover a,



.content-left .sub-menu-items li.active a {



  color: #397ABF;}



.content-left ul li a.arrow-li::after {



  content: '';



  width: 11px;



  height: 20px;



  background-image: url(../image/arrow_li.png);



  background-size: 100% 100%;



  background-repeat: no-repeat;



  position: absolute;



  right: 20px;



  top: 50%;



  transform: translateY(-50%);}



.content-left ul li.active a.arrow-li::after {



  content: '';



  width: 20px;



  height: 11px;



  background-image: url(../image/arrow_li_active.png);



  background-size: 100% 100%;



  background-repeat: no-repeat;



  position: absolute;



  right: 20px;



  top: 50%;



  transform: translateY(-50%);}



.content-right {



  flex: 1;



  padding: 50px 0 50px 25px;}



.content-right-header {



  display: flex;



  align-items: center;



  padding-left: 25px;}



.content-right-header .name {
  font-size: 22px;
  color: #397ABF;
  }



.content-right-header .line {



  flex: 1;



  width: 100%;



  height: 2px;



  background: #397ABF;



  margin: 0 30px;}



.content-right-header .breadcrumbs {
  font-size: 16px;
  color: #888888;
  }







.content-right-header .breadcrumbs a{



	color: #888888;}







.content-body {



  margin-top: 50px;



  padding-left: 25px;



  min-height:800px;}







.pagination {



  display: flex;



  align-items: center;



  justify-content: center;}



.pagination div.active {



  background: #397ABF;



  color: #FFFFFF;}



.pagination .page {



  border: 1px solid #DFDFDF;



  width: 46px;



  height: 46px;



  line-height: 46px;



  text-align: center;



  margin-right: 20px;



  box-sizing: border-box;



  cursor: pointer;}



.pagination .more {



  height: 46px;



  line-height: 46px;



  margin-right: 20px;



  cursor: pointer;}



.pagination .page:last-child {



  margin-right: 0;}



.pagination .indexPage,



.pagination .prePage,



.pagination .nextPage,



.pagination .endPage {



  width: auto;



  padding: 0 14px;}







@keyframes isHidden {



  from {



    overflow: visible;}



  to {



    overflow: hidden;}



}



@keyframes isVisible {



  from {



    overflow: hidden;}



  to {



    overflow: visible;}



}







/* 屏幕小于1440px樣式 */



@media screen and (max-width: 1760px) {



  /* .w_1760 {



    width: 92%;



  } */



  /* .menus-ul li a {



    font-size: 20px;



  } */



}



@media screen and (max-width: 1440px) {



  /* .menus-ul li a { */



    /* font-size: 18px; */



  /* } */



}



@media screen and (max-width: 1280px) {



  /* .menus-ul li a { */



    /* font-size: 16px; */



  /* } */



}







/* 屏幕小于1440px樣式 */



@media screen and (min-width: 1920px) {



  /* .w_1760 {



    width: 1760px;



  } */



}