/*自定义CSS*/



body {

  position: relative;

}



/* header */



.navbar {

  /* height: 84px; */



  position: absolute;



  top: 0;



  /* height: 71px !important; */



  background: rgba(128, 69, 38, 0.1) !important;



  border-bottom: 1px solid rgba(255, 255, 255, 0.2);



  backdrop-filter: blur(3px);

}



.swiper-container-horizontal {

  margin-top: -10px !important;

}



.container {

  max-width: 100%;



  padding-left: 15%;



  padding-right: 15%;

}



.navbar .container {

  justify-content: center !important;



  padding: 0;

}



.swiper-slide .container {

  height: 48px;



  background-color: #000000c2;



  position: absolute;



  /* bottom: -30px; */

}



.fixed-top {

  /* height: 84px; */



  position: relative;



  top: 0;



  /* height: 140px !important; */



  /* background: rgba(128,69,38,0.1) !important; */



  /* background: #96262a !important; */

}



.headBox {

  /* background: url(/static/images/bg_top.png); */



  /* background: url(/static/images/historical-photos.png) 100% no-repeat; */



  display: flex;



  justify-content: space-between;



  /* padding-left: 15%;



    padding-right: 15%; */



  height: 120px;



  /* background: url(/static/images/bj3.png) 100% no-repeat; */



  background-color: #f1f1f1;



  align-items: center;



  background-position: 0px -22px;

}



.head-sm-height {

  /* height: 84px; */



  position: absolute;



  top: 0;



  height: 71px !important;



  background: rgba(128, 69, 38, 0.1) !important;

}



.navbar-collapse {

  height: 60px !important;

}



.navbar-nav {

  height: 100%;



  /* background-color: #96262a; */



  width: 100%;



  padding-left: 15%;



  padding-right: 15%;



  justify-content: space-between;



  /* height: 92%; */

}



.navbar-nav .nav-item {

 /* width: 130px;*/




  justify-content: center;



  height: 100%;



  display: flex;



  align-items: center;



  white-space: nowrap;



  padding-left: 1.3rem;



  padding-right: 1.3rem;

}



.navbar-nav .nav-item:hover {

  background: #ad2433;

}



.navbar-brand {

  position: relative;



  height: 71px;



  display: flex;



  align-items: center;

}



.navbar-left {

  right: 50px;



  margin-top: -7px;



  height: 100%;



  display: flex;



  align-items: center;

}



.navbar-left-vertical-container {

  width: 20px;



  height: 100%;



  display: flex;



  justify-content: flex-end;



  align-items: center;

}



.navbar-left-vertical-line {

  display: inline-block;



  width: 2px;



  height: 40%;



  background: #ffffff;



  border-radius: 0px 0px 0px 0px;

}



@font-face {

  font-family: 'AlimamaDongFangDaKai';



  src: url('/static/font/AlimamaDongFangDaKai/AlimamaDongFangDaKai-Regular.woff2')

      format('woff2'),

    url('/static/font/AlimamaDongFangDaKai/AlimamaDongFangDaKai-Regular.woff')

      format('woff');

}



@font-face {

  font-family: 'AlibabaPuHuiTi';



  src: url('/static/font/AlibabaPuHuiTi/nCsHp2bEUsR2.woff2') format('woff2'),

    url('/static/font/AlibabaPuHuiTi/nCsHp2bEUsR2.woff') format('woff');

}



@font-face {

  font-family: 'Microsoft YaHei';



  src: url('/static/font/Source_Han_Sans_SC/Source_Han_Sans_SC_Regular.otf');

}



@font-face {

  font-family: 'Microsoft YaHei';



  src: url('/static/font/Source_Han_Sans_SC/Source_Han_Sans_SC_Light_Light.otf');

}



@font-face {

  font-family: 'SourceHanSansSC_Medium';



  src: url('/static/font/Source_Han_Sans_SC/Source_Han_Sans_SC_Medium_Medium.otf');

}



@font-face {

  font-family: 'SourceHanSansSC_Bold';



  src: url('/static/font/Source_Han_Sans_SC/Source_Han_Sans_SC_Bold.otf');

}



@font-face {

  font-family: 'heiti';



  src: url('/static/font/heiti/heiti.ttf');

}



.navbar-left-text {

  width: 124px;



  font-family: AlimamaDongFangDaKai;



  /* font-weight: 400; */



  font-size: 46px;



  color: #ffffff;



  /* line-height: 49px; */



  text-align: center;



  font-style: normal;



  text-transform: none;



  margin-left: 16px;

}



.navbar-nav .active .nav-link {

  /* box-shadow: 0 4px 0 0 #FFFFFF; */



  font-weight: bold !important;

}



.navbar-nav .active {

  background: #ad2433;

}



.nav-link {

  font-weight: bold;



  font-family: Microsoft YaHei;



  font-weight: lighter;



  font-size: 16px !important;



  color: #ffffff !important;



  /* color: #FFFFFF !important; */



  text-align: left;



  font-style: normal;



  text-transform: none;



  /* display: none; */

}



.active .nav-link {

  font-family: Microsoft YaHei;



  font-weight: normal !important;

}



.nav-item {

  position: relative;

}



.nav-item:hover {

  background-color: #d4d4d480;

}



.li-item-position {

  position: relative;

}



.nav-item .li-item {

  max-height: 400px;



   /*width: 130px;*/



  /* overflow: auto; */



  position: absolute;



  top: 100%;



  left: 0;



  background-color: rgb(255 255 255 / 70%);



  /* border-radius: 8px; */



  display: none;

}



.li-item-position:hover {

  /* background-color: rgb(68, 68, 68); */



  background-color: #9f1b29;

}



.changeMediaSearch {

  display: none;

}



.changeMediaSearch1 {

  display: flex;

}



.changeMediaSearch2 {

  display: none;

}



.foot_part {

  /* background: #242424; */



  color: #fff;



  padding: 30px 0 40px;

}



.foot_part .foot {

  width: 1200px;



  margin: 0 auto;



  display: flex;



  justify-content: center;



  margin-bottom: 30px;

}



.foot_part .foot .link_part {

  display: flex;

}



.foot_part .foot .link_part .link_wrap {

  margin-right: 50px;

}



.foot_part .foot .link_part .link_wrap .link_type {

  margin-bottom: 20px;



  font-size: 15px;

}



.foot_part .foot .link_part .link_wrap .link_cont ul li a {

  height: 30px;



  line-height: 30px;



  display: block;



  color: #fff;

}



.foot_part .foot .link_part .link_wrap .link_cont ul li a:hover {

  color: #fd5a5a;

}



.foot_part .foot .link_part .link_wrap .link_cont .link_cont_item {

  display: flex;



  margin-bottom: 30px;

}



.foot_part .foot .qrcode_part {

  display: flex;

}



.foot_part .foot .qrcode_part .qrcode {

  text-align: center;



  margin-left: 20px;



  color: #c8c8c8;

}



.foot_part .foot .qrcode_part .qrcode img {

  width: 120px;



  height: 120px;

}



.foot_part .foot_address {

  text-align: center;



  width: 1200px;



  margin: 0 auto;



  display: flex;



  justify-content: center;

}



.foot_part .foot_address img {

  width: 148px;



  height: 44px;



  margin-right: 20px;

}



.foot_part .foot_address .address {

  text-align: left;



  color: #c8c8c8;

}



.nav-item .li-item .li-item-content {

  width: 100%;



  height: 50px;



  display: block;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 14px;



  text-align: center;



  color: #222222;



  line-height: 50px;



  font-style: normal;



  text-transform: none;



  border-bottom: 1px solid rgba(128, 69, 38, 0.1);



  padding-right: 1.2rem;



  padding-left: 1.2rem;

}



.nav-item .li-item .li-item-content:hover {

  color: #ffffff;

}



.nav-item .li-item .li-item-content:last-child {

  border-bottom: none;

}



.nav-item:hover .li-item {

  display: block;

}



.navbar-nav .nav-link {

  padding: 0 !important;



  height: 81% !important;



  display: flex;



  align-items: center;



  font-weight: bold;

}



/* 轮播图 */



.swiper-bottom-container {

  width: 100%;



  height: 94px;



  z-index: 1;



  position: relative;

}



.swiper-bottom-absolute {

  width: 100%;



  height: 94px;



  position: absolute;



  top: -30px;



  display: flex;

}



.swiper-bottom-left {

  width: 65%;



  height: 100%;



  position: relative;



  z-index: 2;



  display: flex;

}



.swiper-bottom-left .backImg {

  width: 100%;

}



.swiper-bottom-left-content {

  position: absolute;



  top: 0;



  height: 100%;



  width: 100%;



  display: flex;



  justify-content: center;



  align-items: center;

}



.swiper-bottom-left-content-img1 {

  width: 40px;



  height: 40px;

}



.swiper-bottom-left-content-img2 {

  width: 24px;



  height: 24px;

}



.swiper-bottom-left-content-text {

  max-width: 30%;



  min-width: 20%;



  height: 30px;



  font-family: Microsoft YaHei;



  font-weight: 500;



  font-size: 20px;



  color: #96262a;



  line-height: 30px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  padding: 0 15px;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



  cursor: pointer;



  display: none;

}



.swiper-bottom-left-content-text:hover {

  color: #004a7f;

}



.swiper-bottom-left-content .active {

  display: inline-block;

}



.swiper-bottom-right {

  position: relative;



  width: 38%;



  height: 100%;



  display: flex;



  align-items: flex-end;



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

}



.swiper-bottom-right-child {

  position: absolute;



  right: 0;



  bottom: 1px;



  width: 110%;



  height: 64px;



  background: #96262a;

}



.swiper-bottom-right .swiper-pagination {

  top: 65%;



  left: 50%;



  transform: translate(-50%, -50%);

}



.swiper-bottom-right .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 4px;



  background: none;



  border: 1px solid #ffffff;

}



.swiper-bottom-right .swiper-pagination-bullet-active {

  background: #ffffff !important;

}



.swiperImg {

  height: 420px;



  object-fit: cover;

}



/* 子系统选择 */



.subsystems-container {

  width: 100%;



  /* margin-top: -31px; */



  /* background: url(/static/images/pic_kuaisutongdao2x.png); */



  background-color: #f1f1f1;



  /* background: #f6f4ef; */



  background-size: 100% 100%;



  background-repeat: no-repeat;



  display: flex;



  justify-content: center;



  padding: 3% 15%;



  height: 350px;

}



.subsystems-child {

  flex: 1;



  position: relative;



  cursor: pointer;



  justify-content: center;



  display: inline-block;



  width: 25%;



  margin: 2px;



  /* box-shadow: rgba(0, 0, 0, 0.4) 8px 13px 3px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; */



  /* margin: 0 4%; */

}



.subsystems-child img {

  width: 100%;



  object-fit: contains;

}



.subsystems-child .subsystems-child-content {

  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;

}



.subsystems-child-content img {

  width: 70px;



  height: 70px;

}



.subsystems-child .hoverImg {

  display: none;

}



.subsystems-child:hover .defaultImg {

  display: none;

}



.subsystems-child:hover .hoverImg {

  display: inline-block;

}



.subsystems-child-content span {

  height: 36px;



  font-family: Microsoft YaHei;



  font-weight: 500;



  font-size: 16px;



  color: #ffffff;



  line-height: 36px;



  text-align: center;



  font-style: normal;



  text-transform: none;



  margin-top: 5px;

}



/* 新闻动态-通知公告 */



.notice-container {

  width: 100%;



  /* margin-top: 20px; */



  height: 440px;



  padding: 0px 15% 30px;



  /* background: url(/static/images/pic_dongtai2x.png); */



  background-size: 100% 100%;



  background-repeat: no-repeat;



  /* display: flex;



  justify-content: space-between; */



  background-color: #f1f1f1;



  /* padding: 5% 15%; */

}



.channel_wrap {

  width: 45%;



  height: 170px;



  box-shadow: 0px 0px 10px 0px rgba(167, 167, 167, 0.5);



  background: rgba(0, 211, 141, 0.6);



  text-align: center;



  color: #fff;



  font-size: 17px;



  cursor: pointer;



  display: flex;



  margin-bottom: 20px;



  justify-content: center;



  align-items: center;



  transition: all 0.7s;



  -moz-transition: all 0.7s;



  -webkit-transition: all 0.7s;



  -o-transition: all 0.7s;

}



.channel_wrap1 {

  width: 45%;



  height: 170px;



  box-shadow: 0px 0px 10px 0px rgba(167, 167, 167, 0.5);



  background: rgba(0, 82, 189, 0.6);



  text-align: center;



  color: #fff;



  font-size: 17px;



  cursor: pointer;



  display: flex;



  justify-content: center;



  align-items: center;



  transition: all 0.7s;



  -moz-transition: all 0.7s;



  -webkit-transition: all 0.7s;



  -o-transition: all 0.7s;

}



.contentContainer {

  pointer-events: none; /* 子元素不捕获鼠标事件 */

}



.channel_line :hover {

  /* background: rgba(0, 151, 197, 0.7); */



  transform: scale(1.05);

}



.notice-container-left {

  width: 100%;



  overflow: hidden;



  height: 100%;



  /* padding: 10% 0 10% 20%; */



  /* padding: 2% 0; */



  padding-top: 10px;



  display: flex;



  justify-content: flex-end;



  /* align-items: center; */

}



.notice-container-left img {

  /* height: 74%; */



  width: 100%;



  object-fit: fill;

}



.notice-container-right {

  width: 65%;



  height: 100%;



  /* padding: 4% 10% 4% 2%; */



  display: flex;



  flex-direction: column;



  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;



  /* width: 50%; */



  background-color: #ffffffba;



  padding: 0 20px;



  margin-left: 10px;



  /* border-radius: 12px; */



  /* padding: 0 20px 20px 20px; */



  /* padding-top: 4%;



    padding-left: 2%; */

}


.timeBox {

  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;



  border-radius: 12px;



  width: 800px;



  padding: 20px;



  background: #fff;



  margin: auto;



  position: relative;



  margin-top: -80px;



  z-index: 1;

}



.notice-container-right-header {

  width: 100%;



  height: 60px;



  position: relative;



  border-bottom: 1px solid #eee;



  padding: 0 20px;



  display: flex;



  align-items: center;

}



.notice-container-right-header .noticeBar {

  padding: 0 10px 0 10px;

}



.notice-container-right-header .noticeBar .noticeContent {

  height: 48px;



  color: #333333;



  line-height: 48px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  cursor: pointer;



  font-size: 18px;



  text-align: center;



  cursor: pointer;



  /* float: left;



    width: 86px;



    height: 24px;



    line-height: 22px;



    font-size: 16px;



    text-align: center;



    color: #333333;



    cursor: pointer;



    margin-top: 6px; */

}



.notice-container-right-header .noticeBar .active {

  /* width: 160px; */



  height: 60px;



  /* font-family: Microsoft YaHei; */



  font-weight: 700;



  font-size: 20px;



  color: #96262a;



  line-height: 60px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  /* border-bottom: 3px solid #004a7f;; */

}



.notice-container-right-header .noticeMore {

  width: 94px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 16px;



  color: #804526;



  font-style: normal;



  text-transform: none;



  cursor: pointer;



  position: absolute;



  text-align: right;



  height: 60px;



  display: flex;



  align-items: center;



  float: right;



  right: 0;

}



.notice-container-right-header .noticeMore img {

  width: 24px;



  height: 24px;

}



.notice-container-right-header .noticeMore .noticeMore-switch-tab img {

  width: 24px;



  height: 24px;

}



.notice-container-right-body {

  width: 100%;



  /* flex: 0; */



  /* display: flex; */



  /* flex-direction: column; */



  padding: 0 20px;



  /* overflow: hidden; */

}



.notice-container-right-body-item {

  width: 100%;



  align-items: center;



  display: flex;



  padding-top: 6px;



  /* border-bottom: 1px solid rgba(128, 69, 38, 0.1); */



  cursor: pointer;

}



.notice-container-right-body .notice-container-right-news {

  display: none;

}



.notice-container-right-body .notice-container-right-notice {

  display: none;

}



.notice-container-right-body .active {

  width: 100%;



  display: flex;



  margin: 6px;



  /* padding: 20px 10px; */



  color: #804526;



  /* border-bottom: 1px solid rgba(128, 69, 38, 0.1); */



  cursor: pointer;

}



.notice-container-right-body .active:hover {

  color: rgba(157, 34, 54, 1);

}



.notice-container-right-body

  .active:hover

  .notice-container-right-body-item-date {

  background: rgba(157, 34, 54, 1);

}



.notice-container-right-body .active:visited {

  color: rgba(157, 34, 54, 1);

}



.notice-container-right-body-item-date {

  min-width: 86px;



  /* height: 86px; */



  height: 62px;



  background: #804526;



  border-radius: 0px 0px 0px 0px;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;

}



.notice-container-right-body-item-date-p1 {

  /* width: 55px; */



  height: 30px;



  font-family: Microsoft YaHei;



  font-weight: 700;



  font-size: 20px;



  color: #ffffff;



  line-height: 30px;



  text-align: center;



  font-style: normal;



  text-transform: none;

}



.notice-container-right-body-item-date-p2 {

  /* width: 31px; */



  height: 21px;



  font-family: Microsoft YaHei;



  font-weight: 350;



  font-size: 14px;



  color: #ffffff;



  line-height: 21px;



  text-align: center;



  font-style: normal;



  text-transform: none;

}



.notice-container-right-body-item-content {

  width: calc(100% - 30px);



  /* display: flex; */



  flex-direction: column;



  justify-content: center;



  align-items: center;



  padding-left: 20px;

}



.square {

  width: 8px;



  height: 8px;



  background-color: #818181;



  margin-right: 10px;

}



.notice-container-right-body-item-content:hover

  .notice-container-right-body-item-content-p1 {

  color: #96262a;

}



.notice-container-right-body-item-content:hover

  .notice-container-right-body-item-content-p2 {

  color: #96262a;

}



.notice-container-right-body-item-content:hover .square {

  background-color: #96262a;

}



.notice-container-right-body-item-content-p1 {

  height: 34px;



  width: 90%;



  font-family: Microsoft YaHei;



  font-weight: 500;



  font-size: 20px;



  color: inherit;



  line-height: 36px;



  text-align: left;



  font-style: normal;



  text-transform: none;

}



.notice-container-right-body-item-content-p2 {

  height: 27px;



  width: 90%;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 17px;



  color: inherit;



  line-height: 27px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  margin-top: 2px;

}



/* 服务中心-服务指南 */



.service-container {

  width: 100%;



  min-height: 550px;



  padding: 0 15%;



  /* background: url(/static/images/pic_fuwu2x.png); */



  /* background: url(/static/images/bj1.jpg); */



  /* background: #f6f4ef; */



  background-color: #f1f1f1;



  background-size: 100% 100%;



  background-repeat: no-repeat;



  display: flex;

}



.service-container-left {

  width: 50%;



  padding: 4% 0;



  /* padding: 3% 0 5% 15%; */



  display: flex;



  flex-direction: column;

}



.service-container-right {

  width: 50%;



  padding: 4% 0 4% 2%;



  /* padding: 3% 6% 2% 0; */



  display: flex;



  flex-direction: column;

}



.service-title {

  /* width: 160px; */



  height: 60px;



  font-family: Microsoft YaHei;



  font-weight: 700;



  font-size: 24px;



  color: #804526;



  line-height: 60px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  padding-left: 5px;



  margin-bottom: 6px;



  position: relative;



  z-index: 1;

}



.service-title .backGroundFont {

  position: absolute;



  left: 0;



  top: -4px;



  font-family: AlibabaPuHuiTi;



  font-weight: 900;



  font-size: 60px;



  padding-left: 5px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  z-index: 0;



  cursor: default;



  background: linear-gradient(

    to bottom,

    rgba(128, 69, 38, 0.1),

    rgba(128, 69, 38, 0)

  );



  -webkit-background-clip: text;



  background-clip: text;



  -webkit-text-fill-color: transparent;



  text-fill-color: transparent;

}



.service-content-left {

  flex: 1;



  padding: 10px;



  display: flex;



  flex-wrap: wrap;

}



.service-content-left-item {
    font-size: 16px;

  width: 50%;



  height: 100px;



  display: flex;



  align-items: center;



  cursor: pointer;

}



.service-content-left-item img {

  width: 90px;



  height: 90px;

}



.service-content-left-item span {

  width: 140px;



  font-family: Microsoft YaHei;



  font-weight: 500;



  font-size: 16px;



  color: #333333;



  line-height: 30px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  margin-left: 20px;

}



.service-content-right {

  flex: 1;



  /* padding: 10px; */



  /* width: 720px;



    height: 413px; */



  display: flex;



  align-items: center;



  padding-left: 1%;



  background: #f6eee2;

}



.service-content-right .service-content-right-box {

  width: 100%;



  height: 100%;



  /* background: #F6EEE2; */



  border-radius: 0px 0px 0px 0px;



  /* padding: 10px; */



  /* padding: 5% 10px; */



  padding: 22px;

}



.service-content-right-header {

  display: flex;



  margin-top: 4px;

}



.service-content-right-header-item {

  width: 50%;



  padding: 10px;

}



.service-content-right-header-item-title {

  /* width: 302px; */



  min-height: 30px;



  font-family: Microsoft YaHei;



  font-weight: 700;



  font-size: 16px;



  color: #96262a;



  line-height: 30px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  margin-bottom: 4px;

}



.service-content-right-header-item-text {

  /* width: 301px; */



  min-height: 40px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 14px;



  color: #272727;



  line-height: 40px;



  text-align: left;



  font-style: normal;



  text-transform: none;



  word-break: break-all;



  white-space: normal;



  margin-bottom: 10px;

}



.service-content-right-body {

  display: flex;

}



.service-content-right-left {

  padding: 10px 0 10px 10px;



  width: 50%;

}



.service-content-right-right {

  /* width: 35%; */



  margin-top: -33px;



  display: flex;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  margin-right: 12px;

}



.service-content-right-right img {

  width: 70px;



  height: 70px;

}



.service-content-right-right p {

  height: 21px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 14px;



  color: #333333;



  line-height: 21px;



  text-align: center;



  font-style: normal;



  text-transform: none;



  padding: 3px 0;

}



.service-content-right-foot {

  display: flex;



  margin-top: 40px;

}



.serviceBox {

  display: flex;

}



/* 历史照片 */


.historical-photos-container {

  width: 100%;



  height: 379px;



  background: url(/static/images/historical-photos.png) 100% no-repeat;



  background-size: 100% 100%;



  background-repeat: no-repeat;



  margin-bottom: 1px;



  display: flex;



  align-items: center;



  padding: 0 15%;

}



.historical-photos-container .content {

  width: 100%;

}



.historical-photos-container .content .imgBox {

  position: relative;

}



.historical-photos-container .content .imgBox .bd .tempWrap {

  width: 100% !important;

}



.historical-photos-container .content li {

  list-style: none;



  margin: 0;

}



.historical-photos-card {

  border-radius: 0px 0px 0px 0px;



  border: 2px solid #ffffff;



  background: #ffffff;



  width: 280px;

}



.historical-photos-card a {

  display: block;



  width: 100%;



  height: calc(100% - 27px);



  overflow: hidden;

}



.historical-photos-card a:hover {

  box-shadow: 0 0 0 1px rgba(157, 34, 54, 0.8);

}



.historical-photos-card img {

  width: 270px !important;



  max-width: 270px !important;



  height: 200px !important;



  object-fit: cover;

}



.historical-photos-card img:hover {

  cursor: pointer;



  -webkit-transition: all 0.5s ease 0s;

  -o-transition: all 0.5s ease 0s;

  transition: all 0.5s ease 0s;

}



.historical-photos-card a img:hover {

  transform: scale(1.2);



  -webkit-transform: scale(1.2);



  -o-transition: scale(1.2);



  cursor: pointer;

}



.historical-photos-card-title {

  width: 100%;



  height: 27px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 14px;



  color: #2e2e2e;



  line-height: 27px;



  text-align: center;



  font-style: normal;



  text-transform: none;



  text-align: center;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;

}



/* foot */



.foot-container {

  width: 100%;



  min-height: 126px;



  background: #96262a;



  background-size: 100% 100%;



  background-repeat: no-repeat;



  display: flex;



  /* flex-direction: column; */



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;

}



.foot-container p {

  min-height: 36px;



  font-family: Microsoft YaHei;



  font-weight: 500;



  font-size: 16px;



  color: #ffffff;



  line-height: 36px;



  text-align: center;



  font-style: normal;



  text-transform: none;

}



.foot-fix-bottom {

  position: fixed;



  bottom: 0;

}



/* 头部大屏 */



.jumbotron {

  min-height: 300px !important;



  padding: 71px 2em 0 71px;



  display: flex;



  align-items: center;

}



/* 列表页底部盒子 */



.list-container {

  /* padding: 0 10%; */



  /* margin-top: -10%; */



  background: #f6f4ef;



  /* height: 100vh; */



  /* min-height: 50vh; */



  position: relative;

}



.list-container-header {

  /* width: 100%; */



  padding: 0 15%;



  position: absolute;



  /* top: -80px; */



  z-index: 1;

}



.list-container-header-bar {

  width: 180px;



  height: 80px;



  position: relative;

}



.list-container-header-bar img {

  width: 100%;



  height: 100%;

}



.list-container-header-bar-p {

  width: 100%;



  padding: 0 20%;



  position: absolute;



  left: 50%;



  top: 50%;



  transform: translate(-50%, -50%);

}



.list-container-header-bar-p1 {

  height: 39px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 19px;



  color: #ffffff;



  line-height: 39px;



  font-style: normal;



  text-transform: none;



  text-align: center;

}



.list-container-header-bar-p2 {

  height: 27px;



  font-family: heiti;



  font-weight: 400;



  font-size: 18px;



  color: rgba(255, 255, 255, 0.5);



  line-height: 20px;



  font-style: normal;



  text-transform: none;

}



.list-container-body {

  width: 100%;



  min-height: 500px;



  padding: 0 15% 0 15%;



  display: flex;

}



.list-container-body-left {

  width: 180px;



  margin-top: 80px;



  /* height: 80px; */

}



.list-container-body-left-item {

  width: 100%;



  height: 80px;



  display: block;



  font-size: 16px;



  font-family: SourceHanSansSC_Bold;



  line-height: 80px;



  text-align: center;



  background: rgb(241, 237, 231);



  border-bottom: 1px solid rgba(255, 255, 255, 0.5);



  cursor: pointer;



  color: rgb(26, 26, 26);



  padding: 0 15px;

}



.list-container-body-left .active {

  font-weight: 700;



  color: rgba(157, 34, 54, 1);

}



.list-container-body-right {

  width: calc(100% - 180px);



  padding-left: 4%;



  display: flex;



  flex-direction: column;

}



.list-container-body-right-header {

  padding-top: 1rem;

}



.list-container-body-right-dividerLine {

  width: 100%;



  height: 1px;



  background: #96262a;



  opacity: 0.5;



  margin-bottom: 4px;

}



.list-container-body-right-body {

  width: 100%;



  background: #fefdfc;



  padding: 15px;

}



.list-container-body-right-body-item {

  width: 100%;



  display: flex;



  align-items: center;



  padding: 15px 20px;



  border-bottom: 1px solid rgba(181, 181, 182, 0.15);



  cursor: pointer;

}



.list-container-body-right-body .list-container-body-right-body-item:hover p {

  color: rgba(157, 34, 54, 1);

}



.list-container-body-right-body-item .item-left {

  width: calc(100% - 103px);

}



.list-container-body-right-body-item .item-left .p1 {

  height: 36px;



  font-family: Microsoft YaHei;



  font-weight: 500;



  font-size: 16px;



  color: #333333;



  line-height: 36px;



  text-align: left;



  font-style: normal;



  text-transform: none;

}



.list-container-body-right-body-item .item-left .p2 {

  height: 27px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 16px;



  color: #b5b5b6;



  line-height: 27px;



  text-align: left;



  font-style: normal;



  text-transform: none;

}



.list-container-body-right-body-item .item-right {

  width: 103px;



  height: 27px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 16px;



  color: #b5b5b6;



  line-height: 27px;



  text-align: right;



  font-style: normal;



  text-transform: none;

}



/* .list-container-body-right-body .active p{



    color: rgba(157, 34, 54, 1) !important;



} */



.list-container-body-right-body-item-container {

  width: 100%;

}



.list-container-body-right-body-content-container {

  width: 100%;

}



.list-container-body-right-body-content {

  width: 100%;

}



.list-container-body-right-body-detail {

  width: 100%;

}



.list-container-body-right-body-title {

  display: flex;



  justify-content: space-between;



  align-items: center;



  padding: 15px 0;

}



.list-container-body-right-body-title .list-right-title-left {

  /* width: 428px; */



  flex: 1;



  height: 48px;



  font-family: Microsoft YaHei;



  font-weight: 700;



  font-size: 26px;



  color: #333333;



  line-height: 48px;



  text-align: center;



  font-style: normal;



  text-transform: none;

}



.list-container-body-right-body-title .list-right-title-right .span1 {

  height: 21px;



  font-family: Microsoft YaHei;



  font-weight: 400;



  font-size: 14px;



  color: #b5b5b6;



  line-height: 21px;



  text-align: right;



  font-style: normal;



  text-transform: none;

}



.list-container-body-right-body-title .list-right-title-right .span2 {

  height: 21px;



  font-family: Microsoft YaHei;



  font-weight: 500;



  font-size: 14px;



  color: #96262a;



  line-height: 21px;



  text-align: left;



  font-style: normal;



  text-transform: none;

}



/* .list-container-body-right-body-item-container .list-container-body-right-body-item:first-child {



    padding-top: 0;



} */



/* 当前位置 */



.locationNavigation {

  display: flex !important;



  justify-content: flex-end !important;



  align-items: center !important;

}



.locationNavigation img {

  width: 18px;



  height: 18px;

}



.locationNavigation a:last-child {

  /* color: #804526;*/



  color: #96262a;

}



/* 分页样式 */



.pagebar {

  padding: 4vh 20px 5vh 20px;



  overflow: hidden;



  clear: both;

}



.pagebar .pagination {

  display: flex;



  justify-content: center;



  margin-top: 10px;

}



.pagination a {

  background: #fff;



  border: 1px solid rgba(181, 181, 182, 0.5);



  color: #333;



  font-size: 12px;



  padding: 8px 10px;



  margin: 0 5px;



  border-radius: 10px;

  line-height: 100%;

}



.pagination span {

  color: rgba(181, 181, 182, 0.5);



  font-size: 12px;



  padding: 7px 2px;



  margin: 0 2px;



  border-radius: 3px;

}



.pagination a:hover {

  color: #fff;



  border: 1px solid rgba(157, 34, 54, 1);



  background: rgba(157, 34, 54, 1);

}



.pagination a.page-num-current {

  color: #fff;



  background: rgba(157, 34, 54, 1);



  border: 1px solid rgba(157, 34, 54, 1);

}



.pagination .st {

  font-family: 宋体;

}



.text-secondary {

  text-align: center;

  padding: 20px 0;

}



.dbl-container {

  margin: 15px 0px 0;



  width: 100%;



  height: 550px;



  background: linear-gradient(

      to bottom,

      rgba(255, 255, 255, 0.6),

      rgba(255, 255, 255, 0.6)

    ),

    url(/static/images/stone-texture-background.jpg) 100% no-repeat;



  background-size: 100% 100%;



  background-repeat: no-repeat;



  margin-bottom: 1px;



  display: flex;



  padding: 10px 15%;

}



.dbl-section {

  width: 50%;



  padding: 10px;



  box-sizing: border-box;

}



.dbl-header {

  background: linear-gradient(to bottom, #ddc2b7, #ffffff); /* 上砖红下白渐变 */



  border-bottom: 1px solid #804526;



  padding: 10px;



  display: flex;



  justify-content: space-between;



  align-items: center;

}



.dbl-title {

  font-size: 16px;



  font-weight: bold;



  color: #804526;

}



.dbl-more {

  color: #804526;



  font-size: 12px;

}



.dbl-content {

  padding: 5px;

}



.dbl-item {

  position: relative; /* 为了小圆点定位 */



  padding-left: 16px; /* 确保文本不与小圆点重叠 */



  margin-bottom: 10px;



  display: flex;



  align-items: center;

}



.dbl-item::before {

  content: '';



  width: 4px; /* 小点的大小 */



  height: 4px;



  background-color: #000; /* 小圆点颜色 */



  border-radius: 50%;



  position: absolute;



  left: 0;



  top: 50%;



  transform: translateY(-50%);

}



.dbl-item-title {

  flex: 1;

}



/* 外层容器 */



.notice-container-right {

  width: calc(60% - 20px);



  font-family: Microsoft YaHei, sans-serif;

}



/* 每个模块的外层容器 */



.notice-section {

  /* margin-bottom: 20px; */



  /* 每个模块之间的间距 */

}



/* 标题栏样式 */



.notice-section-header {

  display: flex;



  justify-content: space-between;



  align-items: center;



  padding: 6px 20px 1px 0px; /* 添加左右内边距 */



  border-bottom: 2px solid #96262a; /* 底部边框线 */



  color: white; /* 文字颜色 */

}



.notice-section-header .notice-title {

  font-size: 16px;



  font-weight: bold;



  padding: 0px 25px; /* 添加左右内边距 */



  background: linear-gradient(to bottom, #db4348, #96262a); /* 背景渐变色 */



  color: white; /* 文字颜色 */



  padding: 5px 20px; /* 内边距 */



  border-radius: 5px 5px 0 0; /* 左上角和右上角圆角，左下角和右下角无圆角 */

}



.notice-section-header .notice-more-link {

  font-size: 12px;



  color: #666;



  text-decoration: none;



  margin-left: auto; /* 右对齐 */

}



.notice-section-header .notice-more-link:hover {

  color: #007bff;

}



/* 内容区域样式 */



.notice-section-body {

  margin-top: 10px;

}



.notice-section-body > :nth-of-type(n + 6) {

  display: none;

}



.notice-item {

  padding: 5px 0;



  text-decoration: none;



  color: #333;

}



.notice-item:hover {

  background-color: #f9f9f9;

}



.notice-item-content {

  margin: 5px 0;



  display: flex;



  align-items: center;



  padding: 0 10px;

  border-bottom: 1px solid rgba(181, 181, 182, 0.15);

}



.square {

  display: inline-block;



  width: 4px;



  height: 4px;



  background-color: #8f252b;



  margin-right: 10px;

}



.notice-item-title {

  flex: 1;



  font-size: 16px;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



  color: #272727;

}



.notice-item-title:hover {

  color: #263196;



  /* font-size: 17px; */

}



.notice-item-date {

  font-size: 14px;



  color: #999;



  text-align: right;



  width: 100px;

}



/* 搜索页按钮 */



.btn-custom {

  color: #fff;



  background-color: #804526;



  border-color: #804526;

}



.btn-custom:hover {

  color: #fff;



  background-color: #6b3c22;



  border-color: #6b3c22;

}



.btn-custom:focus,

.btn-custom.focus {

  color: #fff;



  background-color: #804323;



  border-color: #804323;



  box-shadow: 0 0 0 0.2rem rgba(128, 67, 35, 0.5);

}



.btn-custom.disabled,

.btn-custom:disabled {

  color: #fff;



  background-color: #804526;



  border-color: #804526;

}



.btn-custom:not(:disabled):not(.disabled):active,

.btn-custom:not(:disabled):not(.disabled).active,

.show > .btn-custom.dropdown-toggle {

  color: #fff;



  background-color: #6b3c22;



  border-color: #6b3d24;

}



.btn-custom:not(:disabled):not(.disabled):active:focus,

.btn-custom:not(:disabled):not(.disabled).active:focus,

.show > .btn-custom.dropdown-toggle:focus {

  box-shadow: 0 0 0 0.2rem rgba(107, 61, 36, 0.5);

}



/* 公共样式 */



.overflow-ellipsis {

  white-space: nowrap;



  /*overflow: hidden;*/




  text-overflow: ellipsis;

}



.none {

  display: none;



  background-color: red;



  position: absolute;



  max-height: 400px;



  margin-top: -40px;



  /* overflow: auto; */



  position: absolute;



  /* top: -2%; */



  left: 100%;



  background-color: rgba(255, 255, 255, 1);



  border-radius: 8px;



  /* display: none; */

}



.li-item-position:hover .none {

  display: block;

}



.none-text:hover {

  color: #9d2236;

}



.tr-box .case-img {

  width: 50px;

}



.notice-container-box {

  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */



  /* border-radius: 12px; */



  width: 40%;



  /* padding: 20px; */



  /* background-color: #ffffff9a; */



  margin-right: 10px;

}



@media (max-width: 768px) {

  .logo-sm-height {

    height: 30px;

  }



  .changeMediaSearch {

    display: block;

  }



  .changeMediaSearch1 {

    display: none;

  }



  .changeMediaSearch2 {

    display: flex;

  }



  .headBox {

    height: 70px;

  }



  .navbar-collapse {

    height: auto !important;



    background-color: #96262a;

  }



  .timeBox {

    width: 100%;



    margin-top: 0;

  }



  .navbar-nav {

    padding: 0 10px;

  }



  .navbar-nav .nav-item {

    border-bottom: 1px solid #fff;



    width: 100% !important;



    min-height: 40px;



    justify-content: left;



    display: unset;

  }



  .nav-item .li-item .li-item-content {

    text-align: left;



    height: 40px;



    line-height: 40px;

  }



  .navbar-left-text {

    font-size: 16px;



    width: 100%;

  }



  .navbar-collapse {

    position: relative;

  }



  .nav-item .li-item {

    right: 0;



    left: unset;



    top: 0;



    background-color: unset;



    position: static;



    width: 100%;



    display: block;

  }



  .service-content-right-header-item-title {

    font-size: 16px;

  }



  .service-content-right-header-item-text {

    font-size: 14px;

  }



  .service-content-right-left {

    width: 100%;



    padding: 10px;

  }



  .service-content-right-foot {

    display: block;

  }



  .serviceBox {

    margin-top: 20px;

  }



  .notice-container {

    padding: 0;



    display: contents;

  }



  .notice-container-box {

    width: 100%;



    padding: 2px;



    height: 250px;

  }



  .notice-container-right {

    width: 100%;



    margin-left: 0;



    height: 400px;

  }



  .subsystems-container {

    margin-top: 8px;



    padding: 0;



    display: block;



    height: auto;

  }



  .subsystems-child {

    width: 48%;

  }



  .service-container-left {

    width: 100%;

  }



  .service-container-right {

    width: 100%;

  }



  .service-content-right .service-content-right-box {

    padding: 8px;

  }



  .service-container {

    display: block;

  }



  .service-content-left-item {

    text-align: center;



    display: block;



    height: 120px;

  }



  .subsystems-child-content span {

    font-size: 16px;

  }



  .historical-photos-container {

    padding: 0;



    height: auto;

  }



  .foot_part .foot {

    width: 80%;



    display: block;

  }



  .foot_part .foot_address {

    width: 80%;

  }



  .swiperTitleBox {

    bottom: 0%;

    width: 100%;

  }



  .position-absolute h1 {

    font-size: 16px !important;

  }



  .swiper-slide .container {

    height: 30px;



    /* bottom: -30px; */

  }



  .navbar-nav .active .nav-link {

    box-shadow: unset;

  }



  .nav-item:hover .li-item {

    display: block;

  }



  .li-item-position {

    border-top: 1px solid #fff;

  }



  .launch {

    font-size: 30px;

    color: #fff;

  }



  .navbar-nav .nav-link {

    height: 50px !important;



    font-weight: bold;

  }



  /* .launch :active {



        color: #ff002b;



    } */

}