@charset "utf-8";
.news {
  width: 75vw;
  margin: 2.29vw auto;
}
.news .header-news {
  position: relative;
  height: 5.21vw;
}
.news .header-news .news-title {
  width: 3.91vw;
  height: 3.91vw;
  position: absolute;
  left: 0;
  top: 0.6vw;
  z-index: 1;
}
.news .header-news .header-title-box {
  background-image: url(../images/latest-news-linebg.png);
  background-size: 100% 100%;
  width: 74.17vw;
  height: 5.21vw;
  background-color: #f7f7f7;
  border-radius: 0.1vw;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  padding: 1.35vw 0 1.72vw 7vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.news .header-news .header-title-box .news-flower {
  width: 2.08vw;
  height: 2.08vw;
}
.header-title-box .header-title-list {
  border-left: 1px solid #e9e9e9;
  margin-left: 1.28vw;
  margin-right: 1.77vw;
  padding-left: 1.66vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  flex: 1;
}
.header-title-box .header-title-list span {
  font-size: 0.73vw;
  color: #727272;
}

.header-title-box .header-title-list a {
  display: block;
  margin-top: 0.2vw;
  font-size: 0.83vw;
  color: #151515;
}
.header-title-box .header-title-list a:hover {
  color: #00358d;
}
/* 新闻详情 */
.news-content {
  margin-top: 2.19vw;
  height: 29.22vw;
  width: 75vw;
  display: flex;
  justify-content: space-between;
}
.left-news {
  width: 37.66vw;
}
.right-news {
  width: 35.68vw;
}
.gallery-top {
  width: 100%;
  height: 23.23vw;
}
.gallery-thumbs {
  height: 5.42vw;
  width: 100%;
  margin-top: 0.57vw;
  box-sizing: border-box;
  padding: 1.09vw 1.98vw 1.04vw;
  background-color: #f7f7f7;
  border-radius: 4px;
}
.gallery-thumbs .swiper-slide {
  width: 4.58vw !important;
}
.gallery-thumbs .swiper-slide.active {
  width: 6.35vw !important;
}
.gallery-thumbs .swiper-slide .news-thumbs-img:hover{
  border: 1px solid #00358d;
}
.gallery-thumbs .swiper-slide .news-thumbs-img {
  background-position: center;
  background-size: 100%;
  width: 3.79vw;
  height: 2.35vw;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  padding: 0.1vw;
  margin-top: 0.4vw;
  cursor: pointer;
  transition: all 0.36s;
}
.gallery-thumbs .swiper-slide .news-thumbs-img .news-thumbs-img-bg{
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.gallery-thumbs .swiper-slide .news-thumbs-img img {
  width: 100%;
  height: 100%;
}
.gallery-thumbs .swiper-slide.active .news-thumbs-img {
  width: 5vw;
  height: 3.02vw;
  padding: 2px;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.32);
  border-radius: 4px;
  border: solid 1px #255199;
  margin-top: 0;
}
.gallery-thumbs .swiper-slide.active .news-thumbs-img img {
}
.gallery-top .swiper-slide {
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 2px;
  box-sizing: border-box;
}
.gallery-top .swiper-slide .gallery-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* border: 1px solid #eaeaea; */
}
.gallery-top .swiper-slide .gallery-img .gallery-img-bg{
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.gallery-top .swiper-slide .gallery-bottom {
  width: calc(100% - 4px);
  height: 4.8vw;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  color: #ffffff;
  display: flex;
}
.gallery-top .swiper-slide .gallery-bottom-left {
  flex: 1;
  padding: 1.2vw 2.2vw 1vw;
  box-sizing: border-box;
}
.gallery-top .swiper-slide .gallery-bottom-left p {
  font-weight: 600;
  font-size: 0.94vw;
  line-height: 1.17vw;

  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gallery-top .swiper-slide .gallery-bottom-left .time {
  font-size: 0.83vw;
  color: #e3e6e9;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.17vw;
  margin-top: 0.6vw;
}
.gallery-top .swiper-slide .gallery-bottom-right {
  width: 9vw;
  line-height: 4.8vw;
  text-align: center;
  flex: none;
  position: relative;
}
.gallery-top .swiper-slide .gallery-bottom-right::after {
  content: "";
  width: 0.05vw;
  height: 1.77vw;
  background-color: #838488;
  position: absolute;
  left: 0;
  top: 1.6vw;
}
.gallery-top .swiper-slide .gallery-bottom-right span {
  font-size: 2.08vw;
  font-family: CTHuPoSF;
}
.gallery-top .swiper-slide .gallery-img img {
  margin-bottom: 5px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* news-right */
.news-r {
  width: 100%;
  height: 2.66vw;
  background-color: #f7f7f7;
  border: solid 1px rgba(69, 71, 72, 0.14);
  line-height: 2.66vw;
  padding: 0 37px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.news-r a {
  padding-left: 1.46vw;
  font-family: MicrosoftYaHei;
  font-size: 0.73vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.08vw;
  letter-spacing: 0vw;
  color: #242424;
  transition: all 0.36s;
}
.news-r a:hover {
  padding-right: 15px;
  color: #00358d;
}
.news-r a::before {
  content: "";
  width: 1px;
  height: 11px;
  background-color: #eaeaea;
  position: absolute;
  right: 6vw;
  top: 1vw;
}
.news-r::after {
  content: "";
  width: 181px;
  height: 3px;
  background-color: #00358d;
  position: absolute;
  bottom: 0;
  left: 0;
}
.news-r span {
  font-weight: 600;
  font-size: 20px;
  color: #242424;
  margin-left: 10px;
}
.news-ul {
  margin-top: 1.1vw;
}
.news-ul .news-list {
  height: 4vw;
  display: flex;
  background: #f7f7f7;
  margin-bottom: 0.2vw;
  transition: all 0.36s;
  overflow: hidden;
}
.news-ul .news-list:hover .news-desc .news-list-text {
  color: #00358d;
}
.news-desc .news-list-text.line-text--one{
  font-size: 0.84vw;
}
.news-ul .news-list.active {
  margin-bottom: 0.7vw;
}
.news-ul .news-list.active .news-data {
  background-color: #00358d;
}
.news-data {
  width: 3.91vw;
  height: 3.91vw;
  box-sizing: border-box;
  background-color: #979797;
  border-radius: 0.1vw;
  position: relative;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: none;
  transition: all 0.36s;
}
.news-data .day {
  font-size: 0.94vw;
}
.news-data .year {
  font-size: 0.73vw;
  margin-top: 0.2vw;
}
.news-data::after {
  content: "";
  width: 3.33vw;
  height: 3.33vw;
  border-radius: 0.1vw;
  border: solid 0.05vw #ffffff;
  position: absolute;
  opacity: 0.2;
  left: 0.2vw;
  top: 0.2vw;
}
.news-desc {
  width: 30vw;
  margin-left: 1.04vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.news-list.active .news-desc .news-list-text {
  height: auto;
}
.news-desc .news-list-title {
  height: auto;
  overflow: hidden;
  font-size: 0.83vw;
  font-weight: 600;
  font-stretch: normal;
  line-height: 1.8vw;
  letter-spacing: 0vw;
  color: #2b2b2b;
}

.news-desc .news-list-text {
  height: 0;
  font-family: MicrosoftYaHei;
  font-size: 0.73vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.04vw;
  /* height: 2.08vw; */
  letter-spacing: 0vw;
  color: #2b2b2b;
}

/* 首页主题 */
.home-them {
  width: 75vw;
  margin: 1.67vw auto;
}
.home-them .home-them-bg {
	width: 75vw;
	height: 7vw;
  background-position: center center;
  background-size: cover;
}
/* 内容列表 */
.them-content {
  width: 75vw;
  margin: 1.98vw auto;
}
.content-ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.content-list {
  width: 36.41vw;
  margin-bottom: 70px;
  position: relative;
}

.entry-title {
  height: 2.66vw;
  background-color: #f7f7f7;
  border: solid 0.05vw rgba(69, 71, 72, 0.14);
  padding: 0 26px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.entry-title::after{
  content: "";
  width: 181px;
	height: 0.2vw;
	background-color: #00358d;
  position: absolute;
  bottom: 0;
  left: 0;
}

.entry-title .title {
  line-height: 2.66vw;
}
.entry-title .title span {
  font-size: 18px;
  font-weight: 600;
  color: #292929;
}

.entry-title a  {
  padding-left: 1.46vw;
  font-family: MicrosoftYaHei;
  font-size: 0.73vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.6vw;
  letter-spacing: 0vw;
  color: #242424;
  transition: all 0.36s;
}
.entry-title a:hover {
  padding-right: 15px;
  color: #00358d;
}


.entry-title a::after {
  content: "";
  width: 1px;
  height: 11px;
  background-color: #eaeaea;
  position: absolute;
  right: 6vw;
  top: 1vw;
}
.entry-header {
  height: 108px;
  margin-top: 26px;
  padding-bottom: 24px;
  display: flex;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
}
.entry-header-img {
  width: 165px;
  height: 108px;
  /* width: 100%;
  height: 100%; */
  background-position: center center;
  background-size: cover;
  flex: none;
  border-radius: 2px;
  overflow: hidden;

}
.entry-header:hover .entry-right h4 {
  color: #00358d;
}
.entry-header:hover .entry-right {
  padding: 17px 37px 17px 17px;
}

.entry-header:hover .entry-header-img .entry-header-img-bg {
  transform: scale(1.1);
}

.entry-header .entry-header-img .entry-header-img-bg {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  transition: all 0.36s;
  object-fit: cover;
}
.entry-right {
  flex: 1;
  height: 108px;
  background-color: #f7f7f7;
  padding: 17px 27px;
  box-sizing: border-box;
  transition: all 0.5s;
}
.entry-right h4 {
  font-size: 0.83vw;
  color: #2b2b2b;
}
.entry-right p {
  margin-top: 0.8vw;
  font-size: 0.73vw;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.04vw;
  letter-spacing: 0vw;
  color: #2b2b2b;
}
.entry-list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}

.entry-list a {
  line-height: 34px;
  font-size: 0.83vw;
  color: #242424;
  text-indent: 15px;
  position: relative;
}
.entry-list a:hover {
  color: #00358d;
}
.entry-list a::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #3e3e3e;
  border-radius: 1px;
  opacity: 0.28;
  position: absolute;
  left: 0;
  top: 12px;
}

/* 无任何数据页面 */
.learn-dynamic-content .coming-soon-img {
  margin: 4vw 0 2vw;
  text-align: center;
}

/* 动画延迟 */
.delay-1 {
  animation-delay: 0.2s;
}
.delay-2 {
  animation-delay: 0.4s;
}
.delay-3 {
  animation-delay: 0.6s;
}
.delay-4 {
  animation-delay: 0.8s;
}
.delay-5 {
  animation-delay: 1s;
}