@charset "UTF-8";
@font-face {
  font-family: "FZDHTJW";
  src: url(./FZDHTJW.ttf);
}
video {
  display: block;
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html {
  font-style: normal;
  font-size: 16px;
  line-height: 1.8;font-family: ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
}

body {
  font-family: Barlow,Chinese-HarmonyOS,sans-serif;
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;color:#333;
}

ul,
li,
dl,
dt,
dd,
ol,
p,
img {
  list-style: none;
  border: none;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
}

a {
  color: #333;
}

a:hover {
  opacity: 85%;
  text-decoration: none;
}

.header .container {
  position: relative;
}
.header .toppest-header {
  right: 0;
  top: 10px;
  position: absolute;
  font-size: 14px;
}
.header .toppest-header .iconfont {
  color: #003c96;
}
.header .toppest-header a {
  color: #666;
  margin-right: 5px;
}
.header .mid-header .logo-wrapper {
  margin: 35px 0;
}
.header .mid-header .search-wrapper {
  font-size: 14px;
  line-height: 36px;
  background-color: #efefef;
  border-radius: 19px;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: width 0.3s ease;
  width: 240px;
}
.header .mid-header .search-wrapper:focus-within {
  width: 300px;
}
.header .mid-header .search-wrapper .search-input {
  background-color: transparent;
  outline: 0;
  border: 0;
  color: #333;
  flex: 1;
  padding-left: 15px;
}
.header .mid-header .search-wrapper .search-input::placeholder {
  color: #999;
}
.header .mid-header .search-wrapper .search-btn {
  border: 0;
  outline: 0;
  padding: 0 15px;
}
.header .mid-header .search-wrapper .search-btn .iconfont {
  color: #003c96;
}

#topNavbar {
  background-color: #003c96;
  padding: 0;
}
#topNavbar .navbar-brand {
  padding: 15px 0;
}
#topNavbar .navbar-nav .nav-item {
  padding: 14px;
}
#topNavbar .navbar-nav .nav-item:nth-child(n+1) {
  border-left: 1px solid #053b6e;
}
#topNavbar .navbar-nav .nav-item .nav-link {
  padding: 0;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
}
#topNavbar .navbar-nav .nav-item.active {
  background-color: #053b6e;
}

.banner-section img {
  width: 100%;
}

.breadcrumb {
  background-color: transparent;
  padding: 10px 0;
}

.medal-list .entry-wrapper {
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
  display: flex;
  align-items: center;
}
.medal-list .entry-wrapper img {
  margin-right: 15px;
  height: 100%;
  object-fit: cover;
  width: 200px;
}
.medal-list .entry-wrapper .info-entry {
  display: flex;
  margin-bottom: 5px;
}
.medal-list .entry-wrapper .info-entry .title {
  flex-shrink: 0;
  color: #000;
}
.medal-list .entry-wrapper .info-entry .content {
  color: #666;
}

.news-page-list .entry {
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  display: flex;
}
.news-page-list .entry img {
  width: 320px;
  height: 190px;
  margin-right: 10px;
  object-fit: cover;
}
.news-page-list .entry .info {
  overflow: hidden;
}
.news-page-list .entry .info .title {
  color: #000;
  font-size: 24px;
  margin-bottom: 10px;
}
.news-page-list .entry .info .description {
  color: #666666;
  line-height: 36px;
}

.image-page-list .entry {
  box-shadow: 0px 0px 10px 0px rgba(162, 162, 162, 0.33);
}
.image-page-list .entry img {
  width: 100%;
  height: 300px;
  object-fit: contain;
}
.image-page-list .entry .title-wrapper {
  padding: 10px 15px 25px;
}
.image-page-list .entry .title-wrapper .title {
  color: #000;
  font-size: 20px;
}

.page-title {
  font-size: 36px;
  color: #000000;
  margin-bottom: 36px;
}

.column-nav {
  border-bottom: 2px solid #f5f5f5;
}
.column-nav .nav-item {
  margin-bottom: -2px;
}
.column-nav .nav-item .nav-link {
  padding: 20px 15px;
}
.column-nav .nav-item .nav-link.active {
  border-bottom: 2px solid #003c96;
}

.footer-section {
  background-color: #003c96;
}
.footer-section .external-link-list {
  display: flex;
  flex-wrap: wrap;
}
.footer-section .external-link-list .title {
  color: #fff;
}
.footer-section .external-link-list .entry {
  padding: 0 8px;
}
.footer-section .external-link-list .entry a {
  color: #659be4;
}
.footer-section span {
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.footer-section span a {
  color: #fff;
}

.headline-section .container .headline-wrapper {
  position: relative;
  border: 1px solid #e5e5e5;
  padding: 18px 40px;
}
.headline-section .container .headline-wrapper .headline-tag {
  position: absolute;
  top: 0;
  left: 0;
  background: top left/100% 100% url(../img/headline-tag.png);
  width: 68px;
  height: 77px;
}
.headline-section .container .headline-wrapper .title {
  font-family: FZDHTJW;
  text-align: center;
}
.headline-section .container .headline-wrapper .title a {
  font-size: 36px;
  color: #000;
}

.carousel {
  height: 100%;
}
.carousel .carousel-inner {
  height: 100%;
}
.carousel .carousel-inner .carousel-item {
  height: 100%;
}
.carousel .carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-tab.tab-nav {
  align-items: center;
}
.news-tab.tab-nav .nav-item {
  flex: 0 0 auto;
  padding: 10px 6px;
}
.news-tab.tab-nav .nav-item .nav-link {
  font-size: 20px;
  color: #666;
  padding: 8px 22px;
  border: 0;
  border-radius: 23px;
  background-color: #ededed;
  color: #333;
}
.news-tab.tab-nav .nav-item .nav-link.active {
  color: #fff;
  background-color: #003c96;
}
.news-tab.tab-nav .more-tag {
  font-size: 14px;
  color: #666;
}

.news-list-wrapper .entry-wrapper {
  display: flex;
  font-size: 16px;
  line-height: 42px;
  color: #666;
}
.news-list-wrapper .entry-wrapper::before {
  content: "•";
  color: #666;
  margin-right: 6px;
}
.news-list-wrapper .entry-wrapper .title {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.news-list-wrapper .entry-wrapper .title a {
  color: #666;
}
.news-list-wrapper .entry-wrapper .date {
  color: #999;
  flex: 0 0 3rem;
  text-align: right;
}

.column-title {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  font-size: 24px;
  color: #003c96;
}
.column-title > .iconfont {
  font-size: 28px;
  color: #003c96;
  margin-right: 5px;
}

.column-list-wrapper {
  border: 1px solid #003c96;
}
.column-list-wrapper .title {
  background-color: #003c96;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #fff;
  padding: 6px 20px;
}
.column-list-wrapper .title .iconfont {
  font-size: 28px;
  margin-right: 10px;
}
.column-list-wrapper .title .btn-collapse {
  color: #fff;
  transition: all 0.3s ease;
  transform: rotate(90deg);
}
.column-list-wrapper .title .btn-collapse.collapsed {
  transform: rotate(0deg);
}
.column-list-wrapper .list-wrapper {
  padding: 15px 10px;
}
.column-list-wrapper .list-wrapper .entry {
  font-size: 18px;
  padding: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column-list-wrapper .list-wrapper .entry::before {
  content: "•";
}

.news-list-wrapper.column-news-list .entry-wrapper:nth-child(5n+6) {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #aaa;
}

.btn-more-channel .dropdown-menu .dropdown-item {
  max-width: 200px;
}

.detail-content-wrapper {
  background-color: #fcfcfc;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3215686275);
  border-radius: 2px;
}
.detail-content-wrapper > .title {
  font-size: 30px;
  color: #003c96;
  padding: 10px 0;
  text-align: center;
}
.detail-content-wrapper .desc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #c6c6c6;
  padding: 20px 0 10px;
}
.detail-content-wrapper .desc .iconfont {
  font-size: 20px;
  color: #667;
}
.detail-content-wrapper .content-wrapper {
  color: #333;
  padding: 35px 0;
}
.detail-content-wrapper .content-wrapper img {
  max-width: 100%;
}
.detail-content-wrapper .detail-file-list .file-list-title {
  border-bottom: 1px solid #c6c6c6;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.detail-content-wrapper .detail-file-list .file-entry {
  line-height: 2;
  display: flex;
}
.detail-content-wrapper .detail-file-list .file-entry .date {
  flex: 0 0;
  padding-left: 5px;
  text-align: right;
  white-space: nowrap;
  color: #999;
}
.culture-list-wrapper {
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
.culture-list-wrapper > .title {
  text-align: center;
  font-size: 36px;
  color: #053b6e;
  padding-top: 55px;
}
.culture-list-wrapper .culture-list {
  margin: 50px;
  padding: 15px;
  border: 0px solid #eee;
  display: flex;
  flex-wrap: wrap;
}
.culture-list-wrapper .culture-list li {
  padding: 30px 35px;
  width: 25%;
text-align:center;
}
.culture-list-wrapper .culture-list li  .iconfont {
  font-size: 46px;
  color: #003c96;
}
.culture-list-wrapper .culture-list  li .title {
  font-size: 20px;
  color: #000;
}
.culture-list-wrapper .culture-list li .desc {
  color: #888;
}

.whln-wrapper .card{ border:none; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); text-align:center;}
.whln-wrapper .card em{font-size:4rem; color:#003c96; margin:1rem auto 0;}
.whln-wrapper .card h5{ font-size:1.4rem;}
.whln-wrapper .card p{ color:#666; padding:0 2rem;}
.whln-wrapper .lrcard{flex-direction:row;}
.whln-wrapper .lrcard p strong{ color:#003c96;}


@media only screen and (max-width: 1199px) {
  .header .mid-header .logo-wrapper {
    margin: 35px 0 10px;
  }
  .header .mid-header .search-wrapper {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .news-page-list .entry {
    flex-direction: column;
  }
  .news-page-list .entry img {
    width: 100%;
    height: 230px;
    margin-bottom: 14px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 767px) {
  #topNavbar {
    padding: 0 15px;
  }
  #topNavbar .navbar-nav {
    padding-bottom: 20px;
  }
  #topNavbar .navbar-nav .nav-item {
    padding: 8px;
  }
  #topNavbar .navbar-nav .nav-item:nth-child(n+1) {
    border-left: 0;
  }
  #topNavbar .navbar-nav .nav-item .nav-link {
    font-size: 18px;
  }
  .logo-wrapper img {
    width: 100%;
  }
  .open-wrapper .title {
    max-width: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .image-page-list .entry img {
    height: 220px;
  }
  .headline-section .container .headline-wrapper .title a {
    font-size: 24px;
  }
  .medal-list .entry-wrapper {
    flex-direction: column;
  }
  .medal-list .entry-wrapper img {
    margin-right: 0;
  }
  .news-tab.tab-nav .nav-item .nav-link {
    font-size: 22px;
  }
  .open-wrapper .open-list-wrapper .entry {
    flex: 1 1 100%;
    font-size: 18px;
  }
  .open-wrapper .open-list-wrapper .entry a .iconfont {
    font-size: 35px;
    margin-right: 8px;
  }
.whln-wrapper .card p{ color:#666; padding:0 1rem;}
  
}

.gallery-list {
  position: relative;
  overflow: hidden;
}

.term{color:#cc0000;font-style:normal;}

/*2025-11添加新的导航*/

.w-4{ width:1.4rem;}

/* 轮播区域（从顶部开始，被header悬浮覆盖） */
.banner-slider {width: 100%;height: 90vh; position: relative;overflow: hidden;}
.slider-wrapper {width: 100%;height: 100%;position: relative;}
.slider-items {width: 300%;height: 100%;display: flex;transition: transform 0.5s ease-in-out;}
.slider-item {width: 100%;height: 100%;position: relative;}
.slider-item img {width: 100%;height: 100%;object-fit: cover;}
/* 轮播文字（下移避免被header遮挡） */
.slider-text {width: 100%;position: absolute;left: 50%;top: 55%; /* 从50%改为55%，避开header高度 */transform: translate(-50%, -50%);color: #fff;text-align: center;z-index: 2;text-shadow: 0 2px 15px rgba(0,0,0,0.4);max-width: 1100px;}
.slider-text h2 {font-size:2.5rem;margin-bottom: 20px;font-weight: 700;line-height: 1.2;}
.slider-text p {font-size:1.2rem;line-height: 1.6;margin-bottom: 30px;}
.slider-text .btn {display: inline-block;padding: 12px 30px;background-color: #0066cc;color: #fff;text-decoration: none;border-radius: 4px;font-size: 16px;transition: background-color 0.3s;}
.slider-text .btn:hover {background-color: #0052a3;}
/* 轮播控制按钮 */
.slider-btn {position: absolute;top: 50%;transform: translateY(-50%);width: 50px;height: 90px;background: rgba(0,0,0,0.2);border: none;color: #fff;font-size: 28px;cursor: pointer;z-index: 3;transition: background 0.3s;display: flex;align-items: center;justify-content: center;}
.slider-btn:hover {background: rgba(0,0,0,0.4);}
.slider-btn.prev {left: 30px;}
.slider-btn.next {right: 30px;}
/* 轮播指示器 */
.slider-indicators {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);display: flex;gap: 15px;z-index: 3;}
.indicator {width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;transition: all 0.3s;}
.indicator.active {background: #fff;width: 40px;border-radius: 7px;}
/* 导航栏样式 */
.header{ justify-content: space-between;  align-items: center;  gap: 2%;position: fixed;z-index: 999;width: 100%;left: 0;top:0;height: 100px; padding-top:2rem;transition: all .4s;}
.header:hover{transform: translateZ(0);}
.logo img{display: block;transition: all .4s;}
.header-con{flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 5px;}
.nav-box{position: relative; margin-left:3rem;}
.nav li{float: left;position: relative;}
.nav-yi{display: inline-block;line-height: 40px;padding: 0 1.5rem;transition: all .4s;position: relative;z-index: 3;}
.nav-yi span{position: relative;z-index: 1;display: inline-block;color: #fff;}
.nav-yi span:after{position: absolute;z-index: -1;bottom:0;left: 50%;transform: translateX(-50%); height: 2px;background: #fed806;width:0;content: "";transition: all .4s;}
.nav li.active .nav-yi span:after{width: 100%;}
.nav li.active .nav-yi span{color: #fed806;}
.nav-er{position: absolute;width: 130px;left: 50%;margin-left: -65px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;}
.nav-er a{display: block;background: #fff;text-align: center; padding:.5rem 0;text-transform: uppercase;font-size:.85rem;color: #777;}
.nav-functions search-btn i{color:#fff;}
.nav-functions{ display:flex;align-items: center;}
.nav-functions i{ margin:0 .2rem; color:#fff;}
.nav-functions ,.nav-functions a{ color:#fff;}
.header-area{position: absolute;right: 45px;height: 22px;margin-top: -11px;top:50%;z-index: 9;padding-left: 30px;}
.header-share .hide-code{top:40px;margin-left: -80px;}
.search-container .search-btn{ border:none; background:none;}
.search-box .btn-primary i{color:#003c96;}
.is-scroll .header{ background:#fff; color:#333;box-shadow: 0 4px 26px 1px rgba(0, 0, 0, 0.11);}
.is-scroll .header .nav-functions ,.is-scroll .header .nav-functions a ,.is-scroll .header .nav-yi span ,.is-scroll .nav-functions i { color:#333;}
.is-scroll .header .logo,.is-scroll .header .lang{opacity: 1; filter: brightness(0); }
.search-btn:focus,.search-btn:focus-visible { outline: none !important; box-shadow: none !important;}
.el-input {
  position:relative;
  font-size:14px;
  display:inline-block;
  width:90%
}

.el-input-inner {
  -webkit-appearance:none;
  background-color:#fff;
  background-image:none;
  border-radius:4px;
  border:1px solid #dcdfe6;
  box-sizing:border-box;
  color:#606266;
  display:inline-block;
  font-size:inherit;
  height:40px;
  line-height:40px;
  outline:none;
  padding:0 15px;
  transition:border-color .2s cubic-bezier(.645,.045,.355,1);
  width:100%
}
.el-input-mini .el-input-inner {
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}
.el-input-prefix {
	position: absolute;
	right: 15px;
	top: 10px;
	color: #c0c4cc;
}
.el-input-prefix i{ color: #c0c4cc;}
.search{ display:none;}

.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:12px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #333; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
    /* 搜索框容器样式 */
    .search-container {
      position: relative;
      display: inline-block;
    }
   .search-container .form-control{
  height: calc(1.5em + .75rem + 2px);
  padding: 0rem .75rem;
  font-size: .85rem;
  line-height: 1.2;}
   .search-container .search-box .btn{padding: 0rem .75rem;}
    /* 搜索框样式 */
    .search-box {
      position: absolute;
      top:-6px;
      right: 0;
      width: 160px;
      z-index: 1000;
      /* 默认隐藏 */
      opacity: 0;
      visibility: hidden;
      transform: translateY(-10px);
      /* 过渡动画 */
      transition: all 0.3s ease;
    }
    
    /* 搜索框显示状态 */
    .search-box.show {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);background:#f7f7f7;
    }
	.search-box.show .form-control{background:#f7f7f7;}
	.search-box.show .input-group i { color:#003c96;}
    /* 搜索框输入框样式 */
    .search-input {
     border:none;
      transition: border-color 0.3s ease;
    }
    
    .search-input:focus {
      border-color: #80bdff;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      outline: none;
    }
     .search-box button{ background:#f7f7f7; border:none;}
	.search-box  .nav-functions i {
  margin: 0 .2rem;
  color:#003c96;
}
    /* 响应式调整 */
    @media (max-width: 576px) {
      .search-container{
        width: 100%;
      }
	 
	  
	  }
.banner-layout .slider-wrapper{
            width: 100%;
            height:600px;
            position: relative;
        }
.banner-layout .slider-items {
  width: 100%;}