*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html {
  font-size: 1vw; /* 1rem = 19.2px @1920 */
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

body {
  min-height: 100vh;
  font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.image-container{display: none;}
.image-container img{position: absolute;top: 0;left: 0;z-index: -1;}
html {
  scrollbar-width: thin;
  scrollbar-color: #a91d28 #f0f2f5;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f0f2f5;
}
::-webkit-scrollbar-thumb {
  background: #a91d28;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a31f24;
}
img, picture, video { display: block; max-width: 100%; height: auto; }
a { color: #333; text-decoration: none; }
a:hover { color: #a31f24; }
ul, ol { list-style: none; }
button { font-family: inherit; cursor: pointer; }

.main {
  width: 1200px;
  max-width: 96%;
  margin: 0 auto;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
  box-shadow: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.06);
}

nav > div {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: row;
}

nav > div > div > a,
.nav-menu > .nav-item > a {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 5rem;
  color: #000;
  text-decoration: none;
}

.nav-menu {
  display: flex;
}

.nav-item {
  display: block;
  position: relative;
  margin-left: 2.9rem;
}

.nav-item > a {
  display: block;
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 5rem;
  color: #000;
  position: relative;
  transition: color 0.25s ease;
}

.nav-item > a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 3px;
  background: #a31f24;
  transition: width 0.25s ease, left 0.25s ease;
}

.nav-item > a:hover { color: #a31f24; }
.nav-item > a:hover::after { width: 100%; left: 0; }

.nav-item ul {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  display: flex;
  flex-direction: row;
  height: 0;
  overflow: hidden;
  width: max-content;
  padding: 0 1rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
  transition: height 0.25s ease;
}

.nav-item:nth-last-child(-n+3) ul { right: 0; left: auto; }

.nav-item:hover ul { height: auto; }

.nav-item ul a {
  margin: 1rem;
  line-height: 3;
  white-space: nowrap;
  transition: color 0.25s ease, padding-left 0.25s ease;
}

.nav-item ul a:hover { color: #a31f24; padding-left: 0.4rem; }

.nav-item ul a::before {
  content: '';
  display: inline-block;
  margin-right: 0.5vw;
  width: 0;
  height: 0;
  border-top: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid transparent;
  border-left: 0.417rem solid currentColor;
}

.logo {
  margin-right: 4rem;
  height: 5.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo img {height: 5rem;width: auto;transition: transform 0.25s ease, opacity 0.25s ease;}
.logo img:hover {transform: scale(1.03);opacity: 0.9;}

.menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
  width: 3rem;
  height: 3rem;
  background: transparent;
  border: none;
  padding: 0.4rem;
}

.menu-toggle span {
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #333;
  border-radius: 0.2rem;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.menu-toggle.active span:nth-child(1) { transform: translateY(0.6rem) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: translateY(-0.6rem) rotate(-45deg); }

.banner {
  position: relative;
  width: 100%;
  margin-top: 5.2rem;
  overflow: hidden;
}

.banner-track {
  display: flex;
  width: 300%;
  transition: transform 0.6s ease;
}

.banner-slide {
  width: 100vw;
  flex-shrink: 0;
}

.banner-slide img {
  width: 100vw;
  display: block;
}

.banner-controls {
  position: absolute;
  bottom: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 1.2rem;
  z-index: 10;
}

.banner-btn {
  width: 2.6rem;
  height: 2.6rem;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, transform 0.25s ease;
}

.banner-btn:hover { background: rgba(163, 31, 36, 0.85); transform: scale(1.1); }

.banner-dots {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.banner-dot {
  width: 0.7rem;
  height: 0.7rem;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  transition: background 0.25s ease, transform 0.25s ease;
}

.banner-dot:hover { background: rgba(255, 255, 255, 0.9); transform: scale(1.2); }

.banner-dot.active {
  border-radius: 0.7rem;
  background: #016fb9;
  transform: scale(1.3);
  width: 1.4rem;
}

.section {}

.section-banner,
.section-bar {
  width: 100%;
  margin-bottom: 2.5rem;
  transition: transform 0.25s ease;
}
.section-banner:hover,
.section-bar:hover {}

.news-section {
  padding: 2rem 0 4.5rem;
  background: url(images/bg1.png) repeat;
  }
.data-section {padding: 1.4rem 0 6rem;background:url(images/index/se2.jpg) no-repeat top center;}
.news-list {width: 8.5rem;padding: 0.57rem 0;font-size: 0.9rem;}
.news-list a{display: flex;border-bottom: 1px solid #ccc;line-height: 2rem;margin-bottom: 0.7rem;padding-left: 0.4rem;align-items: center;transition: color 0.25s ease, padding-left 0.25s ease;}
.news-list a:hover {color: #a31f24;padding-left: 0.7rem;}

.news-item {background: #fff;border-top: 5px solid #0090cf;border-radius: 1rem;width: 19.9rem;padding: 1.68rem 1.3rem;transition: transform 0.25s ease, box-shadow 0.25s ease;}
.news-item:nth-child(2) {border-top: 5px solid #00aaa4;}
.news-item:last-child {border-top: 5px solid #565ded;}
.news-item > a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.news-item > a>button{
    background: #a31f24;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    padding: .65rem 1.8rem;
    border: none;
    border-radius: 2rem;
    display: flex;
    }
    .news-item > a>button:hover{
        background: #0173bc;
    }
  .news-item > a>button img{
    width: inherit;
    padding-right: .4rem;
}
.news-list> a::before {
    content: '';
    display: inline-block;
    margin-right: 0.65rem;
    width: .3rem;
    height: .3rem;
    background: #a31f24;
    border-radius: .15rem;
}
.news-item > a:hover {
}

.news-item img { width: 100%; transition: transform 0.25s ease; }
.news-item > a:hover img {}

.news-info {display: flex;justify-content: space-between;padding-top: 1.6rem;gap: 1rem;}

.news-info h3 {
  font-size: 1.4rem;
  color: #000;
  margin-bottom: 0.8rem;
}

.news-info p {
  font-size: 1rem;
  color: #666;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.news-info .more {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.95rem;
  color: #a31f24;
}

.news-info .more img {
  width: 1.1rem;
  height: auto;
  display: inline-block;
}

.biz-section {
  position: relative;
  overflow: hidden;
}

.biz-track {
  display: flex;
  width: 300%;
  transition: transform 0.6s ease;
}

.biz-slide {
  width: 100vw;
  flex-shrink: 0;
}

.biz-section .full-img { width: 100%; }

.biz-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease, transform 0.25s ease;
  z-index: 10;
}

.biz-btn:hover {
  background: rgba(163, 31, 36, 0.85);
  transform: translateY(-50%) scale(1.1);
}

.biz-prev {left: 0;}
.biz-next {right: 0;}

.case-section {padding: .8rem 0 7.7rem;background: url(images/bg1.png) repeat;position: relative;}

.case {
  display: flex;
  gap: 1.3rem;
  margin-top: 3.2rem;
}

.case-card {
  flex: 1;
  display: block;
  overflow: hidden;
  box-shadow: 0 0 15px 3px #cccc;
  border-radius: .5rem;
  padding: 1.8rem 1.2rem 1.45rem;
  background: #fff;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.case-card:hover {
  transform: translateY(-0.4rem) scale(1.02);
  box-shadow: 0 0.8rem 2.5rem rgba(0, 0, 0, 0.15);
}

.case-card .case-img  img{
  width: 100%;
  transition: transform 0.25s ease;
}

.case-card:hover .case-img img { transform: scale(1.05); }

.site-footer {
  background: #0273bd;
  color: #ccc;
  padding: 2.2rem 0 0;
}

.footer-inner {
  display: flex;
  justify-content: space-between;
}

.footer-logo {width: 12.5vw;height: 3.5vw;transition: transform 0.25s ease, opacity 0.25s ease;}
.footer-logo:hover {transform: scale(1.03);opacity: 0.9;}

.footer-contact,
.footer-qrcode {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.95rem;
  line-height: 2rem;
}

.footer-contact img { width: 3rem; }
.footer-qrcode img {width: 7rem;transition: transform 0.25s ease;}
.footer-qrcode img:hover {transform: scale(1.05);}

.copyright {
  text-align: center;
  font-size: 0.732rem;
  color: #ffffff82;
  padding: .6rem;
  background: #005c98;
}
.copyright a{color: #ffffff82;}
.copyright .main{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  }
  
.news-title {
  color: #016fb9;
  margin-bottom: 2rem;
  font-size: 1.98rem;
  font-weight: bold;
  text-align: center;
  margin-top: 3rem;
}
.news-card {
  display: flex;
  margin-top: 2.3rem;
  justify-content: space-between;
}
.news-img{text-align: center;flex: 1;}
.news-img img{margin: 0 auto;transition: transform 0.25s ease;}
.news-img img:hover {}
.data-section .news-title{
    margin-bottom: 0;
}
.data-section .news-p{
    text-align: center;
    padding-top: .3rem;
    line-height: 2;
    padding-bottom: 4.5rem;
}
.biz-section{}
.biz-section .main{position: absolute;
    left: 0;
    right: 0;
    top: 50%;}
.case-tit{
    padding: 0 .4rem 1.6rem;
    display: flex;
    align-items: center;
}
.case-tit p{
    font-weight: bold;
    padding-left: .5rem;
    font-size: 0.95rem;
    line-height: normal;
    } 
.case-img{overflow: hidden;border-radius: .5rem;}
.case-list{
    padding: 0 0.4rem 0;
}
.case-list p{
    color: #a31f24;
    font-weight: bold;
    padding: 1.28rem 0 .5rem;
}
.case-list a{
    display: block;
    line-height: 2.5rem;
    padding: 0 .25rem;
    transition: color 0.25s ease, padding-left 0.25s ease;
}
.case-list a:hover {color: #a31f24;padding-left: 0.6rem;}.case-list a::before {
  content: '';
  display: inline-block;
  margin-right: 0.5vw;
  width: 0;
  height: 0;
  border-top: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid transparent;
  border-left: 0.417rem solid #a31f24;
}
.site-footer{
}
.foot-map{
    display: flex;
    flex-direction: row;
    line-height: 1.6rem;
    font-size: .9rem;
    color: #fff;
    text-align: center;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    margin-bottom: 1.4rem;
}
.foot-map img{
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.5rem;
    transition: transform 0.25s ease;
}
.foot-map:hover img {transform: scale(1.1) rotate(-5deg);}
.foot-lx{
    display: flex;
    padding-top: 2.5rem;
    gap: 1.4rem;
    color: #fff;
}
.footer-nav{
    display: flex;
    padding-top: .3rem;
    flex-direction: column;
    flex: 1;
}
.footer-nav a{color: #fff;display: block;transition: color 0.25s ease, padding-left 0.25s ease;}
.footer-nav a:hover {color: #a31f24;padding-left: 0.3rem;}
.nav-top{
    font-size: 1.2rem;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: .8rem;
}
.footer-nav-list{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    line-height: 2.3rem;
    padding-top: .8rem;
}.footer-nav-list a::before {
  content: '';
  display: inline-block;
  margin-right: 0.5vw;
  width: 0;
  height: 0;
  border-top: 0.3125rem solid transparent;
  border-bottom: 0.3125rem solid transparent;
  border-left: 0.417rem solid currentColor;
}
.case-bg{
  background: url(images/index/bg2.png) no-repeat bottom center;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 1;
}
.case-section .main{position: relative;
    z-index: 2;}

/* ========== Ã¦Â»Å¡Ã¥Å Â¨Ã¥Ë†Â°Ã¤Â½ÂÃ¥â€¡ÂºÃ§Å½Â°Ã¥Å Â¨Ã§â€Â» ========== */
.reveal {
  opacity: 0;
}
.reveal.visible {
  opacity: 1;
  animation: revealUp 0.6s ease backwards;
}
@keyframes revealUp {
  from { opacity: 0; transform: translateY(2rem); }
}
/* Ã¤ÂºÂ¤Ã©â€â„¢Ã¥â€¡ÂºÃ§Å½Â°Ã¯Â¼Å¡Ã¥ÂÅ’Ã¤Â¸â‚¬Ã¥Â®Â¹Ã¥â„¢Â¨Ã¥â€ â€¦Ã§Å¡â€žÃ¥Â­ÂÃ©Â¡Â¹Ã¤Â¾ÂÃ¦Â¬Â¡Ã¥Â»Â¶Ã¨Â¿Å¸ */
.reveal-stagger > .reveal:nth-child(2) { animation-delay: 0.15s; }
.reveal-stagger > .reveal:nth-child(3) { animation-delay: 0.3s; }
.reveal-stagger > .reveal:nth-child(4) { animation-delay: 0.45s; }
/* Ã¥â€¡ÂÃ¥Â°â€˜Ã¥Å Â¨Ã§â€Â»Ã¥ÂÂÃ¥Â¥Â½ */
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; }
  .reveal.visible { animation: none; }
}

.nynav {
    background: #f4f4f4;
}
.nynav .main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nynav-item{
    display: flex;
}
.nynav-item a{display: block;line-height: 3.5;font-size: 1.2rem;width: 9rem;text-align: center;}
.nynav-item a:hover,.nynav-item a.active{background:#a31f24;color:#fff;}
.nynav-link{
    font-size: .9rem;
}
.nynav-link img{
    display: inline-block;
    padding-right: .4rem;
}
main{/* opacity: .5; */}
.page{
    padding: 4rem 0;
    text-align: center;
}
.page img{
    display: inline-block;
    font-size: 0;
    image-rendering: crisp-edges;
}
.page-card{}
.page-card .main{
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: space-between;
}
.page-card dl{
    width: 32%;
    background: #fff;
    box-shadow: 0 0 8px 0px #adadad;
    border-radius: 6%;
    padding: 1.4rem 0 0;
    margin: 0.3rem 0 2.6rem;
    height: 15rem;
    border-top: 4px solid #006bd9;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-top-color 0.25s ease;
}
.page-card dl:hover{
    transform: translateY(-0.4rem) scale(1.03);
    box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.15);
    border-top-color: #a31f24;
}
.page-card dt{
    font-size: 1.3rem;
    font-weight: bolder;
    margin-bottom: 1rem;
    transition: color 0.25s ease;
    color: #0171ba;
}
.page-card dl:hover dt{ color: #a31f24; }
.page-card dd{
    margin-bottom: 1rem;
    transition: color 0.25s ease, padding-left 0.25s ease;
    cursor: pointer;
    width: 8rem;
    text-align: left;
    margin: 0 auto 1rem;
}
.page-card dd::before{
    content: '';
    display: inline-block;
    margin-right: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 0.3125rem solid transparent;
    border-bottom: 0.3125rem solid transparent;
    border-left: 0.417rem solid #0171ba;
}
.page-card dd:hover{ color: #a31f24; padding-left: 0.4rem; }
.page-card2{
    display: flex;
    justify-content: space-between;
    gap: 5%;
}
.page-card2 div{flex: 1;min-height: 11rem;padding: 1.2rem 2rem;box-shadow: 0 0 10px #ccc;border-radius: .5rem;background: #fff;position: relative;transition: transform 0.25s ease, box-shadow 0.25s ease;}
.page-card2 div:hover{transform: translateY(-0.4rem) scale(1.02);box-shadow: 0 0.8rem 2rem rgba(0, 0, 0, 0.12);}
.page-card2 div::before{
  content: '';
  width: 82%;
  height: 7px;
  background-color: #a31f24;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.page-card2 a::before{
    content: '';
    display: inline-block;
    margin-right: 0.5rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: .2rem;
    background-color: #a31f24;
}
.page-card2 a{
    padding: 0.4rem 0;
    text-align: center;
    transition: color 0.25s ease, padding-left 0.25s ease;
    cursor: pointer;
    font-size: .9rem;
    display: block;
    text-align: left;
}
.page-card2 a:hover{ color: #a31f24; padding-left: 0.4rem; }
.page-swiper{
    position: relative;
    overflow: hidden;
    margin: 3.2rem 0;
}
.page-swiper-track{
    display: flex;
    gap: 0;
    transition: transform 0.25s ease;
}
.page-swiper-track a{
    display: block;
    flex-shrink: 0;
    padding: 0 .4rem;
    width: calc(100% / 3);
    transition: transform 0.25s ease;
}
.page-swiper-track a:hover{ transform: scale(1.03); }
.page-swiper .swiper-img{
    font-size: 0;
    overflow: hidden;
    border-radius: .3rem;
	aspect-ratio: 4 / 3;
    width: 100%;
    background: #f5f5f5;
}
.page-swiper .swiper-img img{
	width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease;
}
.page-swiper-track a:hover .swiper-img img{ transform: scale(1.05); }
.page-swiper p{
    background: #f1f1f1;
    text-align: center;
    padding: .5rem 1rem;
    line-height: 1.5rem;
    height: 4rem;
    color: #2b2b2b;
    transition: background 0.25s ease, color 0.25s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-swiper-track a:hover p{background: #a31f24;color: #fff;}
.page-swiper-btn{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.8rem;
    height: 2.8rem;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.25s ease, transform 0.25s ease;
    z-index: 10;
    cursor: pointer;
}
.page-swiper-btn:hover{
    background: rgba(163, 31, 36, 0.85);
    transform: translateY(-50%) scale(1.1);
}
.page-swiper-btn:disabled{
    opacity: 0.4;
    cursor: default;
}
.page-swiper-btn:disabled:hover{
    background: rgba(0, 0, 0, 0.35);
    transform: translateY(-50%);
}
.page-swiper-prev{ left: 0.5rem; }
.page-swiper-next{ right: 0.5rem; }
.list{
    padding: 2.8rem 0;
    background: url(images/page/djbg.jpg) no-repeat top center/cover;
}
.dj-txt{}
.dj-txt p{
    text-indent: 2em;
    line-height: 2.6;
}
.list-item{padding-top: .4rem;}
.list-item>.main>a{display: flex;padding: 1.5rem 0;border-bottom: 1px dashed #cccc;transition: padding-left 0.25s ease, transform 0.25s ease;}
.list-item>.main>a:hover{padding-left: 0.6rem;}
.list-item-img{width: 268px;height: 177px;margin-right: 1.6rem;overflow: hidden;}
.list-item-img img{transition: transform 0.25s ease;width: 100%;height: 100%;object-fit: cover;}
.list-item>.main>a:hover .list-item-img img{transform: scale(1.06);}
.list-item-txt{display: flex;flex-direction: column;flex: 1;position: relative;min-height: 9rem;}
.list-item-txt h3{
    font-size: .99rem;
    font-weight: bolder;
    line-height: 3rem;
    transition: color 0.25s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 98%;
}
.list-item>.main>a:hover .list-item-txt h3{color: #a31f24;}
.list-item-txt p{
    font-size: .875rem;
    line-height: 1.6;
    transition: color 0.25s ease;
}
.list-item>.main>a:hover .list-item-txt p{color: #333;}
.list-item-btn{position: absolute;left: 0;bottom: 0;background: #ccc;color: #000000;padding: 3px 14px;font-size: .8rem;transition: background 0.25s ease, color 0.25s ease, padding-right 0.25s ease;}
.list-item>.main>a:hover .list-item-btn{background: #a31f24;color: #fff;padding-right: 22px;}
.pages-limit{display: flex;justify-content: center;gap: 0.18rem;padding: 1.73rem 0;}
.pages-limit a.active{background: #de141c;color: #fff;border: none;border-radius: 3px;}
.pages-limit a{
    display: inline-block;
    padding: 0.3rem 0.6rem;
    text-align: center;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    cursor: pointer;
    font-size: .7rem;
    display: block;
    text-align: left;
    border: 1px solid #e3e3e3;
}
.pages-limit a:hover:not(.active){
    background: #fff;
    color: #a31f24;
    border-color: #a31f24;
    transform: translateY(-2px) scale(1.03);
}
.list-nav{}
.list-nav a{background: #fff;padding: .3rem 1.8rem;font-size: 1.2rem;margin-right: .6rem;}
.list-nav a.active{
    color: #fff;
    background: #a31f24;
}
.tel {
    display: flex;
    justify-content: center;
    gap: 2rem;
}
.dz{padding:2rem 0;}
.lxshow{display: flex;justify-content: center;gap: 2rem;}
.lxshow img{
    box-shadow: 0 0 10px rgb(49 135 196 / 24%);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 0.5rem;
}
.lxshow img:hover{
    transform: translateY(-0.4rem) scale(1.03);
    box-shadow: 0 0.8rem 2rem rgba(49, 135, 196, 0.4);
}
.lxwmlist{
    padding: 3rem 0;
}

.lxwm-item{}
.lxwm-item>.main>a{
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px dashed #ccc;
}
.lxwm-item a .lxwm-item-time{
    width: 7rem;
    text-align: center;
}
.lxwm-item a .lxwm-item-time .day{
    font-size: 2rem;
    line-height: 1;
}
.lxwm-item a .lxwm-item-time .year{
    font-size: .8rem;
}
.lxwm-item-txt{
    margin-left: 1rem;
    border-left: 1px solid #ccc;
    padding-left: 1rem;
    flex: 1;
}
.lxwm-item a .title{
    font-weight: bolder;
    font-size: 1.1rem;
    line-height: 1.7rem;
}
.lxwm-item a .desc{
    font-size: .9rem;
}
.lxwm-item a .source{
    font-size: .8rem;
    margin-top: .3rem;
	color: #000;
}
.lxwm-item a .btn{
    width: 11rem;
    background: #0173bc;
    color: #fff;
    font-size: .8rem;
    text-align: center;
    line-height: 2.2rem;
    border-radius: .5rem;
}
.szfw{
    padding-top: 3.5rem;
}
.sz-item{display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 4rem 0;}
.sz-item-ms{
    min-height: 26rem;
}

.sz-item-ms .title{
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    line-height: 7.2rem;
}
.sz-item-ms .title2{
    font-weight: bold;
}
.sz-item-ms ul{
    margin-top: 1rem;
}
.sz-item-ms ul li{
    line-height: 3rem;
    font-size: .9rem;
}
.sz-item-ms ul li span{
    color: #0073bc;
    font-weight: bold;
}
.sz-item-ms ul li span::before{
    content: '';
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background: #0073bc;
    border-radius: 50%;
    margin-right: .3rem;
}
.sz-item-img{
    width: 55%;
}
.sz-item-img img{}
.sz-item-img-tab{
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem;
}
.sz-item-img-tab button{
    color: #0173bc;
    line-height: 3.4rem;
    border-radius: .5rem;
    border: 1px solid #0173bc;
    background: #fff;
    max-width: 17rem;
    padding: 0 .8rem;
    font-size: .93rem;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.sz-item-img-tab button:hover,.sz-item-img-tab button.active{
   background: #0173bc;
   color: #fff;
   transform: translateY(-2px);
   box-shadow: 0 0.4rem 1rem rgba(1, 115, 188, 0.25);
}
.sz-item-img-content{
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
}
.sz-item-img-content-item{
    display: none;
    font-size: 0;
}
.sz-item-img-content-item.active{
    display: block;
    /* animation: szFadeIn 0.35s ease; */
}
@keyframes szFadeIn{
    from{opacity: 0;transform: translateY(6px);}
    to{opacity: 1;transform: translateY(0);}
}
.sz-item-img-content-item img{width: 100%;height: auto;}
.sz-item-img-side{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1.2rem;
    min-height: 1rem;
}
.sz-item-img-side span{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: rgba(1, 115, 188, 0.25);
    transition: all 0.25s ease;
    cursor: pointer;
}
.sz-item-img-side span.active{
    width: 1.6rem;
    border-radius: 0.5rem;
    background: #0173bc;
    transform: scale(1.1);
}
.article-detail{
    box-shadow: 0 0 10px 0px #b1b1b1;
    padding: 1rem;
}
.article-detail h1{font-size:20px}
.article-meta{
    font-size: 14px;
    color: #bababa;
    line-height: 3;
    border-bottom: 1px dashed #bababa;
    margin-bottom: 1rem;
    }
	.article-content{text-align:left}
.page-con1>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-con1 dl{
    width: 14rem;
    color: #000;
}
.page-con1 dt{
    font-size: 2rem;
    font-weight: bold;
}
.page-con1 dd{
    font-size: 1.3rem;
    background: #0173bc;
    color: #fff;
    line-height: 3rem;
    margin: 1rem auto;
    border-radius: 1.5rem;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.page-con1 dd:hover{
    background: #a31f24;
    transform: translateY(-0.2rem) scale(1.05);
    box-shadow: 0 0.4rem 1rem rgba(163, 31, 36, 0.3);
}
.page-con1 ul{
    width: 24rem;
}
.page-con1 ul li{
    padding: 2rem;
    box-shadow: 0 0 10px #bbb;
    font-size: 1rem;
    text-align: left;
    margin: 1rem 0;
    line-height: 1.8;
    color: #000;
}
.page-con1>div>div{}

.page-con1>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-con2{margin-top: 2rem;}
.page-con2>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-con2 .page-img{}
.page-con2 .page-img a{
    display: block;
    font-weight: bold;
    color: #0173bc;
    padding: 1rem 0;
    margin-bottom: 1.4rem;
    box-shadow: 0 0 10px #ddd;
    width: 18.2rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.page-con2 .page-img a:hover{
    color: #a31f24;
    border-color: #a31f24;
    transform: translateY(-0.3rem);
    box-shadow: 0 0.6rem 1.5rem rgba(1, 115, 188, 0.25);
}
.page-con2 .page-img a img{
    display: block;
    transition: transform 0.25s ease;
}
.page-con2 .page-img a:hover img{
    transform: scale(1.05);
}
.page-con2 .page-center a{
    display: block;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.page-con2 .page-center a:hover{
    transform: translateY(-0.3rem);
    box-shadow: 0 0.6rem 1.5rem rgba(1, 115, 188, 0.25);
}
.page-con2 .page-center a img{
    transition: transform 0.25s ease;
}
.page-con2 .page-center a:hover img{
    transform: scale(1.02);
}
.page-img a:last-child{
    margin-bottom: 0;
}
.page-img-l a{border-left: 6px solid #0173bc;
}
.page-img-r a{border-right: 6px solid #0173bc;
}
.page-con2 .page-center2{justify-content: center;}
.page-con2 .page-center2 a{border-right: 6px solid #0173bc;}
.page-con3-1{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
.page-con3-1-item{
    box-shadow: 0 0 10px #ddd;
    padding: 1.8rem;
    flex: 1;
}
.page-con3-1-item-tit{
    text-align: left;
    color: #a31e23;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
}
.page-con3-1-item-desc{
    display: flex;
    align-items: center;
}
.page-con3-1-item-desc ul{flex: 1;font-size: 1.1rem;line-height: 2.8rem;text-align: left;}
.page-con3-1-item-desc li{
    transition: color 0.25s ease, padding-left 0.25s ease, background 0.25s ease;
}
.page-con3-1-item-desc li:hover{
    color: #a31f24;
    padding-left: 0.4rem;
    background: rgba(163, 31, 36, 0.06);
}
.page-con3-1-item-desc li::before {
    content: '';
    display: inline-block;
    margin-right: 0.5vw;
    width: 0;
    height: 0;
    border-top: 0.3125rem solid transparent;
    border-bottom: 0.3125rem solid transparent;
    border-left: 0.417rem solid #a31f24;
    transition: transform 0.25s ease;
}
.page-con3-1-item-desc li:hover::before{
    transform: scale(1.4);
}
.page-con4{
    margin: 2rem auto;
}
.page-con4 .page-con3-1-item-desc{flex-direction: column;width: 14rem;}
.page-con4 .page-con3-1-item{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.news-img{
    display: flex;
}
.news-img>div>div{
    display: flex;
    align-items: center;
}
.news-img>div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.news-img div dt{
    font-size: 1.6rem;
    font-weight: bold;
}
.news-img div img{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.news-img div dd{
    text-align: left;
}
.news-img-item{
    margin-right: 1.2rem;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 3rem;
    position: relative;
    border: 3px solid #ddd;
}
/*media*/
@media (min-width: 1920px) {
  html { font-size: 19.2px; }
}

@media (max-width: 1024px) {
  .logo { margin-right: 1.5rem; }
  .nav-item > a { padding: 0 0.6rem; font-size: 1.1rem; }
  .page-swiper-track a { width: calc(100% / 2); }
}
@media (max-width: 768px) {
  html { font-size: 3.2vw; }
.page-con1>div{flex-direction: column;}
.page-con2>div{flex-direction: column;}
.foot-left{max-width:18rem}
  .main {width: 92%;max-width: 92%;}
  .page-swiper-track a { width: 100%; }
.nynav-item{display:none}
  nav > div {
    flex-wrap: wrap;
    align-items: center;
    position: relative;
  }

  .logo {
    height: 4rem;
    margin-right: auto;
  }

  .logo img {height: 4rem;}

  .menu-toggle { display: flex; }

  .nav-menu {
    display: none;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
  }

  .nav-menu.open { display: flex; }

  .nav-item {border-bottom: 1px solid #f0f0f0;margin-left: 0;}

  .nav-item > a {
    line-height: 3.2rem;
    font-size: 1.05rem;
    padding: 0 0.5rem;
  }

  .nav-item ul {
    position: static;
    height: auto;
    max-height: 0;
    overflow: hidden;
    width: 100%;
    box-shadow: none;
    background: #fafafa;
    padding: 0;
    transition: max-height 0.25s ease;
  }

  .nav-item.open ul {max-height: 30rem;flex-direction: column;}

  .nav-item.has-sub > a::after {
    content: '';
    display: inline-block;
    margin-left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    position: relative;
        background: none;
        left: 0;
  }

  .nav-item.open > a::after { transform: rotate(-135deg); }

  .nav-item ul a {
    margin: 0;
    padding: 0 1.2rem;
    line-height: 2.8rem;
    font-size: 0.95rem;
    color: #555;
    display: block;
  }
.nav-item ul a::before {
  margin-right: 2.5vw;
}
  .banner { margin-top: 4rem; }

  .banner-controls {
    bottom: 1rem;
    gap: 0.8rem;
  }

  .banner-btn {
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1rem;
  }

  .banner-dot { width: 0.7rem; height: 0.7rem; }

  main{}
  .section {}

  .biz-section {}

  .biz-btn {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1rem;
  }

  .biz-prev { left: 0.8rem; }
  .biz-next { right: 0.8rem; }

  .news-list {
    flex-direction: column;
    gap: 1.5rem;
  }

  .case {
    flex-direction: column;
    gap: 1.5rem;
  }
.news-card {
    flex-direction: column;
    gap: 1.5rem;
  }
  .footer-inner {
    flex-direction: column;
    align-items: center;
  }
.news-item{width: 100%;}.news-list {
    width: 48%;
    padding: 0.45rem 0;
    font-size: 1.4rem;
}
.news-list a{
    line-height: 3.4rem;
    margin-bottom: 1rem;
    }

    .news-list> a::before{
      width: .6rem;
      height: .6rem;
    }
    .footer-logo{width: auto;height: auto;margin: 0 auto;}
    .footer-nav,.nav-top{width: 100%;}
  /*768over*/
  .copyright .main{flex-direction: column;}
  .page-card2{
    flex-direction: column;
    gap: 18px;
}
.nynav{
    line-height: 2rem;
}
.list-item>.main>a{flex-direction: column;
    align-items: center;}
.list-item-txt{margin-left: 0;}
.list-item-btn{position: relative;
    margin-top: 1rem;
    text-align: center;}
.lxshow{flex-direction: column;}
.sz-item{flex-direction: column;}
.sz-item-img {
    width: 100%;
}
.page-con3-1,.page-con4 .page-con3-1-item,.page-con3-1-item-desc{    flex-direction: column;}
.news-img>div{flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 8rem;}
}