@charset "UTF-8";
html,
body {
  /* min-height: 100vh; */
}

.text-color-999 {
  color: #999;
}

.center-content {
  max-width: 1200px;
  padding-top: 72px;
  margin: 0 auto;
  padding-bottom: 36px;

}
.center-content > .title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200px;
  text-align: center;
  color: #231815;
  font-size: 36px;
  margin: 0 auto;
}
.center-content > .title .bar {
  width: 48px;
  height: 6px;
  margin-top: 33px;
  background-color: #E60012;
}
.center-content .breadcrumb-nav {
  margin-top: 87px;
}
.center-content .content-wrap {
  background-color: #fff;
  min-height: 460px;
  padding-bottom: 60px;
}
.center-content .content-wrap .nav.tablist {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #efefef;
  margin: 0 60px;
}
.center-content .content-wrap .nav.tablist li {
  background-color: #fff;
}
.center-content .content-wrap .nav.tablist li a {
  color: #666;
  border-radius: 100px;
  padding: 8px 24px;
}
.center-content .content-wrap .nav.tablist li a.active {
  color: #fff;
  background-color: #E60012;
}
.center-content .content-wrap .tab-pane-container {
  margin: 0 60px;
}
.center-content .tabs .item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.center-content .banner-section {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.center-content .page-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 60px;
}
.center-content .news-card {
  width: 336px;
  height: 434px;
  position: relative;
  background-color: #F8F8F8;
  transition: all 0.2s ease-in-out;
  margin-bottom: 36px;
  cursor: pointer;
  overflow: hidden;
}
.center-content .news-card img {
  transition: all 0.7s ease-in-out;
}
.center-content .news-card::after {
  display: block;
  content: " ";
  height: 4px;
  width: 0px;
  transition: all 0.6s ease-out;
  background-color: transparent;
  margin: 0 auto;
}
.center-content .news-card .text-region {
  padding: 20px 24px;
}
.center-content .news-card .news-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.center-content .news-card .subtitle,
.center-content .news-card .date {
  margin-top: 12px;
  color: #666666;
}
.center-content .news-card .date {
  font-size: 12px;
}
.center-content .news-card:hover {
  box-shadow: 0px -2px 10px 4px rgba(56, 56, 56, 0.2);
  transform: translateX(0);
}
.center-content .news-card:hover img {
  transform: scale(1.1);
}
.center-content .news-card:hover .news-title {
  color: #E60012;
}
.center-content .news-card:hover::after {
  width: 100%;
  background-color: #E60012;
}

.tab-content .tab-pane {
  display: none;
}

.tab-content .active {
  display: block;
}

.hover-effect, .detail-container .content .content-footer {
  cursor: pointer;
  transition: filter 0.2s ease;
}

.hover-effect:hover, .detail-container .content .content-footer:hover {
  filter: brightness(0.8);
}

.color-board {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0.8;
}

.breadcrumb span,
.breadcrumb a {
  color: #333;
}

.pagination-nav {
  margin-top: 40px;
  float: right;
}

ul.pagination {
  justify-content: center;
}

.page-item.active a {
  color: #fff !important;
}
.page-item.active .page-link {
  background-color: #E60012 !important;
}

.page-link {
  border: none !important;
  color: #333 !important;
}

a {
  text-decoration: none !important;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.list-container {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 88px;
}
.list-container .content {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.list-container .left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 230px;
  background-color: #F6F6F6;
}
.list-container .left .active {
  background-color: #035199;
  color: #fff;
}
.list-container .left > div {
  width: 230px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: background 0.2s ease;
  background-color: #F6F6F6;
}
.list-container .left > div:hover {
  background-color: #035199;
  color: #fff;
}
.list-container .right {
  margin-left: 20px;
  flex-grow: 1;
}
.list-container .right > a {
  display: block;
  background-image: url("../img/arrow.svg");
  background-position: 97% 45%;
  background-repeat: no-repeat;
  padding: 10px 20px;
  border-bottom: 1px solid #F0F0F0;
  transition: all 0.2s;
  color: #333;
}
.list-container .right > a .date {
  color: #999999;
  margin-top: 5px;
}
.list-container .right > a:hover {
  cursor: pointer;
  background-color: #F6F6F6;
  background-image: url("../img/arrow-active.svg");
}
.list-container .right > a:hover .title {
  color: #035199;
}

.detail-container {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 88px;
}
.detail-container .content {
  border-top: 1px solid #E6E6E6;
  padding-top: 40px;
}
.detail-container .content .title {
  text-align: center;
  font-size: 36px;
}
.detail-container .content .subtitle {
  text-align: center;
  margin-top: 10px;
  color: #999;
  font-size: 14px;
}
.detail-container .content .text {
  margin-top: 48px;
}
.detail-container .content .content-footer {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}
.detail-container .content .content-footer .left {
  color: #666;
}
.detail-container .content .content-footer a.right {
  color: #035199;
  text-decoration: underline !important;
}

.consult {
  padding: 20px;
  border: 1px solid #DBDBDB;
  background: #F6F6F6;
}
.consult .title {
  color: #333;
  font-size: 24px;
}
.consult .subtitle {
  color: #999;
  font-size: 16px;
  margin-top: 2px;
}
.consult .form {
  margin-top: 26px;
}

.notification-wrap .notice {
  height: 24px;
  border-radius: 8px;
  overflow: hidden;
}
.notification-wrap .notice__inner {
  animation: roll 42s linear infinite;
  margin-top: 0;
}
.notification-wrap .notice__inner a {
  color: #333;
  display: block;
}
.notification-wrap .notice__item {
  font-size: 14px;
  width: 270px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes roll {
  0% {
    margin-top: 0;
  }
  4% {
    margin-top: 0;
  }
  8% {
    margin-top: 0;
  }
  12% {
    margin-top: -24px;
  }
  16% {
    margin-top: -24px;
  }
  20% {
    margin-top: -48px;
  }
  24% {
    margin-top: -48px;
  }
  28% {
    margin-top: -72px;
  }
  32% {
    margin-top: -72px;
  }
  36% {
    margin-top: -96px;
  }
  40% {
    margin-top: -96px;
  }
  44% {
    margin-top: -120px;
  }
  48% {
    margin-top: -120px;
  }
  52% {
    margin-top: -144px;
  }
  56% {
    margin-top: -144px;
  }
  60% {
    margin-top: -120px;
  }
  64% {
    margin-top: -120px;
  }
  68% {
    margin-top: -96px;
  }
  72% {
    margin-top: -96px;
  }
  76% {
    margin-top: -72px;
  }
  80% {
    margin-top: -72px;
  }
  84% {
    margin-top: -48px;
  }
  88% {
    margin-top: -48px;
  }
  92% {
    margin-top: -24px;
  }
  96% {
    margin-top: -24px;
  }
  100% {
    margin-top: 0;
  }
}

.news-bar {
  margin-top: 12px;
  padding: 20px 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F6F6F6;
  transition: all 0.2s;
  color: #333;
}
.news-bar:hover {
  cursor: pointer;
  background-color: #E60012;
  color: #fff;
}

.kypt-main {
  background-image: url("../img/kypt-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgb(245, 245, 245);
  min-width: 1200px;
}
.kypt-main .kypt-wrap {
  display: flex;
  margin-top: 60px;
}
.kypt-main .kypt-wrap .right {
  margin-left: 64px;
}
.kypt-main .kypt-wrap .right .kypt-title {
  font-size: 20px;
  color: #231815;
  font-weight: 700;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 20px;
  position: relative;
}
.kypt-main .kypt-wrap .right .kypt-title .short-line{
  background-color: #E60012;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 72px;
  height: 2px;
}
.kypt-main .kypt-wrap .right .kypt-dec {
  margin-top: 36px;
  color: #999;
  font-size: 16px;
  line-height: 32px;
  width: 584px;
}
.kypt-main .kypt-wrap .right .icons {
  padding-top: 20px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.kypt-main .tab-pane-container .panel-img,
.kypt-main .tab-pane-container .panel-content {
  display: none;
}
.kypt-main .tab-pane-container .panel-img.active,
.kypt-main .tab-pane-container .panel-content.active {
  display: block;
}
.kypt-main .image-container {
  position: relative;
  width: 72px;
  height: 78px;
  margin-bottom: 15px;
  margin-left: 40px;
  margin-right: 40px;
}
.kypt-main .image-container .image1 {
  position: absolute;
  left: 0;
  top: 0;
}
.kypt-main .image-container .image2 {
  position: absolute;
  left: 0;
  top: 0;
}
.kypt-main .image-container:hover .image1 {
  opacity: 0;
  /* 鼠标悬停时显示第一个图像 */
}
.kypt-main .image-container:not(:hover) .image1 {
  opacity: 1;
  /* 鼠标移出容器时隐藏第一个图像 */
}
.kypt-main .image-container:hover .image2 {
  opacity: 1;
  /* 鼠标悬停时显示第二个图像 */
}
.kypt-main .image-container:not(:hover) .image2 {
  opacity: 0;
  /* 鼠标移出容器时隐藏第二个图像 */
}

.qywh-main {
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgb(245, 245, 245);
  background-image: url("../img/qywh-bg.png");
  min-width: 1200px;
}
.qywh-main .img-qywh-title {
  display: block;
  margin: 72px auto 0 auto;
}

.rcln-main {
  background-image: url("../img/rcln/bg.png");
  min-height: 810px;
}
.rcln-main .gallery {
  padding-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.rcln-main .gallery img {
  margin-bottom: 30px;
}
.rcln-main .rcln-gallery ul {
  display: flex;
  flex-wrap: wrap;
}
.rcln-main .rcln-gallery li,
.rcln-main .rcln-gallery a {
  display: block;
  height: 40vh;
  flex-grow: 1;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  margin-right: 10px;
  margin-bottom: 10px;
}
.rcln-main .rcln-gallery li:hover,
.rcln-main .rcln-gallery a:hover {
  opacity: 0.8;
}
.rcln-main .rcln-gallery li:last-child {
  flex-grow: 10;
}
.rcln-main .rcln-gallery img {
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
@media (max-aspect-ratio: 1/1) {
  .rcln-main .rcln-gallery li {
    height: 30vh;
  }
}
@media (max-height: 480px) {
  .rcln-main .rcln-gallery li {
    height: 80vh;
  }
}
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
  .rcln-main .rcln-gallery ul {
    flex-direction: row;
  }
  .rcln-main .rcln-gallery li {
    height: auto;
    width: 100%;
  }
  .rcln-main .rcln-gallery img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;
  }
}

.dqgz-main {
  background-image: url("../img/dqgz-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 1200px;
}
.dqgz-main .center-content > .title {
  color: #fff;
}
.dqgz-main .center-content > .title .bar {
  background-color: #fff;
}
.dqgz-main .dfjs-carousel {
  position: relative;
  height: 270px !important;
}
.dqgz-main .dfjs-carousel .carousel-inner {
  height: 100%;
  z-index: 0;
}
.dqgz-main .dfjs-carousel .banner-img {
  width: 480px;
  height: 270px;
}
.dqgz-main .dfjs-carousel .carousel-caption {
  right: 0;
  top: 0;
  left: unset;
  text-align: left;
  width: 550px;
  height: 270px;
  padding: 0;
}
.dqgz-main .dfjs-carousel .carousel-caption .carousel-caption-content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.dqgz-main .dfjs-carousel .carousel-indicators {
  margin: 0;
  right: unset;
  left: 526px;
}
.dqgz-main .dfjs-carousel .carousel-indicators button {
  background-color: #E4E4E4;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: none;
}
.dqgz-main .dfjs-carousel .carousel-indicators button.active {
  background-color: #E60012;
}
.dqgz-main .news-card2-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dqgz-main .news-card2-wrap .news-card2 {
  width: 520px;
  height: 200px;
  background: #F6F6F6;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  margin-bottom: 40px;
}
.dqgz-main .news-card2-wrap .news-card2:hover {
  cursor: pointer;
  box-shadow: 0px -2px 10px 4px rgba(56, 56, 56, 0.2);
}
.dqgz-main .news-card2-wrap .news-card2:hover .title, .dqgz-main .news-card2-wrap .news-card2:hover .date {
  color: #E60012 !important;
}
.dqgz-main .news-card2-wrap .news-card2 .date {
  transition: all 0.2s;
  color: #666666;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-shrink: 0;
  width: 150px;
  font-weight: 100;
}
.dqgz-main .news-card2-wrap .news-card2 .date .day {
  font-size: 72px;
  line-height: 72px;
}
.dqgz-main .news-card2-wrap .news-card2 .date .year-month {
  font-size: 20px;
}
.dqgz-main .news-card2-wrap .news-card2 .right {
  width: 370px;
  padding: 40px 40px 0 0;
}
.dqgz-main .news-card2-wrap .news-card2 .right .title {
  transition: all 0.2s;
  color: #666666;
  font-size: 14px;
  font-weight: bold;
}
.dqgz-main .news-card2-wrap .news-card2 .right .content {
  margin-top: 27px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  font-size: 12px;
  -webkit-box-orient: vertical;
}
.dqgz-main .breadcrumb-item::before {
  color: #fff !important;
}
.dqgz-main .breadcrumb-item a {
  color: #fff;
}

.lxwm-main {
  background-image: url("../img/lxwm/bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #f6f6f6;
  min-height: 800px;
}
.lxwm-main .content-wrap {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.lxwm-main .content-wrap .left {
  position: relative;
}
.lxwm-main .content-wrap .left .icons {
  align-content: space-between;
  min-height: 260px;
  max-width: 600px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 70px;
  margin-bottom: 70px;
}
.lxwm-main .content-wrap .left .item {
  width: 250px;
  margin-right: 30px;
  display: flex;
  justify-content: center;
}
.lxwm-main .content-wrap .left .item .title {
  width: 180px;
  font-size: 18px;
  font-weight: bold;
}
.lxwm-main .content-wrap .left .item .content {
  margin-top: 8px;
  color: #666;
  font-size: 16px;
}
.lxwm-main .content-wrap .left .item img {
  margin-right: 24px;
}
.lxwm-main .content-wrap .right {
  margin-top: -22px;
}/*# sourceMappingURL=resource.css.map */