* {
  padding: 0;
  margin: 0;
}

html,
body {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Noto Sans SC", sans-serif;
  font-weight: 400;
}
a {
  display: block;
}
/* input {
  -webkit-appearance: none;
} */

button {
  background-color: transparent;
  border: 0;
  outline: none;
}

selector {
  cursor: pointer;
}

img {
  pointer-events: none;
}

.header.index {
  background-color: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  width: 100%;
}
.header.public {
  background-color: #f4f4f4;
  white-space: nowrap;
  width: 100%;
}
.myheader {
  margin: auto;
  padding: 20px 0;
}
.header.index {
  position: absolute;
  z-index: 2;
}
.header.index a {
  color: #ffffff;
}
.header.index .navbar-nav .nav-link.active,
.header.index .navbar-nav .nav-link.show {
  color: #ffac30;
  background: transparent;
}
.header.index a:hover {
  color: #ffac30;
  text-decoration: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}

.header.public .navbar-nav .nav-link.active,
.header.public .navbar-nav .nav-link.show {
  color: #ffac30;
  background: transparent;
}
.header.public a:hover {
  color: #ffac30;
  text-decoration: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}

.navbar-toggler {
  border: 0;
}

.custom-nav {
  /* padding-top: 20px; */
}

.navbar {
  padding: 0;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}

.custom-navbar {
  margin-left: 80px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}

.navbar-brand {
  padding-top: 0;
}
.logo {
  width: 224px;
  /* height: 52px; */
  margin-right: 100px;
}
.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 17px;
}
.nav-item {
  padding: 0 7px;
}
.header.index .custom-nav-button {
  border: 1px solid #ffffff;
}
.header.public .custom-nav-button {
  border: 1px solid rgba(0, 0, 0, 0.65);
}
.header.index .navbar-toggler:focus {
  box-shadow: 0 0 2px #ffffff;
}
.header.public .navbar-toggler:focus {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.65);
}
.header.index .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* .custom-nav-button{
  position: absolute;
} */
@media screen and (max-width: 1400px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
  }
  .logo {
    width: 180px;
    margin-right: 80px;
  }
}

@media screen and (max-width: 1200px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px;
  }
  .logo {
    width: 150px;
    margin-right: 60px;
  }
}

@media screen and (max-width: 992px) {
  .logo {
    width: 150px;
    margin-left: 50px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .logo {
    width: 150px;
    margin-left: 20px;
  }
  .myheader {
    padding: 10px 0;
  }
}

/*兼容手机*/
@media screen and (max-width: 480px) {
}
/* footer */
.footer {
  background-color: #363636;
  color: rgb(247, 247, 245);
}

.footer_row {
  padding: 30px 0 0;
}
.footer-bottom {
  padding-bottom: 20px;
  text-align: center;
  font-size: 14px;
  color: rgba(247, 247, 245, 0.6);
  padding-top: 10px;
  line-height: 1.8;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
.footer-bottom-li {
  margin-right: 15px;
  display: inline-block;
  color: rgba(247, 247, 245, 0.6);
}
.footer-bottom-li:hover {
  color: rgba(247, 247, 245, 0.6);
}
.footer_logo {
  width: 126px;
  margin-right: 100px;
  min-width: 126px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}

.footer_logo img {
  width: 100%;
}

.footer_info {
  width: 100vw;
  padding-bottom: 20px;
}

.footer-item-title {
  color: #ffd164;
  display: block;
  font-size: 14px;
  line-height: 2rem;
}

.footer-item-li2 {
  font-size: 15px;
  display: block;
  color: #ffffff;
  line-height: 1.8;
}
.footer-item-li3 {
  color: #ffd164;
  display: block;
  font-size: 15px;
  line-height: 2rem;
}
.footer-item-li {
  font-size: 12px;
  display: block;
  color: rgba(247, 247, 245, 0.6);
  line-height: 1.8;
}
.footer-item-tel {
  font-size: 28px;
  text-decoration: none;
  color: #ffffff;
  white-space: nowrap;
}
.footer-item-li:hover {
  color: rgba(247, 247, 245, 0.6);
}

@media screen and (max-width: 1400px) {
  .footer_logo {
    margin-right: 60px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }
  .footer-item-tel {
    font-size: 26px;
  }
}

@media screen and (max-width: 1200px) {
  .footer_logo {
    margin-right: 40px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }
  .footer-item-tel {
    font-size: 24px;
  }
  .footer-item-li2 {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .footer_row {
    padding: 20px 10px 0;
  }

  .footer_logo {
    display: none;
  }

  .footer-item-title {
    font-size: 16px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }

  .footer-item-li {
    font-size: 14px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }

  .footer_concat {
    padding-left: 0px;
    border-left: 0;
    padding-top: 20px;
    border-top: 1px solid #818181;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }
  .footer-bottom {
    padding-bottom: 20px;
    text-align: center;
    font-size: 12px;
    color: rgba(247, 247, 245, 0.6);
    padding-top: 30px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }
  .footer-item-tel {
    font-size: 18px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .footer-item-title {
    font-size: 13px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }

  .footer-item-li {
    font-size: 12px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* Firefox 4 */
    -webkit-transition: all 0.3s;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s;
    /* Opera */
  }
  .footer-item-tel {
    font-size: 15px;
  }
  .footer-item-li2 {
    font-size: 12px;
    white-space: break-all;
  }
  .footer-item-li3 {
    font-size: 13px;
  }
}

/*兼容手机*/
@media screen and (max-width: 480px) {
  .footer_row {
    padding: 20px 5px 0;
  }
}
.carousel {
  margin: 0;
  overflow: hidden;
  margin: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 4rem;
  height: 4rem;
}
.carousel-control-next,
.carousel-control-prev {
  width: 8%;
}
.carousel-indicators .active {
  background-color: #ffac30;
  width: 40px;
}
.flex2 {
  display: flex !important;
  justify-content: flex-end;
}
.tab .nav-tabs {
  border-bottom: 0;
  margin-left: 7%;
}
.tab .nav-tabs li {
  display: block;
  width: 25%;
  max-width: 220px;
  font-size: 14px;
  color: #767676;
  text-align: center;
  padding: 10px 0;
  border-radius: 0;
  margin: 0;
  transition: all 0.3s ease 0s;
  border-bottom: 5px solid #cccccc;
  position: relative;
  font-size: 22px;
  font-weight: 600;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.tab .nav-tabs li.active,
.tab .nav-tabs li.active :focus,
.tab .nav-tabs li.active :hover {
  transition: all 0.2s ease 0s;
  border-bottom: 5px solid #ffac30;
  color: #3a3a3a;
}
.tab .nav-tabs .active:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #ffac30 transparent transparent transparent;
}
.tabs-title {
  color: #111111;
  font-weight: bold;
  padding: 5px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAsCAYAAAAjFjtnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NGRjNWYyOS0xNmI3LWIwNDUtYTI2ZS1lNzU2NWRiYTUzYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTdGMjM0MzFGRTVFMTFFRTgzNTFERkMyODNDRkZDMzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTdGMjM0MzBGRTVFMTFFRTgzNTFERkMyODNDRkZDMzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzViNmUxMDYtOTM2NS1iYTQ3LTg2ZjgtYzhmMmZiZWVmZDQ0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzUwMTQ2MjktYzg5Mi0zMzRiLTg2ODYtOWJjY2RiOGI4Yzc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5Lr3/wAAAQ9JREFUeNpi/P//P8NQBkwMQxywPGESe4fEvwbENkh8PiB+MKg9AMSCaA5GBoxo8qNJaNQDFHrgMjRZDRo89EshCvVzAHEDHd37AYg7qOkBdiAup6MHHqF7YLQUGup5AB2AavVKKps5k54e+ALEs4ayB7AlUQUS1P+BZtQBS0LogBeI75JYysiPNiVGcilECPyCtqeQgfFQ8sALIDZBE/s/moSoCMSAeDc9Y5jaFoBapy6jpdBoHiCt7WNCYjE6qDzwF4jPDqUY4Afi0KGchOSAeNVoJh71APFJ6BcNeliEuqRU9cB3IE4fTUJ0TEJa5ETjYPIAM8Mgnw8YLUYHG2AcnaUc9cCoB0Y9MKAAIMAATvQm5UYds2oAAAAASUVORK5CYII=)
    no-repeat;
  font-size: 38px;
  background-size: 48px 44px;
  background-position: 0px 15px;
  padding-left: 60px;
}
.link-more:hover {
  cursor: pointer;
  color: #ffffff;
  background: #ffac30;
  border: 1px solid #ffac30;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
.link-more {
  font-size: 14px;
  color: #3a3a3a;
  background: #ffffff;
  text-decoration: none;
  border: 1px solid #ffac30;
  padding: 7px 18px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
.zhanlan {
  padding: 80px 0;
}
/* 展览 */
.zl-box {
  position: relative;
  display: block;
  text-decoration: none;
}
.zl-box:hover {
  text-decoration: none;
}
.zl-images {
  width: 100%;
  max-height: 280px;
}
.zl-span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #111111;
  padding: 7px 0;
}
.zl-name {
  font-size: 20px;
  color: #111111;
  font-weight: bold;
  line-height: 1.8;
}
.tab-content {
  padding: 40px 0;
}
.gg360-contianer {
  width: 100%;
  text-align: center;
}
.gg360 {
  width: 100%;
  cursor: pointer;
}
/* 典藏 */
.wwdc-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.wwdc-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #cccccc;
  content: " ";
  width: 77%;
}
.wwdc-item:last-child::after {
  width: 0;
}
.wwdc-date {
  width: 17%;
  min-width: 17%;
}
.wwdc-titles {
  width: 60%;
  min-width: 60%;
}
.wwdc-img {
  width: 100%;
  max-width: 400px;
}
.wwdc-imgs {
  width: 23%;
  min-width: 23%;
}
.wwdc-date .date {
  padding: 20px 0;
  border-bottom: 3px solid #cccccc;
  display: inline-block;
}
.wwdc-date .day {
  display: block;
  position: relative;
  font-size: 35px;
  font-weight: bold;
  color: #da9835;
  line-height: 1.1;
}
.wwdc-date .month {
  display: inline-block;
  font-size: 16px;
  color: #111111;
  margin-right: 10px;
}
.wwdc-date .year {
  display: inline-block;
  font-size: 16px;
  color: #111111;
}
.wwdc-title-box {
  margin-right: 10%;
  display: block;
  position: relative;
  padding-top: 20px;
  text-decoration: none;
}
.wwdc-title-box:hover {
  text-decoration: none;
}
.wwdc-title {
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
  margin-bottom: 10px;
}
.wwdc-title:hover {
  text-decoration: none;
  color: #da9835;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
.wwdc-desc {
  font-size: 14px;
  color: #757575;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5; /* 定义显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1400px) {
  .tab .nav-tabs li {
    font-size: 20px;
  }
  .tabs-title {
    font-size: 34px;
    background-size: 40px 36px;
    background-position: 0px 14px;
    padding-left: 60px;
  }
  .link-more {
    padding: 6px 16px;
    font-size: 14px;
  }
  .zhanlan {
    padding: 60px 0;
  }
  .zl-name {
    font-size: 18px;
  }
  .tab-content {
    padding: 30px 0;
  }
  .wwdc-title-box {
    padding-top: 10px;
  }
  .wwdc-title {
    font-size: 18px;
  }
  .wwdc-desc {
    font-size: 13px;
    -webkit-line-clamp: 4; /* 定义显示的行数 */
  }
  .wwdc-date .day {
    font-size: 30px;
  }
  .wwdc-date .month {
    font-size: 14px;
  }
  .wwdc-date .year {
    font-size: 14px;
  }
  .tab .nav-tabs .active:after {
    bottom: -11px;
  }
}
@media screen and (max-width: 1200px) {
  .tab .nav-tabs li {
    font-size: 16px;
  }
  .tabs-title {
    font-size: 28px;
    background-size: 34px 31px;
    background-position: 0px 13px;
    padding-left: 50px;
  }
  .link-more {
    padding: 6px 15px;
    font-size: 12px;
  }
  .zhanlan {
    padding: 50px 0;
  }
  .zl-name {
    font-size: 17px;
  }
  .tab-content {
    padding: 30px 0;
  }
  .wwdc-title-box {
    padding-top: 7px;
  }
  .wwdc-title {
    font-size: 16px;
  }
  .wwdc-desc {
    font-size: 13px;
    -webkit-line-clamp: 3; /* 定义显示的行数 */
  }
  .wwdc-date .day {
    font-size: 26px;
  }
  .wwdc-date .month {
    font-size: 13px;
  }
  .wwdc-date .year {
    font-size: 13px;
  }
}

@media screen and (max-width: 992px) {
  .tab .nav-tabs li {
    font-size: 14px;
    border-bottom: 3px solid #cccccc;
  }
  .tab .nav-tabs li.active,
  .tab .nav-tabs li.active :focus,
  .tab .nav-tabs li.active :hover {
    border-bottom: 3px solid #ffac30;
  }
  .nav-tabs .active:after {
    bottom: -8px;
    border-width: 6px 6px 0 6px;
  }
  .tabs-title {
    font-size: 26px;
    background-size: 32px 29px;
    background-position: 0px 12px;
    padding-left: 50px;
  }
  .link-more {
    padding: 6px 15px;
    font-size: 12px;
  }
  .zhanlan {
    padding: 30px 0;
  }
  .zl-name {
    font-size: 16px;
  }
  .zl-span {
    font-size: 13px;
    padding: 7px 0;
  }
  .tab-content {
    padding: 30px 0;
  }
  .wwdc-date .date {
    padding: 10px 0;
    border-bottom: 2px solid #cccccc;
  }
  .wwdc-date .day {
    font-size: 20px;
  }
  .wwdc-date .month {
    font-size: 12px;
  }
  .wwdc-date .year {
    font-size: 12px;
  }
  .tab .nav-tabs .active:after {
    bottom: -9px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .tab .nav-tabs li {
    width: 38%;
    font-size: 13px;
    padding: 5px 0;
  }
  .tabs-title {
    font-size: 16px;
    background-size: 20px 18px;
    background-position: 0px 9px;
    padding-left: 26px;
  }
  .link-more {
    padding: 2px 6px;
    font-size: 12px;
    white-space: nowrap;
  }
  .tab .nav-tabs {
    margin-left: 0;
  }
  .zhanlan {
    padding: 20px 0;
  }
  .zl-name {
    font-size: 13px;
  }
  .zl-span {
    font-size: 12px;
    padding: 5px 0;
  }
  .tab-content {
    padding: 30px 0;
  }

  .zl-name {
    font-size: 13px;
  }
  .zl-span {
    font-size: 11px;
    padding: 2px 0;
  }
  .tab-content {
    padding: 30px 0;
  }
  .wwdc-date .date {
    padding: 2px 0;
    border-bottom: 1px solid #cccccc;
  }
  .wwdc-date .day {
    font-size: 18px;
  }
  .wwdc-date .month {
    font-size: 12px;
  }
  .wwdc-date .year {
    font-size: 12px;
  }
  .wwdc-title-box {
    padding-top: 0px;
  }
  .wwdc-desc {
    font-size: 12px;
    -webkit-line-clamp: 2; /* 定义显示的行数 */
  }
  .wwdc-title {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .tab .nav-tabs .active:after {
    bottom: -8px;
  }
}

/*兼容手机*/
@media screen and (max-width: 480px) {
}
.news {
}
.news-tops {
}
.news-title {
  color: #111111;
  font-weight: bold;
  padding: 5px 0;
  font-size: 38px;
  display: inline-block;
  position: relative;
}
.news-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #e30115;
  content: " ";
  width: 100%;
}
.news .news-tabs {
  margin-top: 20px;
}
.news .nav.nav-tabs {
  border: none;
}
.news .nav-tabs li {
  display: block;
  font-size: 20px;
  color: #767676;
  border-radius: 0;
  margin: 0;
  transition: all 0.3s ease 0s;
  position: relative;
  font-weight: 600;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
  width: 100%;
  padding: 5px 0;
}
.news .nav-tabs li.active,
.tab .nav-tabs li.active :focus,
.tab .nav-tabs li.active :hover {
  transition: all 0.2s ease 0s;
  color: #3a3a3a;
}
.news .tab-content {
  padding: 0;
}
.news-li {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #333333;
  line-height: 2;
  border-bottom: 1px solid #cccccc;
  padding: 5px 10px 5px 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NGRjNWYyOS0xNmI3LWIwNDUtYTI2ZS1lNzU2NWRiYTUzYTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUNEMjdBNzFGRjg2MTFFRTkxRTJFM0Y4NUYzOUNFRDMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUNEMjdBNzBGRjg2MTFFRTkxRTJFM0Y4NUYzOUNFRDMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDZlNTI3NTMtZDczNC0zMzQxLWJiNjAtZDZhNTUxYTUwZTJhIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzUwMTQ2MjktYzg5Mi0zMzRiLTg2ODYtOWJjY2RiOGI4Yzc2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YuTZAAAAANtJREFUeNpivDXD9BgDA4MCELurpp+6zIAFMAGxChBLAvG+2zPNdHEp8gXiT0AsAlWoiaEIaMVJqMLvUIW7gQpV0E1iACo8BKR8oAqlgfgAskLG////w3UAJZyA1BYg5gTip0BsAzTgAYoiqEIvILUBiFmB+C4Q22Iogir0A1JroArXY1UEVZgDpCYD8S8mBiIAEw5TQNb1QblbSXc4riBgwqPAAaQAHphABXZA9g40BXfgIQ5MKuZAehcQ8wHxGyC2Ayq4ju67zUgKnNAVgAALEIOM/YMv0QEEGADXKmThZBbWSwAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 9px 18px;
  background-position: left center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news-li:hover {
  text-decoration: none;
}
@media screen and (max-width: 1400px) {
  .news-title {
    font-size: 34px;
  }
  .news-li {
    font-size: 17px;
  }
}
@media screen and (max-width: 1200px) {
  .news-title {
    font-size: 28px;
  }
  .news-li {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .news-title {
    font-size: 26px;
  }
  .news-li {
    font-size: 14px;
    background-size: 7px 14px;
  }
  .news .nav-tabs li {
    font-size: 18px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .news-title {
    font-size: 16px;
  }
  .news .nav-tabs li {
    font-size: 15px;
  }
}
.video-title {
  color: #111111;
  font-weight: bold;
  padding: 5px 0;
  font-size: 38px;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.culture-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.video-cover {
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAAmVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////VHQRUAAAAMnRSTlMA9bAL8BgF+ezSYdepgbkU4FEH5oVUyMB3cmsfEElDQCvfoJZYyzMbkDqHXY16JqWitQ4hbyAAAATfSURBVHja7NjXmtowEAXgI2TZ2BSvHUrovcNmM+//cEm+MCIGg1xkrvJfU46l0UgyigtnQeurvflwPPrNcz427a9WMAvxZuPJsf2NnvjWPk7GeI94evbJyD9PY1RMdpuCMhLNrkR1DktBuYjlAZWQwwYV0BhK2KY6DhXkdBRsCveCnhL1j9/qrz6xD2GL7IjUJ+6vBtF2F+Mq3m2jwarvpMbpSFgRpHQUf78e4YnReu+ndJ8A5c17j0s2UDBQwWML6M1RTtzyKMGrrSUykeva/XdbMUqY+5SwuCjkoC4LSvDnKGyYHOpN10VObneTnOIhipHN5JRPUMgkWXRNiQI+G4lGGqGwKPlLn8ht5tCNM3BRgjtI/NgMOZ08uqkplKRqdOOdkMt3uqlHsCCq08135NCim7aCFapNNy1kdsz6EMWH+1hgXOpTWDStk9bK/QCNEawaNXIO+Ym0/hiWjfuknWA084jVXFjn1oh5Mxh8OsR+uKiA+4OYY+jFsmHIYjVNQ+KVpmGOLM9UEy8MifVdVMbtExviqbnQAzhGhca6GMQcT8S+7nUjVGqku58fGzvvFBWbmjrx3DM3R/v7lDdHmp7ep/EGeg/vIUWgC0bhDZQumwAPpL43RniLSN81Je51dLfDm+je18GdUPCGofAmyuFmEyJpzzEHeJsBXe2RoAS3XhdZbIPBcCpRjsuNWKj0iolgJr//LXaxGqGUKLVqpKMXvdl2QczrSJTR40KVabv1BEYHkXgHdEIJk7TdmydvA6OwTkm9A4rbcKlCO9BVF0ZLevC1Q1Fdujo8/MHChUno0SNxiVGM+0F/LXEluQouMAoo1aKLYi78PPJurDwFoxU90Z+jCOXdVUgzx65Uo6dWIQqoJc/mMc/SukiYsq+U1jxPceIIKGThMKwxQV5SJI66Zz1QJcKwn5/IiYvkjD98PnGVCsO88xi58Pr0AWBMV6pkGFYPkIeiqzGAiU5WOgzzZ8jB/2dfPPIJx0YY1hwhs/0/b9bavLCthGGiJfMu7jYAvhWMLIQpdLgY8ReAkDsWrIVhvS0y4ZNdiBnvLTbDsKVCBvyGZKaX+cpqGCa+x9k33wAtvqJYDsMWUeYrSwtffC2wHobVxhkvCUu9srf2wzA/xEtbXtv6SLyrKox5cez0dYAvQXFVYcx7sOTy4kUuUGWYBV4S3Oq861ZbXRhzRdZ5QOivj2rDDPEK31feFKbzP8yvbs4kh0EYhqKuQqVkg6hEDgAUZcei9z9c1UqUQZ3ADI94zQ5IbP//vuo1sT5g1K/dHnqGcOihrgPURVmSWghUc4VqO1ENOWpUWW+Iu04d4mjj7e6Df9UO/rSVCGpZhFqjsRaMqNUraimNWtezhIwlJJ6LWuIZi18ZQPxiyYIowZQlJRu7r8huDdV+wDJmoCwrPTNPkI0qdGYess2pZwDzskn5zgDGtsaxTIMsOyXKaMqy4KLMySzbNsvQLsZtafV35jgQBAsPYYEzLKSIBVuxMDQWoDdCF70sUH6ALmqgziDKCkOo88i4q0jj1gGBXXN0RJoFj7/B6rOpWH02xupjCRxgRTF8DKmovoVUVIqQCl18h3k99ju+I7Zgk0edc3ubWXYQ+RJdGA4sJogWoASLlvovdCtXhG4p4sjKtC6S0/OlJEWdlro4sjskChGFcSXrTwAAAABJRU5ErkJggg==)
    no-repeat rgba(0, 0, 0, 0.8);
  background-size: 115px 115px;
  background-position: center center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.85;
}
.video-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.video-img {
  width: 100%;
}
.videos {
  padding: 80px 0;
}
.video-box {
  margin-top: 20px;
  position: relative;
}
@media screen and (max-width: 1400px) {
  .video-title {
    font-size: 34px;
  }
  .video-cover {
    background-size: 98px 98px;
  }
}
@media screen and (max-width: 1200px) {
  .video-title {
    font-size: 28px;
  }
  .videos {
    padding: 60px 0;
  }
  .video-cover {
    background-size: 75px 75px;
  }
}

@media screen and (max-width: 992px) {
  .video-title {
    font-size: 26px;
  }
  .video-box {
    margin-top: 15px;
  }
  .video-cover {
    background-size: 57px 57px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .video-title {
    font-size: 16px;
  }
  .videos {
    padding: 50px 0;
  }
  .video-box {
    margin-top: 10px;
  }
  .video-cover {
    background-size: 34px 34px;
  }
}
#article {
  background: url(../img/65c0f393be3a7a80b07f9cb9ad973368.jpg) repeat;
}
.article-contianer {
  background-color: #ffffff;
  padding: 40px 60px;
  overflow: hidden;
}
.breadcrumb a {
  text-decoration: none;
  color: #767676;
}
.article-title {
  font-size: 30px;
  color: #484848;
  font-weight: bold;
  text-align: center;
}
#content {
  position: relative;
  overflow: hidden;
}
#content p {
  font-size: 14px;
}
#content img {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1400px) {
  .article-title {
    font-size: 26px;
  }
  .article-contianer {
    padding: 30px 50px;
  }
}
@media screen and (max-width: 1200px) {
  .article-title {
    font-size: 24px;
  }
  .article-contianer {
    padding: 30px 40px;
  }
}

@media screen and (max-width: 992px) {
  .article-title {
    font-size: 20px;
  }
  .article-contianer {
    padding: 30px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .article-contianer {
    padding: 20px;
  }
  .article-title {
    font-size: 18px;
  }
  .breadcrumb a {
    font-size: 14px;
  }
}
#news {
  background: #f2f2f2;
}
.news-top {
  background: url(../img/ad0975a8a034df0e7ce1d448061ea111.jpg) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: relative;
  padding: 90px 0 40px;
}
.news2-top {
  background: url(../img/abda8853a36f4a79f7e855e905c941d0.png) no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: relative;
  padding: 85px 0 100px;
  display: flex;
  justify-content: center;
}
.news2-top-name {
  font-size: 50px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
}
.lev1 {
  font-size: 50px;
  color: #ffffff;
  position: relative;
  padding: 0px;
}
.lev1::after {
  position: absolute;
  content: " ";
  border-right: 1px solid #ffffff;
  height: 60%;
  top: 23%;
  right: -40px;
}
.lev2-box {
  margin-left: 40px;
}
.my-flex {
  display: flex;
  align-items: center;
}
.lev2 {
  font-size: 18px;
  text-decoration: none;
  color: #ffffff;
  margin-left: 40px;
}
.lev2.active {
  color: #ffac30;
}
.lev2:hover {
  color: #ffac30;
  text-decoration: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
.news-item {
  background-color: #ffffff;
  padding: 30px 20px;
}
.news-item-dmy {
  display: flex;
  align-items: center;
  justify-content: center;
}
.news-item .day-month {
  font-size: 20px;
  color: #333333;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
}
.news-item .day-month::after {
  position: absolute;
  content: " ";
  width: 20%;
  left: 40%;
  border-bottom: 1px solid #da9835;
  bottom: 0px;
}
.news-item .year {
  text-align: center;
  font-size: 15px;
  color: #999999;
  padding-top: 10px;
}
.news-item-title {
  line-height: 1.5rem;
  min-height: 3rem;
  position: relative;
}
.news-item-title-a {
  display: block;
  text-decoration: none;
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 定义显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5rem;
  min-height: 3rem;
}
.news-item-title-a:hover {
  color: #ffac30;
  text-decoration: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
.news-item-title-num {
  position: absolute;
  right: -10%;
  margin-top: 20px;
  font-size: 15px;
  color: #767676;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAYAAABIB77kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzZiNGY3OC1lMWI5LTY1NDEtOGNiNC0zMDA5MTcyYjBjNmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzlDRUNFQUNGRkMwMTFFRTg4NjlBNDhBODlCQkJGRjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzlDRUNFQUJGRkMwMTFFRTg4NjlBNDhBODlCQkJGRjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NGZjZDk3Y2ItNjBkMi0zYzQyLThhZWUtZmM4OTE0OThkZmJjIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmUzNmI0Zjc4LWUxYjktNjU0MS04Y2I0LTMwMDkxNzJiMGM2ZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu2MLM4AAAL0SURBVHjalJV7aM1hGMe3uYwIE38Y5dbcYjab/UModbIwdYo01+WWW25zDkWNuXSSNsxci46EiQ0jc0suzVwSRWY7xF9jbuEfjuHz1PdXv07Omb316ffrfX/v87zP836f5xfv8/nimhmtYCJMhizoDx209gkewxUoDwQCdc0Zi4/hsDUshjXQG57ATXgBHyEMvSANPHq/BIU4rolmNCHKfCrch51QCYNkeCXsh9NQASUYn8+zj7LQDar9fv8hSPrfCKfCUUVkxp5rvj3MhFxF/BbOwgmcNjqbceTlcQC+mS3WHsWK0FJYJofj5KwzbNd9HYTR0A46WfoghJNZjgEc2CGG2DzcZm1KNId5UAqbYCn8VJpqYQUkwhZFmgwjoIcOEcTwNJdTizgbjlsWWFse6dCjNGyDAks1rIcLUCOl+mEjDINdsMMcYjzf7hL2Yrijy+kvHgvhIexmLdtR4gCl8SRskLNSfbxWhxoJRSqLO9BGdhdgKF0Hse8nyY4zxkKGBFjGt1lm7Ay81IY/Orm9z5ZK0+XETrzE5SxO95tHNF9Uj8Nd4hkqUZXDGHhq6rYILd8pkvQE1d1c5d9Je1jvif9Qels9m5wrwpnZu6xA5ujeu0ODlUVXqx2ltycUwzqXwQKVQ4qEcNG1Fla6a3VwE1edogpJG9+1x+4+I0FyHw9JSltJRASnoB9MVyfx6vTnzSDptHpdpbu3bnMd7srmVzUKS2kO3za4C78vVOmO7PKfuZyaKufBDDjnbhywyBQK75S2zbBVeihWbXtxVhlZh69hlDZWq+M4I1/qq9CaRf0APsM+2TElpmG4UIcOSmS5jjOnLNyjUVIuUqkcg9XwQW0uKEF5pND3cAT2YPSVBJOqOfurZDN/LfKPEDl+6GQ3lKqQSsXu9paIcxW4UwYDpXDrWPcgk7X6lvyebHRRh1mmw1XJ4RuVgSl8sPpupuatWx3G2e+W/g/dwxq19cocdY5kzZvk63WvptqrOGqKZeivAAMAtPnttV9mAvAAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 20px 13px;
  background-position: left center;
  padding-left: 28px;
}
.news-ui {
  padding-top: 40px;
  padding-bottom: 40px;
}
.news2-top-name span {
  font-size: 18px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .news-top {
    padding: 80px 0 45px;
  }
  .news2-top {
    padding: 75px 0 95px;
  }
  .lev2-box {
    margin-left: 35px;
  }
  .lev1 {
    font-size: 36px;
  }
  .lev2 {
    font-size: 16px;
    margin-left: 35px;
  }
  .lev1::after {
    right: -35px;
  }
  .news2-top-name {
    font-size: 44px;
  }
  .news2-top-name span {
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .news-top {
    padding: 75px 0 40px;
  }
  .news2-top {
    padding: 75px 0 85px;
  }
  .lev2-box {
    margin-left: 30px;
  }
  .lev1 {
    font-size: 28px;
  }
  .lev2 {
    font-size: 16px;
    margin-left: 30px;
  }
  .lev1::after {
    right: -30px;
  }

  .news-item-title-a {
    font-size: 17px;
  }
  .news-item-title-num {
    font-size: 13px;
    padding-left: 20px;
    background-size: 16px 10px;
    margin-top: 7px;
  }
  .news-item .day-month {
    font-size: 17px;
  }
  .news-item .year {
    font-size: 14px;
  }
  .news-item {
    padding: 20px 15px;
  }
  .news2-top-name {
    font-size: 40px;
  }
}

@media screen and (max-width: 992px) {
  .news-top {
    padding: 60px 0 30px;
  }
  .news2-top {
    padding: 65px 0 75px;
  }
  .lev2-box {
    margin-left: 30px;
  }
  .lev1 {
    font-size: 26px;
  }
  .lev2 {
    font-size: 15px;
    margin-left: 30px;
  }
  .lev1::after {
    right: -30px;
  }
  .news2-top-name {
    font-size: 38px;
  }
  .news2-top-name span {
    font-size: 13px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .news-top {
    padding: 35px 0 20px;
  }
  .news2-top {
    padding: 35px 0 45px;
  }
  .lev2-box {
    margin-left: 20px;
  }
  .lev1 {
    font-size: 22px;
  }
  .lev2 {
    font-size: 14px;
    margin-left: 20px;
  }
  .lev1::after {
    right: -20px;
  }
  .news-item-title-a {
    font-size: 16px;
  }
  .news-item-title-num {
    font-size: 12px;
    padding-left: 20px;
    background-size: 16px 10px;
    margin-top: 8px;
  }
  .news-item .day-month {
    font-size: 16px;
  }
  .news-item .year {
    font-size: 13px;
  }
  .news-item {
    padding: 20px 15px;
  }
  .news2-top-name {
    font-size: 22px;
  }
  .news2-top-name span {
    font-size: 9px;
  }
}
.videos-ui {
  padding: 50px 0;
}
.videos-item-imgs {
  position: relative;
}
.videos-item-img {
  width: 100%;
}
.videos-item-title-a {
  font-size: 22px;
  color: #111111;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 定义显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.videos-item-title-a:hover {
  color: #ffac30;
  text-decoration: none;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  /* Firefox 4 */
  -webkit-transition: all 0.3s;
  /* Safari 和 Chrome */
  -o-transition: all 0.3s;
  /* Opera */
}
.videos-item {
  background: #ffffff;
  margin: 20px;
}
#chenlie .videos-item-title {
  padding: 15px 10px;
  color: #111111;
}
.videos-ui .videos-item-title {
  padding: 15px 20px;
  color: #111111;
}
.videos-item-infos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-size: 16px;
  color: #767676;
  padding: 10px 20px;
  border-top: 1px solid #e5e5e5;
}
.videos-item-infos-txt {
  display: flex;
  align-items: center;
}
.videos-item-infos label {
  font-size: 14px;
  color: #da9835;
  margin-left: 10px;
}
.chenlie-top-name span {
  font-size: 18px;
  display: block;
  text-align: center;
}
.videos-item-bottom {
  padding: 10px 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.videos-item-span {
  font-size: 18px;
  color: #767676;
}
@media screen and (max-width: 1400px) {
  .videos-item-title-a {
    font-size: 20px;
  }
  .chenlie-top-name span {
    font-size: 15px;
  }
  .videos-item-span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .videos-item-title-a {
    font-size: 18px;
  }
  .videos-item-infos {
    padding: 10px 20px;
  }
  .videos-ui .videos-item-title {
    padding: 15px 20px;
  }
  .videos-item-infos label {
    font-size: 13px;
  }
  .videos-item-infos {
    font-size: 15px;
  }
  .videos-item-span {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .videos-item-title-a {
    font-size: 17px;
  }
  .videos-item-infos {
    padding: 8px 15px;
  }
  .videos-ui .videos-item-title {
    padding: 10px 15px;
    color: #111111;
  }
  .videos-item-infos label {
    font-size: 12px;
  }
  .videos-item-infos {
    font-size: 14px;
  }
  .videos-item {
    margin: 10px 10px;
  }
  .chenlie-top-name span {
    font-size: 13px;
  }
  .videos-item-span {
    font-size: 13px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .videos-item-title-a {
    font-size: 16px;
  }
  .videos-item-infos {
    padding: 8px 15px;
  }
  .videos-ui .videos-item-title {
    padding: 8px 15px;
    color: #111111;
  }
  .videos-item-infos label {
    font-size: 10px;
  }
  .videos-item-infos {
    font-size: 12px;
  }
  .videos-item-title {
    padding: 10px;
  }
  .videos-item-bottom {
    padding: 0px 10px 10px;
  }
  .videos-item {
    margin: 0px 10px;
  }
  .chenlie-top-name span {
    font-size: 9px;
  }

  .videos-item-span {
    font-size: 12px;
  }
}
.w100 {
  width: 100%;
}
.chenlie-top {
  position: relative;
}
.chenlie-top-name {
  font-size: 50px;
  font-weight: 600;
  position: absolute;
  left: 50%;
  top: 20%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 2;
  color: #ffffff;
}
.chenlie-ui {
  padding: 50px 50px 10px;
  margin-bottom: 50px;
  background-color: #ffffff;
  position: relative;
}
#chenlie {
  margin-top: -26%;
  padding: 0 30px;
}
.chenlie-ui .videos-item {
  border-bottom: 1px solid #e5e5e5;
}
.chenlie-ui .videos-item-title {
  
}
#chenlie .videos-item {
  margin: 0;
}
@media screen and (max-width: 1400px) {
  .chenlie-top-name {
    font-size: 44px;
  }
  #chenlie {
    margin-top: -24%;
  }
  .chenlie-top-name {
    top: 22%;
  }
  .chenlie-ui {
    padding: 40px 40px 10px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) {
  .chenlie-top-name {
    font-size: 40px;
  }
  #chenlie {
    margin-top: -23%;
  }
  .chenlie-top-name {
    top: 24%;
  }
  .chenlie-ui {
    padding: 30px 30px 10px;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .chenlie-top-name {
    font-size: 38px;
  }
  #chenlie {
    margin-top: -20%;
  }
  .chenlie-top-name {
    top: 28%;
  }
  .chenlie-ui {
    padding: 20px 20px 10px;
    margin-bottom: 20px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .chenlie-top-name {
    font-size: 22px;
  }
  #chenlie {
    margin-top: -18%;
  }
  .chenlie-top-name {
    top: 30%;
  }
  .chenlie-ui {
    padding: 15px 15px 5px;
    margin-bottom: 15px;
  }
  .chenlie-ui .g-5,
  .gy-5 {
    --bs-gutter-y: 1rem;
  }
}
.chenlie-title {
  color: #da9835;
  font-size: 50px;
  font-weight: bold;
}
.chenlie-contianer {
  position: relative;
  background-color: #ffffff;
}
.c-contianer {
  background-color: #ffffff;
  padding: 40px 60px;
}
.chenlile-slide {
  width: 100%;
}
.chenlie-row-item {
  border: 1px solid #cccccc;
  margin-left: -1px;
  width: 50%;
  display: inline-block;
  padding: 20px 15px;
  line-height: 1.9;
  background-color: #ffffff;
}
.chenlie-row {
  position: relative;
  margin-top: -100px;
  z-index: 2;
}
.chenlie-row-item-t1 {
  font-size: 15px;
  color: #333333;
}
.chenlie-row-item-t2 {
  font-size: 15px;
  color: #da9835;
}
.c-article-title {
  color: #111111;
  font-weight: bold;
  padding: 0;
  font-size: 38px;
  display: inline-block;
  position: relative;
}
.c-article-title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #e30115;
  content: " ";
  width: 100%;
}
.chenlie-jieshao {
  padding: 40px 0;
}
.c-content #content {
  font-size: 16px !important;
  line-height: 1.8 !important;
}
.c-content #content p {
  font-size: 16px !important;
}
.c-slide-box {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}
.c-slide-button-prev {
  width: 48px;
  height: 48px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACBUExURQAAANqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNdqYNVp1yRgAAAAqdFJOUwDTFPvmWisO8cufeRx/B4ZTJu3FrvWOdG1JlDsx2jghvaeY1V9F4WW4TasWfqgAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAMLSURBVFhHnVfZmqowDC6KbIIKqOC+6wzv/4DTLKDSjXP+Cz+aJrFZmwoTwk11PXvPKHp6ZVJtQiYPRJ6V4+YL43ge8KYTs1fMUj3E9YxZbAhrn/k1KKZOUxZP5m38ZTbZ7U+nYDfJLp1Sf8KMeqQ/zOdVPYvzurXrfGKSBo8CWcbJnglfCK7k2GjBBAUZ7jeJ8S/SK3Gsed1Dgpvejpda7MmQpS4cF9zaOiI1myObRgP+/8po3hubCDXwqgPaH1mP32KPMe35YYPyA5M1Rw1fCZFC/FaD/h+wByuinFcAzJ8B9rd4QEaUvJBYgPyWFxoESgWgy168ECHY5BnjN4o11pVSpBjxogJ1RgeMPLl74UWHAIyY0/cMDpDQtwqU19i3ltSITKvl5zjFTxUk77WHfWO0kvQpfkJ6mw5glKcjHOAjABZDClnkRQpb4DmojphofdjkhTjLPfANWFARqQe7vLjLTWlDCPH4zMoODnkxgu0Uy8hn0hdc8kLc5P4Es0hJEwm3vIAGN8dGkjHlA6FbHhNoiUmt6fVLtzxafxMH+Xtkyhv7AfIilzy+gEJQ0wjK9eCQx1RaCWgu6kUAnqFEtyCUTI1BATjY0mEIpEBvwktSx/Z7tDVB78QQDubSQE6EMGra6USSXRoekuVmSiQxdWugRAJGXSoP0ECp/Ct/tcXk1gDFdLeUs0sDlzM2lJppPdg1cEOxtTS7hral2ZqqTUPXVK1t3aKha+v2i4U1bHj1Bl4slED2q400KBPN59VGLGo9tIBtZbD7vFxd17u4/2yVAeHreqfKMUyPenwPGBTSfx5xPpOHhiyzG3oIlCGLxrzi/8c8SuimGHQGGjSVjjl41H3A+TWJQXdRs3YM23TU5qxjwzM0ntUM27j/fnAY6yLdQvgsKbNpnzzacORXqB8ZP4ujUswoibjqdblTDckLKC2PLokFxgjgX7LFMUjT4LjILt1jsLgzoxFh1alQUWTOh6fErHsi9uBVQ8QRwTwmf78Rz7WPSTPk8z8pb34U+Ycymf4ahg0h/gCqU4upKCOUGwAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  margin-right: 25px;
  cursor: pointer;
}
.c-slide-button-next {
  width: 48px;
  height: 48px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAgVBMVEUAAADamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDXamDVadckYAAAAKnRSTlMA0xT75lorDvHLn3kcfweGUybtxa71jnRtSZQ7Mdo4Ib2nmNVfReFluE2rFn6oAAACkUlEQVRYw51X2ZqqMAyOIGWRsojKqoj78P4PeKbpJxyHNlRyoWL6h2zNAjqyfjZBdlx73vqaBXnpwlfUxH7/SbYfM1O0m696JflFZALn215L63zWlNsAf3Q8ObEwZKeEd+tBRELC26yXlBXtJyfN3145h3p84uGR/SVVcVlgI3tb6vAH6e9K+4ow6JG4khvtpKsbIOgkAxSo8GdkxUBTJNXcTTn4fu8Os5TslTpUGKMGDOi0VajqID4FI2IoofyIsif0N072k7Bi+3+wfBG+OxhTghk1Pj+1wSVTxhmuvrApm9yq6nXTR3MlfPa+WbEwgKlestG7oR/ZrvDgQZEYpIRAqCDrAxf3x5qcKG1SQijYBf48ogJTckgJqIIvftTiWAhfS2CCyTCJMaTfS/AxoaUFN1ggoZA2hOKIBQskpCL6Ltx+v64ASySISvuDWXSBRRI6ZOwwnIskcCws19/PO8xLcNR3MkNDUpiX4LnK+3CE/ZhGtISnMpXWINSbbXiV0tOtUMxMwAbdpRRgZIIlspWrTTBxooXtqFE7EcNYGuB3Ct9iGDGR5vErV5dImMrzeEuTyjnqcV2ER/eVxHWm8ON1pgoKjYccC8pY0gg8XdJkUSXxdFGVZZ3E02UdNthYCDzRWKjWVkk83dqo5tqRePRcTrb3et/71kx7pwcMl9EVpk/G52zJiPOaDFmNKb6WQ9byMc/rp0XkYD5o1ojn6lG3XDjqjsN6HNHwqMJj3dJxv9aP++gHpIu2yrfjwkGuPPZFmULNe+UhEqY9Dyti+id0wzL5Cuk+Oi54HXdq1rZN7fDd8O8jmV08N9TiWZjs0FHhq+H+MwJDYrFvf4LtjKfwFbllHmSrh+c9VucLsf7/A2Ugi6neVMRpAAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
  margin-left: 25px;
  cursor: pointer;
}
@media screen and (max-width: 1400px) {
  .c-contianer {
    padding: 30px 50px;
  }
  .c-article-title {
    font-size: 34px;
  }
  .chenlie-title {
    font-size: 40px;
  }
  .chenlie-row-item {
    padding: 15px 10px;
  }
  .chenlie-row-item-t1 {
    font-size: 14px;
  }
  .chenlie-row-item-t2 {
    font-size: 14px;
  }
  .chenlie-row {
    margin-top: -73px;
  }
  .c-content #content {
    font-size: 15px !important;
  }
  .c-content #content p {
    font-size: 15px !important;
  }
  .c-slide-box {
    padding: 30px 0 0;
  }
  .c-slide-button-next {
    width: 40px;
    height: 40px;
    margin-left: 20px;
  }
  .c-slide-button-prev {
    width: 40px;
    height: 40px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 1200px) {
  .c-contianer {
    padding: 30px 40px;
  }
  .c-article-title {
    font-size: 28px;
  }
  .chenlie-title {
    font-size: 40px;
  }
  .chenlie-row-item {
    padding: 10px 10px;
  }
  .chenlie-row-item-t1 {
    font-size: 13px;
  }
  .chenlie-row-item-t2 {
    font-size: 12px;
  }
  .chenlie-row {
    margin-top: -67px;
  }
  .c-content #content {
    font-size: 14px !important;
  }
  .c-content #content p {
    font-size: 14px !important;
  }
  .c-article-title {
    font-size: 26px;
  }
  .c-slide-box {
    padding: 30px 0 0;
  }
  .c-slide-button-next {
    width: 40px;
    height: 40px;
    margin-left: 15px;
  }
  .c-slide-button-prev {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 992px) {
  .c-contianer {
    padding: 30px;
  }
  .c-article-title {
    font-size: 16px;
  }
  .chenlie-title {
    font-size: 28px;
  }
  .chenlie-row-item {
    padding: 10px 10px;
  }
  .chenlie-row-item-t1 {
    font-size: 13px;
  }
  .chenlie-row-item-t2 {
    font-size: 13px;
  }
  .chenlie-row {
    margin-top: -67px;
  }
  .c-content {
    padding: 20px 0;
  }
  .c-content #content {
    font-size: 14px !important;
  }
  .c-content #content p {
    font-size: 14px !important;
  }
  .c-article-title {
    font-size: 22px;
  }
  .c-slide-box {
    padding: 30px 0 0;
  }
  .c-slide-button-next {
    width: 30px;
    height: 30px;
    margin-left: 15px;
  }
  .c-slide-button-prev {
    width: 30px;
    height: 30px;
    margin-right: 15px;
  }
  .chenlie-jieshao {
    padding: 30px 0;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .c-contianer {
    padding: 20px;
  }
  .c-article-title {
    font-size: 16px;
  }
  .chenlie-title {
    font-size: 23px;
  }
  .chenlie-row-item {
    padding: 10px 10px;
  }
  .chenlie-row-item-t1 {
    font-size: 12px;
  }
  .chenlie-row-item-t2 {
    font-size: 12px;
  }
  .chenlie-row {
    margin-top: -62px;
  }
  .c-content {
    padding: 20px 0;
  }
  .c-content #content {
    font-size: 13px !important;
  }
  .c-content #content p {
    font-size: 13px !important;
  }
  .c-article-title {
    font-size: 18px;
  }
  .c-slide-box {
    padding: 30px 0 0;
  }
  .c-slide-button-next {
    width: 30px;
    height: 30px;
    margin-left: 15px;
  }
  .c-slide-button-prev {
    width: 30px;
    height: 30px;
    margin-right: 15px;
  }
}
.about-top {
  position: relative;
}
.about-title {
  font-size: 28px;
  color: #484848;
  font-weight: 500;
  text-align: center;
  padding: 40px 0 30px;
}
@media screen and (max-width: 1400px) {
  .about-title {
    font-size: 24px;
    padding: 30px 0 20px;
  }
}
@media screen and (max-width: 1200px) {
  .about-title {
    font-size: 20px;
    padding: 25px 0 15px;
  }
}

@media screen and (max-width: 992px) {
  .about-title {
    font-size: 18px;
    padding: 25px 0 15px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .about-title {
    font-size: 14px;
    padding: 25px 0 15px;
  }
}
.custom-navigation {
  padding: 20px 0 50px;
  text-align: center;
  position: relative;
}
.custom-navigation .pagination {
  justify-content: center !important;
}
.custom-navigation .pagination li {
  margin: 0 6px;
}
.custom-navigation .pagination li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #808080;
  color: #808080;
  line-height: 1.45;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 24px;
}
.custom-navigation .pagination li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #da9835;
  color: #ffffff;
  background-color: #da9835;
  text-decoration: none;
  line-height: 1.45;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 24px;
}
.custom-navigation .pager {
  justify-content: center !important;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.custom-navigation .pager li {
  list-style: none;
  margin: 0 6px;
}
.custom-navigation .pager li span {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #808080;
  color: #808080;
  line-height: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 22px;
}
.custom-navigation .pager li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #da9835;
  color: #ffffff;
  background-color: #da9835;
  text-decoration: none;
  line-height: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 22px;
}
@media screen and (max-width: 1400px) {
  .custom-navigation {
    padding: 15px 0 40px;
  }
  .custom-navigation .pagination li {
    margin: 0 5px;
  }
  .custom-navigation .pagination li span {
    width: 35px;
    height: 35px;
    line-height: 1.4;
    font-size: 22px;
  }
  .custom-navigation .pagination li a {
    width: 35px;
    height: 35px;
    line-height: 1.4;
    font-size: 22px;
  }
}
@media screen and (max-width: 1200px) {
  .custom-navigation {
    padding: 10px 0 40px;
  }
  .custom-navigation .pagination li {
    margin: 0 5px;
  }
  .custom-navigation .pagination li span {
    width: 30px;
    height: 30px;
    line-height: 1.4;
    font-size: 18px;
  }
  .custom-navigation .pagination li a {
    width: 30px;
    height: 30px;
    line-height: 1.4;
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .custom-navigation {
    padding: 10px 0 40px;
  }
  .custom-navigation .pagination li {
    margin: 0 4px;
  }
  .custom-navigation .pagination li span {
    width: 28px;
    height: 28px;
    line-height: 1.4;
    font-size: 17px;
  }
  .custom-navigation .pagination li a {
    width: 28px;
    height: 28px;
    line-height: 1.4;
    font-size: 17px;
  }
}

/*兼容平板*/
@media screen and (max-width: 640px) {
  .custom-navigation {
    padding: 10px 0 30px;
  }
  .custom-navigation .pagination li {
    margin: 0 3px;
  }
  .custom-navigation .pagination li span {
    width: 22px;
    height: 22px;
    line-height: 1.4;
    font-size: 14px;
  }
  .custom-navigation .pagination li a {
    width: 22px;
    height: 22px;
    line-height: 1.4;
    font-size: 14px;
  }
}
body {
  /* background: url(../img/bg.png) repeat; */
}

/* 引入公共样式 */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"); */
/* 引入轮播图样式 */
/* 展览 馆藏 */
/* 新闻资讯 */
/* 文章页页 */
/* 名人堂简介 */
/* @import url(./mingren_jianjie.css); */
/* 注册 */
/* @import url(./register.css); */
/* 资讯 */
/* 视频中心 */
/* 陈列展馆*/
/* 概况*/
/* 分页*/