.wrap {
  width: 86.58333333333334rem;
  margin: 0 auto;
}
.hbanner {
  overflow: hidden;
  height: 55.9375rem;
  position: relative;
}
.hbanner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.hbanner .spot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.9375rem;
  z-index: 2;
  text-align: center;
}
.hbanner .spot span {
  width: 0.8333333333333334rem;
  height: 0.8333333333333334rem;
  background: none;
  opacity: 1;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.hbanner .spot .swiper-pagination-bullet-active {
  background: #fff;
}
.hbanner img.ico {
  display: none;
}
.utit {
  text-align: center;
}
.utit .ico {
  height: 2.8645833333333335rem;
  display: block;
  object-fit: contain;
  margin: 0 auto;
}
.utit h3 {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #085c9c;
  text-transform: uppercase;
  margin: 0.625rem 0 0;
}
.utit h4 {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #085c9c;
}
.hpage1 .utit {
  padding: 3.125rem 0;
}
.hpage1 .bds {
  background: linear-gradient(to top, #e9f0f8 80%, white 80%);
  padding: 3.229166666666667rem 0;
}
.hpage1 .bds ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hpage1 .bds li {
  margin: 0 1.8229166666666667rem;
  height: 25rem;
  width: 18.229166666666668rem;
  position: relative;
}
.hpage1 .bds li img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.hpage1 .bds li .ts {
  position: absolute;
  left: 1.25rem;
  top: 3.6458333333333335rem;
  z-index: 1;
}
.hpage1 .bds li h4 {
  font-size: 0.7291666666666667rem;
  line-height: 1.6;
  color: #fff;
  text-transform: uppercase;
}
.hpage1 .bds li h3 {
  font-size: 1.3541666666666667rem;
  line-height: 1.6;
  color: #fff;
  font-weight: bold;
  margin-top: 0.5208333333333334rem;
}
.hpage2 {
  position: relative;
  padding: 5.208333333333334rem 0;
}
.hpage2::after, .hpage2:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  background: url(../images/qw6.png) no-repeat center;
  width: 17.291666666666668rem;
  height: 0.8333333333333334rem;
  margin-top: -0.4166666666666667rem;
}
.hpage2::after {
  background: url(../images/qw7.png) no-repeat center;
  left: auto;
  right: 0;
}
.hpage2 img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.hpage3 {
  padding-top: 2.208333333333334rem;
}
.hpage3 .bds {
  margin-top: 3.6458333333333335rem;
  display: flex;
  justify-content: space-between;
  /* align-items:center; */
}
.hpage3 .lts {
  width: 36.875rem;
}
.hpage3 .lts .pic {
  width: 100%;
  height: 24.479166666666668rem;
  display: block;
}
.hpage3 .lts .ts {
  padding: 1.0416666666666667rem 2.0833333333333335rem 0;
}
.hpage3 .lts h4 {
  font-size: 1.1458333333333335rem;
  line-height: 1.6;
  text-align: center;
  color: #085c9c;
  margin-bottom: 1.0416666666666667rem;
}
.hpage3 .lts p {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #000000;
  text-indent: 2em;
}
.hpage3 .lts .pic img {
  width: 100%;
  height: 100%;
  display: block;
}
.hpage3 .rts {
  width: calc(100% - 41.927083333333336rem);
}
.hpage3 .rts li {
  margin-bottom: 3.385416666666667rem;
  /* padding-right:5.208333333333334rem; */
}
.hpage3 .rts li h5 {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #085c9c;
  background: url(../images/qw11.png) no-repeat left bottom/100% auto;
  padding-bottom: 0.625rem;
}
.hpage3 .rts li:hover h5 {
  background: url(../images/qw11-1.png) no-repeat left bottom/100% auto;
  color: #c52a1c;
}
.hpage3 .rts li h6 {
  font-size: 0.8333333333333334rem;
  line-height: 1.6;
  color: #545454;
  margin: 0.4166666666666667rem 0;
}
.hpage3 .rts li p {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #000000;
  text-indent: 2em;
}
.hpage3 .bns {
  display: flex;
  justify-content: flex-end;
}
.hpage3 .bns a {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #085c9c;
  background: url(../images/qw12.png) no-repeat right center/1.4583333333333335rem auto;
  display: inline-block;
  padding-right: 2.0833333333333335rem;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: relative;
}
.hpage3 .rcap {
  width: 100%;
  padding-top:2.0833333333333335rem;
}
.hpage4 .fpic {
  margin-top: -10rem;
  display: block;
  width: 100%;
}
.hpage4 {
  padding-top: 5.03125rem;
}
.hpage4 .hds ul {
  display: flex;
  justify-content: space-between;
}
.hpage4 .hds li {
  width: calc((100% - 2.8645833333333335rem)/2);
  border-radius: 1.7083333333333335rem;
  overflow: hidden;
  height: 20.5rem;
  padding: 1.529166666666667rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.hpage4 .hds li a {
  align-items: center;
}
.hpage4 .hds li .txt {
  border: 2px solid #fff;
  border-radius: 1.0416666666666667rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 3rem;
}
.hpage4 .hds li .txt .txt-l {
  flex-shrink: 0;
  margin-right: 5rem;
  display: flex;
  align-items: center;
  width: 30%;
}
.hpage4 .hds li .txt .txt-r {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hpage4 .hds li .ico {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.hpage4 .hds li h3 {
  font-size: 3.125rem;
  line-height: 1.1;
  color: #fff;
  text-align: center;
  margin: 2.7083333333333335rem 0 1.9583333333333335rem;
}
.hpage4 .hds li h6 {
  width: 7.395833333333334rem;
  line-height: 2.3958333333333335rem;
  background: #085c9c;
  text-align: center;
  font-size: 1.1458333333333335rem;
  color: #fff;
  border-radius: 1.5625rem;
  margin: 0 auto;
}
.hpage4 .hds {
  margin-bottom: 5.25rem;
}
.hpage3 .pt2 {margin: 3.208333333333334rem 0;}
.footer {
  padding-top: 4.375rem;
}
.copyright {
  background: #003d6d;
  padding: 1.0416666666666667rem 0;
  font-size: 0.7291666666666667rem;
  line-height: 1.6;
  color: #fff;
  text-align: center;
}
.copyright a {
  color: #fff;
}
.footer .hds {
  background: rgba(151, 200, 222, 0.5);
  border-radius: 1.3541666666666667rem;
  padding: 3.125rem 4.166666666666667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer .hds .ls {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer .hds .ls h3 {
  font-size: 1.5625rem;
  line-height: 2.3958333333333335rem;
  color: #fff;
  margin-right: 2.0833333333333335rem;
  letter-spacing: 0.10416666666666667rem;
}
.footer .hds .ls h4 {
  font-size: 1.3020833333333335rem;
  line-height: 1.3541666666666667rem;
  color: #fff;
}
.footer .hds dl {
  width: calc(100% - 23.4375rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.footer .hds dd {
  margin-right: 4.479166666666667rem;
}
.footer .hds dd:last-child {
  margin-right: 0;
}
.footer .hds dd .ico {
  width: 3.9583333333333335rem;
  height: 3.9583333333333335rem;
}
.footer .hds dd .ico img {
  width: 100%;
  height: 100%;
  display: block;
}
.footer .hds dd h6 {
  font-size: 1.1458333333333335rem;
  line-height: 1.6;
  color: #fff;
  margin-top: 0.2604166666666667rem;
  text-align: center;
}
.footer .bds {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.125rem 0;
}
.footer .bds .logo {
  width: 21.614583333333336rem;
}
.footer .bds .logo img {
  width: 100%;
  display: block;
}
.footer .rtext {
  width: calc(100% - 30.208333333333336rem);
}
.footer .rtext h4 {
  font-size: 0.9375rem;
  line-height: 1.4583333333333335rem;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.10416666666666667rem;
  padding-right: 1.1458333333333335rem;
  position: relative;
}
.footer .rtext h4:before {
  content: "";
  position: absolute;
  right: 0;
  margin-top: -1.09375rem;
  top: 50%;
  z-index: 1;
  width: 0.15625rem;
  height: 2.1875rem;
  background: #fff;
}
.footer .rtext .flax {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}
.footer .rtext ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 4.166666666666667rem);
}
.footer .rtext h6 {
  font-size: 0.7291666666666667rem;
  line-height: 1.3541666666666667rem;
  width: 2.604166666666667rem;
  color: #fff;
  margin-right: 1.5625rem;
  text-align: justify;
  text-justify: distribute-all-lines;
  /*ie6-8*/
  text-align-last: justify;
  /* ie9*/
  -moz-text-align-last: justify;
  /*ff*/
  -webkit-text-align-last: justify;
  /*chrome 20+*/ ;
}
.footer .rtext li {
  display: flex;
  align-items: center;
}
.footer .rtext p {
  font-size: 0.7291666666666667rem;
  line-height: 1.3541666666666667rem;
  color: #fff;
}
.footer .rtext dl {
  width: calc(100% - 4.166666666666667rem);
  display: flex;
  flex-wrap: wrap;
}
.footer .rtext dd a {
  font-size: 0.7291666666666667rem;
  line-height: 1.3541666666666667rem;
  color: #fff;
  display: block;
  margin-right: 1.5625rem;
}
.hpage4 .fpic {
  width: 100%;
  display: block;
}
.hpage4 .hds li, .hpage1 .bds li {
  position: relative;
  top: 0;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.hpage4 .hds li:hover {
  top: -0.5208333333333334rem;
  box-shadow: 0 0.10416666666666667rem 0.4166666666666667rem 0 rgba(0, 0, 0, 0.1);
}
.hpage3 .lts .pic img {
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 鍜?Chrome*/
  -o-transition: all 0.3s;
}
.hpage3 .lts .pic:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  /* IE 9*/
  -moz-transform: scale(1.1);
  /* Firefox*/
  -webkit-transform: scale(1.1);
  /* Safari 鍜?Chrome*/
  -o-transform: scale(1.1);
}
.hpage3 .lts .pic {
  overflow: hidden;
}
.hpage3 .bns a:hover {
  color: #0a7bc4;
  background-position: calc(100% + 0.10416666666666667rem) center;
  transform: translateX(-0.10416666666666667rem);
}
.hpage3 .bns a i {
  content: "";
  position: absolute;
  bottom: -0.10416666666666667rem;
  left: 0;
  width: 0;
  height: 0.052083333333333336rem;
  background-color: #085c9c;
  transition: width 0.3s ease;
}
.hpage3 .bns a:hover i {
  width: 100%;
}
.hpage4 .hds li:hover h6 {
  color: #085c9c;
  background: #fff;
}
.hpage5 .utit {
  padding: 5.208333333333334rem 0 3.125rem;
}
.hpage5 .box {
  height: 38.54166666666667rem;
  position: relative;
  padding: 4.375rem 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.hpage5 .btn {
  position: absolute;
  right: -0.2604166666666667rem;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE 9*/
  -moz-transform: translateY(-50%);
  /* Firefox*/
  -webkit-transform: translateY(-50%);
  /* Safari 鍜?Chrome*/
  -o-transform: translateY(-50%);
  width: 6.770833333333334rem;
  display: block;
}
.hpage5 .list li {
  background: linear-gradient(to bottom, #ec655d, #a02520);
  border: 2px solid #fbe6c4;
  border-radius: 0.4166666666666667rem;
  display: inline-block;
  padding: 0.625rem 1.1458333333333335rem;
}
.hpage5 .list li h4 span {
  font-size: 0.7291666666666667rem;
  line-height: 1.6;
  color: #fff;
  font-weight: bold;
  background: url(../images/qw22.png) no-repeat left center/0.8854166666666667rem auto;
  padding-left: 1.25rem;
}
.hpage5 .list li h4 {
  background: url(../images/qw21.png) no-repeat right center/0.6770833333333334rem auto;
  padding-right: 1.3541666666666667rem;
}
.hpage5 .info {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hpage5 .info .ls {
  background: linear-gradient(to bottom, #ec655d, #a02520);
  border: 2px solid #fbe6c4;
  border-radius: 0.4166666666666667rem;
  padding: 0.20833333333333334rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 24.479166666666668rem;
  margin-right: -1.0416666666666667rem;
}
.hpage5 .info .t1 {
  width: 100%;
  min-width: 10.416666666666668rem;
  max-width: 26.041666666666668rem;
  background: none;
  border: none;
  outline: none;
  padding: 0.4166666666666667rem 0.625rem;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
}
.hpage5 .info .btns {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #a02520;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 1;
  font-size: 0.9375rem;
  color: #9e231e;
  font-weight: bold;
  border: 10px solid rgba(251, 230, 196, 0.2);
}
.hpage5 .info .btns span {
  width: 5.208333333333334rem;
  height: 5.208333333333334rem;
  background: #fbe6c4;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
}
.hpage5 .info .btns::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(251, 230, 196, 0.8);
  border-radius: 50%;
  animation: pulse 2s infinite ease-in-out;
  z-index: -1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.4);
    opacity: 0;
  }
}
.header {
  position: absolute;
  left: 0;
  right: 0;
  top: 4.947916666666667rem;
  z-index: 9;
  overflow: hidden;
}
.header .naver {
  display: flex;
  justify-content: center;
}
.header .naver ul {
  display: flex;
  gap: 0 7.291666666666667rem;
  margin: 0 4.427083333333334rem;
  margin-top: 1.71875rem;
  position: relative;
  z-index: 3;
}
.header .logo {
  position: relative;
}
.header .logo::after {
  content: "";
  border-top: 0.10416666666666667rem dashed #fff;
  position: absolute;
  top: 2.447916666666667rem;
  left: calc(100% + 1.5625rem);
  width: 100vw;
}
.header .logo::before {
  content: "";
  border-top: 0.10416666666666667rem dashed #fff;
  position: absolute;
  top: 2.447916666666667rem;
  right: calc(100% + 1.5625rem);
  width: 100vw;
}
.header .logo img {
  display: block;
  margin: 0 auto;
}
.header .logo a img {
  height: 14.6875rem;
}
.header .logo .ico {
  width: 13.697916666666668rem;
  margin: 2.7083333333333335rem auto 0;
}
.header .naver li h3 a {
  font-size: 1.5625rem;
  color: #ffffff;
  width: 1em;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  display: block;
  padding-top: 2.34375rem;
  background: url(../images/icon1.png) no-repeat center top/1.5625rem auto;
}
.header .naver li h3 a:hover {
  padding-top: 2.84375rem;
}
.lcth {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 34.6875rem;
}
.lcth .line {
  width: 0.78125rem;
  height: 0.78125rem;
  border-radius: 50%;
  background: #085c9c;
  position: relative;
}
.lcth .line::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  height: 0.10416666666666667rem;
  background: #085c9c;
  z-index: 1;
  width: 50vw;
}
.lcth .line.on::before {
  left: 100%;
  right: auto;
}
.hlichen .lcsection {
  padding: 3.90625rem 0 2.3958333333333335rem;
  margin-top: 1.20625rem;
}
.hswiperpic {
  overflow: hidden;
  padding: 3.8125rem 0 2.34375rem;
}
.hswiperpic h4 {
  font-size: 1.40625rem;
  line-height: 1.6;
  padding: 0.5208333333333334rem 0;
  font-weight: bold;
  color: #085c9c;
}
.hswiperpic .swiper-slide {
  position: relative;
  z-index: 1;
  /* transition:all 0.3s;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.hswiperpic {
  margin-left: calc((31.25rem - 25vw + 1.4583333333333335rem)*-2/2.5);
}
.hswiperpic .swiper-slide {
  position: relative;
}
.hlichen {
  position: relative;
}
.hswiperpic .swiper-slide-active {
  top: -3.4rem;
}
.hswiperpic .swiper-slide-active h4 i {
  font-size: 2.2395833333333335rem;
  margin-right: 0.5208333333333334rem;
}
.hswiperpic .swiper-slide-active .pic .pic-txt {
  opacity: 1;
}
.hswiperpic .pic {
  height: 15.104166666666668rem;
  background: #025fa4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border: 0.3125rem solid #025fa4;
  overflow: hidden;
  box-shadow: 6px 6px 6px #aaa;
}
.hswiperpic .pic img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all 0.3s;
  -ms-transition: all 0.3s; /* IE 9 */
  -moz-transition: all 0.3s; /* Firefox */
  -webkit-transition: all 0.3s; /* Safari 鍜?Chrome */
  -o-transition: all 0.3s;
}
.hswiperpic .swiper-slide:hover .pic img {
  transform: scale(1.1);
  -ms-transform: scale(1.1); /* IE 9 */
  -moz-transform: scale(1.1); /* Firefox */
  -webkit-transform: scale(1.1); /* Safari 鍜?Chrome */
  -o-transform: scale(1.1);
}
.hswiperpic .pic .pic-txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2.0833333333333335rem 1.0416666666666667rem 0.5208333333333334rem;
  font-size: 0.8333333333333334rem;
  color: #fff;
  text-align: center;
  background: linear-gradient(to bottom, rgba(0, 104, 181, 0), rgba(0, 104, 181, 1));
  opacity: 0;
  display: flex;
}
.hswiperpic .pic .pic-txt h5 {
  white-space: nowrap;
  border-right: solid 1px #fff;
  margin-right: 0.6em;
  padding-right: 0.6rem;
}
.hswiperpic .pic .pic-txt h5 i {
  font-size: 1.6rem;
}
.hswiperpic .pic .pic-txt div {
  text-align: left;
  font-size: 0.8rem;
display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;text-overflow: ellipsis;
}
.hswiperpic .swiper-slide-active .pic {
  height: 21.875rem;
}
.hswiperpic .swiper-slide {
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 鍜?Chrome*/
  -o-transition: all 0.3s;
}
.hswiperpic .swiper-slide-active h4 {
  display: none;
}
@media screen and (max-width: 768px) {
	
.hswiperpic .swiper-slide-active {
  top: 0;
}  
}
@media only screen and (min-width:1040px) {
  .hswiperpic .swiper-slide-active {
    width: 31.25rem !important;
  }
}
.flexbtn {
  display: flex;
  justify-content: center;
}
.flexbtn .prev i, .flexbtn .next i {
  background: url(../images/prev.png) no-repeat center/1.4583333333333335rem auto #0c62a2;
  width: 2.34375rem;
  height: 2.34375rem;
  border-radius: 50%;
  cursor: pointer;
  display: block;
}
.flexbtn .next {
  transform: rotate(180deg);
}
.flexbtn .prev, .flexbtn .next {
  border: 10px solid rgba(8, 92, 156, 0.4);
  margin: 0 0.7291666666666667rem;
  border-radius: 50%;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  /* Safari 鍜?Chrome*/
  -o-transition: all 0.3s;
}
.flexbtn .prev:hover, .flexbtn .next:hover {
  border-color: #0c62a2;
  background: #0c62a2;
}
.hlichen {
  overflow: hidden;
}
.hpage5 .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2rem;
  z-index: 1;
}
.hpage5 .list li:first-child {
  z-index: 11;
}
@keyframes danmuFly {
  0% {
    transform: translateX(100vw) translateY(var(--start-y));
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(-100%) translateY(var(--start-y));
    opacity: 0;
  }
}
@keyframes danmuFlyReverse {
  0% {
    transform: translateX(-100%) translateY(var(--start-y));
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(100vw) translateY(var(--start-y));
    opacity: 0;
  }
}
@keyframes danmuFloat {
  0%, 100% {
    transform: translateX(var(--start-x)) translateY(var(--start-y));
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  50% {
    transform: translateX(calc(var(--start-x) + 2.604166666666667rem)) translateY(var(--start-y));
  }
}
@keyframes danmuFade {
  0%, 100% {
    opacity: 0;
    transform: translateY(1.0416666666666667rem);
  }
  20%, 80% {
    opacity: 1;
    transform: translateY(0);
  }
}
.hpage5 .list {
  position: relative;
  width: 100%;
  height: 27.25rem;
  overflow: hidden;
  margin: 0 auto;
}
.hpage5 .list ul {
  position: relative;
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hpage5 .list li {
  position: absolute;
  /* pointer-events:none; */
  transition: opacity 1.5s ease-out;
}
@keyframes randomBlessingAnim {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.hpage5 .list ul li.blessing-anim {
  animation: randomBlessingAnim linear forwards;
  opacity: 0;
}
.hlogo {
  display: none;
}
.lcsection .bns {
  display: flex;
  justify-content: flex-end;
}
.lcsection .bns a {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #085c9c;
  background: url(../images/qw12.png) no-repeat right center/1.4583333333333335rem auto;
  display: inline-block;
  padding-right: 2.0833333333333335rem;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  /* IE 9*/
  -moz-transition: all 0.3s;
  /* Firefox*/
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  position: relative;
  right: 5.885416rem;
  bottom: 3.208333rem;
  position: absolute;
}
.lcsection .bns a i {
  content: "";
  position: absolute;
  bottom: -0.10416666666666667rem;
  left: 0;
  width: 0;
  height: 0.052083333333333336rem;
  background-color: #085c9c;
  transition: width 0.3s ease;
}
.lcsection .bns a:hover i {
  width: 100%;
}
.lcsection .bns a:hover {
  background-position: calc(100% + 0.10416666666666667rem) center;
  transform: translateX(-0.10416666666666667rem);
}
.hpage1 .bds li .ts {
  z-index: 3;
}
.hpage1 .bds li .ant1 {
  transition: all 0.3s;
  z-index: 2;
  transform: rotateY(0);
  position: relative;
}
.hpage1 .bds li .ant2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  transform: rotateY(-180deg);
  transition: all 0.3s;
}
.hpage1 .bds li:hover .ant1 {
  transform: rotateY(180deg);
  box-shadow: 10px 10px 10px #ccc;
}
.hpage1 .bds li:hover .ant2 {
  transform: rotateY(0deg);
  z-index: 2;
}
.hpage5 .list li:hover {
  animation: none !important;
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  z-index: 1000 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
}
.footer .hds dd {
  position: relative;
}
.footer .hds dd .weix {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8rem;
  bottom: 100%;
  display: none;
}
.footer .hds dd .weix img {
  width: 100%;
}
.footer .hds dd:hover .weix {
  display: block;
}
#video {
  width: 100%;
  max-width: 970px;
  aspect-ratio: 6 / 3;
  margin: 0 auto;
}

  /* --- 容器：控制整体布局与两侧留白 --- */
  .gallery-container {
    display: flex;           /* 开启弹性布局 */
    flex-wrap: wrap;         /* 允许换行 */
    justify-content: center; /* 内容居中，配合两侧的 padding 实现“两边留白” */
    gap: 20px;               /* 图片和文字之间的间距 */
    width: 100%;             
    box-sizing: border-box;
    padding: 0;           /* 左右各留 5% 的空白区域，屏幕越大留白越宽 */
  }

  .gallery-item {
    flex: 0 0 calc((100% - 60px) / 4); 
    background: white; 
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08); /* 轻微阴影 */
    text-decoration: none;   /* 去掉链接下划线 */
    transition: transform 0.2s ease; 
  }
  .gallery-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.12);
  }

  .image-box {
    width: 100%;
    aspect-ratio: 5 / 3;
  }

  .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
  }

  .item-title {
    padding: 15px;
    text-align: center;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
  }
.link_photo01 {}
.link_photo01a {display: none;}
.gallery-item:hover .link_photo01 {display: none;}
.gallery-item:hover .link_photo01a {display:block;}
  /* 小平板/大手机：一行变2个 */
  @media screen and (max-width: 1024px) {
    .gallery-container {
      padding: 0 3%; /* 缩窄两侧留白 */
      gap: 15px;
    }
    .gallery-item {
      flex: 0 0 calc((100% - 15px) / 2);
    }
  }

  /* 手机尺寸：一行变1个 */
  @media screen and (max-width: 480px) {
    .gallery-item {
      flex: 0 0 100%;
    }
  }

.content {
  flex-grow: 1;
  width: 86.58333333333334rem;
  max-width:1280px;
  padding: 30px;
  min-height: 600px;
  margin:0 auto;
}
/* 面包屑导航 */
.breadcrumb {
  font-size: 14px;
  color: #888;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.breadcrumb span {
  margin: 0 5px;
}
/* 新闻列表 */
.news-list {
  list-style: none;
  max-width:1000px;margin:0 auto;
}
.news-list li {
  margin-bottom: 1.585416666666667rem;
  /* padding-right:5.208333333333334rem; */
}
.news-list li h5 {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #085c9c;
  background: url(../images/qw11.png) no-repeat left bottom/100% auto;
  padding-bottom: 0.625rem;
}
.news-list li:hover h5 {
  background: url(../images/qw11-1.png) no-repeat left bottom/100% auto;
  color: #c52a1c;
}
.news-list li h6 {
  font-size: 0.8333333333333334rem;
  line-height: 1.6;
  color: #545454;
  margin: 0.4166666666666667rem 0;
}
.news-list li p {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: #000000;
  text-indent: 2em;
}
/* 翻页 */
.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}
.page-link {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.page-link.active {
  background: #007BFF;
  color: #fff;
  border-color: #007BFF;
}
.page-link:hover:not(.active) {
  background: #f4f4f4;
}
@media (max-width: 768px) {
  .content {
    width: 90%;
  padding: 0;
	}}

.title {
  text-align: center;
  border-bottom: 1px dotted #ccc;
}
.title h3 {
  font-size: 24px;
  line-height: 60px;
  font-weight: 600;
}
.tit_attr {
  margin-bottom: 5px;
  font-size: 14px;
  color: #666;
}
.content {
  padding: 30px 10px;
  font-size: 16px;
}
.content p {
  margin: 10px 0;
}
@media screen and (max-width: 768px) {
  .content, .content p {
    padding: 0;
    margin: 0;
  }
  .content img {
    width: 100% !important;
    height: auto;
    box-sizing: border-box;
    margin: 0 !important;
  }
}