@import url(common.jpg.css);







.desc-pc {



  display: block;}







.page-container {



  background: #FFFFFF;



  overflow: hidden;}







/* 轮播 */



.swiper-container {



  position: relative;}



.swiper-wrapper img {



  width: 100%;



  height: 100%;}



.swiper-button-next,



.swiper-button-prev {



  width: 20px;



  height: 35px;



  background-size: 100% 100%;}



.swiper-button-next {



  right: 70px;



  background-image: url(../image/arrow_right_icon.png)



;}



.swiper-button-next:hover {



  background-image: url(../image/arrow_right_active_icon.png)



;}



.swiper-button-prev {



  left: 70px;



  background-image: url(../image/arrow_left_icon.png)



;}



.swiper-button-prev:hover {



  background-image: url(../image/arrow_left_active_icon.png)



;}



.bottom-nav {



  height: 20px;



  position: absolute;



  width: 100%;



  bottom: 30px;



  right: 24px;



  display: flex;



  justify-content: flex-end;}



.swiper-pagination-bullet {



  margin-right: 10px;}



.swiper-pagination-clickable .swiper-pagination-bullet {



  /* background: rgba(153,153,153,0.6); */



  background: #FFFFFF;



  opacity: 0.6;



  width: 11px;



  border-radius: 5px;



  height: 11px;}



.swiper-pagination-clickable .swiper-pagination-bullet-active {



  width: 20px;



  opacity: 1;}







.news-swiper-container .bottom-nav {



  height: 54px;



  bottom: 0;



  right: 0;



  /* left: 0; */



  width: 25%;



  align-items: center;



  z-index: 111;



  box-sizing: border-box;}



.news-swiper-container .swiper-pagination {



  right: 10px;}



.news-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {



  background: #A4A1A3;



  width: 12px;



  border-radius: 50%;



  height: 12px;



  transition: 0.2s;}



.news-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet-active {



  background: #FFFFFF;



  width: 36px;



  border-radius: 6px;} 



.news-swiper-container .swiper-slide {



  position: relative;



  overflow: hidden;}



.news-swiper-container .swiper-slide img {



  transition: 0.4s;}



.news-swiper-container .swiper-slide:hover img {



  transform: scale(1.1);



  transition: 0.4s;}



.news-swiper-container .news-title {

font-size: 18px;

color: #FFFFFF;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

position: absolute;

left: 0;

right: 0;

bottom: 0;

height: 54px;

line-height: 54px;

padding-left: 20px;

padding-right: 140px;

background: rgba(0,0,0,0.67);

box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.19);

}











.index-container {



  padding-top: 8px;



  padding-bottom: 50px;}







.index-container-group {



  display: flex;



  justify-content: space-between;}







.index-container-two {



  background: #F7F7F7;}



.news-container {



  width: 65%;}



.news-container .list-container {



  width: calc(100% - 570px);



  padding-left: 30px;



  box-sizing: border-box;}



.notice-container {



  width: 33%;}



.education-container {



  width: 32%;}







.title-container {



  display: flex;



  align-items: center;



  justify-content: space-between;



  border-bottom: 1px dashed #DFDFDF;}



.title-container .title {

padding: 20px 0;

font-size: 24px;

line-height: 26px;

color: #397ABF;

position: relative;

}



.title-container .title::after {



  content: '';



  height: 4px;



  background: #397ABF;



  position: absolute;



  left: 0;



  right: 0;



  bottom: -2px;}



.title-container .more {



  display: flex;



  align-items: center;}



.title-container .more img {



  width: 26px;



  height: 26px;}



.title-container .more a {



  font-size: 18px;



  color: #397ABF;



  line-height: 20px;



  margin-left: 10px;



  text-decoration: none;}



.news-content {



  padding-top: 30px;



  display: flex;



  justify-content: space-between;}



.news-content .swiper-container {



  margin-left: 0;}







.news-swiper-container {



  width: 570px;



  /* width: 49.5%; */



  height: 280px;}



.notice-content {



  padding-top: 18px;}



.notice-content a {



  padding: 4px 0;}



.notice-content li:first-child a {



  padding-top: 0;}



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



  color: #397ABF;}







.education-container .list-container {



  background: #FFFFFF;



  box-shadow: 0px 1px 9px 0px rgba(0,3,5,0.1);



  border-radius: 10px;



  padding: 20px;



  box-sizing: border-box;}







.education-container .icon-img-one {



  width: 12px;



  height: 16px;



  background-image: url(../image/icon-3.png);



  background-size: 100% 100%;



  background-repeat: no-repeat;}



.education-container .list-news-title:hover .icon-img-one {



  background-image: url(../image/icon-4.png);}



.education-container .icon-img-two {



  width: 10px;



  height: 10px;



  background-image: url(../image/icon-1.png);



  background-size: 100% 100%;



  background-repeat: no-repeat;}



.education-container .list-news-title:hover .icon-img-two {



  background-image: url(../image/icon-2.png);}



.education-container .icon-img-three {



  width: 12px;



  height: 16px;



  background-image: url(../image/icon-5.png);



  background-size: 100% 100%;



  background-repeat: no-repeat;}



.education-container .list-news-title:hover .icon-img-three {



  background-image: url(../image/icon-6.png);}



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



  color: #397ABF;}







.index-container-three {



  width: 100%;



  background-image: url(../image/1920_033.png);



  background-size: 100% 100%;



  background-repeat: no-repeat;}







.kydt-swiper-container {



  margin-top: 20px;}







.swiper-items {



  background: #FFFFFF;



  border-radius: 10px;



  padding-bottom: 22px;



  cursor: pointer;



  display: block;}



.swiper-items .img-box {



  overflow: hidden;



  width: 100%;



  height: 218px;}



.swiper-items .img-box img {



  width: 100%;



  height: 100%;



  transition: 0.2s;}



.swiper-items:hover {



  text-decoration: none;}



.swiper-items:hover .img-box img {



  transform: scale(1.1);



  transition: 0.4s;}



.swiper-items:hover .title {



  color: #397ABF;}







.swiper-items .title {

font-size: 18px;

color: #222222;

line-height: 30px;

margin: 22px 30px;

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}







.swiper-items .time-group {



  display: flex;



  align-items: center;



  padding-left: 30px;}



.swiper-items .time-group span {



  font-size: 18px;



  color: #888888;



  margin-left: 10px;}



.swiper-items .time-group img {



  width: 16px;



  height: 16px;}



.kydt-swiper-container .swiper-button-next,



.kydt-swiper-container .swiper-button-prev {



  width: 70px;



  height: 70px;



  background-size: 100% 100%;}



.kydt-swiper-container .swiper-button-next {



  right: 0;



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



  opacity: 0.5;}



.kydt-swiper-container .swiper-button-next:hover {



  opacity: 1;}



.kydt-swiper-container .swiper-button-prev {



  left: 0;



  opacity: 0.5;



  background-image: url(../image/left.png);}



.kydt-swiper-container .swiper-button-prev:hover {



  opacity: 1;}







.ztzl-container {



  display: flex;



  justify-content: space-between;}



.ztzl-items {



  position: relative;



  width: 19.6%;



  height: 130px;



  border-radius: 10px;



  box-sizing: border-box;



  padding-top: 20px;



  cursor: pointer;



  overflow: hidden;}



.ztzl-items:hover {



  text-decoration: none;}



.ztzl-items:hover img {



  transform: scale(1.1);



  transition: 0.4s;}



.ztzl-items img {



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  bottom: 0;



  width: 100%;



  height: 100%;



  transition: 0.4s;}



.ztzl-items .title {

position: relative;

z-index: 9;

font-size: 18px;

color: #FFFFFF;

padding-left: 24px;

}



.ztzl-items .title::after {



  content: "";



  position: absolute;



  width: 4px;



  height: 24px;



  background: #FFFFFF;



  left: 0;



  top: 2px;}







/* 首页底部样式重置 */



.fast-track {



  box-shadow: none;}