* { font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; box-sizing: border-box; }
body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; line-height: 1; font-size: 16px; overflow-x: hidden; transition: all 0.4s ease-in 0s; }
html, body { min-height: 100%; overflow-x: hidden; }
html { }
@font-face { font-family: SyhM; }
.clear::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; }
input, button, textarea { background: none; outline: none; border: none; appearance: none; border-radius: 0px; }
input:focus { border: none; }
.img_zd { position: relative; width: 100%; }
.img_zd .img_hezi { padding-bottom: 67.8% !important; }
.img_zd > img { position: absolute; inset: 0px; object-fit: cover; height: 100%; width: 100%; }
a { text-decoration: none; outline: none; }
a, input, img, :focus { outline-style: none; }
ul { list-style: none; }
img { border: 0px; }
ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0px; margin: 0px; font-weight: normal; }
ul li { list-style: none; }
h3, h4, h5 { font-weight: normal; }
h4 a:hover, h5 a:hover { transition: all 0.36s ease-in-out 0s; }
hr { display: block; height: 1px; border: 0px; background: rgb(216, 216, 216); padding: 0px; margin-bottom: 0.5rem; margin-top: 2.5rem; }
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; }
video { object-fit: cover; }
.fl { float: left;}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 14px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fr { float: right;}
.slow img:hover { transform: scale(1.05); }
.slow img { transition: all 0.2s ease-in-out 0s; }
h5 a, .more a { transition: all 0.36s ease-in-out 0s; }
.slow01 { transition: all 0.6s ease-in-out 0s; }
.slow02 { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.shadow { box-shadow: rgb(153, 153, 153) 1px 1px 10px; }
.radius { border-radius: 3px; }
.opacity { opacity: 1; }
.gray { filter: grayscale(100%); opacity: 0.6; }
.ie_bg { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.9; z-index: 99998; }
.ie9tips { width: 600px; height: 300px; position: fixed; top: 50%; left: 50%; margin: -150px 0px 0px -300px; line-height: 1.8; color: rgb(255, 255, 255); z-index: 99999; text-align: center; }
.ie9tips a { color: red; }
.ie9tips img { display: block; margin: 0px auto; max-width: 100%; }
.ie9tips p { padding-top: 10px; color: rgb(255, 255, 255); width: 420px; margin: 10px auto; line-height: 1.8; }
input::-webkit-input-placeholder { color: rgb(153, 153, 153); }
textarea::-webkit-input-placeholder { color: rgb(153, 153, 153); }

.reveal1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.reveal2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.reveal3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.reveal4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.w100 { width: 100%; }
.w13 { max-width: 13rem; margin: 0px auto; }
.w14 { max-width: 14rem; margin: 0px auto; }
.w15{ max-width: 15rem; margin: 0px auto; }
.w168{ max-width: 16.8rem; margin: 0px auto; }
@media (max-width: 1300px) {
  .w13 {width: 95%;}
}
@media (max-width: 1400px) {
  .w14 {width: 95%;}
}
@media (max-width: 1500px) {
  .w15 { width: 95%;}
}
@media (max-width: 1660px) {
  .w166 { width: 95%;}
}
@media (max-width: 1680px) {
  .w168 {width: 95%;}
}
.fanhui { position: fixed; right: 30px; bottom: 75px; width: 48px; height: 48px; border-radius: 50%; }
img {vertical-align: middle;}
.flex { display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-center { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.flex-start { display: flex; justify-content: flex-start; flex-wrap: wrap;}
.flex-end { display: flex; justify-content: flex-end; flex-wrap: wrap; }
#gotop {/* position: fixed; */display: block; z-index: 90;height: 0px; opacity: 0; /* visibility: hidden; */ /* bottom: 80px; right: 30px; */ box-sizing: border-box; text-align: center; cursor: pointer; transition: all 0.5s ease 0s;  }
#gotop.hide {width: 100%; height: 0.6rem;opacity: 1;}
#gotop img{display: block;/*width: 0.22rem;*/}
#gotop { cursor: pointer; }
#gotop svg { width: 100%; height: 100%; fill: rgb(13, 113, 230);}

@media (max-width: 1920px) {
  html { font-size: 16px; }
  table { width: 100% !important; }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  html { font-size: 15px; }
  table { width: 100% !important; }
}
@media (min-width: 640px) and (max-width: 1399px) {
  html { font-size: 14px; }
  table { width: 100% !important; }
}
@media (min-width: 471px) and (max-width: 639px) {
  html { font-size: 13px; }
  table {/* display: flex; overflow-x: auto; white-space: nowrap;*/ width: 100% !important; }
}
@media (min-width: 329px) and (max-width: 470px) {
  html { font-size: 12px; }
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important; }
}
@media (max-width: 328px) {
  html { font-size: 12px; }
  table { display: flex; overflow-x: auto; white-space: nowrap; width: 100% !important; }
}
.header_box { z-index: 100; left: 0px; right: 0px; top: 0px; position: fixed;/* background: url(../images24/topBG.jpg) no-repeat center;background-size:cover; */ align-items: center;}
#header {z-index: 999; width: calc(100% - 1.2rem); transition: all 0.6s ease 0s;position: relative;align-items: center;}
#header .w166{align-items: center;}
.header{width: 70.83%;}
.header_box .search_btn{width: 1.2rem;height: 1.3rem;background: #3749bc; cursor: pointer; text-align: center; transition: all 0.6s ease 0s;display: flex;align-items: center;justify-content: center; position: relative; }
.header_box .search_btn img{display: block;width: 0.35rem;height: 0.35rem;}
.PCsearch{position: absolute;right: 0.2rem;top: 102%;background: #3749bc;width: 3.4rem;height: 0.6rem;overflow: hidden; border-radius: 0.3rem;z-index: 99;transition: 0.6s all;opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, transform;
    transition-property: opacity, visibility, transform, -webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.PCsearch .text{width: calc(100% - 0.7rem);font-size: 0.14rem;color: #fff;height: 0.6rem;line-height: 0.6rem;text-indent: 0.2rem;float: left;}
.PCsearch .btn{width: 0.6rem;height: 0.6rem;background: url(../images24/search.png) no-repeat left center;background-size: 0.3rem 0.3rem;transition: 0.6s all;float: right;}
.PCsearch.show{visibility: visible;opacity: 1;-webkit-transform: translateY(0%);transform: translateY(0%);}



.chjy .header_box{background: none;position: fixed;}
.header_box.xg{background: url(../images24/topBG.jpg) no-repeat center;background-size: cover;}
.header_box.xg .PCsearch{background: #d6b57f;}


#logo {width: 21.6%;position: relative;z-index: 99;}
#logo a { display: block;}
#logo img{display: block;width: 100%;}
.header_top{justify-content: flex-end;}
.header_top li{margin-left: 0.1rem;}
.header_top li a{display: block; font-size: 0.16rem;color: #fff;padding-right: 0.1rem;transition: 0.6s all;}
.header_top li a{position: relative;}
.header_top li a::after{content: "";width: 0.01rem;height: 0.04rem;background: #b3c7e8;position: absolute;right: 0;top: 50%;margin-top: -0.02rem;}
.header_top li a:hover{opacity: 0.6; transition: 0.6s all;}
.header_top li:last-child a{padding-right: 0;}
.header_top li:last-child a::after{display: none;}
#header.show #nav{display: none;}
#header.show .menu-pc{background-size: cover;}
@media (max-width: 1500px) {
  #m_header #logo { width: 50%; }
  #logo img { width: 100%; }
}
@media (max-width: 850px) {
  .header_box { height: 0.5rem; }
  #m_header #logo{width: 85%;}
}
@media (max-width: 414px) {
  .header_box { height: 0.5rem; }
}
@media (max-width: 340px) {

}

#nav {position: relative;}
#nav ul { position: relative;}
#nav ul li { position: relative; z-index: 9; }
#nav ul li a { display: block; padding: 0px; }
#nav ul li h3 { font-size: 0.2rem;color: rgb(255, 255, 255);line-height: 0.6rem; position: relative; transition: all 0.6s ease 0s;font-weight: bold;}
#nav ul li h3::after{content: "";position: absolute;height: 0.01rem;width: 0; bottom: 0;left: 0;background: #fff;transition: 0.6s all;}
#nav ul li h3:hover::after{width: 100%; transition: 0.6s all;}
#nav ul li:hover a { color: rgb(255, 255, 255); }
#nav ul li.on h3 { font-weight: bold; }
#nav ul li:hover a h3 span, #nav ul li.on h3 span { }
#nav ul li a i { display: inline-block; width: 9px; height: 6px; vertical-align: middle; margin-left: 8px; }
#nav ul li .sub { position: absolute;top: 100%; width: 4.8rem; left:0;z-index: 10000; visibility: hidden; opacity: 0; transition: all 0.5s ease 0s;background: #081776 url(../images24/ylh022.png) no-repeat left top;padding: 0.2rem;border-top: 0.04rem solid #d6b57f; }
#nav ul li:last-child .sub {left: auto; right: 0px; }
#nav ul li:nth-child(8) .sub{left: auto;right: 0;}
#nav ul li:nth-child(9) .sub{left: auto;right: 0;}
#nav ul li .sub .pic{overflow: hidden;width: 2.4rem;}
#nav ul li .sub .pic img{border-radius: 0 0.5rem 0 0.5rem;    width: 100% !important;}


#nav ul li .sub .box {width: 1.8rem;}
#nav ul li .sub a { padding: 0px;border-bottom: 0.01rem solid #535d9f; line-height: 2.5; transition: all 0.3s ease 0s; font-size: 0.16rem; color: #fff; }
#nav ul li .sub a:hover { font-weight: 600;}
#nav ul li .sub .box a:last-child{border-bottom: none;}
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateY(0px); }
#nav ul > li.on h3, #nav ul li:hover h3, #header.xg #nav ul li.on a h3, #header.xg #nav ul li:hover a h3 {font-weight: bold; }
#nav .navBox > ul > li:last-child h3::after { left: auto; margin-left: 0px; right: 0px; }
#nav .navBox > ul > li:hover h3.ej::after, #nav ul li.on h3.ej::after { transform: scale(1); }
#nav .navBox > ul > li:hover h3.er::before, #nav > ul > li.on h3.ej::before { opacity: 1; visibility: visible; }
.header_box.xg {position: fixed; height: auto; transition: all 0.4s ease 0s; margin-top: 0px;border-top: none;box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);}
.header_box.xg #header{transition: 0.6s all;margin-top: 0;}
.header_box.xg .search_btn{height: 1rem;}
#logo .logo_black { display: none; }
.top_search_black { display: none; }

@media (max-width: 1200px) {
  .header_box { display: none; }
}
@media (max-width: 850px) {
  
  #header { display: none; }
  #gotop{right: 0.15rem;bottom: 0.3rem;}
  #gotop img,#gotop.hide{/*width: 0.3rem;*/}
  #gotop.hide{height: 0.3rem;}
}
.tc2 .tc-box form { border-radius: 4px; overflow: hidden; background: rgb(255, 255, 255); height: 60px; width: 100%; }
.tc2 .tc-box input[type="text"] { border: none; width: 94%; display: block; height: 60px; text-align: left; color: rgb(67, 67, 67); font-size: 14px; background: none; line-height: 60px; padding: 0px 20px; }
.tc2 .tc-box input[type="text"]:focus { text-align: left; }
.tc2 .tc-box input[type="submit"] { position: absolute; right: 0px; top: 50%; padding: 0px; z-index: 2;height: 60px; width: 70px; cursor: pointer; border: none; margin-top: -30px; }
.tc2 .tc { transition: all 300ms ease 0s; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 9999; }
.tc2 .tc { pointer-events: none; opacity: 0; transform: scale(1.1); visibility: hidden; }
.tc2 .tc.act { opacity: 1; pointer-events: auto; transform: scale(1); visibility: visible; }
.tc2 .close:hover { transform: rotate(180deg); }
.tc2 .close, .tc { transition: all 400ms ease 0s; }
.tc2 .tc-box { position: absolute; border-radius: 4px; overflow: hidden; top: 50%; z-index: 9999; background: rgb(255, 255, 255); height: 60px; width: 50%; left: 50%; margin-left: -25%; margin-top: -40px; }
.tc2 .tc.act { display: block; }
.tc2 .close { position: absolute; cursor: pointer; font-size: 20px; right: 30px; top: 30px; }
.tc2 .tc-bg { height: 100%; background: rgba(206, 180, 114, 0.9); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 0; opacity: 0.8; }
.search_btn { cursor: pointer; width: 0.18rem;height: 0.20rem;}
.search_btn img{display: block;width: 100%;}
.search_btn svg { display: inline-block; fill: rgb(255, 255, 255); width: 16px; height: 16px; vertical-align: middle; }
.nav-pc{position: absolute;top: 0;left: 0;right: 0;height: 100vh;z-index: -1;background-repeat: no-repeat;background-position: center;-o-background-size: cover;background-size: cover;display: none;}
.nav-pc .navBox{position: absolute;top: 162px;left: 5%;bottom: 0;overflow-y: auto;width: 90%;}
.nav-pc .navBox dt{font-size: 0.22rem;font-weight: bold;margin-bottom: 0.3rem;}
.nav-pc .navBox dt a{color: #fff;transition: 0.6s all;}
.nav-pc .navBox dt a:hover{opacity: 0.6;transition: 0.6s all;}
.nav-pc .navBox dd{margin-bottom: 0.34rem;}
.nav-pc .navBox dd a{color: #fff;font-size: 0.18rem;transition: 0.6s all;opacity: 0.8;}
.nav-pc .navBox dd a:hover{opacity: 1;transition: 0.6s all;}




.post-31 .tt {
  margin-bottom: 0.209rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.2rem;
  border-bottom: 2px solid #e8ecf1;
}
.post-31 .tt .tit { font-size: 0.52rem; font-weight: 700; color: #003d79; }
.post-31 .tt .ttbl { flex: 1; margin-left: 0.2rem; }
.post-31 .tt .ttbl span { display: block; height: 2px; background: #e8ecf1; }
.post-31 .tt .more_btn a {
  font-size: 0.28rem;
  color: #888;
  text-decoration: none;
  transition: color 0.3s;
}
.post-31 .tt .more_btn a:hover { color: #003d79; }

#certify {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: .3rem;
}

#certify .swiper-container {
  overflow: visible !important;
  padding: 0.3rem 0 1.4rem;
}

#certify .swiper-slide {
  width: 8.46rem;
  height: 5rem;
  aspect-ratio: 864/450;
  position: relative;
  /*transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),*/
  /*opacity 0.6s ease;*/
  overflow: visible;
  display:block;
  flex:none!important;
}

.post-31 .news .news_imgs {
  display: block;
  height: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.post-31 .news .news_imgs a {
  display: block;
  height: 100%;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;border-radius: 0.2rem;
}

.post-31 .news .news_wz {
  opacity: 0;
  transform: translateY(-1rem);
  transition: all 0.6s ease-in-out;
  bottom: -1.1rem;
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 100;
  left: 0;
  pointer-events: none;
}
.post-31 .news.swiper-slide-active .news_wz {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}



.post-31 .news .news_info {
  display: flex;
  background: #91231B;
  border-radius: 0.1rem;
  align-items: center;
  color: #fff;
  height: 0.42rem;
  font-size: 0.20rem;
  margin-right: 0.29rem;
  flex: none;
  white-space: nowrap;
}
.post-31 .news .news_info span { padding: 0 0.13rem; }
.post-31 .news .news_info span.info { display: none; }
.post-31 .news .news_info .type {
  font-weight: bold;
  border-right: 1px solid rgb(255 255 255 / 30%);
}
.post-31 .news .news_info .type a {
  color: #fff;
  text-decoration: none;
}

.post-31 .news .news_title {
  color: #91231B;
  font-weight: bold;
  font-size: 0.22rem;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 9rem;
  padding:.05rem;
  line-height:.35rem;

}

#certify .swiper-button-next,
#certify .swiper-button-prev {
  width: 0.68rem;
  height: 0.68rem;
  background-color: #fff;
  border-radius: 50%;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.3rem;
  margin-top: -0.84rem;
  z-index: 10;
  box-shadow: 0 0.04rem 0.2rem rgba(0,0,0,0.12);
  transition: all 0.3s;
  outline: none;
  border:none;
}

#certify .swiper-button-next:hover,
#certify .swiper-button-prev:hover {
      
}

#certify .swiper-button-next::after,
#certify .swiper-button-prev::after {
  font-size: 0.3rem;
  font-weight: bold;
  color: #666;
  transition: color 0.3s;
}
#certify .swiper-button-next:hover::after,
#certify .swiper-button-prev:hover::after {
  color: #fff;
}
#certify .swiper-button-prev {left: 19.5%;display:flex;align-items: center;justify-content: center;}
#certify .swiper-button-next {left: 76%;display:flex;align-items: center;justify-content: center;}

/* ========== å“åº”å¼ ========== */
@media (max-width: 768px) {
  html { font-size: 37.5px; }
  #certify { overflow: visible; }
  #certify .swiper-button-prev { left: 8%; }
  #certify .swiper-button-next { right: 8%; }
  .post-31 .news .news_title { max-width: 4.5rem; font-size: 0.22rem; }
  #certify .swiper-slide { width: 5.5rem; height: auto; }
}
@media (max-width: 480px) {
  html { font-size: 26px; }
  #certify { overflow: visible; padding:0}
  #certify .swiper-button-prev { left: 3%; }
  #certify .swiper-button-next { right: 3%; }
  .post-31 .news .news_title { max-width: 3.2rem;  font-size: 0.18rem;}
  #certify .swiper-slide { width: 4.1rem; height: auto; }
}

.part10-tab {}
.part10 {
    background-size: 100%;
    position: relative;
    z-index: 2;
    padding: .3rem 0 0;
}

.w16 {
    max-width: 15rem;
    margin: 0px auto;
}


.part10-tab li:nth-child(1) {
    padding-left: 0;
}

.part10-tab ul {
    display: inline-flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.part10-tab li {
    position: relative;
    padding: .3rem .3rem;
    font-size: .32rem;
    color: #333;
    cursor: pointer;
    transition: color 0.3s;
    z-index: 99;
}

.part10-tab li::after {
    content: '|';
    position: absolute;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: .21rem;
}
.part10-tab li:last-child::after {display: none;}
.part10-tab li.active {color:#091c92;font-weight:600;}

.part10-tab li.active::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 28px;
    background: url("data:image/svg+xml,%3Csvg  viewBox='0 0 70 28'%3E%3Cpath d='M5 14 Q18 6 30 14 T55 14 T68 14' fill='none' stroke='%23c33' stroke-width='1.2' opacity='0.5'/%3E%3Cpath d='M5 16 Q18 8 30 16 T55 16 T68 16' fill='none' stroke='%23c33' stroke-width='0.8' opacity='0.3'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.part10-tab-cont {border-radius: 8px;}
.part10-tab-cont ul {list-style: none;padding:0;margin: 0;}

.part10-tab-cont > ul > li {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
.part10-tab-cont > ul > li.active {
    position: relative;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}



.lec-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding-top: .8rem;
    padding-bottom: .4rem;
}

.lec-item {
    display: flex;
    flex-direction: column;
}

.lec-img-wrap {
    overflow: hidden;
    margin-bottom: .4rem;
    cursor: pointer;
}

.lec-img-wrap:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

.lec-img {
    width: 100%;
    display: block;
    aspect-ratio: 4 / 5;   
    object-fit: cover;
}

.lec-text a {
    font-size: 0.18rem;
    color: #333;
    line-height: 1.55;
    font-weight: bold;
}


@media (max-width: 1024px) {

.part10-tab li:nth-child(1) {
    padding-left: .3rem;
}
    
.part10-tab li{
    font-size: .22rem;
    padding: .2rem .2rem;
}

    .lec-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .lec-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}





.search-dialog-box { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1000000; opacity: 0; visibility: hidden; transition: all 0.6s ease 0s; }
.search-dialog-box::before { content: ""; position: absolute; top: 0px; height: 0px; background: none; transition: all 0.6s ease 0s; left: 0px; right: 0px; z-index: 1; }
.search-dialog-box.on::before { height: 100%; }
.search-dialog-box .bubbles-bg { opacity: 0; visibility: hidden; display: none; }
.search-dialog-box .search-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; margin: 0px; background: 0% 0% / cover no-repeat rgba(0, 0, 0, 0.7); transform-origin: center center; transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1) 0s; }
.search-dialog-box .wrap-inner { transform: translateY(100%); transition: all 0.6s ease 0s; }
.header-right .bubbles-bg { opacity: 0; visibility: hidden; transition: all 0.5s ease 0.8s; }
.search-dialog-box .bubbles-bg .bubble { position: absolute; }
.search-dialog-box .bubbles-bg .bubble .circle { border-radius: 100%; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.search-dialog-box .bubbles-bg .bubble1 { width: 6%; padding-top: 6%; left: 26.875%; top: -6.67%; }
.search-dialog-box .bubbles-bg .bubble1 .circle { border: 1px solid rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble2 { width: 12px; padding-top: 12px; left: 13.54%; top: 18%; }
.search-dialog-box .bubbles-bg .bubble2 .circle { background-color: rgb(41, 167, 65); }
.search-dialog-box .bubbles-bg .bubble3 { width: 36px; padding-top: 36px; left: 8.854%; top: 30.55%; }
.search-dialog-box .bubbles-bg .bubble3 .circle { background-color: rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble4 { width: 56.875%; padding-top: 56.875%; left: -28.6458%; top: 51.85%; }
.search-dialog-box .bubbles-bg .bubble4 .circle { background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05) 100%); }
.search-dialog-box .bubbles-bg .bubble5 { width: 54px; padding-top: 54px; left: 26.3%; top: 70.83%; }
.search-dialog-box .bubbles-bg .bubble5 .circle { background-color: rgb(255, 255, 255); opacity: 0.1; }
.search-dialog-box .bubbles-bg .bubble6 { width: 56.875%; padding-top: 56.875%; left: 73.4375%; top: -52.77%; }
.search-dialog-box .bubbles-bg .bubble6 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.1) 100%); }
.search-dialog-box .bubbles-bg .bubble7 { width: 2rem; padding-top: 2rem; left: 60.9375%; top: 18.5%; }
.search-dialog-box .bubbles-bg .bubble7 .circle { background-color: rgb(41, 167, 65); }
.search-dialog-box .bubbles-bg .bubble8 { width: 1.35rem; padding-top: 1.35rem; left: 95.83%; top: 70.83%; }
.search-dialog-box .bubbles-bg .bubble8 .circle { border: 1px solid rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble9 { width: 16px; padding-top: 16px; left: 76.5625%; top: 96.296%; }
.search-dialog-box .bubbles-bg .bubble9 .circle { background-color: rgb(255, 255, 255); }
.search-dialog-box .bubbles-bg .bubble10 { width: 56.875%; padding-top: 56.875%; left: 71.354%; top: 87%; }
.search-dialog-box .bubbles-bg .bubble10 .circle { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.3) 100%); }
.search-dialog-box .bubbles-bg .bubble { animation: 8s linear 0s infinite normal none running spin; transform-origin: 50% 45%; }
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) { animation: 8s linear 0s infinite normal none running spin2; }
.search-dialog-box .bubbles-bg .bubble .circle { animation: 8s linear 0s infinite normal none running spin-reverse; }
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle { animation: 8s linear 0s infinite normal none running spin-reverse2; }
.search-dialog-box .bubbles-bg .sm-bubble { transform-origin: 30% 30px; }
.search-dialog { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
.search-dialog .search-tit { font-size: 2.75rem; line-height: 3.5rem; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: none; }
.search-dialog .search-inner { overflow: hidden; margin-top: 0px; }
.search-dialog .search-input { width: 50%; margin: 0px auto; padding: 0px 0rem 0px 1.5rem; box-sizing: border-box; transition: all 0.3s ease 0s; max-width: 94%; }
.search-dialog .search-input input[type="text"] { float: left; height: 1rem; width: calc(100% - 1rem); background-color: transparent; font-size: 0.18rem; line-height: 1rem; color: rgb(145, 145, 145); transition: all 0.3s ease 0s; outline: none; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.6); }
.search-dialog .search-input input[type="text"]::-webkit-input-placeholder { color: rgb(145, 145, 145); }
.search-dialog .search-input input[type="image"], .search-dialog .search-input .clear-btn { float: right; height: 0.8rem; width: 0.8rem; }
.search-dialog .search-input input[type="image"] { background: url("../images24/search.png") center center no-repeat #081776; height: 0.8rem; width: 0.8rem; border-radius: 100px; }
.search-dialog .search-input .clear-btn { background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center;  background-size: 3.5rem; border-radius: 100%; margin-right: 1rem; display: none; }
.search-dialog .search-input.on { background-color: rgb(255, 255, 255); }
.search-dialog .search-input.on input[type="image"] {}
.search-dialog .hot-search { font-size: 0px; width: 19.5rem; margin: 0.6rem auto 0px; box-sizing: border-box; padding: 0px 0.6rem; overflow: hidden; }
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link { display: inline-block; zoom: 1; vertical-align: top; }
.search-dialog .hot-search .hot-tit { font-size: 0.375rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-weight: bold; padding-left: 0.6rem; background-repeat: no-repeat; background-position: left center; background-size: 0.5rem; }
.search-dialog .hot-link { margin-left: 1rem; }
.search-dialog .hot-link a { display: inline-block; zoom: 1; font-size: 0.375rem; line-height: 0.5rem; margin-right: 0.75rem; color: rgb(255, 255, 255); padding-bottom: 5px; position: relative; }
.search-dialog .hot-link a::before { content: ""; position: absolute; left: 0%; bottom: 0px; width: 100%; height: 2px; background-color: rgb(255, 255, 255); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s ease 0s; }
.search-dialog-box .bottom-box { position: absolute; left: 0px; bottom: 5.1%; width: 100%; }
.search-dialog-box .bottom-box .share-box { overflow: hidden; }
.search-dialog-box .bottom-box .copy { font-size: 0.35rem; line-height: 0.5rem; color: rgb(255, 255, 255); font-family: gilroy-regular; margin-top: 0.5rem; overflow: hidden; }
.header-right.is-open .bubbles-bg { visibility: visible; opacity: 1; }
.header-right.is-open .search-btn .con-box { display: none; }
.header-right.is-open .close-btn { display: block; }
.header-right.is-open .item .search-bg { transform: scale(1); }
.search-dialog-box.on { opacity: 1; visibility: visible; }
.search-dialog-box.on .search-bg { height: 100vh; }
.search-dialog-box.on .bubbles-bg { opacity: 1; visibility: visible; }
.search-dialog-box.on .wrap-inner { transform: translateY(0px); }
.pub-close { position: absolute; width: 51px; height: 52px; z-index: 10; right: 0.8rem; top: 0.8rem; border-radius: 100%; }
.pub-close .bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(28, 90, 183); transform: scale(0); border-radius: 100%; transition: transform 0.3s ease 0s; }
.pub-close i { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url("../images24/search_close.png"); transition: all 0.6s ease 0s; }
.pub-close i:hover { transform: rotate(180deg); }
@keyframes spin { 
  100% { transform: rotate(1turn); }
}
@keyframes spin2 { 
  100% { transform: rotate(-1turn); }
}
@keyframes spin-reverse { 
  0% { transform: rotate(1turn); }
}
@keyframes spin-reverse2 { 
  0% { transform: rotate(-1turn); }
}
.tc_search { margin: 0.3rem 0.2rem 0px; width: calc(100% - 0.4rem); position: relative; }
.tc_search form { height: 40px; border-radius: 0px;position: relative; width: 100%; margin-bottom: 1rem; }
.tc_search .keyword { font-size: 0.18rem; color: rgb(255, 255, 255); height: 40px; line-height: 40px; box-shadow: none; appearance: none; background: none; width: 100%; outline: none; border: 1px solid rgba(255, 255, 255, 0.5); padding: 0px 51px 0 16px; }
.tc_search .btn_blue { position: absolute; right: 0px; width: 40px; height: 40px; line-height: 38px; border: 0px; background: url("../images24/search_white.png") center center / 0.2rem no-repeat; }
.tc_search .btn_blue.fr { background: rgb(233, 237, 239); color: rgb(78, 79, 83); }
.tc_search input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); }
.tc_search input:focus::-webkit-input-placeholder { color: transparent; }
#nav_btn_box { height: 100%; z-index: 999999999; float: right;}
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: rgb(255, 255, 255); }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.24rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 0.3rem; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0px; display: inline-block; width: 24px; height: 1px; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255); }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0px; display: inline-block; width: 0.2rem; height: 1px; content: ""; transition: all 0.3s ease-out 0s; background: rgb(255, 255, 255); }
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; margin: 0.3rem 0px 0px; }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav { z-index: 99999; position: fixed; width: 100%; height: 100vh; right: -105%; top: 0px; padding: 0.3rem 0px 0.2rem; overflow: hidden; pointer-events: none; transition: all 0.3s ease-out 0s; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;
 background: #081776;
}
#m_nav .close { position: absolute; top: 6px; right: 15px; font-size: 28px; color: rgb(255, 255, 255); z-index: 10000; }
#m_nav.act { pointer-events: auto; right: 0px; overflow: auto; }
#m_nav > ul > li { width: 100%; overflow: hidden; padding: 0px 0px 0px 0.3rem; position: relative; }
#m_nav > ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li .a { display: inline-block; width: calc(100% - 30px); }
#m_nav li .a { line-height: 0.6rem; height: 0.6rem; color: rgb(255, 255, 255); padding: 0px; font-size: 14px; float: left; }
#m_nav li .a span { display: block; position: absolute; top: 0px; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0px; }
#m_nav li i { opacity: 1; width: 0.6rem; height: 0.6rem; background-image: url("../images24/arrow_down.png"); background-position: calc(100% - 30px) center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: 0px; background-size: 13px 13px !important; }
#m_nav li.on i { }
#m_nav .on.title .a i { transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0px; height: 70px; z-index: 998; padding: 15px; top: 0px; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0px; margin-left: 0px; background: none; border: 0px; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #0a5aa8; }
#m_nav .title .list a { display: block; font-size: 0.18rem; color: rgba(255, 255, 255, 0.6); text-align: left; line-height: 40px; height: 40px; border: 0px; font-weight: 300; }
#m_nav .title .list .void > a { background-size: 10px; position: relative; }
#m_nav .title .list .void > a::before { content: "??????èŽ½ç‚‰éˆ¥????çŒ«è·¯ç‚‰??aèŒ…éˆ¥æ¾Ÿè¯¥â”¾?æºŒæ‡Šî‡·æŸ¯????èŒ…éˆ¥æ¾Ÿè¯¥Ñ€?Ã·????å¿™æ²¤é²"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; overflow: hidden; display: block !important;}
#m_nav .title .sub a { background: none; font-size: 0.875rem; opacity: 0.8; min-width: 50%; float: left; display: inline-block; color: rgb(153, 153, 153); }
#m_nav p{text-align: center;width: 100%;}
#m_nav>p{margin-bottom: 15px;}
#m_nav p a{color: #fff;padding: 0 10px;font-size: 14px;}



.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }
.m_header_box { transition: all 0.6s ease 0s; display: none; height: 70px; }
#m_header #logo .box_table { width: auto; float: left; display: table; height: 100%; }
#nav_btn_box .box_table { width: auto; float: left; display: table; height: 100%; }
#nav_btn_box .box_table .box_table_cell { vertical-align: middle; display: table-cell; }
#m_header #logo .box_table .box_table_cell { vertical-align: middle; display: table-cell; margin: 0px auto; }
#m_header #logo .box_table .box_table_cell a { display: block; }
.m_header_box header { padding: 0px 5%; height: 80px;position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.18);background: url(../images24/topBG.jpg) no-repeat center;background-size: cover;}
#m_header #logo { float: left; height: 50px;margin-top: 10px; }
#m_header #logo img { max-height: 0.7rem; width: 100%; }
#m_header .yuyan { height: 4.5rem; float: right; margin-right: 4rem; }
#m_header .yuyan span { display: block; width: 24px; height: 24px; line-height: 24px; color: rgb(255, 255, 255); font-size: 0.9rem; text-align: center; margin-left: 17px; background: rgba(255, 255, 255, 0.3); }
.ej .toubu_div { position: initial; }
.ej #nav ul li h3 { color: rgb(51, 51, 51); font-family: "microsoft yahei"; }
.ej #nav ul li.on h3, .ej #nav ul li:hover h3 { color: rgb(255, 255, 255); }
.ej .list_box0 .li { line-height: 3rem; }
.ej .list_box0 .li > a { color: rgb(102, 102, 102); }
.ej .list_box0 .li input.txt { border-bottom: 1px solid rgb(102, 102, 102); }
.ej #header #logo .box_table { height: 132px;}
.ej #header { height: 8.18rem; }
.ej .header_box_li { height: 8.18rem; }
#fp-nav.fp-right { display: none; }
#m_nav .phone{padding: 0 0.3rem;}
#m_nav .phone p{font-size: 0.14rem;color: #fff;line-height: 0.24rem;text-align: left;margin-bottom: 0.05rem;}
.m_links{margin-top: 0.2rem;padding: 0 0.2rem;justify-content: flex-start;margin-right: -5%;width: 100%;}
.m_links dd{width: 30%;margin: 0.1rem 3% 0.1rem 0;}
.m_links dd a{font-size: 0.16rem;color: #fff;opacity: 0.6;}
.m_links dd:hover a{opacity: 1;}



@media (max-width: 1820px) {
  #header .w163{margin: 0 100px;width: calc(100% - 200px);}
}
@media (max-width: 1200px) {
  .m_header_box { display: block; }
  .header_box { display: none; }
}
@media (max-width: 768px) {
 .m_links .language h3{font-size: 0.2rem;}
 .m_links .language dd{width: 25%;}
 .m_links .language dd a{font-size: 0.16rem;}
}
@media (max-width: 540px) {
 .m_links .language dd{width: 33.3%;}
}
/* banner */
.bannerBox{width:100%;position: relative;z-index: 1;}
.bannerBox .swiper-container{max-width: 100%;}
.bannerBox .swiper-slide{filter: brightness(1) !important;}
.bannerBox .swiper-slide a{display: block;position: relative;}
.bannerBox .swiper-slide::after{content: "";width: 100%;height: 30%;background: linear-gradient(to bottom, rgba(8, 23, 118, 0.8), rgba(8, 23, 118, 0));position: absolute;left: 0;top: 0;}
.bannerBox img{display: block;width: 100vw;position: relative;object-fit: cover;height: 100vh;transition: opacity 1s ease-in-out, transform 1s ease-in-out;
   /* transform: scale(0.8);*/}
.bannerBox .swiper-pagination{bottom: 0.2rem !important;}
.bannerBox .swiper-slide-active{z-index: 9;}
.bannerBox .swiper-slide-active img{transform: scale(1);animation: zoomInOut 5s infinite alternate;}
.bannerBox .swiper-pagination-bullet{width: 0.14rem;height: 0.14rem;margin: 0 0.08rem !important;opacity: 0.4;background: #fff;}
.bannerBox .swiper-pagination-bullet-active{width: 0.19rem;height: 0.2rem;background: url(../images24/bannerD.png) no-repeat center; opacity: 1;background-size: 0.19rem 0.2rem;}
/* .bannerBox .swiper-button-prev,.bannerBox .swiper-button-next{width: 0.6rem;height: 0.6rem;border: none;margin-top: -0.3rem;left: auto;margin-left: 0;}
.bannerBox .swiper-button-prev{background-size: 0.6rem 0.6rem;left: 3vw;}
.bannerBox .swiper-button-next{background-size: 0.6rem 0.6rem;right: 3vw;} */
.bannerBox .swiper-button-next:after, .bannerBox .swiper-button-prev:after{display: none;}
@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
	100% {
	    transform: scale(1.05);
	}
}

/* .bannerBox .swiper-slide:hover img{transform: scale(1.1);transition: 0.8s all;} */



@media(max-width: 1720px){
}
@media(max-width: 1400px){

}
@media(max-width: 1200px){
	.bannerBox img{height:36vw;}
	.bannerBox .swiper-slide a::after{display: none;}
	.bannerBox .swiper-pagination{bottom: 0.2rem !important;}
	.bannerBox .swiper-slide::after{display: none;}
}
@media(max-width: 850px){
}	
@media(max-width: 640px){
}
@media(max-width: 540px){
}

/* banner end */
.Cotitle{margin-bottom: 0.5rem;align-items: flex-end;padding-left: 1.11rem;}
.Cotitle h5{display: table;margin: 0 auto;font-size: 0.42rem;font-family: "æ€æºå®‹ä½“";font-weight: bold;letter-spacing: 0.02rem;position: relative;}
.Cotitle h5::after{content: "";width: 0.78rem;height: 0.88rem;background: url(../images24/title01.png) no-repeat center;background-size: 0.78rem 0.88rem;position: absolute;left: -0.32rem;top: -0.26rem;}
.Cotitle h5 i{font-style: normal;font-family: "æ€æºå®‹ä½“";margin-left: 0.1rem;padding-left: 0.26rem;position: relative;background: url(../images24/title02.png) no-repeat left center;background-size: 0.13rem 0.13rem;}
.Cotitle h5 i::after{content: "";width: 0.13rem;height: 0.13rem;background: ;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -0.04rem;}
.Cotitle .more a{display: block; width: 1.11rem;height: 0.37rem;line-height: 0.3rem; padding: 0.07rem 0 0 0.35rem; background: url(../images24/more.png) no-repeat right bottom;background-size: 1.11rem 0.37rem;font-size: 0.14rem;color: #081776;transition: 0.6s all;}
.Cotitle .more a:hover{padding-left: 0.3rem;transition: 0.6s all;}
/* part1 */
.part1{position: relative; padding: 0.8rem 0;background: #f8f9ff url(../images24/part1BG.png) no-repeat center;background-size: cover;}
.part1::after{content: "";width: 1.11rem;height: 4.21rem;background: url(../images24/part1-03.png) no-repeat center;background-size: 1.11rem 4.21rem;position: absolute;left: 0.4rem;top: 18%;}
.part1 .w15{position: relative;z-index: 2;}
.par1Con{overflow: hidden;}
.par1Con .mySwiper2{position: relative;}
.par1Con .mySwiper2 .swiper-slide .pic{width: 8.4rem;overflow: hidden;border-radius: 0.3rem;}
.par1Con .mySwiper2 .swiper-slide .pic img{display: block;width: 100%;height: 5rem; transition: 0.6s all;object-fit: cover;}
.par1Con .mySwiper2 .swiper-slide .text{width: calc(100% - 9rem);}
.par1Con .mySwiper2 .swiper-slide .text i{font-size: 0.14rem;color: #081776;font-family: "times new roman";font-style: normal;padding-left: 0.22rem;line-height: 0.16rem;background: url(../images24/time.png) no-repeat left center;background-size: 0.15rem 0.15rem;display: block;margin-bottom: 0.2rem;}
.par1Con .mySwiper2 .swiper-slide .text h5{font-size: 0.28rem;color: #323232;line-height: 0.46rem;height: 0.92rem;font-weight: 600;margin-bottom: 0.4rem;transition: 0.6s all;}
.par1Con .mySwiper2 .swiper-slide .text p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;height: 1.28rem;}
.par1Con .mySwiper2 .swiper-slide:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.par1Con .mySwiper2 .swiper-slide:hover .text h5{color: #081776;transition: 0.6s all;/*text-decoration: underline;*/}
.par1Con .part1D{width: calc(100% - 9rem);position: absolute;left: 9rem;bottom: 0.8rem;justify-content: flex-start;align-items: center;z-index: 99;}
.par1Con .swiper-pagination{position: relative;align-items: center;}
.par1Con .swiper-pagination .swiper-pagination-bullet{width: 0.13rem;height: 0.13rem;background: #081776;border-radius: 50%;opacity: 0.4;margin-right: 0.16rem;}
.par1Con .swiper-pagination .swiper-pagination-bullet-active{width: 0.19rem;height: 0.2rem; background: url(../images24/part1-02.png) no-repeat center;background-size: 0.19rem 0.2rem;opacity: 1;}
.par1Con .swiper-button-prev,.par1Con .swiper-button-next{position: relative;left: auto;margin-left: 0;margin-top: 0;top: auto;width: 0.4rem;height: 0.4rem;border-radius: 0;margin-left: 0.2rem;border: none;opacity: 1;}
.par1Con .swiper-button-prev{background: url(../images24/part1L.png) no-repeat center;background-size: 0.4rem 0.4rem;}
.par1Con .swiper-button-next{background: url(../images24/part1R.png) no-repeat center;background-size: 0.4rem 0.4rem;}
.par1Con .mySwiper{margin-top: 0.3rem;padding-bottom: 0.8rem;}
.par1Con .mySwiper .swiper-slide{filter: brightness(1);overflow: hidden;background: #fff;border-radius: 0.1rem;}
.par1Con .mySwiper a{align-items: center;transition: 0.6s all;cursor: pointer;}
.par1Con .mySwiper .pic{width: 2.4rem;overflow: hidden;border-radius: 0.1rem;}
.par1Con .mySwiper .pic img{display: block;width: 100%;transition: 0.6s all;height: 1.43rem;object-fit: cover;}
.par1Con .mySwiper .text{width: calc(100% - 2.6rem);padding: 0.1rem 0.2rem 0.1rem 0;}
.par1Con .mySwiper .text i{font-size: 0.14rem;color: #081776;font-family: "times new roman";line-height: 0.16rem;padding-left: 0.22rem;background: url(../images24/time.png) no-repeat left center;background-size: 0.15rem 0.15rem;font-style: normal;}
.par1Con .mySwiper .text p{margin-top: 0.2rem;font-size: 0.16rem;color: #323232;line-height: 0.26rem;height: 0.78rem;}


.par1Con .mySwiper .swiper-slide.on{background: #081776 url(../images24/ylh01.png) no-repeat right top;background-size: 50%;    box-shadow: 0px 5px 16.08px 0.92px rgba(27, 38, 49, 0.5);transition: 0.6s all;}
.par1Con .mySwiper .swiper-slide.on p{color: #fff;transition: 0.6s all;z-index:999;}

.par1Con .mySwiper .swiper-slide.on .text i{color: #fff;transition: 0.6s all;z-index:999;background: url(../images24/time01.png) no-repeat left center;background-size: 0.15rem 0.15rem;}

.par1Con .mySwiper a:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.par1Con .mySwiper .swiper-slide:hover .text p{/*text-decoration: underline;*/}
.part1 .part1D .more a {
    display: block;
    width: 1.11rem;
    height: 0.37rem;
    line-height: 0.3rem;
    padding: 0.07rem 0 0 0.35rem;
    background: url(../images24/more.png) no-repeat right bottom;
    background-size: 1.11rem 0.37rem;
    font-size: 0.14rem;
    color: #081776;
    transition: 0.6s all;
}
.part1 .part1D .more{ margin-left: 2.5rem;}

.part1 .part1D .more a:hover{padding-left: 0.3rem;transition: 0.6s all;}



@media(max-width: 1024px){
.par1Con .mySwiper2 .swiper-slide .pic{width: 7rem;}
.par1Con .mySwiper2 .swiper-slide .pic img{height: 32vw;}
.par1Con .mySwiper2 .swiper-slide .text{width: calc(100% - 7.4rem);}
.par1Con .part1D{width: calc(100% - 7rem);left: 7.4rem;bottom: 0;}
.par1Con .mySwiper .pic{width: 2rem;}
.par1Con .mySwiper .text{width: calc(100% - 2.2rem);}
.par1Con .mySwiper2 .swiper-slide .text h5{height: auto;max-height: 0.92rem;}
.par1Con .mySwiper2 .swiper-slide .text p{font-size: 0.18rem;height: auto;max-height: 1.28rem;}
.par1Con .part1D{position: relative;width: 100%;left: 0;margin: 0.2rem 0.4rem;}
}
@media(max-width: 850px){
.part1{padding: 0.5rem 0 0.8rem 0;}
.par1Con .mySwiper{display: none;}
.par1Con .mySwiper2 .swiper-slide .pic{width: 100%;}
.par1Con .mySwiper2 .swiper-slide .text{width: 100%;margin-top: 0.3rem;}
.par1Con .mySwiper2 .swiper-slide .pic img{height: 58vw;}
.part1::after{display: none;}
}
@media(max-width: 540px){
.Cotitle{padding-left: 0;}
.Cotitle h5{margin: 0 0 0 0.34rem;}
}
.Cotitle h3 {
    display: table;
   float: right;
    font-size: 0.42rem;
    font-family: "æ€æºå®‹ä½“";
    font-weight: bold;
    letter-spacing: 0.02rem;
    position: relative;
}
/* part2 */
.part2{background:#f8f9ff url(../images24/part2BG.png) no-repeat top center;background-size: 100%;padding: 1.1rem 0 0.8rem 0;position: relative;margin-top: -0.8rem;z-index: 2;}
.part2 .Cotitle h5{color: #fff;}
.part2 .Cotitle h5::after{background: url(../images24/title01W.png) no-repeat center;background-size: 0.78rem 0.88rem;}
.part2 .Cotitle h5 i{background: url(../images24/title02W.png) no-repeat left center;background-size: 0.13rem 0.13rem;}
.Cotitle h3 i{background: url(../images24/title02W.png) no-repeat left center;background-size: 0.13rem 0.13rem;font-style: normal;
    font-family: "æ€æºå®‹ä½“";
    margin-left: 0.1rem;
    padding-left: 0.26rem;
    position: relative;}
.part2 .Cotitle .more a{background: url(../images24/moreW.png) no-repeat right bottom;background-size: 1.11rem 0.37rem;color: #fff;}
.part2 .mySwiper{overflow: hidden;}
.part2 .swiper-slide{padding-top: 0.14rem;filter: brightness(1);background: url(../images24/part2-02.png) no-repeat top center;background-size: 95% 0.14rem;position: relative;}
.part2 .swiper-slide::after{content: "";width: 0.3rem;height: 0.04rem;background: #d6b57f;position: absolute;right: 0;bottom: -0.04rem;}
.part2 .swiper-slide::before{content: "";width: calc(100% - 0.57rem);height: 0.04rem;background: #d6b57f;position: absolute;left: 0;bottom: -0.04rem;}
.part2 .swiper-slide:nth-child(even)::after{background: #081776;}
.part2 .swiper-slide:nth-child(even)::before{background: #081776;}
.part2 .swiper-slide a{border-radius: 0.05rem 0.05rem 0 0;background: #fff;box-shadow: 0px 1px 39.1px 6.9px rgba(24, 29, 58, 0.15);padding: 0.4rem 0.3rem;position: relative;transition: 0.6s all;}
.part2 .swiper-slide a::after{content: "";width: 0.17rem;height: 0.17rem;background: url(../images24/part2-03.png) no-repeat center;background-size: 0.17rem 0.17rem;position: absolute;bottom: -0.06rem;right: 0.35rem;}
.part2 .swiper-slide:nth-child(even) a::after{background: url(../images24/part2-04.png) no-repeat center;background-size: 0.17rem 0.17rem;}
.part2 .mySwiper .swiper-pagination{position: relative;margin-top: 0.4rem;}
.part2 .mySwiper .time{width: 0.38rem;}
.part2 .mySwiper .time .day{font-size: 0.36rem;color: #081776;font-family: "times new roman";text-align: center;}
.part2 .mySwiper .time .month{font-size: 0.28rem;color: #081776;font-family: "times new roman";text-align: center;margin-top: 0.08rem;padding-top: 0.2rem;background: url(../images24/part2-01.png) no-repeat top center;background-size: 0.13rem 0.13rem;}
.part2 .mySwiper p{width: calc(100% - 0.55rem); font-size: 0.2rem;color: #323232;line-height: 0.32rem;height: 0.96rem;transition: 0.6s all;}
.part2 .mySwiper .swiper-slide:hover p{/*text-decoration: underline;*/color: #fff; transition: 0.6s all;}
.part2 .mySwiper .swiper-slide:hover .time .day{color: #fff;}
.part2 .mySwiper .swiper-slide:hover .time .month{color: #fff;background: url(../images24/part2-01on.png) no-repeat top center;background-size: 0.13rem 0.13rem;}
.part2 .mySwiper .swiper-slide:hover a{background: #081776 url(../images24/ylh01.png) no-repeat right top;box-shadow: 0px 11px 45.08px 3.92px rgba(27, 38, 49, 0.5);transition: 0.6s all;}
.part2 .mySwiper .swiper-slide:hover a::after{display: none;}
.part2 .mySwiper .swiper-slide:hover::after,.part2 .mySwiper .swiper-slide:hover::before{display: none;}
.part2 .swiper-pagination{position: relative;align-items: center;margin-top: 0.46rem !important;bottom: auto !important;}
.part2 .swiper-pagination .swiper-pagination-bullet{width: 0.13rem;height: 0.13rem;background: #081776;border-radius: 50%;opacity: 0.4;margin:0 0.08rem !important;}
.part2 .swiper-pagination .swiper-pagination-bullet-active{width: 0.19rem;height: 0.2rem; background: url(../images24/part1-02.png) no-repeat center;background-size: 0.19rem 0.2rem;opacity: 1;}
@media(max-width: 850px){
.part2{padding: 1rem 0 0 0;background-size: cover;margin-bottom: 0.4rem;}
}

/* part3 */
.part3BG{padding: .51rem 0 .6rem 0;background:#f8f9ff url(../images24/part3BG.png) no-repeat left top;position: relative;}
.part3BG::after{content: "";width: 10.8rem;height: 9.89rem;background: url(../images24/part3BG02.png) no-repeat center;background-size: 10.8rem 9.89rem;position: absolute;right: 0;bottom: 0;display:none;}

.part3 .title a {color: #333;}

.part3{position: relative;z-index: 2;}
.part3 li{width: 48%;}
.part3 li+li{margin-top: 0.6rem;}
.part3 li a{display: block;position: relative;}
.part3 li .pic{overflow: hidden;border-radius: 0.3rem;position: relative;}
.part3 li .pic::after{content: "";width: 100%;height: 100%;background: url(../images24/part3-02.png) repeat-x bottom;position: absolute;left: 0;bottom: 0;    opacity: 0.6;transition: 0.6s all;}
.part3 li .pic::before{content: "";width: 100%;height: 0;background: url(../images24/part6-02.png) repeat-x bottom;position: absolute;left: 0;bottom: 0;transition: 0.6s all;z-index: 2;}
.part3 li .pic img{display: block;width: 100%;object-fit: cover;transition: 0.6s all;height: 4.9rem;}
.part3 li .text{position: absolute;left: 0.3rem;bottom: 0.3rem;z-index: 3;}
.part3 li .text p{font-size: 0.18rem;color: #fff;font-weight: 600;line-height: 0.28rem;max-height: 0.56rem;padding-right: 0.1rem;}
.part3 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part3 li:hover .pic::after{opacity: 0; transition: 0.6s all;}
.part3 li:hover .pic::before{height: 100%;transition: 0.6s all;}
.part3 li:hover .text p{/*text-decoration: underline;*/}
@media(max-width: 1024px){
.part3 li .pic img{height: 32vw;}
}
@media(max-width: 850px){
	.part3 li{width: 100%;}
.part3 li .pic img{height: 56vw;}
.part3 li+li{margin-top: 0.2rem;}
}
/* part4 */
.part4{position: relative;z-index: 2;padding-top: 0.8rem;padding-bottom: .4rem;}
.par4Con #tabs-container2{width: 55.33%;overflow: hidden;}
.part4 .tabs2{width: 42%;}
.par4Con .swiper-slide a{display: block;position: relative;overflow: hidden;border-radius: 0.4rem;}
.par4Con .swiper-slide .pic{overflow: hidden;position: relative;}
.par4Con .swiper-slide .pic::after{content: "";width: 100%;height: 100%;position: absolute;background: url(../images24/part3-02.png) repeat-x bottom;left: 0;bottom: 0;    opacity: 0.6;}
.par4Con .swiper-slide .pic::before{content: "";width: 100%;height: 0;position: absolute;background: url(../images24/part6-02.png) repeat-x bottom;left: 0;bottom: 0;z-index: 2;transition: 0.6s all;}
.par4Con .swiper-slide .pic img{display: block;width: 100%;object-fit: cover;transition: 0.6s all;height: 5.5rem;}
.par4Con .swiper-slide .text{position: absolute;left: 0;bottom: 0; padding: 0 0.5rem 0.3rem 0.5rem;width: 100%;z-index: 3;}
.par4Con .swiper-slide .text i{font-size: 0.14rem;color: #fff;font-family: "times new roman";font-style: normal;display: block;line-height: 0.16rem;padding-left: 0.22rem;background: url(../images24/time01.png) no-repeat left center;background-size: 0.15rem 0.15rem;margin-bottom: 0.14rem;}
.par4Con .swiper-slide .text h5{font-size: 0.18rem;font-weight: 600;color: #fff;line-height: 0.24rem;height: 0.24rem;}
.par4Con .swiper-slide:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.par4Con .swiper-slide:hover .pic::after{opacity: 0;}
.par4Con .swiper-slide:hover .pic::before{height: 100%;transition: 0.6s all;}
.par4Con .swiper-pagination{position: relative;display: none;bottom: auto !important;margin-top: 0.2rem;}
.par4Con .swiper-pagination .swiper-pagination-bullet{width: 0.13rem;height: 0.13rem;background: #081776;border-radius: 50%;opacity: 0.4;margin-right: 0.16rem;}
.par4Con .swiper-pagination .swiper-pagination-bullet-active{width: 0.19rem;height: 0.2rem; background: url(../images24/part1-02.png) no-repeat center;background-size: 0.19rem 0.2rem;opacity: 1;}

.part4 .tabs2 a{position: relative;display: block;}
.part4 .tabs2 .tabCon{display: block; padding-bottom: 0.3rem;margin-bottom: 0.3rem;position: relative;z-index: 3;cursor: pointer;}
.part4 .tabs2 a::after{content: "";width: calc(100% - 0.16rem);height: 0.01rem;background: #e3e4ec;position: absolute;right: 0;bottom: 0;}
.part4 .tabs2 a::before{content: "";width: 0.16rem;height: 0.16rem;background: url(../images24/part4-02.png) no-repeat center;background-size: 0.16rem 0.16rem;position: absolute;left: 0;bottom: 0;}
.part4 .tabs2 h5{font-size: 0.2rem;line-height: 0.22rem;color: #323232;position: relative;z-index: 2;}
.part4 .tabs2 p{display: none;position: relative;z-index: 2;}
.part4 .tabs2 a.active .tabCon{padding: 0.3rem;}
.part4 .tabs2 a.active::after,.part4 .tabs2 a.active::before{display: none;}
.part4 .tabs2 a.active .tabCon::after{content: "";height: calc(100% + 0.38rem);width: calc(100% + 0.38rem);background: url(../images24/part4-03.png) no-repeat center;background-size: 100% 100%;position: absolute;left: -0.18rem;top: -0.19rem;transition: 0.6s all;}
.part4 .tabs2 a.active h5{color: #fff;font-weight: 600;/*transition: 0.6s all;*/}
.part4 .tabs2 a.active p{display: block;margin-top: 0.2rem;font-size: 0.14rem;color: #c9cce3;line-height: 0.24rem;height: 0.48rem;}
@media(max-width: 1024px){

}
@media(max-width: 850px){
.par4Con #tabs-container2{width: 100%;}
.par4Con #tabs-container2 .pic img{height: 58vw;}
.part4 .tabs2{display: none;}
.par4Con .swiper-pagination{display: block;}
}
/* part5 */
.part5{position: relative;}
.part5::after{content: "";width: 44.0625%;height: calc(100% - 0.9rem);background: url(../images24/part5BG01.jpg) no-repeat bottom center;background-size: cover;position: absolute;left: 0;bottom: 0;}
.part5::before{content: "";width: 57.2916%;height: calc(100% - 0.9rem);background: url(../images24/part5BG02.png) no-repeat bottom left;background-size: cover;position: absolute;right: 0;bottom: 0;z-index: 2;}
.part5 .w15{position: relative;z-index: 3;}
.part5Con{padding: 0.8rem 0;position: relative;}
.part5Con::after{content: "";width: 84.26%;height: calc(100% - 0.98rem);background: url(../images24/part5BG04.png) no-repeat right center;background-size: 100% 100%;position: absolute;right: 0;top: 0.28rem;}
.part5Con::before{content: "";width: 40.66%;height: 1rem;background: url(../images24/part5BG03.png) no-repeat right bottom;background-size: 1.65rem 1rem;position: absolute;left: 0;bottom: 0;z-index: 5;}
.part5L{width: 33%;position: relative;z-index: 3;}
.part5L .pic{overflow: hidden;}
.part5L .pic img{display: block;width: 100%;}
.part5R{width: 62%;position: relative;z-index: 3;}
.part5R::before{content: "";width: 1.01rem;height: 0.57rem;background: url(../images24/part5-02.png) no-repeat right center;background-size: 1.01rem 0.57rem;position: absolute;top: 50%;margin-top: -0.5rem;left: -0.92rem;z-index: 6;}
.part5R::after{content: "";width: 1.24rem;height: 1.62rem;background: url(../images24/part5BG05.png) no-repeat center;background-size: 1.24rem 1.62rem;position: absolute;right: 0.52rem;bottom: -0.18rem;}
.part5R .swiper-slide .pic{width: 39.78%;overflow: hidden;}
.part5R .swiper-slide .pic img{display: block;width: 100%;object-fit: cover;transition: 0.6s all;height: 5rem;}
.part5R .swiper-slide .text{padding: 0.8rem 0.9rem 0  0.56rem;width:60.22%;}
.part5R .swiper-slide .text h5{font-size: 0.3rem;color: #fff;line-height: 0.5rem;height: 1rem;font-weight: bold;}
.part5R .swiper-slide .text ul{margin-top: 0.4rem;margin-bottom: -0.2rem;}
.part5R .swiper-slide .text li{padding-left: 0.46rem;font-size: 0.18rem;color: #fff;line-height: 0.36rem;height: 0.36rem; margin-bottom: 0.2rem;background: url(../images24/part5-04.png) no-repeat left top;background-size: 0.35rem 0.35rem;}
.part5R .swiper-slide .text li+li{background: url(../images24/part5-05.png) no-repeat left top;background-size: 0.35rem 0.35rem;}
.part5R .swiper-slide .text li+li+li{background: url(../images24/part5-06.png) no-repeat left top;background-size: 0.35rem 0.35rem;}
.part5R .swiper-slide:hover .pic img{/*transform: scale(1.1);transition: 0.6s all;*/}
.part5R .swiper-slide:hover .text h5{/*text-decoration: underline;*/    color: #d6b57f;}
.part5D{position: absolute;left: calc(38% + 0.76rem);bottom: 0.3rem;align-items: center;}
.part5R .swiper-button-prev,.part5R .swiper-button-next{position: relative;margin-left: 0;margin-top: 0;top: auto;left: auto;border: none;width: 0.4rem;height: 0.4rem;border-radius: 0;}
.part5R .swiper-button-prev{background: url(../images24/part5L.png) no-repeat center;background-size: 0.4rem 0.4rem;}
.part5R .swiper-button-next{background: url(../images24/part5R.png) no-repeat center;background-size: 0.4rem 0.4rem;margin-left: 0.2rem;}
.part5R .swiper-pagination{position: relative;left: auto;bottom: auto;width: auto;margin-left: 0.3rem;font-size: 0.16rem;color: #fff;}
.part5R .swiper-pagination .swiper-pagination-current{font-size: 0.22rem;}
@media(max-width: 1024px){
.part5R .swiper-slide .text{padding: 0 0.3rem 0 0.2rem;}
.part5R::after{display: none;}
.part5D{left: calc(38% + 0.4rem);}
}
@media(max-width: 850px){
.part5Con::before{display: none;}
.part5R::before{display: none;}
.part5Con::after{display: none;}
.part5::after{display: none;}
.part5::before{width: 100%;background: url(../images24/part5BG02.png) no-repeat bottom center;background-size: cover;}
.part5L{width: 100%;}
.part5R{width: 100%;margin-top: 0.3rem;}
.part5R .swiper-slide .pic img{height: 56vw;}
}
@media(max-width: 480px){
.part5R .swiper-slide .pic{width: 100%;}
.part5R .swiper-slide .text{width: 100%;padding: 0;margin-top: 0.3rem;}
.part5R .swiper-slide .pic img{height:auto;}
.part5R .swiper-slide .text h5{font-size: 0.22rem;line-height: 0.32rem;max-height: 0.64rem;height: auto;}
.part5R .swiper-slide .text ul{margin-top: 0.2rem;}
.part5D{position: relative;left: 0;bottom: auto;margin-top: 0.2rem;justify-content: flex-start;}
.part5Con{padding: 0.2rem 0;}
}
/* part6 */
.part6BG{background: #f8f8fd url(../images24/part6BG.png) no-repeat bottom center;background-size: 100%;padding: 0.8rem 0 1rem 0;}
.part10,.part9{background: #f8f8fd url(../images24/part6BG.png) no-repeat bottom center;background-size: 100%;}
.part6Con .tabs{justify-content: center;margin-bottom: 0.4rem;}
.part6Con .tabs a{width: 1.3rem;height:1.3rem; margin: 0 0.2rem;display: flex;justify-content: center;align-items: center;position: relative;}
.part6Con .tabs a::after{content: "";width: 0.01rem;height: 0.3rem;background: #e1e1e1;position: absolute;right: -0.2rem;top: 50%;margin-top: -0.15rem;}
.part6Con .tabs a:last-child::after{display: none;}
.part6Con .tabs a.active::after{display: none;}
.part6Con .tabs a .part6T{position: relative;z-index: 2;}
.part6Con .tabs a .bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.5s;transition: all 0.5s;opacity: 0;visibility: hidden;}
.part6Con .tabs a.active .bg{opacity: 1;visibility: visible;}
.part6Con .tabs a .bg1{width: 1.3rem;height: 1.3rem;background: url(../images24/part6-03.png) no-repeat center;background-size: 1.3rem 1.3rem;position: absolute;left: 0;top: 0;-webkit-transition: all 1.2s;transition: all 1.2s;}
.part6Con .tabs a .bg2{width: 1.12rem;height: 1.14rem;background: url(../images24/part6-03s.png) no-repeat center;background-size: 1.12rem 1.14rem;position: absolute;left: 50%;top: 50%;margin-left: -0.56rem;margin-top: -0.57rem;-webkit-transition: all 1.2s;transition: all 1.2s;}
.part6Con .tabs a .bg3{width: 1rem;height: 1rem;background: #081776;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -0.5rem;margin-top: -0.5rem;-webkit-transition: all 1.2s;transition: all 1.2s}
.part6Con .tabs a:hover .bg1{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.part6Con .tabs a:hover .bg2{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.part6Con .tabs a .icon{width: 0.44rem;height: 0.4rem;background: url(../images24/part6-04.png) no-repeat bottom center;background-size: 0.4rem 0.4rem; margin: 0 auto;}
.part6Con .tabs a+a .icon{background: url(../images24/part6-05.png) no-repeat bottom center;background-size: 0.44rem 0.4rem;}
.part6Con .tabs a+a+a .icon{background: url(../images24/part6-06.png) no-repeat bottom center;background-size: 0.38rem 0.38rem;}
.part6Con .tabs a+a+a+a .icon{background: url(../images24/part6-07.png) no-repeat bottom center;background-size: 0.37rem 0.38rem;}
.part6Con .tabs a+a+a+a+a .icon{background: url(../images24/part6-08.png) no-repeat bottom center;background-size: 0.4rem 0.4rem;}
.part6Con .tabs a p{color: #666666;font-size: 0.2rem;text-align: center;margin-top: 0.06rem;}
.part6Con .tabs a.active .icon{background: url(../images24/part6-04on.png) no-repeat bottom center;background-size: 0.4rem 0.4rem;}
.part6Con .tabs a+a.active .icon{background: url(../images24/part6-05on.png) no-repeat bottom center;background-size: 0.44rem 0.4rem;}
.part6Con .tabs a+a+a.active .icon{background: url(../images24/part6-06on.png) no-repeat bottom center;background-size: 0.38rem 0.38rem;}
.part6Con .tabs a+a+a+a.active .icon{background: url(../images24/part6-07on.png) no-repeat bottom center;background-size: 0.37rem 0.38rem;}
.part6Con .tabs a+a+a+a+a.active .icon{background: url(../images24/part6-08on.png) no-repeat bottom center;background-size: 0.4rem 0.4rem;}
.part6Con .tabs a.active p{color: #fff;font-weight: 600;}
.part6Con .swiper-slide li{width: 31.53%;}
.part6Con .swiper-slide li:nth-child(2){margin-top: 0.66rem;}
.part6Con .swiper-slide li a{position: relative;display: block;overflow: hidden;border-radius: 0.6rem 0.1rem 0.6rem 0.1rem;}
.part6Con .swiper-slide li .imgbox{overflow: hidden;border-radius: 0.6rem 0.1rem 0.6rem 0.1rem;position: relative;}
.part6Con .swiper-slide li .imgbox .pic1{overflow: hidden;}
.part6Con .swiper-slide li .imgbox .pic1 img{display: block;width: 100%;object-fit: cover;height: 3.3rem;}
.part6Con .swiper-slide li .imgbox .pic2{width: 100%;height: 100%;top: 0;left: 0;position: absolute;overflow: hidden;border-radius: 0.6rem 0.1rem 0.6rem 0.1rem;-webkit-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(0);transform: scale(0);}
.part6Con .swiper-slide li .imgbox .pic2 img{/*display: block;width: 100%;height: 100%;*/display: block;width: 100%;object-fit: cover;height: 3.3rem;}
.part6Con .swiper-slide li:hover .imgbox .pic2{ -webkit-transform: scale(1);transform: scale(1);}
.part6Con .swiper-slide li .text{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: url(../images24/part6-02.png) repeat-x bottom;transition: 0.6s all;}
.part6Con .swiper-slide li .text p{position: absolute;left: 0.3rem;bottom: 0.3rem;width: calc(100% - 0.6rem);font-size: 0.2rem;color: #fff;font-weight: 600;line-height: 0.3rem;height: 0.6rem;}
.part6Con .swiper-slide li:hover .text{top: 0;transition: 0.6s all;}
@media(max-width: 850px){
	.part6BG{padding: 0.5rem 0;}
.part6Con .swiper-slide li{width: 100%;}
.part6Con .swiper-slide li:nth-child(2){margin: 0.3rem 0;}
.part6Con .swiper-slide li .imgbox .pic1 img{height: 56vw;}
}
@media(max-width: 440px){
.part6Con .tabs a{margin: 0;}
.part6Con .tabs a::after{display: none;}
.part6Con .tabs{margin-bottom: 0.2rem;}
}
/* part7 */
.part7{margin-top: 0.8rem;}
.part7L{width: 52.66%;position: relative;}
.part7L .Cotitle{margin-bottom: 0.5rem;padding-left: 0;}
.part7L .Cotitle h5{margin: 0 0 0 0.32rem;}
.part7L ul{margin-bottom: -0.3rem;}
.part7L li{width: 48.1%;margin-bottom: 0.3rem;position: relative;}
.part7L li a{display: block;position: relative;border-radius: 0.2rem;overflow: hidden;}
.part7L li .pic{overflow: hidden;position: relative;}
.part7L li .pic::after{content: "";width: 100%;height: 100%;background: url(../images24/part7-02.png) repeat-x bottom;position: absolute;left: 0;bottom: 0;}
.part7L li .pic::before{content: "";width: 100%;height: 0;position: absolute;background: url(../images24/part6-033.png) repeat-x bottom;left: 0;bottom: 0;z-index: 2;transition: 1s all;}
.part7L li .pic img{display: block;width: 100%;object-fit: cover;transition: 1s all;height: 2.55rem;}
.part7L li .tag{position: absolute;left: 0.2rem;top: 0.2rem;background: rgba(8,23,118,0.8);padding: 0.1rem 0.16rem;font-size: 0.16rem;color: #fff;z-index: 9999999999;}
.part7L li .tag1{display: none;}
.part7L li:hover .tag1{ display: block;position: absolute;right: 0.2rem;top: 0.2rem;padding: 0.1rem 0.16rem;font-size: 0.16rem;color: #fff;z-index: 9999999999;}
.part7L li:hover .tag1 img{margin-right: 4px; margin-top: -2px;}

.part7L li .text{position: absolute;left: 0.3rem;bottom: 0.16rem;width: calc(100% - 0.6rem);z-index: 3;transition: 1s all;}
.part7L li .text p{font-size: 0.18rem;color: #fff;line-height: 0.28rem;height: 0.56rem;}
.part7L li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part7L li:hover .text{ /*bottom: 0.66rem;*/transition: 0.6s all;}
.part7L li:hover .text p{/*text-decoration: underline;*/font-weight: bold;}
.part7L li:hover .pic::after{opacity: 0;}
.part7L li:hover .pic::before{height: 100%;transition: 1s all;}
.part7L li:nth-child(2){margin-top: -0.5rem;}
.part7L li:nth-child(4){margin-top: -0.5rem;}
.part7L .more{position: absolute;right: 0;bottom: 0;}
.part7L .more a{display: block;width: 1.11rem;height: 0.37rem;line-height: 0.3rem;padding: 0.07rem 0 0 0.35rem;background: url(../images24/more.png) no-repeat right bottom;background-size: 1.11rem 0.37rem;font-size: 0.14rem;color: #081776;transition: 0.6s all;}
.part7L .more a:hover{padding-left: 0.3rem;transition: 0.6s all;}
.part7R{width: 43.33%;}
.part7R .Cotitle{padding-left: 0;height: 1.87rem;background: url(../images24/part7-03.png) no-repeat right center;background-size: 100% 100%; padding-top: 1rem;}
.part7R .Cotitle h5{margin: 0 0 0 0.5rem;color: #fff;}
.part7R .Cotitle h5::after{background: url(../images24/title01W.png) no-repeat center;background-size: 0.78rem 0.88rem;}
.part7R .Cotitle h5 i{background: url(../images24/title02W.png) no-repeat left center;background-size: 0.13rem 0.13rem;}
.part7Rcon{position: relative;}
.part7Rcon .pic{overflow: hidden;border-radius: 0.5rem;position: relative;cursor: pointer;}
.part7Rcon video,.part7Rcon .img img{width: 100%;transition: 0.6s all;height: 4rem;object-fit: cover;}
.part7Rcon .icon{position: absolute;left: 50%;margin-left: -0.65rem;top: 50%;margin-top: -0.65rem;z-index: 5;width: 1.3rem;height: 1.3rem;}
.part7Rcon .icon img{display: block;width: 100%;}
.spbf{/* position: absolute; */width: 100%;height: 100%;z-index: 99999999999;top: 0;left: 0;display: none;}
.spbf>div video{width: 100%;/*height: auto;*/border-radius: 0.5rem;}
.part7Rcon:hover .pic .img img{transform: scale(1.1);transition: 0.6s all;}
@media(max-width: 850px){
.part7{margin-top: 0.5rem;}
.part7L{width: 100%;}
.part7R{width: 100%;margin-top: 0.4rem;}
.part7L li .pic img{height: 32vw;}
.part7Rcon video, .part7Rcon .img img{height: 56vw;}
.part7Rcon{min-height: 56vw;}


}
/* part8 */
.part8{position: relative;margin-top: -0.62rem;}
.part8 .w15{position: relative;z-index: 2;}
.part8 .Cotitle{position: absolute;top: 1.3rem;width: 100%;}
.part8 .part8Con{position: absolute;top: 1.98rem;width: 100%;}
.part8 .Cotitle h5{color: #fff;}
.part8 .Cotitle h5::after{background: url(../images24/title01W.png) no-repeat center;background-size: 0.78rem 0.88rem;}
.part8 .Cotitle h5 i{background: url(../images24/title02W.png) no-repeat left center;background-size: 0.13rem 0.13rem;}
.part8 .Cotitle .more a{background: url(../images24/moreW.png) no-repeat right bottom;background-size: 1.11rem 0.37rem;color: #fff;}
.part8 li .part8nr{position: relative;}
.part8 li{position: relative;width: 25%;top: 3.3vw;display: flex;justify-content: center;align-items: flex-start;}
.part8 li+li{top: 0;}
.part8 li+li+li{top: -0.2vw;}
.part8 li+li+li+li{top: 2.6vw;}
.part8 li .hide{cursor: pointer; position: absolute;width: 1.8rem;height: 1.8rem;left: 50%;top: 50%;margin-left: -0.9rem;margin-top: -0.9rem;display: flex;justify-content: center;align-items: center;-webkit-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(0);transform: scale(0);z-index: 2;}
.part8 li .hide::after{content: "";width: 1.8rem;height: 1.8rem;border-radius: 50%; background: #3d66e8;position: absolute; opacity: 0.2;left: 0;top: 0;}
.part8 li .hide::before{content: "";width: 1.5rem;height: 1.5rem;border-radius: 50%;background: #3d66e8;position: absolute;left: 50%;margin-left: -0.75rem;top: 50%;margin-top: -0.75rem;}
.part8 li .hide .con{position: relative;z-index: 3;width: 100%;padding: 0 0.25rem;}
.part8 li .hide .con h5{font-size: 0.4rem;color: #fff;font-family: impact;text-align: center;margin-bottom: 0.1rem;padding-bottom: 0.1rem;border-bottom: 0.01rem solid #7894ef;}
.part8 li .hide .con p{font-size: 0.14rem;text-align: center;color: #fff;line-height: 0.24rem;height: 0.48rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.part8 li h3{font-size: 0.4rem;text-align: center; font-family: impact;color: #fff;padding-bottom: 0.28rem;background: url(../images24/part8-01.png) no-repeat bottom center;background-size: 0.16rem 0.16rem;}
.part8 li .part8nr:hover .hide{ -webkit-transform: scale(1);transform: scale(1);}
.part8BG{position: relative;}
.part8BG img{display: block;width: 100%;}
.part8 ul+ul li{width: 20%;top: 6.4vw;justify-content: flex-start;}
.part8 ul+ul li+li{top: 2.4vw;justify-content: flex-start;}
.part8 ul+ul li+li+li{top: 0.6vw;justify-content: center;}
.part8 ul+ul li+li+li+li{top: 2.4vw;justify-content: flex-end;}
.part8 ul+ul li+li+li+li+li{top: 5.8vw;justify-content: flex-end;}
.part8 ul+ul+ul li{width: 25%;justify-content: center;top: 4.8vw;}
.part8 ul+ul+ul li+li{top: 1.6vw;justify-content: center;}
.part8 ul+ul+ul li+li+li{top: 1.4vw;justify-content: center;}
.part8 ul+ul+ul li+li+li+li{top: 4.3vw;justify-content: center;}
.part8 ul+ul li:first-child .hide{left: 0;margin-left: -0.2rem;}
.part8 ul+ul li:last-child .hide{left: auto;margin-left: 0;margin-right: -0.2rem;right: 0;}
@media(max-width: 1200px){
.part8BG{display: none;}
.part8{background: url(../images24/part8BG01.jpg) no-repeat bottom center;background-size: cover;padding: 0.5rem 0 1.9rem 0;margin-top: 0;overflow: hidden;}
.part8::after{content: "";width: 100%;height: 100%;background: url(../images24/part8BG02.png) no-repeat bottom center;background-size: 100%;position: absolute;left: 0;bottom: 0;}
.part8 .Cotitle{position: relative;top: auto;width: 95%;}
.part8 .part8Con{position: relative;top: auto;}
.part8 .w15{width: 100%;}
.part8 .part8Con ul{padding: 0 2.5%;position: relative;}
.part8 .part8Con ul::after{content: "";width: 100%;height: 0.01rem;border-bottom: 0.01rem dashed #96a7c1; position: absolute;left: 0;top: 0.58rem;}
.part8 li,.part8 li+li+li+li{top: 0;}
.part8 li+li,.part8 li+li+li{top: 0;}
.part8 ul+ul li,.part8 ul+ul li+li+li+li+li{top: 0;}
.part8 ul+ul li+li{top: 0;}
.part8 ul+ul li+li+li+li{top: 0;}
.part8 ul+ul li+li+li{top: 0;}
.part8 ul+ul+ul li,.part8 ul+ul+ul li+li,.part8 ul+ul+ul li+li+li,.part8 ul+ul+ul li+li+li+li{top: 0;}
}
@media(max-width: 540px){
.part8 li h3{font-size: 0.28rem;}
.part8 .part8Con ul::after{top: 0.46rem;}
}
/* footer */
.footer{position: relative;margin-top: -1.4rem;z-index: 3;}
.news_list {width:100%;display: flex;position: relative;align-items: flex-end;mask-position: var(--position) 0;mask-size: calc(100vw *2) 2.46rem;transition: 0.2s;height: 1.4rem;}
.news_list .news {
	flex: 1;
	/* margin-top: .5rem; */
	height: 0.4rem;
	/* background-color: #fff;
	background-size: cover;
	background-position: center; */
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	transition: all .2s;
	
}
.news_list .ewm{position: absolute;top: 100%;z-index: 999;left: 50%;margin-left: -0.75rem;display: none;}
.news_list .ewm::after{content: "";width: 0.1rem;height: 0.06rem;background: url(../images24/footer10.png) no-repeat center;background-size: cover;position: absolute;left: 50%;margin-left: -0.05rem;top: -0.06rem;}
.news_list .ewm img{display: block;width: 1.5rem;height: 1.5rem;object-fit: cover;}
  .news_list .news .con {
	position: absolute;
	left: 50%;
	transform: translateX(-52%);
	bottom: 78%;
	display: none;
}

  .news_list .news .con img {
	max-width: 1rem;
}

  .news_list .news .icon {
	will-change: transform, filter, rotateY, top;
	position: absolute;
	transition: 0.2s;
	text-align: center;
	top: 0.2rem;
	left: 0;width: 100%;
}
.news_list .news{height: 100%;}
.news_list li{display: flex;justify-content: center;align-items:flex-end ;}
.news_list li .box{background: #0e2280 url(../images24/footer01.png) no-repeat bottom right;background-size: 100%;}
.news_list li:nth-child(even) .box{background: #113d97 url(../images24/footer01.png) no-repeat bottom right;background-size: 100%;}
.news_list .news .box{position: relative;width: 100%;height: 0.4rem;}
.news_list .news.active .icon {transition: 0.2s;}
.news_list .news .icon img {height: 0.5rem;width: 0.5rem;}
.news_list .news .icon p{color:#fff;font-size:0.14rem;margin-top:0.15rem;}
/*Right*/
.news_list .news.active+* .box {height: 1.2rem;transition: 0.2s all;}
.news_list .news.active+*+* .box {height: 1rem;transition: 0.2s all;}
.news_list .news.active+*+*+* .box {height: 0.8rem;transition: 0.2s all;}
.news_list .news.active+*+*+*+* .box {height: 0.6rem;transition: 0.2s all;}
.news_list .news.active+*+*+*+*+* .box {height: 0.4rem;transition: 0.2s all;}
.news_list .news.active+*+*+*+*+*+* .box {height: 0.4rem;transition: 0.2s all;}
.news_list .news.active+*+*+*+*+*+*+* .box {height: 0.4rem;transition: 0.2s all;}
/*Left*/
.news_list .news:has(+ .active) .box {height: 1.2rem;transition: 0.2s all;}
.news_list .news:has(+ * + .active) .box {height: 1rem;transition: 0.2s all;}
.news_list .news:has(+ * + * + .active) .box {height: 0.8rem;transition: 0.2s all;}
.news_list .news:has(+ * + * + * +.active) .box {height: 0.6rem;transition: 0.2s all;}
.news_list .news:has(+ * + * + * + * +.active) .box {height: 0.4rem;transition: 0.2s all;}
.news_list .news:has(+ * + * + * + * + * + * +.active) .box {height: 0.4rem;transition: 0.2s all;}
.news_list .news:active,
.news_list .news:focus {width: 28vw;filter: inherit;z-index: 100;transform: translateZ(calc(var(--index) * 10));}
.news_list .news.active .box {overflow: inherit;height: 1.4rem;transition: 0.2s all;}
.footerR{padding: 0.5rem 0;background: url(../images24/footerBG.jpg) no-repeat bottom center;background-size: cover;position: relative;z-index: 9;}
.footerR .w15{align-items: center;}
.footerRL{width: 38.6%;}
.footerRR{width: 48.6%;display: flex;justify-content: flex-end;flex-wrap: wrap;}
.footerRL .pic{margin-bottom: 0.3rem;}
.footerRL .pic img{display: block;max-width: 3.83rem;max-height: 8rem;width: 100%;}
.footerRL li{font-size: 0.16rem;color: #cccddc;line-height: 0.38rem;}
.footerRL li em{font-style: normal;}

.footerRL li i{font-style: normal;margin-left: 0.3rem;}
.footerRR p{text-align: right;font-size: 0.18rem;width: 100%;line-height: 0.28rem;}
.footerRR p a{font-size: 0.18rem;color: #fff;font-weight: 600;margin-right: 0.15rem;padding-right: 0.15rem;position: relative;transition: 0.6s all;}
.footerRR p a:last-child{margin-right: 0;padding-right: 0;}
.footerRR p a::after{content: "";width: 0.01rem;height: 0.05rem;background: #fff;position: absolute;right: 0;top: 50%;margin-top: -0.02rem;}
.footerRR p a:last-child::after{display: none;}
.footerRR p a:hover{opacity: 0.6;transition: 0.6s all;}
.footerLink{margin-top: 0.3rem;min-width: 2.4rem;height: 0.5rem;border: 0.01rem solid #888fbb;border-radius: 0.08rem;padding: 0 0.2rem;position: relative;}
.footerLink h5{font-size: 0.14rem;color: #cdcedc;line-height: 0.5rem;padding-right: 0.16rem;background: url(../images24/footer11.png) no-repeat right center;background-size: 0.1rem 0.06rem;cursor: pointer;}
.footerLink ul{position: absolute;bottom: 100%;left: 0;background: #fff;width: 100%;padding: 0.2rem;border-radius: 0.08rem;max-height: 1.5rem;overflow-y: scroll;display: none;}
.footerLink li{margin-bottom: 0.1rem;}
.footerLink li a{color: #666;font-size: 0.14rem;line-height: 0.24rem;transition: 0.6s all;}
.footerLink li a:hover{color: #081776;transition: 0.6s all;}
.footerLink:hover ul{display: block;}
.footerM{display: none;}
.footerM li{width: 10.25% !important;height: 0.8rem !important;position: relative;}
.footerM li{display: flex;justify-content: center;align-items:center ;background: #0e2280 url(../images24/footer01.png) no-repeat bottom right;background-size: 100%;}
.footerM li:nth-child(even){background: #113d97 url(../images24/footer01.png) no-repeat bottom right;background-size: 100%;}
.footerM .ewm{position: absolute;top: 100%;z-index: 999;left: 50%;margin-left: -0.75rem;display: none;}
.footerM .ewm::after{content: "";width: 0.1rem;height: 0.06rem;background: url(../images24/footer10.png) no-repeat center;background-size: cover;position: absolute;left: 50%;margin-left: -0.05rem;top: -0.06rem;}
.footerM .ewm img{display: block;width: 1.5rem;height: 1.5rem;object-fit: cover;}
.footerM li .icon img{display: block; width: 0.35rem;height: 0.35rem;}
.footerM li:nth-child(1) .ewm{left: 0;right: auto;margin-left: 0 !important;}
.footerM li:last-child .ewm{left: auto;right: 0;margin-left: 0;}
.footerM li:nth-child(1) .ewm::after{left: 29%;}
.footerM li:last-child .ewm::after{left: 66%;}

@media(max-width: 850px){
.footerT{display: none;}
.footerM{display: flex;background: #0e2280;}
.footerM .news_list .news:has(+ * + * + * +.active){display: none;}
.footerM .news_list .news:has(+ * + * + * + * +.active){display: none;}
.footerM .news_list .news:has(+ * + * + * + * + * +.active){display: none;}
.footerM .news_list .news:has(+ * + * + * + * + * + * +.active){display: none;}
.footerM .news_list .news.active+*+*+*+*+*{display: none;}
.footerM .news_list .news.active+*+*+*+*+*+*{display: none;}
.footerM .news_list .news.active+*+*+*+*+*+*+*{display: none;}
.footerM .news_list .news.active+*+*+*+*+*+*+*+*{display: none;}
.footerM .news_list .news .icon img {height: 0.38rem;width: 0.38rem;}
.footerRL{width: 100%;}
.footerRR{width: 100%;margin-top: 0.2rem;}
.footerRL .pic img{display: table;margin: 0 auto;}
.footerRL li{text-align: center;}
.footerRR p{text-align: center;}
.footerLink{margin: 0.3rem auto 0 auto;}
.footerM .news_list li{display: none;width: 14.2857% !important;}
.footerM .news_list li+li{width: 14.2857% !important;}
.footerM .news_list li+li+li+li+li{display: block;}
.footerM .news_list li+li+li+li+li+li+li+li+li+li+li+li{display: none;}
.footerM .news_list .news{width: 14.2857% !important;height: 0.8rem !important;}
.footer{margin-top: 0;}

.footerRR p a{display: block;margin-right: 0;padding-right: 0;}
.footerRR p a::after{display: none;}
.RfixedHide{display: none;}
.RfixedCon{display: none;}

}

@media(max-width: 500px){
.footerM li:last-child .ewm::after{left: 85%;}
.footerM li:nth-child(1) .ewm::after{left: 14%;}
.footerM li:nth-child(2) .ewm{left: 74%;}
.footerM li:nth-child(8) .ewm{left: 32%;}
}



/* Rfixed */
.bannerCon{position: relative;align-items: center;}
.Rfixedicon{position: relative;right: 0.1rem;padding: 0.05rem;margin-top: 0.4rem;cursor: pointer;}

.Rfixedicon img{display: block;}
.Rfixedicon .icon01{width: 0.7rem;height: 0.5rem;border-radius: 50%;padding-left: 0.2rem;}
.Rfixedicon .icon01 img{display: block;width: 0.5rem;height: 0.5rem;}
.Rfixedicon .icon02{position: absolute;width: 0.6rem;height: 0.6rem;position: absolute;right: 0;top: 0;animation: rotate 8s linear infinite;}
.Rfixedicon .icon02 img{width: 0.6rem;height: 0.6rem;}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.RfixedCon{position: absolute;right: 0.1rem;top: 30%;z-index: 99;}
.LfixedCon{position: fixed;}
.LfixedCon .Rfixed{display: block !important;}
.Rfixed{position: relative; padding-top: 1.04rem;}
.Rfixed::after{content: "";width: 0.97rem;height: 1.04rem;background: url(../images24/Rfixed01.png) no-repeat center;background-size: 0.97rem 1.04rem;position: absolute;left: -0.07rem;top: 0;}
.Rfixed ul{width: 0.9rem;background: #fff;border: 0.01rem solid #081776;border-top: none;padding: 0.1rem 0.1rem 0.5rem 0.1rem;border-radius: 0 0 0.45rem 0.45rem;}
.Rfixed li{margin-bottom: 0.1rem;padding-bottom: 0.1rem;border-bottom: 0.01rem dashed #d2d2d2;}
.Rfixed li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.Rfixed li a{display: block;}
.Rfixed li .pic{margin-bottom:0.1rem;}
.Rfixed li .pic img{display: table;margin: 0 auto;max-width: 0.7rem;}
.Rfixed li p{font-size: 0.16rem;color: #323232;text-align: center;transition: 0.6s all;}
.Rfixed li:hover p{color: #081776;font-weight: 600; transition: 0.6s all;}
.Rfixed li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.RfixedCon:hover.Rfixed{display: block;}
.RfixedHide{position: fixed;}
.RfixedHide .Rfixedicon{display: none;}
.RfixedHide .Rfixed{display: block !important;}

@-webkit-keyframes circleProgressLoad_right{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(225deg);
	}
	100%{
		-webkit-transform: rotate(225deg);
	}
}
@-webkit-keyframes circleProgressLoad_left{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(45deg);
	}
	100%{
	-webkit-transform: rotate(225deg);
	}
}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
@media(max-width: 1200px){
.Rfixed{display: none;}
}

/* list */
.list-banner{position: relative;z-index: 3;}
.list-banner::after{    content: "";
    width: 100%;
    height: 40%;
    background: linear-gradient(to bottom, rgba(8, 23, 118, 0.8), rgba(8, 23, 118, 0));
    position: absolute;
    left: 0;
    top: 0;
}}
.list-banner .pic{overflow: hidden;position: relative;z-index: 2;}
.list-banner .pic img{display: block;width: 100%;}
.list-nav{box-shadow: 0px 3px 9.8px 0.2px rgba(163, 42, 85, 0.14);line-height: 0.6rem;}
#nav_slide{line-height: 0.5rem;position: relative;z-index: 2;display:none;}
#nav_slide #bnt_back{ position:absolute; left: 0.15rem; top:-2px;  }
#nav_slide #bnt_back img{height: 0.2rem;vertical-align: middle;}
#nav_slide .n_title{ height: 0.5rem;background: #081776;}
#nav_slide h1{font-size: 0.16rem;color: #fff;text-align: center;}
#bnt_sub_nav{position: absolute;right: 0.15rem;top: 0.14rem;cursor: pointer;}
#bnt_sub_nav img{display: block;height: 0.2rem;}
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f9f9f9; display: none; z-index: 9;width: 100%;}
#sub_nav_content ul{}
#sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 0.15rem;}
#sub_nav_content ul li a{display: inline-block;font-size: 0.14rem;padding: 0;color: #333;width: 88%;}
#sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;}
#sub_nav_content ul li ul li{border:0;line-height: 0.28rem;padding-left: 0.1rem;}
#sub_nav_content ul li ul li a{font-size: 0.14rem; color: #666;}
#sub_nav_content ul li.on>a{color: #081776;}
#sub_nav_content ul li ul{ display:none}

.listBox{padding: 0 0 1.4rem;min-height:500px;position: relative;z-index: 3;}
.listBG{position: relative; }
.listBG::after{content: "";width: 100vw;height: 100vh;background: #f8f9ff url(../images24/listBG.png) no-repeat bottom center;background-size: 100%;position: fixed;left: 0;top: 0;}
.listBox .w14{position: relative;}
.listBox .n_left{width: 3.4rem;position: relative;z-index: 1;margin-top: -1.2rem;}
.listBox .n_left h1{height: 1.5rem;width: 100%;background: url(../images24/listNav01.jpg) no-repeat center;background-size: cover; border-bottom: 0.04rem solid #d6b57f; display: flex;justify-content: center;align-items: center;}
.listBox .n_left h1 span{font-size: 0.36rem;color:#fff;position: relative;}
.listBox .n_left .sider_nav{position: relative;z-index: 1;background: #fff url(../images24/listNav02.png) no-repeat bottom center;background-size: 3.4rem 3.61rem; padding-bottom: 0.3rem;/*box-shadow: 0px 2px 55.2px 4.8px rgba(0, 0, 0, 0.18);*/}
.listBox .n_left ul{position:relative;}
.listBox .n_left .con{position: relative;}
.listBox .n_left .con ul li{line-height: 0.3rem;font-size: 0.18rem;color: #303030;position:relative;}
.listBox .n_left .con ul li.on{background: #f4f5fc;}
.listBox .n_left .con ul li:hover{color: #081776;}
.listBox .n_left .con ul li::after{content: "";width: calc(100% - 60px);height: 1px;border-bottom: 1px dashed #f0f0f0;position: absolute;left: 0.3rem;bottom: 0;}
.listBox .n_left .con ul li:last-child::after{display: none;}
.listBox .n_left .con ul li.on:before,.listBox .n_left .con ul li:hover:before{height: calc(100% + 2px);}
.listBox .n_left .con ul li.on dl{display:block !important;}
.listBox .n_left .con ul li>a img{ margin:-3px 14px 0 0}

.listBox .n_left .con ul li>a{color: #323232;font-size: 0.2rem; display: block;padding: 0.25rem 0.3rem;transition: 0.36s;position: relative;}
.listBox .n_left .con ul li.on>a{color: #081776;font-weight: 600; background: #e9ecf9;}
.listBox .n_left .con ul li:hover>a{color: #081776;}
.listBox .n_left .con ul li.on:hover>a{color: #081776;}
.listBox .n_left .con ul li dl{display:none;padding: 0.15rem 0.3rem;position:relative;}
.listBox .n_left .con ul li dl dd{height: auto;margin-bottom: 0.18rem;padding-left: 0.24rem;position: relative;background: url(../images24/yx.png) no-repeat left 0.08rem;background-size: 0.18rem 0.15rem;}
.listBox .n_left .con ul li dl dd:hover{height: auto;margin-bottom: 0.18rem;padding-left: 0.24rem;position: relative;background: url(../images24/yxbxy_icon01.png) no-repeat left 0.08rem;background-size: 0.18rem 0.15rem;}
.listBox .n_left .con ul li dl dd.on{height: auto;margin-bottom: 0.18rem;padding-left: 0.24rem;position: relative;background: url(../images24/yxbxy_icon01.png) no-repeat left 0.08rem;background-size: 0.18rem 0.15rem;}

.listBox .n_left .con ul li dl dd::after{content: "";width: 21px;height: 18px; position: absolute;left: 0;top: 0.03rem;}
.listBox .n_left .con ul li dl dd a{font-size: 0.18rem;color: #666666;position:relative;line-height: 24px;transition: 0.6s all;}
.listBox .n_left .con ul li dl dd.onn a{color: #081776;}
.listBox .n_left .con ul li dl dd:hover a{color: #081776;transition: 0.6s all;}
.listBox .n_left .con ul li dl dd:last-child{margin-bottom: 0;}
.listBox .n_left .con ul li dl dd a:before{content:"";position:absolute;left: 15px;top: 0;width: 10px;height: 100%;}
.listBox .n_left .con ul li.on i{background: url(../images24/jt.png) no-repeat center;}
.listBox .n_left .con ul li i{width: 0.08rem;height: 0.14rem;background: url(../images24/jt.png) center no-repeat;background-size: 100%; position:absolute;right: 0.3rem;top: 0.35rem;transition:0.36s;cursor: pointer;}
.listBox .n_left .con ul li dl dd a:hover, .listBox .n_left .con ul li dl dd.on a{color: #081776 !important;}
.listBox .n_left .con ul li dl dd.on a{color: #081776 !important;}
/*
.listBox .n_left .con ul li dl dd.on::after{content: "";width: 20px;height: 20px;position: absolute;left: 0;top: 0.03rem;background-size: 18px !important;background: url(../images24/yxbxy_icon01.png) no-repeat left center;}
.listBox .n_left .con ul li dl dd:hover::after{content: "";width: 20px;height: 20px;position: absolute;left: 0;top: 0.03rem;background-size: 18px !important;background: url(../images24/yxbxy_icon01.png) no-repeat left center;}
*/

.listBox .listNr{width: calc(100% - 4rem);position: relative;/* padding-bottom: 2rem;min-height: 900px; */}
.listBox .n_right .n_news{}
.mianbao{justify-content: flex-end;}
.mianbao h5{font-size: 0.26rem;color: #323232;line-height: 0.8rem;font-weight: 600;}
.position{font-size:0.14rem;color: #999;line-height: 0.8rem;padding-left: 0.24rem;background: url(../images24/position.png) no-repeat left center;}
.position a{color: #999;transition:0.36s;}
.position span{font-size:14px;color:#999;margin: 0 4px;}
.position a.on{color: #081776;}
.position a:hover{color: #081776;}
.fanye{margin-top: 0.4rem;}
.fanye img{display: block;max-width: 100%;margin: 0 auto;}
@media(max-width: 1200px){
	.m_header_box{ display:block}
	#header{display: none;}
	#nav{display: none;}
	.banner_top{display: none;}
	.listBox .n_left{ display:none}
	.listBox .n_right{width:100%;padding: 0rem 0 0;}
	.mianbao{ display:block;}
	#nav_slide{ display:block;}
	.list-banner .pic::after,.list-banner .pic::before{background: none;}
	.listBox .listNr{width: 100%;}
	.listBox .w15{margin-top: 0;}
	/*.listBox{padding: 0.4rem 0 0.5rem 0;}*/
	.list-banner::after{display: none;}
}
@media(max-width: 850px){
	#nav_slide h1{font-size: 0.22rem;}
	#sub_nav_content ul li ul li a{font-size: 0.18rem;width: 100%;    line-height: 0.38rem;}
	#sub_nav_content ul li a{font-size: 0.2rem;}
	
}
@media(max-width: 540px){
	.list-banner img{height: 100%;object-fit: cover;}



}
/* å›¾ç‰‡åˆ—è¡¨ */
.n_tp{min-height: 900px;}
.n_tp ul{justify-content: flex-start;margin-right: -6.665%;margin-bottom: -0.4rem;}
.n_tp li{width: 29.89%;margin-right: 3.34%;margin-bottom: 0.4rem;}
.n_tp li a{display: block;}
.n_tp li .pic{overflow: hidden;border-radius: 0.08rem;    /*background: linear-gradient(140deg, #071365 0%, #f7f8fd 50%);padding: 0.1rem;*/}
.n_tp li .pic img{display: block;width: 100%;height:2.25rem; object-fit: cover;transition: 0.6s all;}
.n_tp li .text{margin-top: 0.15rem;}
.n_tp li .text p{font-size: 0.16rem;color: #323232;font-weight: bold;line-height: 0.24rem;max-height: 0.48rem;transition: 0.6s all;}
.n_tp li .text i{display: block; font-style: normal;margin-top: 0.1rem;font-size: 0.14rem;line-height: 0.18rem; color: #081776;padding-left: 0.22rem;background: url(../images24/time.png) no-repeat left center;background-size: 0.15rem 0.15rem;    font-weight: 500;}
.n_tp li:hover .pic img{transform: scale(1.05);transition: 0.6s all;}
.n_tp li:hover p{color: #081776;/*text-decoration: underline; */transition: 0.6s all;}
@media(max-width: 1024px){
.n_tp li .pic img{height: 22vw;}
}
@media(max-width: 850px){
	.n_tp ul{margin-right: 0;}
.n_tp li{width: 100%;margin-right: 0;margin-bottom: 0.3rem;}
.n_tp li .pic img{height: 56vw;}
.n_tp li .text p{font-size: 0.22rem;line-height: 0.32rem;height: 0.64rem;}
.n_tp li .text i{font-size: 0.18rem;}
}


/* é¢˜å›¾åˆ—è¡¨ */
.n_tt{min-height: 300px;}
.n_tt li{border-bottom: 0.01rem solid #e8e8e8;}
.n_tt li a{padding: 0.3rem 0.2rem;overflow: hidden;display: block;position: relative;transition: 0.6s all;}
.n_tt li .pic{float: left;overflow: hidden;width: 2.7rem;margin-right: 0.3rem;border-radius: 0.08rem 0.3rem 0.08rem 0.3rem;}
.n_tt li .pic img{display: block;width: 100%;height: 1.7rem;object-fit: cover;transition: 0.6s all;}
.n_tt li .text{padding-top: 0.2rem;}
.n_tt li .text h5{font-size: 0.18rem;color: #323232;line-height: 0.28rem;height: 0.28rem;font-weight: 600; margin-bottom: 0.2rem;transition: 0.6s all;}
.n_tt li .text i{font-style: normal;font-size: 0.14rem;line-height: 0.16rem; font-family: "times new roman"; color: #081776;display: block;margin-bottom: 0.10rem;transition: 0.6s all;}
.n_tt li .text p{font-size: 0.14rem;color: #888888;line-height: 0.26rem;height: 0.52rem;transition: 0.6s all;}
.n_tt li:hover a{background: #081776 url(../images24/ylh01_pp_pic.png) no-repeat right top; box-shadow: 0.939px 1.766px 46px 4px rgba(79, 79, 79, 0.18);transition: 0.6s all;}
.n_tt li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.n_tt li:hover .text h5{color: #fff;text-decoration: underline; transition: 0.6s all;}
.n_tt li:hover .text i{color: #fff;transition: 0.6s all;}
.n_tt li:hover .text p{color: #fff;opacity: 0.7;transition: 0.6s all;}
@media(max-width: 1200px){
	.position{display: block;}
}
@media(max-width: 1000px){
}
@media(max-width: 850px){
	#nav_slide{display: block;}
	.list-nav{display: none;}
}
@media(max-width: 768px){
	
	.n_tt li .pic{width: 100%;float: none;margin-right: 0;}
	.n_tt li .pic img{height: 52vw;}
	.n_tt li .time{display: none;}
	.n_tt li .text{padding-top: 0;margin-bottom: 0;width: 100%;margin-top: 0.2rem;}
	.n_tt li .text h5{font-size: 0.22rem;margin-bottom: 0.2rem;}
	.n_tt li .text i{display: block;}
	.n_tt li .text p{font-size: 0.18rem;}
	.n_tt li a{padding: 0;}
	.n_tt li{margin-bottom: 0.2rem;padding-bottom: 0.2rem;}
	
}
@media(max-width: 443px){


}
/* æ–°é—»åˆ—è¡¨é¡µ */
.n_bt ul{min-height:500px;}
.n_bt li a{border-bottom: 0.01rem solid #e4e4e4;transition: 0.6s all;align-items: center;padding: 0.15rem 0.2rem;position: relative;}
.n_bt li .time{width: 0.5rem;}
.n_bt li .time .day{font-size: 0.32rem;color: #081776;font-family: "times new roman";text-align: center;padding-bottom: 0.16rem;background: url(../images24/part2-01.png) no-repeat bottom center;margin-bottom: 0.04rem;}
.n_bt li .time .year{font-size: 0.16rem;color: #081776;text-align: center;}
.n_bt li p{width: calc(100% - 0.7rem);font-size: 0.18rem;line-height: 0.28rem;max-height: 0.56rem; color: #323232;transition: 0.6s all;}
.n_bt li:hover a{background: #081776 url(../images24/ylh01_pp_pic.png) no-repeat right top;transition: 0.6s all;border-radius: 0.3rem 0 0.3rem 0;}
.n_bt li:hover p{color: #fff;font-weight: 600;transition: 0.6s all;}
.n_bt li:hover .time .day{color: #fff;background: url(../images24/part2-01on.png) no-repeat bottom center;}
.n_bt li:hover .time .year{color: #fff;}
@media(max-width: 850px){

}

/* show */
.show01 { margin-bottom: 0.3rem;position: relative; }
.show01 h5 { font-size: 0.26rem; color: rgb(0, 0, 0);  line-height: 0.36rem; margin-bottom: 0.2rem;text-align: center;font-weight: bold; }
.show01 p{padding: 0.10rem 0;text-align: center;border-bottom: 0.01rem solid #e6e6e6;}
.show01 p i{font-style: normal;margin: 0 0.08rem;font-size: 0.16rem;color: #666;line-height: 0.26rem;}
.show02 p {line-height: 0.32rem !important;text-indent:0.32rem !important;font-size: 0.18rem !important;color: #4c4c4c;margin-bottom: 0.2rem;background: none !important;}
.show02 p span{background: none !important;line-height: 0.32rem !important;font-size: 0.18rem !important;}
.show02 p video{margin: 0 auto;object-fit: cover;}
.show02 p span{background: none !important;}
.show02 img {/*display: block;*/margin: 0px auto 0.15rem auto;max-width: 100%;/*margin-left: -2em;*/margin: 0 auto;max-width: 100%;height: auto !important;}
.show03 { padding-top: 0.3rem;border-top: 1px solid #c8c8c8; position: relative;margin-top: 0.5rem; }
.show03 p { font-size:0.16rem;font-weight: bold; color: #4c4c4c; margin-bottom: 0.2rem;line-height: 0.26rem; }
.show03 p a { color: rgb(51, 51, 51); transition: all 0.2s ease 0s;font-weight: normal; }
.show03 p a:hover { color: #081776; transition: all 0.2s ease 0s; }
@media(max-width: 850px){
.show01 p i{font-size: 0.18rem;}
.show02 p{font-size: 0.22rem !important;line-height: 0.42rem !important;text-indent: 0.44rem !important;}
.show03 p{font-size: 0.18rem;line-height: 0.32rem;}

}
@media(max-width: 768px){
.show02 p video{margin: 0 auto;object-fit: cover;width: 100%;height: 100%;}
}


/* åŽ†å²æ²¿é© */
.history{position: relative;}
.history .mianbao{position: relative;z-index: 2;}
.historyPC{position: relative;/*padding: 0.5rem 0 1.8rem 0;*/}
.historyPC img{display: block;width: 100%;max-width: 19.2rem;}
.historyM{position: relative;display: none;}
.history{background: #f8f9ff url(../images24/historyBG.jpg) no-repeat bottom center;background-size: 100%;}
.historyM .pic img{display: table;margin: 0 auto;max-width: 3rem;}
.historyM ul{margin-top: 0.3rem;position: relative;padding-left: 0.3rem;}
.historyM ul::after{content: "";width: 0.01rem;height: calc(100% - 0.1rem);background: #081776;position: absolute;left: 0.3rem;top: 0.1rem;}
.historyM li{padding-bottom: 0.3rem;padding-left: 0.3rem;}
.historyM li:last-child{padding-bottom: 0;}
.historyM li h3{font-size: 0.3rem;color: #081776;font-family: impact;margin-bottom: 0.1rem;position: relative;}
.historyM li h3::after{content: "";width: 0.09rem;height: 0.09rem;background: #081776;border-radius: 50%;position: absolute;left: -0.35rem;top: 0.1rem;}
.historyM li h3::before{content: "";width: 0.19rem;height: 0.19rem;background: #081776;border-radius: 50%;position: absolute;left: -0.4rem;top: 0.05rem;opacity: 0.2;}
.historyM li p{font-size: 0.22rem;color: #323232;line-height: 0.28rem;}
@media(max-width: 850px){
.historyPC{display: none;}

.history{background: #f8f9ff url(../images24/listBG.png) no-repeat bottom center;}
.historyM{display: block;margin-bottom: 2rem;}



}
/* çŽ°ä»»é¢†å¯¼ */
.lead ul{margin-bottom: -0.3rem;}
.lead li{width: 47.27%;margin-bottom: 0.3rem;}
.lead li .pic{width: 1.6rem;overflow: hidden;}
.lead li .pic img{display: block;width: 100%;object-fit: cover;height: 2.3rem;transition: 0.6s all;}
.lead li .text{width: calc(100% - 1.9rem);border-bottom: 0.01rem solid #e3e4ec;}
.lead li .text h5{line-height: 0.42rem;height: 0.42rem;padding-left: 0.15rem;font-size: 0.22rem;color: #081776;font-weight: 600;background: url(../images24/lead01.png) no-repeat left center;background-size: cover;border-left: 0.02rem solid #081776;margin-bottom: 0.22rem;}
.lead li .text h3{font-size: 0.22rem;color: #323232;margin-bottom: 0.15rem;transition: 0.6s all;}
.lead li .text dd{margin-bottom: 0.1rem;padding-left: 0.24rem;font-size: 0.16rem;color: #323232;line-height: 0.24rem;background: url(../images24/lead02.png) no-repeat left 0.04rem;background-size: 0.16rem 0.16rem;}
.lead li .text dd+dd{background: url(../images24/lead03.png) no-repeat left 0.06rem;background-size: 0.16rem 0.13rem;}
.lead li .text p{font-size: 0.14rem;color: #666666;line-height: 0.24rem;}
.lead li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.lead li:hover .text h3{color: #081776;font-weight: 600; transition: 0.6s all;}
@media(max-width: 850px){
.lead li{width: 100%;}
.lead li .text dd{font-size: 0.18rem;}
.lead li .text p{font-size: 0.18rem;}
}
/* çŽ°ä»»é¢†å¯¼å†…å®¹é¡µ */
.leadShowT{margin-bottom: 0.6rem;}
.leadShowT .pic{width: 2.5rem;}
.leadShowT .pic img{display: block;width: 100%;}
.leadShowT .text{width: calc(100% - 2.5rem);}
.leadShowT .text h5{margin:0 0 0.4rem 0.6rem;font-size: 0.3rem;color: #323232;font-weight: 600;}
.leadShowT .con{background: #081776 url(../images24/lead04.png) no-repeat right bottom;padding: 0.4rem 0.4rem 0.4rem 0.6rem;}
.leadShowT .con p{font-size: 0.16rem;color: #fff;line-height: 0.36rem;margin-bottom: 0.18rem;}
.leadShowT .con ul{margin-top: 0.2rem;padding-top: 0.4rem;border-top: 0.01rem solid #394591;}
.leadShowT .con li{font-size: 0.16rem;color: #fff;line-height: 0.24rem;margin-bottom: 0.14rem;padding-left: 0.24rem;background: url(../images24/lead02W.png) no-repeat left 0.04rem;background-size: 0.16rem 0.16rem;}
.leadShowT .con li+li{background: url(../images24/lead03W.png) no-repeat left 0.06rem;background-size: 0.16rem 0.13rem;}
.leadShowB h5{padding-bottom: 0.2rem;margin-bottom: 0.4rem;border-bottom: 0.01rem solid #cfcfcf;font-size: 0.3rem;color: #081776;font-weight: 600;}
.leadShowB li{margin-bottom: 0.4rem;width: 49%;}
.leadShowB ul{margin-bottom: -0.4rem;}
.leadShowB li h3{width: 1.8rem;font-size: 0.2rem;color: #323232;font-weight: 600;}
.leadShowB li p{width: calc(100% - 2rem);display: flex;justify-content: space-between;}
.leadShowB li p a{font-size: 0.18rem;color: #323232;width: 25%;display: block;transition: 0.6s all;}
.leadShowB li:nth-child(1) p{width: calc(100% - 3rem);}
.leadShowB li:nth-child(3) p{width: calc(100% - 3rem);}
.leadShowB li p a:hover{color: #081776;transition: 0.6s all;}
@media(max-width: 850px){
.leadShowB li{width: 100%;}
.leadShowB li h3{width: 2.4rem;}
.leadShowB li p{width: calc(100% - 2.4rem);}
.leadShowB li:nth-child(1) p{width: calc(100% - 2.4rem);}
.leadShowB li:nth-child(3) p{width: calc(100% - 2.4rem);}
}
@media(max-width: 580px){
.leadShowB li h3{width: 100%;margin-bottom: 0.2rem;}
.leadShowB li p{width: 100%;}
.leadShowB li:nth-child(1) p{width: 100%;}
.leadShowB li:nth-child(3) p{width: 100%;}
.leadShowT .text{width: 100%;}
.leadShowT .pic{margin: 0 auto;}
.leadShowT .text h5{margin: 0 auto;padding: 0.2rem 0;text-align: center;}
.leadShowT .con p{font-size: 0.18rem;}
.leadShowT .con li{font-size: 0.18rem;}
.lead li .pic{    margin: 0 auto;padding-bottom: 0.1rem;}
.lead li .text {width: 100%;}


}
/* å¸ˆèµ„é˜Ÿä¼ */
.people ul{margin-bottom: -0.4rem;justify-content: flex-start;margin-right: -5.46%;  /*  min-height: 650px;*/}
.people li{width: 16.9%;margin-bottom: 0.4rem;margin-right: 3.1%;}
.people li a{display: block;padding: 0.1rem 0 0 0.1rem;background: url(../images24/lead05.png) no-repeat left top;background-size: 2.24rem 3rem;}
.people li .pic{overflow: hidden;border-radius: 0.05rem;margin-bottom: 0.15rem;}
.people li .pic img{display: block;width: 100%;object-fit: cover;height: 2.6rem; transition: 0.6s all;}
.people li .text .con{padding-bottom: 0.1rem;margin-bottom: 0.1rem;border-bottom: 0.01rem solid #081776;align-items: flex-end;}
.people li .text .con h5{font-size: 0.22rem;color: #081776;width:100%;}
.people li .text .con .fbtwz{margin-top: 0.1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;}
.people li .text .con i{font-style: normal;/*margin-left: 0.1rem;*/color: #323232;font-size: 0.14rem;}
.people li .text .con b{font-weight: normal;color: #323232;font-size: 0.14rem;    margin-top: 0.05rem;}
.people li .text p{font-size: 0.14rem;color: #666666;line-height: 0.22rem;/*height: 0.44rem;*/    padding: 0.02rem 0;}
.people li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
@media(max-width: 1200px){
.people li .pic img{height: 22vw;}
}

@media(max-width: 850px){
.people li .pic img{height: 22vw;}
}
@media(max-width:580px){
.people ul{justify-content: space-between;margin-right: 0;}
.people li{width: 46%;margin-right: 0;}
.people li .pic img{height: 54vw;}
.people li .text .con i,.people li .text .con b{font-size: 0.18rem;}
.people li .text p{font-size: 0.18rem;line-height: 0.28rem;height: 0.56rem;}
}
/* å¸ˆèµ„å†…å®¹é¡µ */
.peopleShowT{margin-bottom: 0.6rem;position: relative;padding: 0 0.3rem 0.3rem;}
.peopleShowT::after{content: "";width: 100%;height: calc(100% - 0.6rem);border: 0.01rem solid #eceef5;background: #fff url(../images24/lead07.png) no-repeat right bottom;position: absolute;left: 0;bottom: 0;border-radius: 0.08rem;box-shadow: 0px 1px 45.08px 0.92px rgba(83, 90, 129, 0.05);}
.peopleShowT .pic{overflow: hidden;width: 1.76rem;border-radius: 0.05rem;position: relative;z-index: 2;}
.peopleShowT .pic img{display: block;height: 2.4rem;width: 100%;object-fit: cover;}
.peopleShowT .text{width: calc(100% - 2.06rem);position: relative;z-index: 2;}
.peopleShowT .text h5{height: 0.6rem;line-height: 0.6rem;font-size: 0.3rem;color: #323232;font-weight: 600;}
.peopleShowT .text h5 i{font-style: normal;margin-left: 0.2rem;font-size: 0.18rem;color: #081776;}
.peopleShowT .text .con{padding-top: 0.25rem;}
.peopleShowT .text .con h3{font-size: 0.18rem;color: #323232;font-weight: 600;margin-bottom: 0.15rem;}
.peopleShowT .text .con p{font-size: 0.18rem;color: #323232;line-height: 0.26rem;margin-bottom: 0.35rem;}
.peopleShowT .text .con li{font-size: 0.18rem;color: #323232;line-height: 0.24rem;padding-left: 0.22rem;margin-bottom: 0.14rem;background: url(../images24/lead02.png) no-repeat left 0.04rem;background-size: 0.16rem 0.16rem;}
.peopleShowT .text .con li+li{background: url(../images24/lead03.png) no-repeat left 0.06rem;background-size: 0.16rem 0.13rem;}
.peopleShowB .tabs{justify-content: flex-start;margin-bottom: 0.4rem;flex-wrap: nowrap;border-bottom: 0.01rem solid #d0d1da;}
.peopleShowB .tabs a{padding:0.15rem;font-size: 0.2rem;color: #323232;}
.peopleShowB .tabs a.active{border-radius: 0.05rem 0.05rem 0 0;background: #081776;color: #fff;}
.peopleShowB .swiper-slide p{font-size: 0.2rem;color: #323232;line-height: 0.36rem;margin-bottom: 0.26rem;}
/* æœºæž„è®¾ç½®é¡µ */
.org ul{width: 49%;}
.org li{background: #fff;border-radius: 0.1rem;box-shadow: 0px 1px 41.28px 1.72px rgba(179, 180, 184, 0.15);margin-bottom: 0.2rem;}
.org li h5{background: #081776;line-height: 0.6rem;border-radius: 0.1rem 0.1rem 0 0;font-size: 0.3rem;color: #fff;font-family: "æ€æºå®‹ä½“";font-weight: bold;text-align: center;}
.org li dl{padding: 0.4rem 0.5rem;}
.org li dd{width: 49%;}
.org li dd a{display: block;padding-left: 0.22rem;font-size: 0.18rem;color: #323232;line-height: 0.26rem;background: url(../images24/org01.png) no-repeat left 0.06rem;background-size: 0.12rem 0.12rem;transition: 0.6s all;}
.org li dd a:hover{color: #081776;transition: 0.6s all;}
.org ul+ul li{background:#fff url(../images24/org02.png) no-repeat right bottom;}
.org ul+ul dd{width: 100%;margin-bottom: 0.35rem;}
.org ul+ul dd:last-child{margin-bottom: 0;}
@media(max-width: 850px){
.org ul{width: 100%;}
.org li dd{width: 100%;margin-bottom: 0.35rem;}
.org li dd:last-child{margin-bottom: 0;}
}



.pb_sys_style1 .p_no_d {
    border: 1px solid #081571 !important;
    color: #fff;
    background-color: #081571 !important;
}


.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a {
    padding: 9px 12px !important;
    height: 32px !important;
    border-radius: 5px !important;
}

.pb_sys_common { font-size: 14px !important;}

.pb_sys_full {
    line-height: 0.6rem !important;
}
.part5L .layui-laydate, .layui-laydate-hint{border: none !important;box-shadow: initial !important;background-color: transparent !important;}
.part5L #layui-laydate1{width: 100% !important;}
.part5L .layui-laydate-main{width: 100% !important;}
.part5L .layui-laydate-header{background: #081776;border-bottom: none !important;line-height: 0.8rem !important;padding: 0 0.7rem !important;color: #fff !important;border-radius: 0.08rem;box-shadow: 0px 1px 23.52px 0.48px rgba(83, 90, 129, 0.1);}
.part5L .layui-laydate-header i{top: 0 !important;color: #fff;}
.part5L .laydate-set-ym span{font-size: 0.22rem;}
.part5L .laydate-set-ym span+span{font-size: 0.3rem;}
.part5L .layui-laydate-content{margin-top: 0.01rem;background: #081776;border-radius: 0.08rem;box-shadow: inset 0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.3);padding: 0.4rem 0.4rem 0.8rem 0.4rem;}
.part5L .layui-laydate-content th{color: #fff !important;font-size: 0.2rem;font-weight: 600;margin-bottom: 0.1rem;}
.part5L .layui-laydate-content td, .part5L .layui-laydate-content th{width: 0.4rem;height: 0.4rem;padding: 0;border-radius: 50%;color: #fff;font-size: 0.18rem;position: relative;z-index: 5;}
.part5L .layui-laydate-content .today::after{content: "";width: 0.4rem;height: 0.4rem;background: #d6b57f;border-radius: 50%;position: absolute;left: 50%;margin-left: -0.2rem;top: 50%;margin-top: -0.2rem;z-index: -1;}
.part5L .layui-laydate-content .highlight::after{content: "";width: 0.05rem;height: 0.05rem;background: #9ea8eb;border-radius: 50%;position: absolute;bottom: 0;top: auto;left: 50%;margin-left: -0.02rem;z-index: -1;}
.part5L .layui-laydate table .layui-this{background: transparent !important;}
.part5L .layui-laydate-content tr{margin-bottom: 0.15rem;}
.layui-laydate-content td:hover, .layui-laydate-list li:hover{background-color: transparent !important;color: #d6b57f !important;}
.part5L .layui-laydate-content::after{content: "";width: calc(100% - 0.06rem);height: 0.22rem;background: url(../images24/part5-08.png) no-repeat right bottom;background-size: 100% 0.22rem;position: absolute;right: 0;bottom: -0.22rem;}
.part5L .layui-laydate-content::before{content: "";width: 0.29rem;height: 100%;background: url(../images24/part5-09.png) no-repeat bottom right;background-size:0.29rem 100%;position: absolute;bottom: 0;right: -0.22rem;}
@media(max-width: 850px){
.part5L .layui-laydate-content{padding: 0.4rem;}
.part5L .layui-laydate-content::before{display: none;}
}f
@media (min-width: 471px) and (max-width: 639px){
.layui-laydate-content table{display: inline-table !important;}	
}

@media (min-width: 329px) and (max-width: 470px){
.layui-laydate-content table{display: inline-table !important;}		
}
@media (max-width: 328px){
.layui-laydate-content table{display: inline-table !important;}	
}
/* æµ‹ç»˜è®°å¿† */
.chjy .header_box{background: none;position: fixed;}
.chjy .list-banner::after{content: "";width: 100%;height: 30%;background: linear-gradient(to bottom, rgba(8, 23, 118, 0.5), rgba(8, 23, 118, 0));position: absolute;left: 0;top: 0;}
.chjy .list-banner .pic img{height: 100vh;object-fit: cover;}
.chjy .listBox .n_left{margin-top: 0.8rem;}
.chjy .header_box.xg{background: url(../images24/topBG.jpg) no-repeat center;
    background-size: cover;}

@media(max-width: 1200px){
.chjy .list-banner::after{display: none;}
.chjy .list-banner .pic img{height: auto;}
}


.layui-laydate-list{    z-index: 10;}

.layui-laydate-header i:hover, .layui-laydate-header span:hover {
    color: #d6b57f !important;
}


.layui-laydate .layui-this {
    background-color: #d6b57f !important;
    color: #fff !important;
}

@media(max-width: 850px){
.part1 .part1D .more{
    display: flex;
    width:60%;
    justify-content: flex-end;
    margin-left: 0;}
}


@media(max-width: 610px){
.part1 .part1D .more{width:48%;}
}

@media(max-width: 470px){
.part1 .part1D .more{width: auto;margin-left: 0.3rem}
}

@media(max-width:380px){
.part1 .part1D .more{width: auto;margin-left: 0.1rem}
}


/*æœ€æ–°æŽ¨è*/
.ej_main_right{width: 100%;padding: 0.5rem 0.2rem;background: #fff;/*margin-top: 0.4rem;border-radius: 15px;*/box-shadow:0px 2px 40.2px 2.8px rgba(0, 0, 0, 0.18);}
.ej_main_right .tit{border-bottom:1px solid #a0a7d0;}
.ej_main_right .tit p{font-size: 0.26rem;color: #323232;padding-left: 0.55rem;background: url(../images24/Rfixed0400.png) no-repeat left center;background-size: 0.46rem;margin-bottom: 0.2rem;}
.ej_main_right ul{}
.ej_main_right ul li{border-bottom: 1px dashed #e0e0e0;transition: 0.4s;}
.ej_main_right ul li a{}
.ej_main_right ul li .con{padding: 0.15rem 0;}
.ej_main_right ul li .con .bt{font-size: 0.18rem;color: #323232;line-height: 0.28rem;max-height: 0.56rem;overflow: hidden;margin-bottom: 0.1rem;transition: 0.4s;}
.ej_main_right ul li .con .sj{margin-bottom: 0.05rem;font-size: 0.14rem;color: #999999;padding-left: 0.22rem;line-height: 0.25rem;background: url(../images24/time.png) no-repeat left center;background-size: 0.15rem;}

.ej_main_right ul li a:hover .con .bt{color: #07156e;}
.ej_main_right ul li a:hover .con .sj{color: #07156e;}
.ej_main_right ul li:hover{border-bottom: 1px dashed #004098;}
.zxtj_xy{display: none;}
@media(max-width: 1200px){
.zxtj_xy{display: block;}
.zxtj_xy{width: 100%;padding: 0.5rem 0.2rem;background: #fff;margin-top: 0.5rem;border-radius: 15px;box-shadow:0px 2px 40.2px 2.8px rgba(0, 0, 0, 0.18);    margin-bottom: 0.4rem;}
.zxtj_xy .tit{border-bottom: 1px solid #ebebeb;}
.zxtj_xy .tit p{font-size: 0.26rem;color: #323232;padding-left: 0.3rem;background: url(../images24/Rfixed03.png) no-repeat left center;background-size: 0.22rem;margin-bottom: 0.2rem;}
.zxtj_xy ul{}
.zxtj_xy ul li{border-bottom: 1px dashed #e0e0e0;transition: 0.4s;}
.zxtj_xy ul li a{}
.zxtj_xy ul li .con{padding: 0.15rem 0;}
.zxtj_xy ul li .con .bt{font-size: 0.18rem;color: #323232;line-height: 0.28rem;max-height: 0.56rem;overflow: hidden;margin-bottom: 0.1rem;transition: 0.4s;}
.zxtj_xy ul li .con .sj{margin-bottom: 0.05rem;font-size: 0.14rem;color: #999999;padding-left: 0.22rem;line-height: 0.25rem;background: url(../images24/time.png) no-repeat left center;background-size: 0.15rem;}
.zxtj_xy ul li a:hover .con .bt{color: #07156e;}
.zxtj_xy ul li:hover{border-bottom: 1px dashed #004098;}
}

@media(max-width: 1024px){

  .ej_main_right{width: 100%;margin-top: 0.3rem;}

}
@media(max-width: 850px){

.zxtj_xy{margin-bottom: 0rem;}
}


@media(max-width: 650px){

  .ej_main_right ul li .con{padding: 0.1rem 0;}
  
}
.laydate-day-next{color: #7279a5 !important;font-weight: bold !important;}
.laydate-day-prev{color: #7279a5 !important;font-weight: bold !important;}
#vsb_content_2 TABLE TD P {text-indent: 0px !important;    word-break: break-word !important;}
.show02 TABLE TD p{text-indent: 0px !important;word-break: break-word !important;}
.show02 h2{background: none !important;}
.show02 h2 span{background: none !important;}




@media(max-width: 540px){
.RfixedCon{top: 11%;}
.Rfixed{ padding-top: 0.76rem;}
.Rfixed::after{left: -0.05rem;width: 0.65rem;height: 0.77rem;background-size: 0.65rem 0.77rem;}
.Rfixed ul {width: 0.6rem;}
.Rfixed li .pic img{width: 100%;}
.Rfixed li p{line-height: 0.2rem;}

.Rfixed li:nth-child(5) .pic img{width: auto;}

.position{line-height: 0.3rem;    margin: 0.1rem 0;}
.show02 img {display: block;}
}


.lenis.lenis-smooth {
    scroll-behavior: auto!important;
}

/* å•è¡Œæ–‡æœ¬è¶…å‡ºæ˜¾ç¤ºçœç•¥å·é€šç”¨class */
.text-ellipsis-1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.img-hover img {
    max-width: 100%;
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 100%;
    left: 0;
    top: 0;
    transition: all 0.7s ease;
    
}

.img-hover img:hover {
    transform: scale(1.1);
}

.title {
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    display: -webkit-box;
    /* è®¾ç½®ä¸ºWebKitå†…æ ¸çš„å¼¹æ€§ç›’å­æ¨¡åž‹ */
    -webkit-box-orient: vertical;
    /* åž‚ç›´æŽ’åˆ— */
    -webkit-line-clamp: 2;
    /* é™åˆ¶æ˜¾ç¤ºä¸¤è¡Œ */
    overflow: hidden;
    /* éšè—è¶…å‡ºèŒƒå›´çš„å†…å®¹ */
    /* margin-bottom: 20px 0; */
}

.title:hover i {
    color: #920303 !important;
    cursor: pointer;
}

.verses {
    /* width: 100px; */
    /* max-width: 100px; */
}



.title1 {
    font-size: 18px;
    margin: 20px 0;
}

.title2 {
    position: relative;
    font-size: 16px;
    /* margin: 20px 0; */
    /* line-height: 1.5; */
    /* margin-bottom: 55px; */
    padding-left: 25px;
}

.swiper-button {
    height: 37px;
    width: 37px;
    border: 1px solid #979797;
    border-radius: 100%;
    text-align: center;
    line-height: 37px;
    color: #979797;
    float: right;
    cursor: pointer;
    /* display: inline-block; */
}

.swiper-button:not(.swiper-button-disabled):hover {
    background: #920303;
    border: 1px solid #920303;
    color: #fff;
}

.swiper-button i {
    font-size: 18px;
}


.title3 {
    margin-bottom: 55px;
}

.tag {
    color: #920303;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
}

.title2 i {
    color: #ccc;
    position: absolute;
    left: 0px;
    top: 0px;
}

.title-img {
    height: 50px;
}

.more {
    color: #666;
    font-size: 14px;
    line-height: 50px;
}

/* .more:hover {
    color: #920303;
} */
.more i {
    margin-left: 5px;
    color: #920303;
}

/* .title2:hover i {
    color: #ccc;
    position: absolute;
    left: 0px;
    top: 0px;
} */

.content-p {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* è¡¨ç¤ºæ˜¾ç¤ºçš„è¡Œæ•° */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.img-hover {
    overflow: hidden;
    position: relative;
    height: 2.24rem!important;
}

a:hover {
    color: #920303 !important;
    cursor: pointer;
}

.content {
    padding: 160px 0;
    overflow: hidden;
}

.content1 {
    /* background: url(../imgs/bg1.png) no-repeat top right; */
    /* background-size: 90%; */
}

.content2 {
    background: url(../imgs/bg2.png) no-repeat top center;
    /* background-size: 90% ; */
}

.tab {
    width: 200px;
    margin: 25px auto;
    position: relative;
    left: -50px;
}

.tab li {
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
    color: #333;
}

.tab .active {
    color: #920303;
    font-weight: bold;
}

.card {
    background: #920303;
    padding: 50px 60px;
    padding-right: calc(35%);
    height: 420px;
}

.card-tag {
    padding: 4px 15px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 18px;
    color: #fff;
    font-size: 14px;
}

.card-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 20px;
    color: #fff;
    margin-bottom: 25px;
}

.card p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 30px;
    height: 120px;
}

.card hr {
    border-top: 1px solid #eaeaea;
}

.card-more {
    /* line-height: 20px; */
    color: #fff !important;
    /* display: inline-block; */
    /* text-align: right; */
    /* display: block; */
    /* float: right; */
}

.card-more:hover {
    opacity: .7;
    color: #fff !important;
}

.diff-img {
    width: 140%;
    position: absolute;
    right: 0px;
}

.xsky-list .title {
    padding-left: 0px;
    font-size: 14px;
}

.xsky-list {
    padding: 40px 0;
    margin-top: 30px;
}

.xsky-list .left {
    width: calc(100% - 110px);
    margin-right: 15px;
    float: left;
}

.info-card {
    /* background: #F0F0F0; */
    /* padding: 20px; */
    margin-bottom: 30px;
    display: flex;
}

.info-card .right {
    flex: 1;
    /* width: calc(100% - 75px); */
    margin-right: 15px;
    /* display: inline-block; */

    /* display: block; */
}

.info-card .left {
    /* float: left; */
    width: 57px;
    height: 57px;
    margin-right: 15px;
    /* display: inline-block; */
    /* float: right; */
    background: #EEEEEE;
}

.info-card .left span {
    font-size: 12px;
    display: block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    color: #920303;
    /* background: #920303; */
}

.info-card .left p {
    height: 40px;
    /* line-height: 40px; */
    font-size: 32px;
    color: #333;
    font-weight: bold;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}

.index-title .en {
    color: #333;
    font-size: 20px;
    font-family: 'Times New Roman', Times, serif;
}


.events-card {
    background: #FFFFFF;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.16);
    width: 815px;
    max-width: 100%;
    height: 478px;
}

.events-card .left {
    float: left;
    /* display: inline-block; */
}

.events-card .right {
    padding: 40px;
    float: right;
    /* display: inline-block; */
    width: calc(100% - 343px);
}

/* .events-tag {
    border-radius: 18px;
    border: 1px solid #920303;
    padding: 5px 12px;
    margin-right: 15px;
    color: #920303;
    font-size: 14px;
} */

.events-card p {
    font-size: 14px;
    color: #333;
    margin-top: 5px;
}

.events-card b {
    font-weight: bold;
}

.content3 {
    padding-top: 100px;
}


.vision-card {
    /* height: 570px; */
    /* width: 585px; */
    /* padding: 0 7.5px; */
    /* margin-right: 15px; */
    flex-shrink: 0;
}

.content7 {
    padding: 0px;
    width: 100%;
    overflow: inherit;
    height: 570px;
    margin: 60px 0;
    margin-top: 0px;
}

.zmd {
    display: flex;
    animation: marquee-left 20s linear infinite !important;
}

.content7:hover .zmd {
    animation-play-state: paused !important;
}


@keyframes marquee-left {
    0% {
        transform: translate(100%);
    }

    100% {
        transform: translate(-100%);
    }
}

.diff-card {
    height: 206px;
    /* margin-top: 15px; */
    width: 100%;
    position: relative;
    background: #5E0101;
    overflow: hidden;
}

.diff-card :hover .img-hover img {
    transform: scale(1.1);
}

/* .diff-card a {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
} */

.diff-card .one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.diff-card .two {
    top: 100%;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
}

.diff-content {
    padding: 20px 20px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: url(../imgs/banner-mask.png) no-repeat bottom;
    background-size: 100% 100%;
}

.map-box3 {
    /* height: 720px; */
    position: absolute;
    /* width: 100%; */
    display: none;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
}

.diff-content p {
    font-size: 14px;
    margin-top: 5px;
    line-height: 30px;
    color: #fff;
    white-space: nowrap; /* é˜²æ­¢æ–‡æœ¬æ¢è¡Œ */
    overflow: hidden; /* éšè—æº¢å‡ºçš„æ–‡æœ¬ */
    text-overflow: ellipsis; /* æ˜¾ç¤ºçœç•¥ç¬¦å·æ¥ä»£è¡¨è¢«ä¿®å‰ªçš„æ–‡æœ¬ */
}

.diff-content p:last-child{
    font-weight: bold;
    font-size: 16px;
}

.bottom-icon {
    margin-top: 0px;
    cursor: pointer;
    text-align: center;
    /* width: 120px; */
    margin: 0 auto;
    padding: 100px 0;
    transition: all 0.2s ease-in-out;
}

/* .bottom-icon-hover {
    transition: all 0.3s ease;
} */

.bottom-icon:hover {
    margin-top: -30px;
    padding-bottom: 130px;
    /* position: relative;
    top: -30px */
}

.bottom-icon1 {
    /* opacity: 0.5!important; */
    /* pointer-events:none */
}

.bottom-icon1:hover {
    /* margin-top: 0; */
    /* padding-bottom: 0; */

    /* position: relative;
    top: -30px */
}

/* .bottom-icon:hover p {
    color: #920303;
} */

.bottom-icon img {
    height: 60px;
}

.content8 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.bottom-icon p {
    margin-top: 15px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    text-align: center;
}

footer {
    overflow: hidden;
    /* padding-top: 50px; */
    height: 404px;
    width: 100%;
    background: url(../imgs/footer-bg.jpg) no-repeat;
    background-size: cover;
}

footer .container {
    max-width: calc(1400px - 30px);
    width: 100%;
}






.bottom-icon1 .code1 {
    position: absolute;
    height: 150px;
    margin-left: -75px;
    left: 50%;
    top: 0px;
    top: -70px;
    display: none;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 7px 16px 0px;
}

.bottom-icon1:hover .code1 {
    display: block;
}


.about-box {
    height: 88px;
    width: 88px;
    text-align: center;
    line-height: 88px;
    margin: 0 auto;
    background: #B37B4F;
}

.about-box1 {
    margin-top: 40px;
    text-align: center;
}

.about-box1 h6 {
    color: #333;
    margin-top: 25px;
    font-size: 18px;
}

.about-box1 h4 {
    color: #920303;
    margin-top: 10px;
    cursor: pointer;
    font-size: 16px;
}

.about-box1 h4:hover{
    opacity: 0.7;
}


.about-box1 h5 {
    color: #920303;
    margin-top: 15px;
    font-size: 24px;
    font-family: 'sy';
}

.about-box i {
    font-size: 40px;
    color: #fff;
}

.foot-right1 {
    padding: 50px 30px;
    /* overflow: hidden; */
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.foot-right1 ul {
    /* overflow: hidden; */
    height: 52px;
    display: flex;
}

.foot-right1 h5 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.foot-right1 li {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    flex: 1;
    /* margin-right: 30px; */
}

footer a {
    margin-left: 5px;
    opacity: 0.8;
}

footer a:hover {
    opacity: 1;
    color: #fff !important;
}

.foot-right2 {
    padding: 40px 30px;
    padding-bottom: 20px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.4); */
}

.foot-right2 h5 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.foot-right2 p {
    font-size: 12px;
    color: #fff;
    line-height: 21px;
    margin-bottom: 25px;
}

.footer {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.footer p {
    font-size: 14px;
    color: #fff;
}

footer .box {
    margin-top: 10px;
    margin-bottom: 0px;
}

.visible-xrld {
    visibility: hidden;
    height: 453px;
}

#swiper-pagination1 .swiper-pagination-bullet {
    border-radius: 0px;
    width: 48px;
    height: 4px;
}

#swiper-pagination1 {
    bottom: 20px;
}

#swiper-pagination1 .swiper-pagination-bullet-active {
    background: #920303;
}

#swiper-pagination5 .swiper-pagination-bullet {
    border-radius: 0px;
    width: 48px;
    height: 4px;
}

#swiper-pagination5 {
    bottom: 20px;
}

#swiper-pagination5 .swiper-pagination-bullet-active {
    background: #920303;
}

/* .content7 .col-sm-6 {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.content7 .col-sm-12 {
    padding-right: 7.5px;
    padding-left: 7.5px;
} */

#swiper-container3 .swiper-slide {
    /* text-align: center;
    font-size: 18px;
    background: #fff; */
    width: 600px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.refresh {
    height: 72px;
    width: 72px;
    border-radius: 100%;
    position: absolute;
    right: -20px;
    bottom: 20px;
    background: #fff;
    box-shadow: 0px 7px 12px 0px rgba(0,0,0,0.23);
    line-height: 72px;
    text-align: center;
    z-index: 10;
    cursor: pointer;
}

.refresh:hover {
    background: #DFC387;
    color: #fff;
}

.refresh i {
    font-size: 34px;
}


.diff-box {
    height: 100px;
}

.diff-box span {
    font-size: 12px;
    color: #920303;
    padding-left: 25px;
    margin-top: 10px;
    padding-bottom: 32px;
    display: block;
}

.banner {
    /* min-height: 800px; */
    height: 100vh;
    position: relative;
    z-index: 1000;
    background: #000000;
}

/* .banner .swiper-slide{
    height: 100vh;
} */
#banner {
    height: 100vh;
}

aside {
    z-index: 1001;
}

.aside {
    height: 100vh;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1001;
    display: flex;
}

.aside .left {
    width: 45px;
    height: 100%;
    background: #252525;
    padding: 49px 15px;
    cursor: pointer;
    /* float: left; */
    display: inline-block;
}

/* .aside .left:hover {
    background: #920303;
} */

.aside .left .banner-text1 {
    width: 14px;
}

.aside .left .banner-text2 {
    width: 10px;
    position: absolute;
    bottom: 30px;
    left: 15px;
}

#right {
    position: absolute;
    right: 0;
    top: 0px;
    width: 50px;
    height: 100%;
    background: #920303;
    padding: 49px 15px;
    /* z-index: 10000; */
    /* float: left; */
    cursor: pointer;
    display: inline-block;
    z-index: 1000;
}

#left {
    position: fixed;
    left: -45px;
    top: 0px;
    width: 45px;
    height: 100%;
    background: #920303;
    padding: 49px 15px;
    z-index: 10000;
    /* float: left; */
    cursor: pointer;
    display: inline-block;
}

#left .banner-text1 {
    width: 14px;
}

#left .banner-text2 {
    width: 10px;
    position: absolute;
    bottom: 30px;
    left: 15px;
}

#right .banner-text1 {
    width: 14px;
}

#right .banner-text2 {
    width: 10px;
    position: absolute;
    bottom: 30px;
    left: 15px;
}

.aside .mid {
    display: inline-block;
    height: 100%;
    background: #920303;
    width: 0px;
    transition: all 0.3s linear;
    position: relative;
}

.aside .mid li a {
    font-family: 'sy';
}









.aside a h6 {
    opacity: 0.8;
    flex: 1;
}

.aside a span {
    opacity: 0.5;
}

.aside a:hover span {
    /* color: inherit!important; */
    /* opacity: 1; */
}

.aside-time {
    position: absolute;
    height: 49px;
    width: 52px;
    background: #920303;
    z-index: 1;
    color: #fff;
    text-align: center;
    left: 10px;
    top: 10px;
}

.aside-time i {
    font-size: 12px;
}

.aside-time p {
    font-size: 30px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
}

.aside a:hover h6 {
    /* color: inherit!important; */
    opacity: 1;
}

.nav-bottom {
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 50px;
    padding-top: 0px;
}

.nav-bottom a {
    margin-top: 20px;
    display: block;
    color: #fff;
    opacity: 0.8;
}

.nav-bottom a:hover {
    opacity: 1;
    color: #fff !important;
}

header span:hover {
    background: #920303;
    border: 1px solid #920303 !important;
}

header li a {
    color: #fff !important;
    opacity: 0.7;
}


header li:hover {
    color: #fff !important;
    /* opacity: 1; */
}

header li a:hover {
    color: #fff !important;
    opacity: 1;
}

.nav-a {
    position: relative;
}

.nav-a i {
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 16px;
    color: #DFC387;
}

.info-card .right h5 {
    color: #333;
}


.aside .right {
    display: none;
    position: absolute;
    width: 1080px;
    height: 100vh;
    left: 258px;
    /* background: rgba(105, 0, 0, 0.91); */
    background: url(../imgs/menu-bg.png) no-repeat center center;
    background-size: cover;
    padding: 40px 30px;
    /* overflow: hidden; */
}

/* .aside .right2 {
    display: block;
} */

.right2 .col-sm-3 hr {
    width: 28px;
    margin: 20px auto;
}

.right2 h5 {
    font-size: 24px!important;
    font-weight: bold;
    color: #fff;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.right2 ul {
    margin-bottom: 50px;
}

.right2 li {
    color: #fff;
    font-size: 12px;
    /* width: 33.3%; */
    text-align: center;
    margin-bottom: 20px;
    display: block;
    /* margin-right: 30px; */
}

.right2 li a {
    margin-left: 5px;
    font-size: 16px;
    color: #fff !important;
}

.right2 li {
    opacity: 0.8;
    color: #fff;
}

.right2 li:hover {
    opacity: 1;
    color: #fff !important;
}

.nav-list {
    margin: 10px 0;
    /* margin-bottom: 50px; */
}

.nav-list i {
    /* opacity: 0.7; */
}


.right3 li {
    color: #fff;
    font-size: 12px;
    /* text-align: center; */
    margin-bottom: 20px;
    opacity: 0.8;
    /* margin-right: 30px; */
}

.right3 li a {
    margin-left: 0px;
    font-size: 14px;
    color: #fff !important;
}

.right3 li:hover {
    opacity: 1;
    color: #fff !important;
}

.right4 li {
    color: #fff;
    font-size: 12px;
    /* text-align: center; */
    margin-bottom: 20px;
    opacity: 0.8;
    white-space: nowrap; /* é˜²æ­¢æ–‡æœ¬æ¢è¡Œ */
    overflow: hidden; /* éšè—æº¢å‡ºçš„æ–‡æœ¬ */
    text-overflow: ellipsis; /* æ˜¾ç¤ºçœç•¥ç¬¦å·æ¥ä»£è¡¨è¢«ä¿®å‰ªçš„æ–‡æœ¬ */
    /* margin-right: 30px; */
}

.right4 .nav-list {
    margin-top: 15px;
    margin-bottom: 0px;
}

.right4 li a {
    margin-left: 0px;
    font-size: 14px;
    color: #fff !important;
}

.nav-list li a {
    font-size: 16px;
}

.right4 li:hover {
    opacity: 1;
    color: #fff !important;
}

.nav-list li {
    color: #fff;
    font-size: 12px;
    width: 50%;
    /* text-align: center; */
    margin-bottom: 20px;
    display: inline-block;
    height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* margin-right: 30px; */
}

.nav-list li i {
    margin-right: 5px;
}


.nav-list li {
    opacity: 0.8;
    color: #fff;
}

.nav-box {
    padding: 20px 30px;
    height: 186px;
    background: rgba(255, 255, 255, 0.1);
}

.right h5 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    /* height: 20px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right h5 a:hover {
    color: #fff!important;
    opacity: 0.7;
}

.nav-box li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.red-title {
    height: 57px;
}

#swiper-container5 {
    height: 250px;
    /* margin-bottom: 100px; */
}

.right h5 i {
    font-size: 12px;
    margin-right: 5px;
    opacity: 0.5;
}
/* 
.right1 {
    display: block!important;
} */

.right1-box {
    /* padding: 25px 0; */
}

.right1-box .right1-time {
    width: 60px;
    border-right: 1px solid rgb(204, 204, 204, 0.5);
    height: 40px;
    text-align: center;
    padding-right: 15px;
    margin-right: 15px;
}

.right1-box .right1-time i {
    font-size: 28px;
    font-style: normal;
    margin-bottom: 2px;
    display: block;
}

.right1-box .right1-time span {
    opacity: 1;
}

.right-top {
    display: flex;
}

.right h6 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    white-space: nowrap;
    /* ç¡®ä¿æ–‡æœ¬åœ¨ä¸€è¡Œå†…æ˜¾ç¤º */
    overflow: hidden;
    /* éšè—è¶…å‡ºå®¹å™¨çš„æ–‡æœ¬ */
    text-overflow: ellipsis;
    /* ä½¿ç”¨çœç•¥ç¬¦å·è¡¨ç¤ºæ–‡æœ¬è¢«æˆªæ–­ */
    line-height: 1.5;
}

.right .h6 {
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    margin: 0px;
    max-height: 45px;
}

.hd img {
    width: 108px;
    height: 153px;
    margin-right: 30px;
}

.hd p {
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    padding-left: 15px;
    border-left: 1px solid #979797;
}

.notice-list .h6 {
    font-size: 16px;
    line-height: 1.5;
    opacity: 1;
    white-space: nowrap;
    /* ç¡®ä¿æ–‡æœ¬åœ¨ä¸€è¡Œå†…æ˜¾ç¤º */
    overflow: hidden;
    /* éšè—è¶…å‡ºå®¹å™¨çš„æ–‡æœ¬ */
    text-overflow: ellipsis;
}


.hd .h6 {
    font-size: 16px;
    line-height: 1.5;
    opacity: 1;
    margin-bottom: 20px;
}

.notice-list li {
    margin-bottom: 15px;
}

.right-top p {
    font-size: 12px;
    color: #fff;
    line-height: 21px;
    opacity: 0.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.right-top-left {
    flex: 1;
    padding-right: 15px;
}

.right-top-right {
    width: 57px;
    height: 68px;
    border: 1px solid #FFFFFF;
    text-align: center;
}

.right-top-right span {
    font-size: 12px;
    display: block;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 0;
}

.right-top-right p {
    font-size: 32px;
    line-height: 42px;
    opacity: 1;
    /* display: block; */
    /* padding: 5px 0; */
}

.right1-time {
    font-size: 12px;
    color: #fff;
    /* opacity: 0.5; */
    margin-bottom: 20px;
    display: block;
}


/* .right3 {
    display: block!important;
} */

.right1-more {
    font-size: 12px;
    opacity: 0.7;
    height: 24px;
    line-height: 24px;
    color: #fff !important;
}

.right1-more i {
    font-size: 18px;background:url(../imgs/sifangge.png) no-repeat;
    background-size: 100%;
    background-position-y: 6px;
}

.right1-more:hover {
    /* font-size: 14px; */
    opacity: 1;
    color: #fff !important;
}


.banner-text {
    font-size: 32px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    z-index: 998;
    width: 100%;
    /* height: 217px; */
    padding: 40px 30px;
    background: url(../imgs/banner-mask.png) no-repeat bottom;
    background-size: 100% 100%;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}

.banner-text span {
    line-height: 1.5;
    /* position: absolute; */
    /* bottom: 50px; */
    font-weight: bold;
}

#swiper-pagination0 {
    left: inherit;
    right: 30px;
    text-align: right;
    bottom: 40px;
    height: 34px;
    font-size: 0px;
    /* z-index: 1000; */
}

#swiper-pagination0 .swiper-pagination-bullet {
    background: #A5A5A5;
    opacity: 1;
    height: 12px;
    width: 12px;
    margin: 11px 10px;
}

#swiper-pagination0 .swiper-pagination-bullet span {
    display: none;
}

#swiper-pagination0 .swiper-pagination-bullet-active span {
    display: inline-block;
}


#swiper-pagination0 .swiper-pagination-bullet-active {
    height: 34px;
    width: 34px;
    position: relative;
    top: 0px;
    text-align: center;
    background: none;
    color: #DAC2AB;
    line-height: 34px;
    margin: 0px 10px;
}

#swiper-container4 .swiper-slide {
    /* width: 237px; */
}

#swiper-container4 {
    /* position: absolute; */
    /* top: 270px; */
    width: 100%;
    padding-left: 20px;
    z-index: 1;
    /* height: 300px; */
}

/* #swiper-container4 .swiper-slide-next {
    width: 815px!important;
    opacity: 0;
} */
.events-box img {
    width: 170px;
    height: 237px;
}

.events-box h5 {
    /* width: 170px; */
    /* color: #333; */
    font-weight: bold;
    line-height: 24px;
    margin-top: 15px;
    font-size: 16px;
    overflow: hidden;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    /* height: 237px; */
}

.dsyz {
    position: absolute;
    right: 0px;
    top: -60px;
    width: 370px;
}

.content2 .container {
    position: relative;
}

.content3 .container {
    max-width: 1400px;
    width: 100%;
    /* position: relative; */
}

.content4 .container {
    position: relative;
}

.yzxl {
    position: absolute;
    left: 0px;
    top: -220px;
    width: 322px;
    z-index: -1;
}

.pub-banner {
    height: 500px;
    background: url(../imgs/banner1.png) no-repeat center center;
    background-size: cover;
    position: relative;
    /* background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%); */
}

.pub-banner2 {
    background: url(../imgs/xxgk-img2.png) no-repeat center center;
    background-size: cover;
    height: 100vh;
}

.pub-banner-box {
    /* position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -600px;
    padding-bottom: 35px; */
    padding-top: 55px;
}

.pub-banner-box p {
    padding-top: 300px;
}

.pub-banner-box ul li {
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

.pub-banner-box ul {
    margin-bottom: 80px;
    position: relative;
    z-index: 100;
}

.pub-banner-box ul a {
    opacity: 0.7;
}

.pub-banner-box ul a:hover {
    color: #fff !important;
    opacity: 1;
}

.pub-banner-box ul a:hover i {
    color: #fff !important;
    opacity: 1;
}

.pub-banner-box ul li i {
    margin-right: 5px;
    opacity: 0.7;
}

.pub-banner-box p {
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

.pub-bg {
    height: 200px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.crumbs {
    background: #EBEBEB;
    height: 80px;
    display: flex;
}

.crumbs ul li {
    line-height: 80px;
    margin-left: 50px;
    overflow: hidden;
}

.crumbs ul li:hover {
    border-bottom: 4px solid #920303;
    font-weight: bold;
}

.crumbs ul {
    display: flex;
}

.crumbs ul .active {
    color: #920303;
    border-bottom: 4px solid #920303;
    font-weight: bold;
}

main {
    /* position: absolute; */
    /* width:1600px; */
}

.crumbs-bg {
    background: #EBEBEB;
    height: 80px;
    position: absolute;
    left: 0px;
    width: 100%;
}

.crumbs h5 {
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    overflow: hidden;
    font-weight: bold;
}

.crumbs h5 i {
    font-weight: normal;
    margin-left: 50px;
    color: #979797;
}

.order-list {
    display: flex;
    font-size: 14px;
    margin: 30px 0;
    padding: 20px 0;
    color: #999;
}

.row1 {
    margin-left: -15px;
    margin-right: -15px;
}

.order-list .active {
    color: #920303;
}

.order-list li {
    flex: 1;
    margin-right: 20px;
}

.zzjg-title1 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
    /* height: 80px; */
    line-height: 1.5;
    padding-left: 30px;
    position: relative;
}

.zzjg-title1 i {
    color: #920303;
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 42px;
}

.title4 {
    margin-bottom: 20px;
}

.zzjg-item {
    font-size: 14px;
    color: #333;
}

.zzjg-item li {
    position: relative;
    left: 25px;
    padding-left: 25px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.zzjg-item li:hover i {
    color: #920303;
}

.zzjg-item i {
    color: #ccc;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    line-height: 20px;
}

.zzjg-box {
    height: 152px;
    background: #F0F0F0;
    padding: 45px;
    position: relative;
    margin: 50px 0;
    overflow: hidden;
}

.zzjg-box .zzjg-icon {
    background: #920303;
    color: #fff;
    height: 57px;
    width: 57px;
    text-align: center;
    line-height: 57px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    left: 45px;
    top: 50%;
    margin-top: -28.5px;
    z-index: 100;
}

.zzjg-box .zzjg-icon1 {
    background: #920303;
    color: #fff;
    height: 57px;
    width: 57px;
    
    text-align: center;
    line-height: 57px;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    left: 45px;
    top: 50%;
    margin-top: -28.5px;
    transition: all 1s ease;
    z-index: 1;
}

.zzjg-box .zzjg-icon i {
    font-size: 20px;
}

.zzjg-box:hover .zzjg-icon1 {
    transform: scale(25);
    /* top: 0px;
    left: 0px; */
    /* border-radius: 0; */
    /* margin-top: 0px */
}

.zzjg-box:hover h5 {
    color: #fff;
}

.zzjg-box:hover span {
    color: #fff;
}

.zzjg-box h5 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-left: 80px;
    z-index: 100;
    position: relative;
}

.zzjg-box span {
    padding-left: 80px;
    font-size: 14px;
    color: #999;
    z-index: 100;
    position: relative;
    margin-top: 15px;
    display: block;
}

.zzjg-box1 .zzjg-icon1 {
    right: 45px;
    left: inherit;
}

.zzjg-box1 .zzjg-icon {
    right: 45px;
    left: inherit;
}

.zzjg-box1:hover .zzjg-icon1 {
    /* height: 100%;
    width: 100%; */
    transform: scale(25);
    /* top: 0px;
    right: 0px; */
    /* border-radius: 0; */
    /* margin-top: 0px; */
    /* left: inherit; */
}

.zzjg-box1 h5 {
    text-align: right;
    padding-right: 80px;
    padding-left: 0px;
}

.zzjg-box1 span {
    text-align: right;
    padding-right: 80px;
}

.xrld-box {
    background: #F0F0F0;
    padding: 35px 0px;
    position: relative;
    /* display: flex; */
}

.xrld-box .xrld-title {
    margin: 0px;
}

.xrld-box .line {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0;
    height: 4px;
    background: #920303;
    transition: all 0.7s ease;
}

.xrld-box:hover .line {
    width: 100%;
}

.xrld-box:hover h5 {
    color: #920303;
}

.xrld-box img {
    height: 263px;
    width: 188px;
    margin-right: 30px;
}

.xrld-title {
    margin-top: 50px;
    position: relative;
    margin-bottom: 20px;
    /* height: 80px; */
}

.xrld-box p {
    font-size: 16px;
    /* color: #920303; */
    font-weight: bold;
    line-height: 34px;
}

.xrld-box h5 {
    font-size: 28px;
    color: #333;
    font-weight: bold;
    margin-top: 60px;
}

.xrld-box hr {
    border-color: #979797;
    width: 41px;
    margin-left: 0px;
    border-width: 3px;
    margin-top: 25px;
}

.xrld-box span {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 15px;
}

.xrld-box1 {
    background: #fff;
    /* padding: 50px 35px; */
    /* height: 323px; */
    border-bottom: 1px solid #979797;
}

.xrld-box1 img {
    height: 219px;
    width: 156px;
}

/* .xrld-box1 p {
    font-size: 16px;
    opacity: 0;
    line-height: 1.5;
} */

.xrld-box1 h5 {
    font-size: 24px;
    margin-top: 30px;
    font-family: 'sy';
}

.xrld-box1 span {
    font-size: 14px;
    /* display: none; */
}

.zt-box1 {
    height: 37px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 50%;
    z-index: 100;
    margin-left: 15px;
    padding-right: 15px;
}

.xrld-box1 hr {
    width: 41px;
    margin-top: 20px;
}

.xrld-box1 .line {
    bottom: -1px;
}

.xrld-box2 {
    background: #fff;
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #999999;
}

.xrld-box2 h5 {
    margin: 0px;
    font-size: 24px;
    margin-bottom: 10px;
    font-family: 'sy';
}

.xrld-box2 span {
    color: #999;
    font-size: 14px;
}

.xxgk-content1 {
    padding: 100px 0;
}

.xxgk-content1 p {
    font-size: 16px;
    color: #333;
    text-indent: 2em;
    line-height: 30px;
}

.xxgk-more {
    float: right;
    display: block;
    margin-top: 30px;
    line-height: 45px;
    color: #920303 !important;
}

.xxgk-more span {
    height: 45px;
    width: 45px;
    text-align: center;
    border: 1px solid #979797;
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px;
}

.xxgk-more span i {
    font-size: 18px;
    color: #979797;
}

.xxgk-more:hover span {
    border: 1px solid #920303;
    background: #920303;
}

.xxgk-more:hover i {
    color: #fff;
}

.xxgk-content2 {
    padding: 100px 0;
    background: #920303;
}

.xxgk-content2 p {
    font-size: 16px;
    color: #fff;
    text-indent: 2em;
    line-height: 30px;
}

.xxgk-box1 {
    padding: 22px 0;
    border-bottom: 1px solid #999;
    margin-top: 20px;
    min-height: 175px;
   
    /* margin: 20px 0; */
}



.xxgk-box1 span {
    font-size: 16px;
    /* text-indent: 0; */
    display: block;
    line-height: 1.5;
    font-weight: bold;
}

.xxgk-box1 h1 {
    font-size: 50px;
    text-align: right;
    font-weight: bold;
    color: #920303;
    font-family: 'Times New Roman', Times, serif;
}

.xxgk-box {
    background: url(../imgs/bxts-bg.png) no-repeat center center;
    background-size: contain;
    text-align: center;
    height: 50px;
    /* padding: 20px 0; */
    margin: 50px 0;
}

.xxgk-box h6 {
    padding-top: 5px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.xxgk-box span {
    color: #999;
    font-size: 12px;
}

.xxgk-content4 {
    background: #eee;
}

.xxgk-box2 {
    text-align: center;
    border-right: 1px solid #979797;
}

.xxgk-box2 h4 {
    font-size: 50px;
    font-weight: bold;
    margin-top: 50px;
    color: #920303;
    margin-bottom: 10px;
    font-family: 'Times New Roman', Times, serif;
}

.xxgk-box2 span {
    font-size: 16px;
    font-weight: bold;
}

.xxgk-time {
    font-size: 12px;
    color: #999;
}

.xxgk-time i {
    margin-right: 5px;
}

.xgk-box3 {
    height: 590px;
    width: 100%;
    padding:0 15px;
    margin-top: 80px;
    background: url(../imgs/jj-bg.png) no-repeat center center;
    background-size: cover;
    padding-top: 170px;
}

.xgk-box3 p{
    font-size: 16px;
    line-height: 34px;
    color: #333;
}


#swiper-container3 .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}

/* #swiper-container4 .swiper-wrapper {
    transition-timing-function: linear !important;
} */

.content9 .box1 {
    height: 480px;
}

.content9 .box2 {
    height: 240px;
    position: relative;
    /* border-radius: 0.6rem 0.1rem 0.6rem 0.1rem; */
}

.content9 .box2:hover .img-hover img {
    transform: scale(1.1);
}

.box2 {
    height: 240px;
    position: relative;
}

.box2:hover .img-hover img {
    transform: scale(1.1);
}

.pd0 {
    padding: 0px;
}

#redpage .pd0 {
    padding: 0px!important;
}
    

.tag1 {
    padding: 8px 16px;
    /* width: 79px; */
    /* height: 28px; */
    display: block;
    background: #920303;
    border-radius: 18px;
    color: #fff;
    position: absolute;
    top: 30px;
    font-size: 12px;
    left: 30px;
    z-index: 1;
}

.box3 {
    background: url(../imgs/panel2.png) no-repeat center center;
    background-size: 100% 100%;
    padding: 20px 41px;
    text-align: right;
    padding-right: 122px;
}

.box3 p {
    text-align: left;
    width: 100%;
    margin-left: 0%;
    color: #fff;
    opacity: 0.7;
    line-height: 21px;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: -webkit-box;             /* å¿…é¡»è®¾ç½®ï¼Œç”¨äºŽå¤šè¡Œæº¢å‡º */
    -webkit-box-orient: vertical;     /* è®¾ç½®ç›’å­æŽ’åˆ—æ–¹å‘ä¸ºåž‚ç›´ */
    /* -webkit-line-clamp: 5; */            /* é™åˆ¶æ˜¾ç¤ºçš„è¡Œæ•°ï¼Œä¾‹å¦‚æ˜¾ç¤º 3 è¡Œ */
    overflow: hidden;font-family: 仿宋;
}

.icon-box {
    height: 25px;
    width: 25px;
    display: inline-block;
    position: relative;
    top: 10px;
    margin-right: 5px;
}

.box4 {
    background: #B37B4F;
}

.box4 .tag1 {
    border: 1px solid #ccc;
    background: none;
}

.box4 .banner-text {
    background: none;
}


.info-card1 .left {
    background: #920303;
    height: 67px;
    width: 67px;
    color: #fff;
}

.info-card1 .left span {
    color: #fff;
    height: 25px;
    line-height: 25px;
}

.info-card1 .left p {
    color: #fff;
}


.info-card1 .right .title {
    font-size: 20px;
    color: #333;
}

.xz-box1 .img-hover {
    height: 4.34rem!important;
}


.xz-box .title {
    font-size: .158rem;
    margin-top: .115rem;
    height: .463rem!important;
}

.xz-box {
    margin-bottom: .28rem;
}

.xz-box1 {
    position: relative;
    top: -.671rem;
    height: auto;
    background: #FFFFFF;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.16);
}

.xz-box2 {
    padding: .3rem 0.2rem;
    position: relative;
    height: 1.81rem;
}

.xz-box2 .title {
    font-size: .2rem;
    margin-bottom: 25px;
}

.xz-box2 .title:hover {
    color: #920303;
}

.xz-box2 p {
    font-size: .135rem;
    color: #999;
    line-height: 1.5;
    display: -webkit-box;             /* å¿…é¡»è®¾ç½®ï¼Œç”¨äºŽå¤šè¡Œæº¢å‡º */
    -webkit-box-orient: vertical;     /* è®¾ç½®ç›’å­æŽ’åˆ—æ–¹å‘ä¸ºåž‚ç›´ */
    -webkit-line-clamp: 2;            /* é™åˆ¶æ˜¾ç¤ºçš„è¡Œæ•°ï¼Œä¾‹å¦‚æ˜¾ç¤º 3 è¡Œ */
    overflow: hidden;                 /* éšè—è¶…å‡ºçš„å†…å®¹ */
}

.xz-box2 .right1-more {
    color: #999 !important;
    font-size: .135rem;
    opacity: 1;
    position: absolute;
    bottom: .2rem;
    right: .2rem;
}

.xz-box2 .right1-more i {
    font-size: 12px;
}

.xz-box2 .right1-more:hover {
    color: #920303 !important;
}

.tag2 {
    
    height: 90px;
    width: 60px;
    background: url(../imgs/shizhe.png) no-repeat center;
    background-size: contain;
    /* padding: 8px 16px; */
    /* width: 79px; */
    /* height: 28px; */
    display: block;
    border-radius: 18px;
    color: #fff;
    /* border: 1px solid #fff; */
    position: absolute;
    top: 30px;
    font-size: 12px;
    right: 30px;
    z-index: 1;
    display: none;
}

.nav1 {
    left: -66px;
    top: 0px;
    width: 66px;
    height: 100vh;
    /* cursor: pointer; */
    position: fixed;
    background: #920303;
    z-index: 1001;
    transition: all 0.2s linear;
    /* transition: width 0.2s linear; */
}

.hide1 {
    cursor: pointer;
    width: 100%;
}

.nav1-img {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid rgb(221, 221, 221, 0.3);
}

.nav1-mid {
    color: #fff;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -42px;
    cursor: pointer;
}

.nav1-mid:hover {
    opacity: 0.8;
}

.nav1-mid i {
    font-size: 20px;
    display: block;
    margin-bottom: 5px;
}

.nav1 .mid {
    /* display: none; */
    opacity: 0;
    left: -279px;
    /* width: 0px; */
}

.nav2 .mid {
    opacity: 1;
    /* display: block; */
    left: 0px;
    width: 213px;
}

.nav2 {
    width: 212px;
}


.nav2 .hide1 {
    display: none;
}

.nav2 .right {
    left: 212px;
}

main {
    position: relative;
    left: 0px;
    width: 100%;
    transition: all 0.2s linear;
    /* transition: left 0.1s linear; */
    /* transition: width 0.1s linear; */
    /* transition: width 0.1s linear; */
    /* margin-left: 66px; */
    /* padding: 0 66px; */
    /* padding-left: 66px; */
}

.nav3 {
    left: 0;
}

.main1 {
    left: 66px;
    /* transition: width 0.3s linear; */
    width: calc(100% - 66px);
    /* padding-right: 66px; */
}

.main2 {
    -webkit-transition: all 500ms cubic-bezier(0.75, 0, 0.175, 1);
    -moz-transition: all 500ms cubic-bezier(0.75, 0, 0.175, 1);
    -o-transition: all 500ms cubic-bezier(0.75, 0, 0.175, 1);
    transition: all 500ms cubic-bezier(0.75, 0, 0.175, 1);
    background-color: #f7f7f5;
    filter: blur(5px);
    /* padding-right: 212px; */
}


.red {
    position: absolute;
    left: 0px;
    width: calc(100% - 50px);
    height: 100%;
    top: 0px;
    z-index: 1000;
    /* display: none; */
    background: #5E0606;
    /* background: url(../imgs/red/2.jpg) no-repeat center center; */
    background-size: cover;
    overflow: hidden;
}

.red .container {
    position: absolute;
    top: 50%;
    margin-top: -280px;
    left: 50%;
    margin-left: -700px;
}

.red-logo {
    position: absolute;
    left: 50px;
    width: 244px;
    top: 30px;
}

.gd {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /* left: 50%; */
    /* margin-left: -144px; */
}

.gd1 {
    position: absolute;
    width: 100%;
    height: 57px;
    width: 260px;
    left: 50%;
    margin-left: -130px;
    bottom: 80px;
    z-index: 1;
    /* left: 50%; */
    /* margin-left: -144px; */
}

#swiper1 {
    opacity: 1;
}

#swiper1 .swiper-slide1 {
    background: #FFF7E7 url(../imgs/red/1.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper1 .swiper-slide2 {
    background: #FFF7E7 url(../imgs/red/2.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper1 .swiper-slide3 {
    background: #FFF7E7 url(../imgs/red/3.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper1 .swiper-slide4 {
    background: #FFF7E7 url(../imgs/red/4.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper1 .swiper-slide5 {
    background: #FFF7E7 url(../imgs/red/5.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper1 .swiper-slide6 {
    background: #FFF7E7 url(../imgs/red/6.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper1 .swiper-slide7 {
    background: #FFF7E7 url(../imgs/red/7.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper1 .swiper-slide8 {
    background: #FFF7E7 url(../imgs/red/8.jpg) no-repeat left center;
    background-size: calc(60% - 400px);
    width: calc(100vw + 400px);
}

.swiper-slide-next1 {
    height: 145px;
    /* width: 200px; */
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -72.5px;
}

.swiper-slide-next1 .yuan {
    height: 145px;
    width: 145px;
    border-radius: 100%;
    background: #DFC387;
    margin-right: 170px;
    transition: all 0.7s ease;
    z-index: 1;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}



.swiper-slide-next1 .yuan img {
    width: 100%;
}

.swiper-slide-next1 .yuan:hover {
    background: #B37B4F;
    transform: scale(1.1);
}

.swiper-slide-next1 .yuan2 {
    background: #920303;
}

.swiper-slide-next1 .yuan2:hover {
    background: #5E0606;
}


.swiper-slide-next1 .yuan1 {
    height: 34px;
    width: 34px;
    border: 1px solid #E3DDD1;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 98px;
    top: 50%;
    margin-top: -17px;
    z-index: 1;
}

.swiper-slide-next1 .yuan1 span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #920303;
    border-radius: 100%;
    margin: 0;
}

.swiper-slide-next1 hr {
    width: 170px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin: 0px!important;
    margin-top: -1px;
    border-top: 1px solid #E3DDD1!important;
}

#swiper1 .swiper-slide8 .red-box {
    margin-left: -1130px;
}
#swiper2 .swiper-slide1 {
    background: #FFF7E7 url(../imgs/red/9.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper2 .swiper-slide2 {
    background: #FFF7E7 url(../imgs/red/10.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper2 .swiper-slide3 {
    background: #FFF7E7 url(../imgs/red/11.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper2 .swiper-slide4 {
    background: #FFF7E7 url(../imgs/red/12.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper2 .swiper-slide5 {
    background: #FFF7E7 url(../imgs/red/13.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper2 .swiper-slide6 {
    background: #FFF7E7 url(../imgs/red/14.jpg) no-repeat left center;
    background-size: 60%;
    background-size: calc(60% - 400px);
    width: calc(100vw + 400px);
}

#swiper2 .swiper-slide6 .red-box {
    margin-left: -1130px;
}


#swiper3 .swiper-slide1 {
    background: #FFF7E7 url(../imgs/red/15.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper3 .swiper-slide2 {
    background: #FFF7E7 url(../imgs/red/16.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper3 .swiper-slide3 {
    background: #FFF7E7 url(../imgs/red/17.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper3 .swiper-slide4 {
    background: #FFF7E7 url(../imgs/red/18.jpg) no-repeat left center;
    background-size: 60%;
    background-size: calc(60% - 400px);
    width: calc(100vw + 400px);
}

#swiper3 .swiper-slide4 .red-box {
    margin-left: -1130px;
}

#swiper4 .swiper-slide1 {
    background: #FFF7E7 url(../imgs/red/19.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper4 .swiper-slide2 {
    background: #FFF7E7 url(../imgs/red/20.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper4 .swiper-slide3 {
    background: #FFF7E7 url(../imgs/red/21.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper4 .swiper-slide4 {
    background: #FFF7E7 url(../imgs/red/22.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}
#swiper4 .swiper-slide5 {
    background: #FFF7E7 url(../imgs/red/23.jpg) no-repeat left center;
    background-size: 60%;
    width: 100vw;
}

#swiper4 .swiper-slide6 {
    background: #FFF7E7 url(../imgs/red/24.jpg) no-repeat left center;
    background-size: 60%;
    background-size: calc(60% - 400px);
    width: calc(100vw + 400px);
}

#swiper4 .swiper-slide6 .red-box {
    margin-left: -1130px;
}

.mid-logo {
    display: block;
    margin: 0 auto;
}

.red-nav {
    position: absolute;
    height: 52px;
    z-index: 10;
    top: 50px;
    left: 50%;
    /* margin-left: -385px; */
    transform: translateX(-50%);
    display: flex;
    display: none;
}

.red-nav img {
    /* height: 52px; */
    height: 38px;
    width: 136px;
    opacity: 0.3;
}

.red-nav .act {
    opacity: 1;
}

.red-nav .line {
    /* height: 2px;
    width: 50px;
    margin: 25px;
    margin-top: 20px; */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin: 16px 47px 0;
    background: rgb(0, 0, 0, 0.3);
}


#redpage .fadeInUp1 {
    margin-top: 50px;
    opacity: 0;
    position: absolute;
    z-index: 1000;
}

.imgdown {
    /* left: 5%;
    top: 170px; */
    height: 370px;
    /* margin-top: -370px; */
    left: 100%;
    top: 40%;
    margin-left: -730px;
    width: 600px;
    padding: 40px;
    background: url(../imgs/red/bg.png) no-repeat center center;
    background-size: cover;
    /* margin-left: -272px; */
}

.imgup {
    /* left: 100%;
    top: 70%;
    margin-left: -620px; */
    left: 100%;
    /* margin-top: -370px; */
    top: 15%;
    margin-left: -730px;
    height: 370px;
    padding: 40px;
    width: 600px;
    background: url(../imgs/red/bg.png) no-repeat center center;
    background-size: cover;
}

.imgdown p {
    color: #fff!important;
    margin-top: 20px;
}

.imgup p {
    color: #fff!important;
    margin-top: 20px;
}


#swiper-pagination {
    bottom: 30px;
}


#swiper-pagination .swiper-pagination-bullet {
    height: 14px;
    width: 14px;
    margin: 0 10px;
}

/* #swiper-pagination .swiper-pagination-bullet:last-child{
    display: none;
} */

#swiper-pagination .swiper-pagination-bullet-active {
    background: url(../imgs/red/act.png) no-repeat;
    background-size: cover;
    height: 28px;
    width: 28px;
    position: relative;
    top: 7px;
}

#red {
    position: fixed;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 10000;
    left: -100vw;
    background: #FFF7E7;
    /* visibility: hidden; */
    /* display: none; */
    /* width: 0px; */
}

#red iframe {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: calc(100% - 45px);
}

#future {
    position: fixed;
    right: 0;
    height: 100%;
    width: calc(100% - 45px);
    z-index: 10000;
    right: -100vw;
    display: none;
}

/* .swiper-slide3 h1 {
    font-size: 36px;
    color: #920303;
    font-weight: bold;
}

.swiper-slide3 h1 span {
    font-size: 32px;
    color: #333;
}

.swiper-slide3 h5 {
    font-size: 24px;
    margin-top: 18px;
    font-weight: bold;
}

.swiper-slide3 hr {
    border-color: #979797;
    margin: 30px 0;
}

.swiper-slide3 h6 {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #920303;
}

.swiper-slide3 p {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 20px;
    color: #333;
}

.swiper-slide3 {
    padding: 150px 140px;
}

.swiper-slide3 span {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    line-height: 24px;
} */

.events-tag {
    color: #920303;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
}

.events-img {
    position: relative;
    height: 320px;
    width: 229px;
    overflow: hidden;
}

.events-img img {
    position: absolute;
    height: 320px;
    width: 229px;
    left: 0px;
    top: 0px;
    object-fit: cover;
    transition: 0.7s;
}

.events-img img:hover {
    transform: scale(1.1);
}

.events-img span {
    z-index: 100;
    position: absolute;
    left: 15px;
    top: 15px;
}

#swiper-container4 .swiper-slide {
    width: 229px;
    /* height: 420px;
    position: relative; */
}

#swiper-container4 {
    /* height: 600px; */
}

#swiper-container4 .swiper-wrapper {
    /* height: 500px; */
}

/* #swiper-container4 .swiper-slide:hover {
    width: 358px;
} */

/* #swiper-container4 .swiper-slide:hover .events-box1 {
    display: block;
    opacity: 1;
    width: 358px;
    height: 500px;
}

#swiper-container4 .swiper-slide:hover .events-box1 {
    display: block;
    opacity: 1;
    width: 358px;
    height: 500px;
}

#swiper-container4 .swiper-slide:hover .events-box .events-img{
    display: none;
}

#swiper-container4 .swiper-slide:hover .events-box h5 {
    display: none;
} */

.events-box1 {
    /* display: none; */
    width: 0px;
    cursor: pointer;
    height: 0px;
    opacity: 0;
    transition: all 0.2s linear;
    position: absolute;
    left: 0px;
    top: 30px;
    /* display: block;
    opacity: 1;
    width: 358px;
    height: 500px;  */
}

.title-hover:hover {
    color: #920303;
}

.events-top {
    height: 300px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.events-box2 {
    font-size: 14px;
    border-left: 1px solid #979797;
    line-height: 1.5;
    color: #666;
    padding-left: 10px;
    margin-top: 20px;
}

.events-top .tag1 {
    color: #fff;
    position: relative;
    background: none;
    border: 1px solid #fff;
    left: 0px;
    top: 0px;
    display: inline-block;
}

.events-box1 .event-mask {
    background: rgb(87, 15, 15, 0.8);
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding: 30px;
}

.events-box1 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.events-box1 h5 {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    margin-top: 15px;
    width: 298px;
}

.events-box1 p {
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
    width: 298px;
    margin-bottom: 10px;
}

.events-box1 span {
    font-size: 16px;
    color: #fff;
    /* width: 298px; */
    /* display: block; */
}

.box {
    position: relative;
}

.qr {
    height: 150px;
    width: 150px;
    position: absolute;
    left: 50%;
    display: none;
    margin-left: -75px;
    /* background: url(../imgs/qr.png) no-repeat center center; */
    top: -160px
}


.box:hover .qr {
    display: block;
}

#redpage .fadeInUp11 {
    width: 100%;
    padding: 0 30px;
}

#app {
    overflow: hidden;
}

.img-hover1:hover img {
    transform: scale(1.1);
}

.future {
    /* background: url(../imgs/f-bg.png) no-repeat center center; */
    background-size: cover;
    height: 100vh;
    width: 80vw;
    position: relative;
    /* padding: 50px; */
    box-sizing: border-box;
    z-index: 2;
}

.future .container {
    /* height: 600px; */
    width: 100% !important;
    max-width: 100% !important;
    position: absolute;
    /* width: 100%; */
    /* left: 50%; */
    /* top: 50%; */
    /* margin-top: -300px; */
    /* margin-left: -700px; */
    /* bottom: 50%; */
}

.full-container {
    width: 100%;
    max-width: 100%;
    padding: 50px;
    padding-left: 35px;
    padding-bottom: 0px;
}

.full-container ul {
    margin-bottom: 0px;
}

.f-left {
    color: #fff;
    margin-top: 100px;
}

.f-left h5 {
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
    font-weight: bold;
}

.f-left h5 img {
    height: 16px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.f-left li {
    margin-bottom: 20px;
    line-height: 1.5;
}

.f-left li img {
    height: 16px;
    position: relative;
    top: 2px;
}

.f-left li a {
    margin-left: 10px;
}

.f-left li a:hover {
    opacity: 0.8;
    color: #fff !important;
}

.f-left li span {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background: #ECC07B;
    color: #920303;
    text-align: center;
    line-height: 20px;
}

.xxgk-box1 span{
    display: -webkit-box;             /* å¿…é¡»è®¾ç½®ï¼Œç”¨äºŽå¤šè¡Œæº¢å‡º */
    -webkit-box-orient: vertical;     /* è®¾ç½®ç›’å­æŽ’åˆ—æ–¹å‘ä¸ºåž‚ç›´ */
    -webkit-line-clamp: 3;            /* é™åˆ¶æ˜¾ç¤ºçš„è¡Œæ•°ï¼Œä¾‹å¦‚æ˜¾ç¤º 3 è¡Œ */
    overflow: hidden;  
}

.msg {
    display: flex;
    position: relative;

    margin-bottom: 33px;
}

.msg img {
    height: 60px;
    width: 60px;
    margin-right: 30px;
}

.msg .qp {
    margin-top: 6px;
    /* height: 60px; */
    line-height: 1.8;
    min-width: 40px;
    /* text-align: center; */
    overflow: hidden;
    color: #fff;
    display: inline-block;
    border-radius: 18px;
    padding: 10px 20px;
    background: rgb(0, 0, 0, 0.3);
    word-break: break-word;
}

.msg .qp strong {
    font-weight: bold;
}

.item1 {
    /* overflow: auto; */
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 300px);
}

::-webkit-scrollbar-track {
    background: none;
}

.search {
    width: 100%;
    border-radius: 44px;
    height: 64px;
    position: absolute;
    bottom: 50px;
    margin-top: 200px;
}

.search input {
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 44px;
    padding-left: 30px;
    font-size:18px;
    color: #909090;
    padding-right: 110px;
    font-family: "Microsoft YaHei", "å¾®è½¯é›…é»‘", "Noto Sans",serif;
}

.search .btn {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 143px;
    height: 54px;
    background: #920303;
    border-radius: 37px;
    color: #fff;
    font-size: 18px;
}

.item {
    height: 100vh;
    padding: 40px;
    max-width: 600px;
    position: relative;
}

.future-right-box {
    margin-bottom: 20px;
    height: 50px;
    width: 50px;
    opacity: 0.5;
    cursor: pointer;
}

.future-right-box1 {
    opacity: 1;
}

.future-right-box img {
    height: 100%;
    width: 100%;
}

.future-right {
    position: absolute;
    right: 40px;
    z-index: 100;
    top: 50%;
    margin-top: -70px;
}






.nav li a {
    display: block;
    /* height: 18px; */
    width: 72px;
    opacity: 1;
    font-size: 18px;
    margin: 0 auto;
}

.nav li hr {
    width: 24px;
    margin: 40px auto;
    opacity: 0.5;
}

.nav-title {
    color: #fff;
    font-family: 'sy';
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: normal;
}

.zt-title {
    font-size: 14px;
    text-align: center;
    color: #fff;
    margin-top: 15px;
    white-space: nowrap;
    /* ç¡®ä¿æ–‡æœ¬åœ¨ä¸€è¡Œå†…æ˜¾ç¤º */
    overflow: hidden;
    /* éšè—è¶…å‡ºå®¹å™¨çš„æ–‡æœ¬ */
    text-overflow: ellipsis;
}

.rw-title {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 40px;
    line-height: 1.5;
}

.nav-title span {
    opacity: 0.6;
    font-size: 18px;
    margin-left: 7px;
}

.nav li a:hover{
    color: #F1CB8F!important;
}


.nav li  {
    margin-bottom: 50px;
}

/* .nav-text1 a {
    background: url(../imgs/nav-text1-hover.png) no-repeat center center;
    background-size: cover;
}

.nav-text1 a:hover {
    background: url(../imgs/nav-text1.png) no-repeat center center;
    background-size: cover;
}

.nav-text2 a {
    background: url(../imgs/nav-text2-hover.png) no-repeat center center;
    background-size: cover;
} */

/* .nav-text2 a:hover {
    background: url(../imgs/nav-text2.png) no-repeat center center;
    background-size: cover;
}

.nav-text3 a {
    background: url(../imgs/nav-text3-hover.png) no-repeat center center;
    background-size: cover;
}

.nav-text3 a:hover {
    background: url(../imgs/nav-text3.png) no-repeat center center;
    background-size: cover;
}

.nav-text4 a {
    background: url(../imgs/nav-text4-hover.png) no-repeat center center;
    background-size: cover;
}

.nav-text4 a:hover {
    background: url(../imgs/nav-text4.png) no-repeat center center;
    background-size: cover;
} */

.sj {
    position: absolute;
    left: -11px;
    top: 275px;
    height: 20px;
}

.sj1 {
    position: absolute;
    left: -11px;
    top: 275px;
    margin-top: 68px;
    height: 20px;
}

.sj2 {
    position: absolute;
    left: -11px;
    top: 275px;
    margin-top: 136px;
    height: 20px;
}


.sj3 {
    position: absolute;
    left: -11px;
    top: 275px;
    margin-top: 204px;
    height: 20px;
}

.sj4 {
    position: absolute;
    left: -11px;
    top: 275px;
    margin-top: 272px;
    height: 20px;
}

.fire {
    height: 20px;
    position: absolute;
    top: -15px;
    right: -15px;
}

.progress {
    width: 34px;
    height: 34px;
    background: conic-gradient(#DFC387 0% var(--progress), rgba(255, 255, 255, 0) var(--progress) 100%);
    border-radius: 50%;
    position: relative;
    --progress: 0%;
    box-shadow: none;
    margin-bottom: 0px;
    color: #DFC387;
}

.progress i {
    position: relative;
    z-index: 1;
    font-size: 14px;
}

.progress::before {
    content: "";
    position: absolute;
    inset: 3px;
    background-color: #920303;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
}

.right hr {
    border-top: 1px solid rgb(204, 204, 204, 0.5);
    margin: 25px 0;
}

/* .right5 {
    display: block!important;
} */

.right3-ul li a {
    display: flex;
}


.right3-ul li {
    margin-bottom: 10px;
}


.right3-ul li h6 {
    flex: 1;
}

.right3-ul li span {
    width: 64px;
    margin-top: 2px;
    margin-bottom: 0px;
    display: inline-block;
}

.item-box {
    color: #fff;
    text-align: center;
}

.search .btn {
    width: 100px;
}

.item-box .item-top {
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    background: rgb(255, 255, 255, 0.18);
    margin: 0 auto;
    margin-bottom: 13px;
}

.item-box h6 {
    margin-bottom: 25px;
}

.item-box .item-top i {
    font-size: 24px;
}

.item-box1 a {
    display: flex;
}

.item-box1 .item-top {
    height: 28px;
    width: 28px;
    background: rgb(255, 255, 255, 0.18);
    border-radius: 100%;
    line-height: 27px;
    text-align: center;
}

.item-box1 h6 {
    line-height: 28px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.right-tab li {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    opacity: 0.7;
    cursor: pointer;
    margin-right: 10px;
}

.right-tab li:hover {
    opacity: 1;
}

.right-tab .act {
    opacity: 1;
}

.item-box2 a {
    display: flex;
}

.item-box2 h6 {
    line-height: 48px;
}

.item-box2 .item-top {
    margin: 0px;
    /* border-radius: 100%; */
    margin-right: 20px;
}

.video2 {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    object-fit: cover;
}

.future-bg {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}

.verses {
    float: left;
    margin-left: 20px;
    z-index: 1;
    position: relative;
    animation: show 30s;
    -moz-animation: show 30s;
    -webkit-animation: show 30s ease 0s infinite normal;
    -o-animation: show 30s;
    top: -100%;
    will-change: top;
    /* height: 500px; */
    visibility: hidden;
    margin-right: 20px;
}

#tutorial {
    height: 100%;
    width: 100%;
}

.hover-show {
    display: none;
    font-size: 18px;
}

.play {
    display: none;
}

#swiper-pagination0 .swiper-pagination-bullet-active:hover .hover-hide {
    display: none;
}

#swiper-pagination0 .swiper-pagination-bullet-active:hover .hover-show {
    display: block;
}

.red-right li {
    display: inline-block;
}

.red-right p {
    color: #fff;
    width: 400px;
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.8;
}

.red-right li img {
    width: 75px;
    margin-right: 20px;
}

.red-left-text {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 200;
    font-size: 16px;
}

.red-left-text i {
    margin-right: 5px;
    color: #999;
}

.red-right-text {
    position: absolute;
    right: 70px;
    bottom: 30px;
    z-index: 200;
    font-size: 16px;
}

.red-right-text i {
    margin-left: 5px;
    color: #999;
}

.msg1 img {
    margin: 0px;
    margin-left: 30px;
}

.msg1 p {
    float: right;
    text-align: right;
}

.red-ul img {
    transition: all 0.5s ease;
}

.red-ul img:hover {
    transform: scale(1.2);
}


/* .right3 {
    display: block!important;
} */

.red-box {
    /* width: 565px; */
    /* overflow-y: scroll; */
}

.red-box h1 {
    font-size: 28px;
    color: #920303;
    margin-bottom: 15px;
}

.gjhz-title {
    font-size: 24px;
    color: #920303;
    margin-bottom: 30px;
    padding-top: 20px;
    font-weight: bold;
}

.gjhz-title1 {
    padding-top: 50px;
}

.red-box p {
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    text-indent: 2em;
    /* margin: 0 50px; */
}

.search-box {
    /* top: -7px; */
    position: relative;
    height: 22px;
    /* width: 22px; */
    /* padding-left: 30px; */
}

.search-box i {
    cursor: pointer;
}


.search1 {
    top: -7px;
    height: 30px;
    width: 0px;
    right: -10px;
    /* transition: width 1s ease; */
    position: relative;
}

.search-box input {
    height: 30px;
    width: 0px;
    background: none;
    line-height: 30px;
    outline: none;
    padding-right: 30px;
    padding-left: 10px;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0.7;
    border: 1px solid #fff;
    /* transition: width 1s ease; */
}

.width150 {
    width: 150px !important;
}

.search-box .search1 {
    display: inline-block;
    display: none;
}

.search-box .search2 {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
}


.search-box input::placeholder {
    color: #fff;
}

.search-box .search1 i {
    position: absolute;
    right: 10px;
    z-index: 10;
    line-height: 30px;
    /* top: 5px; */
}


.pub-banner1 {
    background: url(../imgs/s-banner.png) no-repeat center center;
    background-size: cover;
    height: 580px;
}

.search-content {
    width: 992px;
    padding-top: 144px;
    text-align: center;
}

.search-box1 {
    height: 64px;
    width: 992px;
    position: relative;
    display: flex;
    margin-top: 50px;
}

.search-box1 .search-select {
    position: absolute;
    height: 64px;
    left: 0px;
    width: 110px;
}

.search-box1 .search-select .el-input__suffix {
    right: inherit;
    left: 5px;
}

.search-box1 .el-select>.el-input {
    height: 100%;
}

.search-box1 .el-select>.el-input input {
    height: 50px;
    margin-top: 7px;
    /* margin-top: 10%; */
    border: none;
    padding-right: 0px;
    padding-left: 35px;
    font-size: 18px;
    border-right: 1px solid #ccc !important;
    border-radius: 0;
}

.search-box1 .search-box3 {
    flex: 1;
    height: 100%;
    outline: none;
    border: none;
    font-size: 18px;
    padding-left: 170px;
}

.search-box1 .btn {
    width: 188px;
    border: none;
    outline: none;
    background: #920303;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    outline: none !important;
}

.search-box1 .iconfont {
    position: absolute;
    left: 130px;
    line-height: 64px;
    color: #999;
    font-size: 22px;
}

.search-list {
    text-align: left;
    margin-top: 50px;
}

.search-list li {
    display: inline-block;
    color: #fff;
    margin-right: 50px;
}

.search-list li a {
    opacity: 0.7;
}

.search-list li a:hover {
    color: #fff !important;
    opacity: 1;
}

.search-top {
    height: 100px;
    border-bottom: 1px solid #ccc;
}

.search-top ul {
    display: flex;
}


.search-top li {
    display: inline-block;
    line-height: 96px;
    font-size: 20px;
    /* width: 170px; */
    flex: 1;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.search-top .act {
    color: #920303;
    border-bottom: 4px solid #920303;
}

.search-top span {
    color: #999;
    font-size: 16px;
    float: right;
    margin-left: 35px;
    line-height: 100px;
    cursor: pointer;
}

.search-top span:hover {
    color: #920303;
}

.search-top span i {
    margin-right: 5px;
    font-size: 16px;
}

.search-box2 {
    padding-bottom: 0px;
}

.search-box2 li {
    padding: 30px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.search-box2 em {
    font-size: 14px;
    display: block;
    color: #B37B4F;
    font-style: normal;
    margin-bottom: 15px;
}

.search-box2 h5 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    line-height: 1.5;
    /* padding-right: 80px; */
}

.search-box2 .time {
    font-size: 14px;
    color: #920303;
    position: absolute;
    right: 0px;
    top: 30px;
    /* line-height: 30px; */
}

.search-box2 p {
    color: #999;
    margin-top: 15px;
    font-size: 14px;
    white-space: nowrap;
    /* ç¡®ä¿æ–‡æœ¬åœ¨ä¸€è¡Œå†…æ˜¾ç¤º */
    overflow: hidden;
    /* éšè—è¶…å‡ºå®¹å™¨çš„æ–‡æœ¬ */
    text-overflow: ellipsis;
    /* ä½¿ç”¨çœç•¥ç¬¦å·è¡¨ç¤ºæ–‡æœ¬è¢«æˆªæ–­ */
}

.search-bg {
    background: #F0F0F0;
    padding: 30px;
    /* display: none; */
    margin-top: 30px;
}

.search-bg .form-group {
    margin-bottom: 20px;
}

.search-top .red1 {
    color: #920303;
}


.loading,
.loading>div {
    position: relative;
    box-sizing: border-box;
}

.loading {
    display: block;
    font-size: 0;
    color: #920303;
}

.loading.la-dark {
    color: #920303;
}

.loading>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.loading {
    width: 54px;
    height: 18px;
}

.loading>div {
    width: 10px;
    height: 10px;
    margin: 4px;
    border-radius: 100%;
    opacity: 0;
    animation: ball-fall 1s ease-in-out infinite;
}

.loading>div:nth-child(1) {
    animation-delay: -200ms;
}

.loading>div:nth-child(2) {
    animation-delay: -100ms;
}

.loading>div:nth-child(3) {
    animation-delay: 0ms;
}

@keyframes ball-fall {
    0% {
        opacity: 0;
        transform: translateY(-145%);
    }

    10% {
        opacity: 0.5;
    }

    20% {
        opacity: 1;
        transform: translateY(0);
    }

    80% {
        opacity: 1;
        transform: translateY(0);
    }

    90% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
        transform: translateY(145%);
    }
}

.search .loading {
    position: absolute;
    right: 15px;
    top: 0px;
    line-height: 80px;
}

.loading1,
.loading1>div {
    position: relative;
    box-sizing: border-box;
}

.loading1 {
    display: block;
    font-size: 0;
    color: #fff;
}

.loading1.la-dark {
    color: #fff;
}

.loading1>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.loading1 {
    width: 16px;
    height: 16px;
}

.loading1>div {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    width: 16px;
    width: 100%;
    height: 16px;
    height: 100%;
    border-radius: 100%;
    opacity: 0.5;
    animation: ball-circus-position 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1),
        ball-circus-size 2.5s infinite cubic-bezier(0.25, 0, 0.75, 1);
}

.loading1>div:nth-child(1) {
    animation-delay: 0s, -0.5s;
}

.loading1>div:nth-child(2) {
    animation-delay: -0.5s, -1s;
}

.loading1>div:nth-child(3) {
    animation-delay: -1s, -1.5s;
}

.loading1>div:nth-child(4) {
    animation-delay: -1.5s, -2s;
}

.loading1>div:nth-child(5) {
    animation-delay: -2s, -2.5s;
}

@keyframes ball-circus-position {
    50% {
        left: 100%;
    }
}

@keyframes ball-circus-size {
    50% {
        transform: scale(0.3, 0.3);
    }
}

.loading1 {
    margin-top: 20px;
    margin-left: 30px;
}

.stop {
    display: block;
    color: #fff;
    font-size: 12px;
    opacity: 0.8;
    margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.stop:hover {
    opacity: 1;
}

.void {
    text-align: center;
    margin: 0 auto;
    padding: 150px 0;
    font-size: 20px;
    color: #999;
    line-height: 1.5;
}

[v-cloak] {
    display: none;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background: #920303;
    color: #fff !important;
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #920303;
}

.el-date-editor .el-range-separator {
    width: 10% !important;
}

.el-select-dropdown__item.selected {
    color: #fff;
    background: #920303;
}

.pp-list li {
    margin-bottom: 70px;
    opacity: 0.5;
    height: 65px;
    cursor: pointer;
    transition: ease all 0.3s;
}

.pp-list li h5 {
    font-size: 30px;
    line-height: 1.5;
    /* margin-bottom: 5px; */
    font-weight: bold;
    transition: ease all 0.3s;
}

.pp-list li span {
    font-size: 14px;
    transition: ease all 0.3s;
}

.pp-list li img {
    display: none;
    padding-left: 26px;
    margin-top: 30px;
}

.pp-list .act h5 {
    color: #333;

    padding-left: 18px;
    border-left: 8px solid #B37B4F;
}

.pp-list .act span {
    padding-left: 26px;
}

.pp-list .act {
    opacity: 1;
}

.pp-list .act img {
    display: block;
}







.text1 {
    position: absolute;
    height: 2800px;
    left: 0px;
    top: 2000px;
    width: 100%;
    z-index: -1;
}

.text2 {
    position: absolute;
    height: 2700px;
    left: 0px;
    top: 4550px;
    width: 100%;
    z-index: -1;
}


.index-search {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 999;
}

.index-search-icon {
    /* float: right; */
    height: 48px;
    width: 48px;
    /* margin-right: 40px; */
    line-height: 48px;
    text-align: center;
    border-radius: 100%;
    background: #920303;
    z-index: 1;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
}

.index-search-icon i {
    font-size: 22px;
    color: #fff;
}

.index-search input {
    height: 60px;
    width: 300px;
    position: absolute;
    right: 0px;
    border-radius: 30px;
    font-size: 16px;
    color: #999;
    width: 0px;
    opacity: 0;
    transition: all 0.7s ease;
    outline: none;
    padding: 0 15px;
    padding-right: 60px;
    box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.14);
    border: none;
}

.index-search:hover input{
    width: 300px;
    opacity: 1;
}

.index-search:hover .index-search-icon{
    background: #B37B4F;
}



.content8 {
    z-index: 3;
    overflow: inherit;
    position: relative;
}

@keyframes kf-section-bg {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes kf-section-bg1 {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}


/* .el-select-dropdown__list {
    padding: 0px;
} */

.map-content {
    position: relative;
    z-index: 3;
    height: 720px;
    width: 100vw;
    /* padding-top: 100px; */
}

#map {
    position: relative;
    left: 0px;
    top: 0px; 
    height: 720px;
    width: 100vw;
}

.BMap_stdMpZoom {
    right: 80px!important;
}

#map1 .BMap_stdMpZoom{
    right: 20px!important;
}


.BMap_cpyCtrl span {
    display: none!important;
}

.map-left {
    width: 400px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /* background: rgba(255, 255, 255, 0.2); */
    background: url(../imgs/map/mask.png) no-repeat center center;
    z-index: 98;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-box {
    /* height: ; */
    /* height: 460px; */
    width: 350px;
    background: url(../imgs/panel.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: 100px;
    top: 50%;
    z-index: 100;
    margin-top: -230px;
    padding: 20px;
    display: none;
    padding-bottom: 50px;
}

.map-box span {
    color: #fff;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}

.map-box h5 {
    font-size: 20px;
    color: #fff;
    margin: 15px 0px;
    font-weight: bold;
    line-height: 1.5;
}

.map-box hr {
    opacity: 0.3;
    margin: 15px 0;
}

.map-box a {
    font-size: 12px;
    color: #fff!important;
}

.map-box a:hover {
    color: #fff!important;
    opacity: 0.8;
}

.map-box p {
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    opacity: 0.8;
}

.map-act {
    content: url(../imgs/map/pin_h.png);
}

.pp-card {
    background: url(../imgs/pp-bg.png) no-repeat center center;
    background-size: cover;
    height: 480px;
    padding: 60px;
    overflow: hidden;
    border-radius: 8px;
}

.pp-left {
    height: 360px;
    padding-right: 40px;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}

.pp-left h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 10px;
} 

.pp-left p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* .pp-left a {
    color: #666!important;
    font-size: 14px;
    display: block;
    margin-top: 60px;
}

.pp-left a i {
    color: #920303;
    font-size: 12px;
} */

.pp-left img {
    margin-top: 20px;
    height: 80px;
}

.time {
    color: #920303;
    font-size: 12px;
}

.pp-item {
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    color: #999;
    margin-top: 40px;
    line-height: 40px;
    text-align: center;
    transition: ease all 0.3s;
}

.pp-item img {
    max-width: 100%;
    object-fit: contain;
}

.pp-item:hover {
    color: #920303;
}

.pp-item i {
    /* opacity: 0; */
    transition: ease all 0.3s;
}

.pp-act {
    color: #920303;
    /* padding-left: 45px; */
}

.pp-act i {
    /* opacity: 1; */
    display: inline-block;
    height: 2px;
    left: 0px;
    background: #999;
    width: 32px;
    position: absolute;
    top: 10px;
    /* margin-right: 12px; */
}

.pp-card1 {
    background: url(../imgs/pp-bg1.png) no-repeat center center;
    background-size: cover;
    display: none;
}

.accordion {
    display: flex;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 100%;
    /* background: rgb(0, 0, 0, 0.4); */
}

.accordion .option {
    cursor: pointer;
    min-width: 100px;
    border-right: 1px solid rgb(255, 255, 255, 0.27);
    display: flex;
    justify-content: center;
    transition: 250ms all ease;
    /* transition: all 0.5s ease; */
    align-items: center;
    flex: 1;
} 

.accordion .option:last-child {
    border: none;
}

.accordion .active {
    /* flex-grow: 10; */
    min-width: 700px;
}

.accordion .active .accordion-box {
    display: none;
}


.accordion .active .accordion-box1 {
    /* display: block; */
    /* opacity: 1; */
}

.accordion-box {
    /* height: 380px; */
}

.accordion-box1 {
    display: none;
    /* opacity: 0; */
    padding: 0 50px;
    text-align: center;
}

.accordion-box1 img {
    height: 80px;
}

.accordion-box1 h5 {
    font-size: 32px;
    margin-top: 35px;
    color: #fff;
    font-family: 'sy';
}

.accordion-box1 p {
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin-top: 60px;
    text-align: left;
}

.accordion-box1 hr {
    opacity: 0.5;
}

.accordion-more {
    color: #fff!important;
}

.accordion-more:hover {
    color: #fff!important;
    opacity: 0.6;
}

.accordion-more span {
    display: inline-block;
    height: 64px;
    width: 64px;
    border: 1px solid #979797;
    line-height: 64px;
    border-radius: 100%;
    margin-right: 15px;
    
}

.accordion-more span i {
    font-size: 24px;
}

.accordion-box img {
    height: 80px;
}

.accordion-box h5 {
    font-size: 32px;
    color: #fff;
    width: 32px;
    line-height: 48px;
    margin: 0 auto;
    margin-top: 60px;
    font-family: 'sy';
}

.pp-banner {
    height: 100vh;
    background: url(../imgs/pp-banner.png) no-repeat center center;
    background-size: cover;
}
.pp-banner1 {
    height: 100vh;
    background: url(../imgs/pp-banner1.png) no-repeat center center;
    background-size: cover;
}
.pp-banner2 {
    height: 100vh;
    background: url(../imgs/pp-banner2.png) no-repeat center center;
    background-size: cover;
}
.pp-banner3 {
    height: 100vh;
    background: url(../imgs/pp-banner3.png) no-repeat center center;
    background-size: cover;
}
.pp-banner4 {
    height: 100vh;
    background: url(../imgs/pp-banner4.png) no-repeat center center;
    background-size: cover;
}
.pp-banner5 {
    height: 100vh;
    background: url(../imgs/pp-banner5.png) no-repeat center center;
    background-size: cover;
}
.pp-banner6 {
    height: 100vh;
    background: url(../imgs/pp-banner6.png) no-repeat center center;
    background-size: cover;
}
.pp-banner7 {
    height: 100vh;
    background: url(../imgs/pp-banner7.png) no-repeat center center;
    background-size: cover;
}

.tz-banner {
    height: 100vh;
    background: url(../imgs/tz-banner.jpg) no-repeat center center;
    background-size: cover;
}

.sz-banner {
    height: 100vh;
    background: url(../imgs/sz-banner.jpg) no-repeat center center;
    background-size: cover;
}

.lxq-banner {
    height: 100vh;
    background: url(../imgs/lxq-banner.jpg) no-repeat center center;
    background-size: cover;
}


.pp-box {
    border-bottom: 1px solid #CCCCCC;
    padding: 40px 20px;
    display: flex;
}

.pp-box-left {
    height: 192px;
    width: 330px;
    position: relative;
    margin-right: 40px;
}

.pp-box-right {
    flex: 1;
    min-width: 0;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
}

.pp-box-right h5 {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    /* ç¡®ä¿æ–‡æœ¬åœ¨ä¸€è¡Œå†…æ˜¾ç¤º */
    overflow: hidden;
    /* éšè—è¶…å‡ºå®¹å™¨çš„æ–‡æœ¬ */
    text-overflow: ellipsis;
    margin-bottom: 15px;
}


.pp-box-right p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.pp-box-time {
    height: 76px;
    width: 71px;
    position: absolute;
    left: -20px;
    z-index: 10;
    top: 15px;
    background: #920303;
    color: #fff;
    text-align: center;
}

.pp-box-time span {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

.pp-box-time p {
    font-size: 36px;
    text-align: center;
}

.pp-side {
    position: sticky;
    top: 40px;
    width: 100%;
    right: 0px;
    border-top: 4px solid #ccc;
}

.pp-side li {
    margin-top: 20px;
    cursor: pointer;
    color: #999;
}

.pp-side .act {
    font-weight: bold;
    color: #920303;
}

.map-bottom {
    position: absolute;
    left: 50%;
    margin-left: -283px;
    bottom: 0px;
    z-index: 100;
    display: none;
}

.map-btn {
    background: #fff;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
    width: 220px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 30px;
    cursor: pointer;
    box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.15);
}

.map-btn-act {
    background: #920303;
    color: #fff;
}

.lrld-title {
    font-size: 28px;
    padding: 25px 0px;
    color: #920303;
    font-family: 'sy';
    /* font-weight: bold; */
    border-bottom: 1px solid #979797;
}

.lrld-title span {
    font-size: 16px;
    margin-left: 15px;
    color: #333333;
    /* font-family: inherit; */
}

.lrld-title1 {
    font-size: 24px;
    padding: 25px 0px;
    font-weight: bold;
    color: #920303;
    /* font-family: 'sy'; */
    border-bottom: 1px solid #979797;
}

.lrld-banner {
    background: url(../imgs/lrld-bg.png) no-repeat center;
    background-size: cover;
}

.xb-banner {
    background: url(../imgs/xb-banner.png) no-repeat center;
    background-size: cover;
}

.lrld-content {
    padding: 25px 0;
    /* min-width: 1200px; */
    overflow-x: scroll;
}


.lrld-content p {
    font-size: 20px;
    color: #333;
    line-height: 34px;
    margin-bottom: 10px;
}

.lrld-content span {
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
    line-height: 34px;
    display: block;
}

.xb-left {
    position: relative;
    height: 240px;
    width: 240px;
    padding: 20px;
    background: #920303;
    color: #fff;
    font-family: 'sy';
    font-size: 32px;
    line-height: 44px;
}

.xb-left img {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.xb-right {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    padding-top: 20px;
   
    margin-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #999999;
}

.xb-right .xb-title {
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
}

.xb-right .line {
    position: absolute;
    left: 0px;
    bottom: -1px;
    width: 0;
    height: 4px;
    background: #920303;
    transition: all 0.7s ease;
}

.xb-right:hover .line {
    width: 100%;
}

.xb-search {
    position: relative;
    margin-top: 40px;
    margin-left: 30px;
}

.xb-search input {
    border-radius: 0px;
    padding-right: 30px;
}

.xb-search i {
    position: absolute;
    right: 10px;
    top: 0px;
    color: #999;
    font-size: 14px;
    line-height: 34px;

}

.tz-box {
    height: 480px;
    /* position: absolute; */
    width: 100%;
    background: #920303;
    bottom: 0;
    padding: 45px;

    width: 500px;
    
}

.tz-item {
    text-align: center;
    margin-top: 50px;
}

.tz-item i {
    font-size: 34px;
    color: #fff;
    
}

.tz-item p {
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.anchorBL {
    /* display: none; */
    z-index: 99!important;
    left: 20px!important;
    bottom: 20px!important;
}



.map-text {
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    /* padding: 0 40px; */
    background: #920303;
    color: #fff;
    border-radius: 20px;
    font-size: 12px;
}

.map1 {
    width: 860px;
    height: 80px;
    margin: 0px auto;
    background: #fff;
    box-shadow: 0px 7px 15px 0px rgba(0,0,0,0.18);
    border-radius: 40px;
    position: relative;
    top: -40px;
    z-index: 100;
    padding: 10px;
}

.map2 {
    height: 60px;
    border-radius: 30px;
    width: 100%;
    line-height: 53px;
    font-size: 18px;
    color: #333;
    text-align: center;
    cursor: pointer;
}



.map2:hover {
    background: #E4E4E4;
    color: #333;
}

.map2-act {
    background: #920303!important;
    color: #fff!important;
}

.map2 i {
    position: relative;
    top: 3px;
    font-size: 28px;
    margin-right: 10px;
}

.xyfg {
    height: 735px;
    width: 100%;
    position: relative;
    /* display: flex; */
}

.xyfg-left {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.xyfg-right {
    width: 540px;
    background: #920303;
    padding: 140px 50px;
    position: relative;
}

.xyfg-right h5  {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.xyfg-right p {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

.jt-box {
    padding-top: 50px;
    padding-bottom: 100px;
}

.jt-box b {
    font-weight: bold;
}

.jt-icon {
    margin: 0 auto;
    height: 87px;
    width: 87px;
    background: #920303;
    line-height: 87px;
    text-align: center;
}

.jt-box h5 {
    font-size: 28px;
    /* line-height: 80px; */
    font-weight: bold;
    margin: 20px auto;
    text-align: center;
}

.jt-box hr {
    border-top: 5px solid #B37B4F;
    width: 70px;
    margin: 0 auto;
    margin-bottom: 65px;
    /* text-align: center; */
}

.jt-box li {
    font-size: 16px;
    line-height: 28px;
    color: #333;
    margin-bottom: 48px;
    position: relative;
    padding-left: 25px;
}

.jt-box span {
    font-size: 12px;
    color: #D8D8D8;
    position: absolute;
    left: 0px;
    top: 0px;
}

.jt-icon i {
    color: #fff;
    font-size: 46px;
}

.fw-box {
    height: 433px;
    width: 100%;
    background: #920303;
    padding: 80px 100px;
    margin-bottom: 0px;
}

.fw-box p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
    color: #fff;
    padding-left: 30px;
}

.swiper-button-next1 {
    height: 25px;
    width: 200px;
    color: #979797;
    position: absolute;
    border: 1px solid #979797;
    text-align: center;
    line-height: 25px;
    z-index: 100;
    font-size: 30px;
    cursor: pointer;
    bottom: 20px;
    right: 30px;
    z-index: 101;
}

.swiper-button-prev1 {
    height: 25px;
    width: 200px;
    cursor: pointer;
    color: #979797;
    position: absolute;
    border: 1px solid #979797;
    text-align: center;
    z-index: 100;
    line-height: 25px;
    top: 20px;
    right: 30px;
    z-index: 101;
}


.swiper-button-prev2 {
    height: 42px;
    cursor: pointer;
    color: #979797;
    width: 42px;
    border-radius: 100%;
    position: absolute;
    border: 1px solid #979797;
    text-align: center;
    line-height: 42px;
    bottom: 20px;
    right: 280px;
    margin-right: 60px;
    z-index: 1000;
}

.swiper-button-next2 {

    height: 42px;
    cursor: pointer;
    color: #979797;
    width: 42px;
    border-radius: 100%;
    position: absolute;
    border: 1px solid #979797;
    text-align: center;
    z-index: 1000;
    line-height: 42px;
    bottom: 20px;
    right: 280px;
}

.swiper-button-next2 i {
    font-size: 16px;
}

.swiper-button-next2:hover {
    background: #FFFFFF;
    border: 1px solid #fff;
    color: #920303;
}

.swiper-button-prev2:hover {
    background: #FFFFFF;
    border: 1px solid #fff;
    color: #920303;
}

.swiper-button-prev2 i {
    font-size: 16px;
}

.swiper-button-prev1 i {
    font-size: 20px;
}

.swiper-button-next1 i {
    font-size: 20px;
}

.swiper-button-disabled {
    opacity: 0.5;
    /* pointer-events: none; */
    cursor: not-allowed;
}


.xyfg-zz {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 260px;
    z-index: 100;
    background: #000;
}

.table1 td {
    padding: 30px 0;
    font-size: 16px;
    color: #999;
}

.table1 h5 {
    font-weight: bold;
    font-size: 20px;
    color: #333;
}

.table1 h5:hover{
    color: #920303;
}

.notice-banner {
    background: url(../imgs/notice-banner.png)no-repeat center center;
    background-size: cover;
}

.page-banner .pub-banner {
    background: #EBEBEB;
    height: auto;
    padding-bottom: 30px;
    /* min-height: 300px; */
}

.page-banner .pub-banner-box ul li {
    color: #333333;
}

.page-banner header li a {
    color: #333 !important;
}

.page-banner header {
    background: none;
}

.page-banner header span {
    border: 1px solid #999!important;
}

.page-banner .search-box i {
    color: #999 !important;
}

.page-banner .search-box input {
    color: #999 !important;
    border: 1px solid #999!important;
}


.page-banner .search-box input::placeholder {
    color: #333;
}

.page-title {
    font-size: 32px;
    /* font-weight: bold; */
    font-family: 'sy';
    color: #333;
    line-height: 1.5;
    padding-top: 100px;
}

.page-item {
    color: #666;
    display: inline-block;
    margin-right: 50px;
    font-size: 14px;
    margin-top: 15px;
}

.page-content {
    margin-top: 50px;
    color: #333;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    margin-bottom: 50px;
}

.page-content img {
    display: block!important;
    transform: inherit!important;
    margin: 30px auto!important;
    max-width: 100%!important;
}

.page-content p {
    margin-bottom: 20px!important;
    text-indent: 2em!important;
}


.share1 {
    display: flex;
    /* width: 40px;
    line-height: 1.5;
    font-size: 14px;
    color: #666;
    position: absolute;
    left: -60px;
    top: 0px;
    text-align: center; */
}

.share-box {
    height: 34px;
    width: 34px;
    background: #B37B4F;
    border-radius: 100%;
    margin-top: 10px;
    text-align: center;
    line-height: 34px;
}

.share-box i {
    color: #fff;
    font-size: 16px;
}

.social-share {
    /* margin-top: 10px; */
}

.social-share .social-share-icon {
    background:#B37B4F!important;
    border-color: #B37B4F!important;
} 

.social-share .icon-wechat:before {
    color: #fff;
}

.social-share .icon-weibo:before {
    color: #fff;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    margin-top: 10px!important;
    margin-bottom: 0px!important;
}

.info-title {
    color: #920303;
    font-size: 20px;
    font-weight: bold;
    height: 33px;
    margin-bottom: 20px;
}

.info-title i {
    margin-right: 5px;
    font-size: 26px;
    position: relative;
    top: 3px;
}

.info-list span {
    font-size: 14px;
    color: #B37B4F;
    margin-bottom: 5px;
    display: inline-block;
}

.info-list {
    margin-top: 20px;
    border-top: 1px solid #E4E4E4;
}

.info-list li {
    padding: 15px 0;
    /* border-top: 1px solid #E4E4E4; */
}

.info-list li h6 {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}

.info-list li h6:hover {
    color: #920303;
}

.page-bottom {
    border-top: 1px solid #CCCCCC;
    padding: 20px 0;
    margin: 50px 0;
    border-bottom: 1px solid #CCCCCC;
}

.page-box {
    padding: 5px 0px;
}

.page-box span {
    font-size: 14px;
    color: #666;
    cursor: pointer;
}

.page-box p {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    width: 328px;
}

.page-box a p:hover{
    color: #920303;
}

.events-list {
    height: 388px;
    width: 100%;
    position: relative;
    margin: 60px auto;
    background: #EBEBEB;
    margin-bottom: 160px;
    min-width: 900px;
}

.event-img {
    position: absolute;
    left: 70px;
    top: -60px;
    height: 500px;
    width: 356px;
}

.events-content {
    padding: 40px;
    padding-left: 500px;
}

.events-content span {
    font-size: 18px;
    color: #920303;
}

.events-content h5 {
    font-weight: bold;
    font-size: 28px;
    color: #333333;
    line-height: 1.5;
    margin-top: 17px;
    margin-bottom: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}


.events-content p {
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.event-red {
    padding-top: 40px;
    position: absolute;
    right: 40px;
    bottom: 40px;
    width: 100%;
    padding-left: 500px;
}
.event-red1 {
    left: 40px;
    right: inherit;
    padding: 0px;
    padding-right: 500px;
}


.event-red p {
    color: #920303;
    line-height: 34px;
}

.event-red p i {
    font-size: 16px;
    margin-right: 5px;
}

.event-img img {
    height: 100%;
    width: 100%;
}

.event-red h6 {
    height: 64px;
    line-height: 64px;
    color: 18px;
    color: #920303;
}

.event-red span {
    height: 64px;
    width: 64px;
    line-height: 64px;
    background: #920303;
    margin-left: 10px;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    text-align: center;
}

.event-red span i {
    font-size: 28px;
}

.events-list1 .event-img {
    position: absolute;
    left: inherit;
    right: 70px;
}

.events-list1 .events-content {
    padding: 40px;
    padding-right: 500px;
}

.events-banner {
    background: url(../imgs/events-banner.png)no-repeat center center;
    background-size: cover;
}

.event-page {
    margin-top: -340px;
    display: flex;
    padding-bottom: 100px;
}

.event-page .cover {
    height: 600px;
    width: 430px;
    /* position: absolute; */
}

.event-page .event-right {
    padding-left: 100px;
}

.event-right .tag {
    background: #920303;
    color: #fff;
    border-radius: 20px;
    font-size: 16px;
    padding: 9px 20px;
}

.event-right h5 {
    font-size: 32px;
    color: #333;
    line-height: 55px;
    /* font-family: 'sy'; */
    margin-top: 16px;
    font-weight: bold;
    margin-bottom: 40px;
}

.event-right1 {
    height: 340px;
}

.event-right1 p {
    font-size: 16px;
    color: #666;
    margin-bottom: 15px;
}

.event-right1 span {
    margin-right: 30px;
}

.gnhz-box {
    background: url(../imgs/gnhz-img1.png) no-repeat center center;
    background-size: cover;
    height: 600px;
    padding: 100px 60px;
}


.gnhz-box1 {
    height: 100px;
    width: 100px;
    background: #920303;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}

.gnhz-title {
    font-size: 24px;
    color: #920303;
    line-height: 48px;
    margin-left: 38px;
    font-weight: bold;
    float: left;
}

.xxgk-content1 .gnhz-p {
    font-size: 18px;
    line-height: 32px;
    /* line-height: 48px; */
    text-indent: 0;
}

.xxgk-content1 .gnhz-p span {
    font-weight: bold;
    margin-right: 15px;
}

.gnhz-box1 img {
    height: 69px;
    width: 69px;
}

.pub-title {
    /* height: 120px; */
    margin-top: 110px;
}

.pub-title .pub-en {
    font-size: 28px;
    display: block;
    color: #fff;
    font-family: 'tj';
    display: none;
}

#swiper-container0 .swiper-slide {
    height: 100vh;
}

.video1 {
    height: 100vh!important;
}

.pub-title .pub-zh {
    font-size: 48px;
    display: block;
    color: #fff;
    font-weight: normal;
    font-family: 'sy';
    margin-top: 0px;
}

.pub-title .pub-zh i {
    font-size: 44px;
    margin-right: 15px;
}

.bs-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 30px;
    color: #920303;
}

.bs-box:hover span {
    background: #eee;
}

.bs-box:hover .bs-right {
    background: #BA9F76;
}

.bs-box {
    width: 408px;
    line-height: 73px;
    height: 73px;
    background: #fff;
    display: flex;
    margin-top: 300px;
    color: #920303;
}

.bs-box span {
    flex: 1;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.bs-right {
    background: #DDC59F;
    color: #fff;
    width: 73px;
    height: 73px;
    text-align: center;
    line-height: 73px;
}


.bs-right i {
    color: #fff!important;
    font-size: 30px;
}

.bs-banner {
    background: url(../imgs/bs-banner.jpg) no-repeat center center;
    background-size: cover;
}

.gnhz-banner {
    background: url(../imgs/gnhz-banner.png) no-repeat center center;
    background-size: cover;
}

.gjhz-banner {
    background: url(../imgs/gjhz-banner.png) no-repeat center center;
    background-size: cover;
}

.gjhz-box {
    background: url(../imgs/gjhz-bg.png) no-repeat center center;
    background-size: cover;
}

.gnhz-box2 {
    height: 88px;
    width: 88px;
    background: #B37B4F;
    line-height: 88px;
    text-align: center;
    margin-right: 30px;
} 

.gnhz-box2 i {
    font-size: 48px;
    color: #fff;
}

.xq-title {
    position: absolute;
    left: 0px;
    bottom: 0px;
    font-size: 28px;
    width: 100%;
    color: #fff;
    padding: 30px 30px;
    z-index: 100;
    background: url(../imgs/banner-mask.png) no-repeat bottom;
    background-size: 100% 100%;
}

.code {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 40px;
    top: -80px;
    display: none;
}

.item-box-hover {
    position: relative;
}

.item-box-hover:hover .code {
    display: block;
}

.index-title {
    margin-top: 20px;
    
    color: #920303;
    font-family: 'sy';font-size: 0.42rem;
    font-weight: bold;
    letter-spacing: 0.02rem;
}


.index-title span {
    font-size: 14px;
    color: #666;
    font-family: "Microsoft YaHei", "å¾®è½¯é›…é»‘", "Noto Sans",serif;
}

.xrld-page {
    display: flex;
    padding: 110px 0;
    padding-bottom: 60px;
}

.xrld-page-left {
    width: 262px;
}

.xrld-page-right {
    flex: 1;
    padding-left: 50px;
}

.xrld-page-right h4 {
    font-size: 40px;
    font-family: 'sy';
    color: #333;
    margin-bottom: 20px;
}

.xrld-page-right span {
    font-size: 24px;
    color: #920303;
}

.xrld-page-right p {
    padding-left: 250px;
    font-size: 16px;
    margin-top: 30px;
    line-height: 32px;
}

.xrld-page1 {
    padding: 80px 0;
    /* min-width: 1200px; */
    width: 100%;
    padding-left: 312px;
}



.xrld-item {
    height: 80px;
    width: 100%;
    line-height: 80px;
    border-bottom: 1px solid #CCCCCC;
    display: flex;
}

.xrld-item h5 {
    width: 200px;
    font-size: 20px;
    color: #920303;
    font-weight: bold;
}

.xrld-item p {
    flex: 1;
    overflow: hidden;
}

.xrld-item1 {
    height: auto;
    border: none;
    /* line-height: inherit; */
}

.xrld-item1 span {
    display: block;
    width: 176px;
    font-weight: normal;
    line-height: 1.5;
    font-size: 16px;
    position: relative;
    top: -15px;
}

.xrld-page1 a {
    margin-right: 10px;
}

.xrld-list a{
    font-size: 18px;
    margin-right: 15px;
    font-weight: normal;
}


.xl-banner {
    background: url(../imgs/xiaoli.png) no-repeat center center;
    background-size: cover;
}

.xcb-banner {
    background: url(../imgs/xcb-banner.png) no-repeat center center;
    background-size: cover;
}

.xl-box .img-hover {
    height: 380px;
    width: 566px;
    margin: 0 auto;
}

.xl-box {
    /* text-align: center; */
}

.xl-box h5 {
    font-size: 24px;
    margin: 20px auto;
    margin-top: 30px;
    line-height: 1.5;
    font-weight: bold;
}

.xl-box .btn {
    width: 200px;
    background: #920303;
    height: 50px;
    border-radius: 29px;
    color: #fff;
    font-size: 16px;
}

.xl-box .btn:hover {
    background: #BA9F76;
}

.xl-box:hover .xl-box1 {
    display: block;
}

.xl-box1 {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    line-height: 380px;
}

.xl-box1 i {
    font-size: 68px;
    color: #fff;
}

.xscb-banner {
    background: url(../imgs/kexueyanjiu.png) no-repeat center center;
    background-size: cover;
}

.map-yuan {
    height: 100px;
    width: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 18px;
    
    background: #920303;
    border-radius: 100%;
    text-align: center;
}

.map-yuan-act {
    background:#BA9F76;
    /* background: #920303; */
}

.map-box1 h6 {
    font-size: 24px;
    font-family: 'sy';
    color: #fff;
    position: absolute;
    left: 20px;
    top: 20px;
    border-bottom: 1px solid #CCCCCC;
    display: block;
    padding-bottom: 10px;
    width: calc(100% - 40px);
}

.map-box1 h6 span {
    display: inline-block;
    
    opacity: 0.6;
    font-size: 20px;
    margin: 0px;
    margin-left: 10px;
}

.map-list {
    margin-top: 30px;
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 6px;
}

.map-list h4 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
}

.map-list p {
    font-size: 14px;
    opacity: 1;
    margin-bottom: 10px;
    padding-left: 21px;
    position: relative;
}

.map-list p span {
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background: #fff;
    margin-right: 15px;
    position: absolute;
    margin: 0px;
    top: 7.5px;
    left: 5px;
    margin-right: 10px;
}

.map-list h6 span {
    /* font-size: 20px; */
    /* opacity: 0.6; */
}

.zk-box h5 {
    font-size: 28px;
    /* margin-top: 100px; */
    margin-bottom: 30px;
    line-height: 47px;
    color: #920303;
    font-weight: bold;
}

.zt-top {
    margin-top: 100px;
}

.zk-box li {
    height: 88px;
    line-height: 88px;
    border-top: 1px solid #979797;
    font-weight: bold;
    font-size: 20px;
}

.zk-box li:last-child {
    border-bottom: 1px solid #979797;
}

.zk-box li:hover span {
    background: #920303;
}

.zk-box li span {
    display: inline-block;
    height: 12px;
    width: 12px;
    margin-right: 20px;
    background: #D8D8D8;
}

.ky-box {
    height: 130px;
    text-align: center;
    padding-top: 20px;
    margin: 80px 0;
}

.ky-box h6 {
    font-size: 56px;
    color:#920303;
    margin-bottom: 10px;
    font-family: 'sy';
    font-weight: normal;
    /* margin-top: 20px; */
} 

.ky-box p {
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

.ms {
    display: flex;
    margin-bottom: 50px;
}

.ms i {
    font-size: 127px;
    color: #fff;
}

.ms-box{
    text-align: center;
}

.ms h6 {
    font-size: 32px;
    font-family: 'sy';
    margin-top: 30px;
    /* font-weight: bold; */
    color: #fff;
    font-weight: normal;
    margin-bottom: 20px;
}

.ms span {
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
}

.ms-item {
    border-bottom: 1px solid #ccc;
    padding: 60px 0;
}

.xxgk-content6 {
    /* height: 1000px; */
    display: flex;
    border-bottom: 1px solid #ccc;
}

.xxgk-content6-box {
    flex: 1;
    padding: 100px;
    min-width: 700px;
}

.xxgk-content6-box p {
    margin-top: 40px;
    font-size: 16px;
    line-height: 34px;
    color: #333;
    text-indent: 2em;
}

.xxgk-content6 img {
    /* height: 100%; */
    width: 543px;
    object-fit: cover;
}

.xxgk-content7 {
    padding: 100px 0;
}

.xxgk-content7 p {
    margin-bottom: 60px;
    font-size: 16px;
    line-height: 34px;
    color: #333;
    text-indent: 2em;
}

.xxgk-content7 img {
    width: 100%;
    margin-bottom: 60px;
}

.ppxs-bg {
    background: url(../imgs/pinpailuntan.png) no-repeat center center;
    background-size: cover;
}

.ppxs-box {
    padding: 100px 30px;
}

.ppxs-box .pp-card {
    background: #EBEBEB;
    border-radius: 0;
    margin-bottom: 60px;
}

.jx-banner {
    background: url(../imgs/jiaoyujiaoxue.png) no-repeat center center;
    background-size: cover;
}

.jy-box {
    height: 120px;
    width: 100%;
    background: #F0F0F0;
    padding: 30px 45px;
    margin-bottom: 30px;
    position: relative;
}

.jy-box h5 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.jy-box span {
    font-size: 14px;
    color: #999;
}

.jy-icon {
    line-height: 48px;
    text-align: center;
    height: 48px;
    width: 48px;
    border-radius: 100%;
    background-color: #920303;
    position: absolute;
    top: 36px;
    right: 45px;
}

.jy-icon i {
    font-size: 20px;
    color: #fff;
}

.zy-box {
    margin-bottom: 100px;
}

.zy-box h5 {
    font-size: 24px;
    color: #920303;
    margin-bottom: 20px;
    line-height: 42px;
    font-weight: bold;
}

.zy-box img {
    max-width: 100%;
}

.zy-box p {
    font-size: 16px;
    color: #333;
    line-height: 34px;
    text-indent: 2em;
    margin-bottom: 40px;
}

.download-btn {
    height: 50px;
    border-radius: 29px;
    background: #920303;
    color: #fff!important;
    font-size: 16px;
    padding: 0 35px;
}

.download-btn:hover {
    background: #7F031A;
}
.download-btn i {
    margin-right: 10px;
    font-size: 16px;
}

.pp10:hover img {
    content:url("../imgs/pp10-hover.png");
}
.pp11:hover img {
    content:url("../imgs/pp11-hover.png");
}

.map-list::-webkit-scrollbar {
    /* width: 1px; */
    width: 4px;
}
.map-list::-webkit-scrollbar-thumb { 
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
}

.zgc-banner {
    background: url(../imgs/zgc-banner.jpg) no-repeat center center;
    background-size: cover;
}

.lsyg-banner {
    background: url(../imgs/lsyg-banner.png) no-repeat center center;
    background-size: cover;
}

.lsyg {
    padding: 100px 0;
}

.lsyg p {
    font-size: 16px;
    color: #333;
    line-height: 34px;
    text-indent: 2em;
    margin-bottom: 30px;
}

.lsyg1 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time1.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}
.lsyg1 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time1.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}
.lsyg1 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time1.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}
.lsyg2 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time2.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}
.lsyg3 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time3.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}
.lsyg4 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time4.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}
.lsyg5 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time5.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}
.lsyg6 {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: url(../imgs/time6.png) no-repeat center center;
    background-size: contain;
    margin-bottom: 60px;
}

.lsyg h5 {
    font-size: 28px;
    font-weight: bold;
}

.lsyg h6 {
    font-size: 28px;
    /* font-weight: bold; */
    font-family: 'sy';
    margin-bottom: 10px;
    color: #920303;
}

.lsyg-box {
    background: #920303;
    padding: 50px;
    height: 400px;
    width: 900px;
    max-width: 100%;
}

.lsyg-box h1 {
    font-size: 28px;
    /* font-family: 'sy'!important; */
    color: #fff;
    margin-bottom: 20px;
    font-weight: bold;
}

.lsyg-box p {
    color: #fff;
}

.title-diff {
    color: #481c1c;
}



.title-diff:hover {
    color: #920303;
}

.pp-mob-box img {
    height: 32px;
    margin: 25px auto;
    display: block;
}

.mob-nav {
    height: 48px;
    width: 100%;
    line-height: 48px;
    background: #771717;
    text-align: center;
    position: fixed;
    font-size: 14px;
    color: #fff;
    bottom: 0px;
    left: 0px;
    z-index: 1006;
}

.mob-nav p {
    text-align: center;
}

.mob-nav i {
    font-size: 12px;
    margin-right: 10px;
}

.mob-nav-content {
    height: 100%;
    position: fixed;
    top: 100%;
    width: 100%;
    left: 0px;
    background: #771717;
    z-index: 1005;
}

.mob-nav-content-top {
    padding: 25px 0;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}

.mob-nav-content-top img {
    height: 29px;
    display: block;
    margin: 0 auto;
}

#close-nav {
    border-top: 1px solid rgba(255,255,255,0.4);
}

.mob-nav-list {
    flex: 1;
}

.mob-nav-list h5 {
    font-size: 20px;
    font-family: 'sy';
    text-align: center;
    color: #fff;
    
}

.mob-nav-two {
    background: #581515;
    display: none;
    padding: 0 45px;
}

.mob-scroll {
    height: calc(100% - 136px);
    overflow-x: scroll;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}

.mob-nav-list h6 {
    font-size: 18px;
    font-weight: bold;
    /* font-family: 'sy'; */
    color: #fff;
}

.mob-nav1 h6 {
    padding: 45px 0;
}

.xg-btn {
    color: #fff!important;
    width: 203px;
    height: 50px;
    background: #DFC387;
    border-radius: 26px;
    font-size: 16px;
    margin-top: 20px;
    outline: none!important;
}

.xg-btn:hover {
    background: #B37B4F;
}

.xg-btn i {
    font-size: 16px;
    margin-right: 10px;
}

.mob-nav2 {
    padding: 15px 45px;
}

.mob-nav-one {
    padding: 30px 0;
    text-align: center;
}

.mob-nav2 p {
    color: #fff;
    opacity: 0.8;
    font-size: 14px;
    margin-top: 20px;
}

.mob-nav-one span {
    font-size: 12px;
    color: #fff;
    opacity: 0.45;
    font-family: 'sy';
    margin-top: 12px;
    display: block;
    display: none;
}

.mob-nav-search {
    position: relative;
    height: 40px;
    margin-bottom: 20px;
}

.mob-nav-search i {
    position: absolute;
    left: 15px;
    top: 0px;
    line-height: 40px;
    color: #fff;
    text-align: center;
} 

.mob-nav-search input {
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 20px;
    background: none;
    padding-left: 40px;
    outline: none;
    color: #fff;
    font-size: 14px;
}


.mob-nav-search input::placeholder {
    color: #fff; /* ä¾‹å¦‚ï¼Œè®¾ç½®ä¸ºç°è‰² */
}

.mob-nav-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 30px;
    height: 136px;
}


#tc {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 10000;
}

#tc .tc-content{
    width: 513.5px;
    height: 753.5px;
    position: relative;
}

#tc i {
    position: absolute;
    font-size: 48px;
    color: #fff;
    top: 0px;
    right: -100px;
    opacity: 0.5;
    cursor: pointer;
}

#tc i:hover{
    opacity: 1;
}

.email-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    z-index: 10000;
}

.email-modal .email-content{
    width: 580px;
    height: 255px;
    background: #FFF;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 90%;
}

.email-modal .email-content h5 {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    /* margin-top: 55px; */
}

.email-modal .email-content p {
    font-size: 24px;
    color: #920303;
    font-weight: bold;
    text-align: center;
}

.email-modal i {
    position: absolute;
    font-size: 36px;
    color: #fff;
    top: 0px;
    right: -70px;
    opacity: 0.5;
    cursor: pointer;
}

.email-modal i:hover{
    opacity: 1;
}


.mob-nav-bottom ul {
    display: flex;
}

.mob-nav-bottom li {
    flex: 1;
    color: #fff;
    text-align: center;
}

.mob-nav-bottom li a {
    font-size: 14px;
}

.qr-box {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 100%;
    position: relative;
    text-align: center;
    background: rgb(255, 255, 255, 0.23);
}

.qr-box1 {
    margin-right: 5px;
    height: 30px;
    width: 30px;
    line-height: 30px;
}


.qr-box img {
    height: 100%;
    width: 100%;
}


.qr-box:hover .qr{
    display: block;
}

.qr-box:hover {
    background: #920303;
}

.qr-box i {
    font-size: 18px;
}
.qr-box1 i {
    font-size: 14px;
}

.xrld-list1 li {
    line-height: 42px;
    font-size: 20px;
}

.pl30 {
    padding-left: 30px;
}

.xrld-list {
    margin-left: 30px;
}

.pub-table th {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding: 17px 15px!important;
}

.pub-table td {
    border: none!important;
    font-size: 16px;
    padding: 17px 15px!important;
    color: #333;
}

.pub-table > thead > tr > th {
    border-bottom: 1px solid #979797;
    white-space: nowrap;
}

.lxrd {
    margin-top: 40px;
    text-align: center;
}

.lxrd img {
    height: 200px;
    width: 200px;
}

.lxrd p {
    color: #920303;
    font-size: 24px;
    margin-top: 10px;
    text-align: center;
}

.swiper-pagination5-diff .swiper-pagination-bullet {
    width: 60px!important;
    height: 6px!important;
}


.swiper-scrollbar-drag {
    background: rgb(255, 255, 255, 0.3)!important;
    margin-right: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
    right: 10px!important;
     background: rgb(255, 255, 255, 0.1)!important;
}

.pp-box-left1 {
    width: 100px;
    margin-right: 0px;
    height: auto;
    min-height: 65px;
}

.pp-box-left1 .pp-box-time{
    left: 0px;
    top: 4px;
}

.foot-left img {
    height: 160px;
}

.social-share .icon-wechat .wechat-qrcode .help p {
    text-align: center;
}

.red-mob .red{
    width: 100%;
    height: 100vh;
}

.red-mob .red .container {
    position: inherit;
    margin-top: -300px;
    left: 0px;
    margin-left: 0px;
    z-index: 100;
}

.back-home {
    width: 40px;
    height: 108px;
    background: #B37B4F;
    border-radius: 12px 0px 0px 12px;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -54px;
    color: #fff;
    font-size: 14px;
    z-index: 1001;
    padding: 10px 15px;
    line-height: 20px;
}

.red-mob .swiper-slide {
    background: #FFF7E7!important;
    width: 100%!important;
}

.red-bg {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.red-mob #swiper-pagination .swiper-pagination-bullet {
    margin: 15px auto;
}

.red-mob #swiper-pagination .swiper-pagination-bullet-active {
    top: 0px;
} 

.red-mob .swiper-container-vertical > .swiper-pagination-bullets {
    left: 10px;
    right: inherit;
    bottom: inherit!important;
}

.red-mob .red-box p{
    color: #333;
}

.red-mob .red-box {
    margin: 80px auto!important;
    /* padding: 0; */
    /* margin-top: 350px!important; */
    display: none;
} 


.red-mob .red-nav {
    display: flex;
    height: 17px;
    position: fixed;
}

.red-mob .red-nav img {
    height: 17px;
    width: auto;
}

.red-mob .red-nav .line {
    margin: 3px 10px;
}

.red-mob .red-nav {
    top: 30px;
}

.red-mob .swiper-slide-next1 {
    right: inherit;
    top: inherit;
    bottom: 0px;
    height: auto;
    left: 50%;
    margin-left: -72.5px;
}

.red-mob .swiper-slide-next1 .yuan {
    margin: 0px;
    margin-bottom: 100px;
}

.red-mob .swiper-slide-next1 .yuan1 {
    margin-top: 45px;
    right: 50%;
    margin-right: -17px;
}

.red-mob .swiper-slide-next1 hr {
    height: 170px;
    width: 1px;
    left: 50%;
    bottom: 0px;
    top: inherit;
    border-right: 1px solid #E3DDD1!important;
}

.red-mob #swiper1 .swiper-slide8 {
    height: calc(100vh + 245px);
}

.red-mob #swiper4 .swiper-slide6 {
    height: calc(100vh + 245px);
}

.red-mob #swiper3 .swiper-slide4 {
    height: calc(100vh + 245px);
}

.red-mob #swiper2 .swiper-slide6 {
    height: calc(100vh + 245px);
}

.red-mob .swiper-pagination-bullet:last-child {
    display: none!important;
}

.red-mob .xg-btn {
    margin-left: 50px;
}

.red-db {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 30px;
    z-index: 100;
    margin-left: -13px;
    animation: bounce 1s infinite cubic-bezier(0.4, 0, 0.6, 1);
}

@keyframes bounce {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100px); /* å‘ä¸Šç§»åŠ¨ 100px */
    }
}

.red-mob .red-box p {
    margin: 0 50px;
}

.red-mob .red-title {
    max-height: 50px;
    max-width: 100%;
    margin: 30px 50px;
    margin-bottom: 10px;
}

.mob-list {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: -20px;
    z-index: 1001;
    width: 100%;
}

.mob-list a {
    color: #fff!important;
}

.mob-left {
    height: 40px;
    line-height: 40px;
    width: 110px;
    background: rgba(146, 3, 3, 1);
    color: #fff;
    font-size: 12px;
    text-align: center;
    clip-path: polygon(0 0%, 90% 0%, 100% 100%, 0% 100%);
}

.mob-right {
    height: 40px;
    line-height: 40px;
    width: 110px;
    background: rgba(37, 70, 150, 1);
    color: #fff;
    font-size: 12px;
    text-align: center;
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (min-width: 768px) {
    .col-sm-6 {
        width: 50%;
    }
}