/* 公用样式 */
#c-placeholder {height: 1rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; border-bottom: 1px solid rgba(219, 219, 219,.35);}
.headBox {transition: .5s; height: 1.2rem; position: relative; z-index: 1;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo img {height: 100%; max-width: 100%; max-height: .45rem; object-fit: contain;}
.headBox .logo .logo2 {display: none;}
.headBox .le {height: 100%; flex-shrink: 0; width: auto;}
.headBox .le .logo a {height: 100%; display: flex; align-items: center;}
.headBox .re {height: 100%; gap: .5rem;}
.head_luanage a:hover {color: #C5244C !important;}

/* 导航 */
nav {height: 100%; width: 53%; position: static; margin-left: 18%; }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #fff; font-size: var(--font18); font-weight: 500; position: relative; height: 100%; display: flex; align-items: center;}
nav > ul > li > a i {}
nav > ul > li > a::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 0;  height: 1px; background: #000000; transition: .5s;}
nav > ul > li.on > a::after {width: 100%; left: 0;}
@media (any-hover: hover) {
  nav > ul > li:hover > a::after {width: 100%; left: 0;}
}

/* 导航下拉 */
.navdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.2); width: max-content; display: none; border-bottom: 4px solid #662D91;}
.navdown .item {display: block; text-align: center;  border-bottom: 1px solid rgba(167, 167, 167,.2); justify-content: center;}
.navdown .item:first-child {padding-top: 0;}
.navdown .item:last-child {border: 0; padding-bottom: 0;}
.navdown .item .t1 a { font-weight: 500; color: #4F4F4F; display: block; width: 100%; padding: .1rem .2rem; display: block; transition: .5s;}
.navdown .item .t1 a:hover {color: #fff; background: #662D91;}
/* @media (any-hover: hover) {

} */



/* 语言选择 */
.lang-pop {}
.lang-dialog {max-width: 600px; width: 90%;}
.lang-dialog .layui-layer-content {padding: 20px 30px !important;  width: 100% !important;  box-sizing: border-box;}
.lang-dialog .layui-layer-title {font-weight: 500;  font-size: 16px;  background: #fff;  border-bottom: 1px solid #e6e6e6;}
.lang-dialog .layui-layer-close {color: #999 !important;}
.lang-options {display: flex;  gap: 15px;  justify-content: center;  align-items: center;  flex-wrap: wrap;}
.lang-item {flex: 1;  min-width: 80px;  height: 45px;  line-height: 45px;  text-align: center;  border: 1px solid #e6e6e6;  border-radius: 4px;  background: #f8f8f8;  cursor: pointer;  font-size: 14px;  color: #333;  transition: all 0.2s;}
.lang-item:hover {background: #f2f2f2 !important;  border-color: #d9d9d9 !important;}

.header .re .web {cursor: pointer; position: relative; padding: .1rem 0;} 
.header .re .web .lang-pop {z-index: 12; max-width: max-content; box-shadow: 0 0 0.1rem rgb(0, 0, 0,.2);position: absolute;background: #fff;border-radius: 5px;padding: 15px;left: 50%;top: 100%; text-align: center;transform:translateX(-50%) translateY(35%);opacity: 0;visibility: hidden;transition: .5s; width:max-content;}
.header .re .web .lang-pop::before {content: "";width: 20px; height: 10px; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;  position: absolute;left: 50%;top: -1%;transform: translate(-50%, -50%);}
.header .re .web .lang-options {flex-direction: column; gap: 10px;}
.header .re .web .lang-options .lang-item {width: auto; min-width: 110px; min-height: 36px; background: none;}
/* @media (any-hover: hover) {  */
.header .re .web:hover .lang-pop {opacity: 1; transform:translateX(-50%) translateY(0%); visibility: visible;}
/* } */

/* 搜索 */
.head_search {cursor: pointer; }
/* 搜索框 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgb(255, 255, 255, 0.8);display: none; backdrop-filter: blur(10px);}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap { margin: 0 20%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 60px;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 70px;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 60px;height: 60px;font-size: 22px;text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn:hover path {fill: #1ECECA;}
.ssfDismisser {position: absolute; top: 20px; right: 30px; font-size: 31px;color: #8e9295;line-height: 30px; width: 30px;height: 30px; text-align: center;}

header.c-style2 {background: #fff;border-color: #DBDBDB;}
header.c-style2 .headBox .logo1 {display: none;}
header.c-style2 .headBox .logo2 { display: block;}
header.c-style2 .web .luang {color: #333;}
header.c-style2 .head_search {}
header.c-style2 .head_search i {color: #333;}
header.c-style2 .headBox {height: 1rem;}
header.c-style2 nav > ul > li > a {color: #333;}
header.c-style2 .mobmenu h4 {color: #333;}
header.c-style2 .mobmenu dl dd {background: #333;}

/* header.c-style3 {background: #fff; }
header.c-style3 .headBox .logo1 {display: none;}
header.c-style3 .headBox .logo2 { display: block;}
header.c-style3 .head_search {}
header.c-style3 .head_search i {color: #333;}
header.c-style3 .headBox {}
header.c-style3 nav > ul > li > a {color: #333;}
header.c-style3 .head_luanage a {color: #333;}
header.c-style3 .mobmenu h4 {color: #333;}
header.c-style3 .mobmenu dl dd {background: #333;}

header.c-style4 { border-color: #DBDBDB;}
header.c-style4 .headBox {height: 6.25rem;}
header.c-style4 .headBox .logo1 {display: none;}
header.c-style4 .headBox .logo2 { display: block;}
header.c-style4 .head_search {}
header.c-style4 .head_search i {color: #333;}
header.c-style4 .headBox {}
header.c-style4 nav > ul > li > a {color: #333;}
header.c-style4 .head_luanage a {color: #333;}
header.c-style4 .mobmenu h4 {color: #333;}
header.c-style4 .mobmenu dl dd {background: #333;} */


/* =================头部 end!!!=================== */



/* ===============公用css star!!!!===================*/
.more1 {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 2.78rem; height: .82rem; color: #fff;overflow: hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background: #662D91;}
.more1::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #fff;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.more1 span {position: relative;z-index: 2;}
.more1 i { width: .34rem; height: .34rem; border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;transition: .5s;}
.more1_r100 {border-radius: 6.25rem;}

.more2 {background: none; border: 1px solid rgba(156, 156, 156, 0.2); color: #9C9C9C;}
.more2 i {border-color: #9C9C9C; }

@media (any-hover: hover) {
    .more1:hover {
        color: #662D91;
        box-shadow: 0 10px 20px rgba(0, 30, 98, 0.2);
        transform: translateY(-2px);
    }
    .more1:hover::before {
        left: 0;
    }

    .more2:hover {
      opacity: 1;
      border-color: transparent;
      background: #662D91;
    }
    .more2:hover i {border-color: #fff;}
    
}

/* ===============公用css end!!!!===================*/





/* ======首页======= */
.indexBanner { position: relative; overflow: hidden; height: 100vh;}
.indexBanner .swiper {height: 100%;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox {position: relative; height: 100%;}
.indexBanner .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;padding-bottom: 10%;}
.indexBanner .slide .p1 {line-height: 1.2;}
.indexBanner .slide .p2 {padding-top: .3rem; border-top: 1px solid #999999;margin-top: .2rem; display: inline-block;  }
.indexBanner .slide .more {margin-top: .45rem;}
/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {text-align: left; left: 50%; transform: translateX(-50%); bottom: .5rem;width: 85%;}
.indexBanner .pagtion span {background: none; color: #fff; font-size: var(--font22); margin: 0 .1rem !important; width: auto; height: auto; position: relative; display: inline-flex; align-items: center;}
.indexBanner .pagtion span.swiper-pagination-bullet-active::after {content: ''; width: .56rem; height: 1px;background: #FFFFFF; opacity: .5; margin-left: .1rem;}
.indexBanner .pagtion span.swiper-pagination-bullet-active::before {position: absolute; left: calc(var(--font22) + 15%); top: 50%; transform: translateY(-50%);  content: ''; width: .56rem; height: 2px;background: #662D91; animation: toWidth 5s linear forwards; }
@keyframes toWidth {
  0% {width: 0;}
  100% {width: .56rem;}
}

.indexTle h4 {line-height: 1; text-transform: uppercase;}
.indexTle h3.has-xian {position: relative; display: inline-block;}
.indexTle h3.has-xian::after {content: ''; width: .7rem; height: 1px; position: absolute; left: 100%; margin-left: .15rem;  top: 50%; transform: translateY(-50%); background: #662D91;}

.indexOne {padding: 1rem 0 .5rem; overflow: hidden; position: relative;}
.indexOne .swiperBox {margin-top: 1rem;width: 104%;transform: translateX(-2%);}
.indexOne .swiper { --swiper-theme-color: #662D91;}
.indexOne .slide .imgBox {position: relative;background: #F7F1F1; height: 4.8rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexOne .slide .imgBox img {max-width: 90%; max-height: 90%;}
.indexOne .slide .imgBox {transform: scale(.9);}
.indexOne .slide .imgBox .jt {opacity: 0; width: 1rem; height: 1rem; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: rgba(102, 45, 145, .8); transition: .5s;}
.indexOne .slide .imgBox .jt i {font-size: var(--font24); color: #fff;}
.indexOne .slide h5 {text-align: center; font-size: var(--font30);  margin-top: .3rem;font-weight: bold;color: #333; opacity: 0; transform: translateY(-50%); transition: .5s;}
.indexOne .slide.swiper-slide-active .imgBox {transform: scale(1);}
.indexOne .slide.swiper-slide-active h5 {opacity: 1; transform: translateY(0); transition-delay: 1;}
/* 控件 */
.indexOne .constrol {display: flex; justify-content: center; align-items: center; margin-top: .8rem;}
.indexOne .swjt {position: relative;width: auto; height: auto; margin: 0; transform: none; inset: 0; margin: .1rem; margin-top: .15rem;}
.indexOne .pagtion {position: relative; width: auto; height: auto; inset: 0; transform: none;}
.indexOne .swjt i {color: rgba(0, 0, 0, .2); font-size: var(--font20);}
.indexOne .swjt:active i {color: #662D91;}
@media (any-hover: hover) {
  .indexOne .slide .imgBox:hover .jt {opacity: 1;}
  .indexOne .swjt:hover i {color: #662D91;}
}

.indexTwo {background: #F8F8F8; padding: 0rem 0 1rem; overflow: hidden; position: relative;}
.indexTwo .le {width: 38%;}
.indexTwo .le .en {white-space: nowrap; transform: translateY(50%); font-size: 1.1rem; font-weight: 900; color: #FFFFFF;line-height: 1;text-stroke: 1px #515151;opacity: 0.2;-webkit-text-stroke: 1px #515151;}
.indexTwo .le h3 {position: relative; z-index: 1;}
.indexTwo .le .desc .p2 {margin-top: .4rem;}
.indexTwo .le .more {margin-top: 1rem;}
.indexTwo .imgBox {position: absolute; right: 0; top: 0; mix-blend-mode: multiply;width: 65%; height: 100%;    clip-path: polygon(40% 0%, 100% 0%, 100% 100%, 0% 100%);}
.indexTwo .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .numlist {position: absolute; height: 2.45rem; padding-left: 1rem; right: 0; bottom: 0; width: 75%; display: flex; z-index: 1; align-items: center;}
.indexTwo .numlist::before {content: ''; z-index: -1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #662D91;clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);}
.indexTwo .numlist .item {padding: 0 .8rem;}
.indexTwo .numlist .item .i1 {color: #fff;}
.indexTwo .numlist .item .num {display: flex; align-items: flex-end; line-height: .5; margin-top: .2rem;}
.indexTwo .numlist .item .counter {font-size: .84rem; color: #fff; font-weight: 800;}
.indexTwo .numlist .item .dw {font-size: var(--font14); color: #fff;font-weight: 500;}
.indexTwo .numlist .xian {width: 1px; height: 80%; background: #fff; transform: rotate(30deg);opacity: .8;}

.indexThre {padding: 1rem 0 .6rem;}
.indexThre .box {margin-top: 1rem; position: relative;}
.indexThre .imglist {width: 74.5%; position: relative;overflow: hidden;min-height: 7.4rem;}
.indexThre .imglist .imgBox {position: absolute; inset: 0; height: 100%;}
.indexThre .imglist .imgBox img {width: 100%; height: 100%;  object-fit: cover; transform: scale(1.1); opacity: 0;   transition: opacity 1s cubic-bezier(.435, .25, .15, .965), transform 1.5s cubic-bezier(.435, .25, .15, .965);}
.indexThre .imglist .imgBox.active img {opacity: 1; transform: scale(1);}
.indexThre .conlist {flex: 1;background: #E3E3E3;}
.indexThre .conlist .item {border-bottom: 1px solid #fff; height: 1.2rem;position: relative; z-index: 1;}
.indexThre .conlist .item::after {content: ''; position: absolute; right: 0; top: 0; width: 0; transition: .5s; background: #662D91; height: calc(100% + 1px); z-index: -1;}
.indexThre .conlist .item:last-child {border-bottom: none;}
.indexThre .conlist .item h6 {opacity: 0.5;}
.indexThre .conlist .item .imgBox {display: none;}
.indexThre .conlist .item .imgBox img {width: 100%;}
.indexThre .conlist .item .show {height: 100%; transition: .5s;}
.indexThre .conlist .item .hide {position: absolute; inset: 0;padding: 0 .4rem 0 .15rem; width: 100%; opacity: 0; transition: .5s;}
.indexThre .conlist .item .icon {width: .6rem; height: .6rem; opacity: .1;}
.indexThre .conlist .item .icon img {max-width: 100%; max-height: 100%; object-fit: contain;}
.indexThre .conlist .item.active .show {opacity: 0;}
.indexThre .conlist .item.active .hide {opacity: 1;}
.indexThre .conlist .item.active::after {width: 110%;}

.indexFour {background: url(../images/indexFour-bg.webp) no-repeat center; background-size: cover; padding: 1.1rem 0;}
.indexFour .swiperBox {margin-top: 1rem; position: relative;}
.indexFour .swiper { --swiper-theme-color: #662D91; position: static;}
.indexFour .slide {background: #fff;}
.indexFour .slide .imgBox {overflow: hidden; position: relative; padding-bottom: 45%;}
.indexFour .slide .imgBox img {width: 100%; position: absolute; inset: 0; left: 0; height: 100%; object-fit: cover; transition: .5s;}
.indexFour .slide h5 {padding: .6rem 0; text-align: center;}
@media (any-hover: hover) { 
  .indexFour .slide:hover .imgBox img {transform: scale(1.1);}
}
.indexFour .pagtion {bottom: -.5rem;}

/* ====================================================================底部 */
.footer { background: #662D91; color: #fff; padding: 0.5rem 0 0; }
.footer-top {padding-bottom: 0.9rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer-logo {margin-bottom: 0.4rem; }
.footer-logo img {height: 0.5rem; }
.contact-info .qr-code { margin-right: 0.13rem; text-align: center; }
.contact-info .qr-code .img { width: 1.36rem; height: 1.36rem; background: #fff; margin-bottom: 0.1rem; }
.contact-info .qr-code .img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.contact-info .qr-code p { font-size: var(--font18); }
.info-list li { display: flex; margin-bottom: 0.15rem;  line-height: 1.2; }
.info-list li .label { white-space: nowrap; }
.footer-links { flex: 1; margin-left: 0.4rem;}
.link-col h4 { font-size: 0.2rem; font-weight: 700; margin-bottom: 0.25rem; }
.link-col h4 a { color: #fff; }
.link-col ul li { margin-bottom: 0.12rem; }
.link-col ul li a {color: rgba(255, 255, 255, 0.7); }
.link-col ul li a:hover { color: #fff; opacity: 1; }
.footer-bottom { padding: 0.2rem 0; font-size: 0.14rem; color: rgba(255, 255, 255, 0.6); }
.footer-bottom a { color: rgba(255, 255, 255, 0.6); }
.footer-bottom a:hover { color: #fff; }
.foternav dl dt {font-size: var(--font18); font-weight: 700; margin-bottom: 0.15rem; }
.foternav dl dt a {color: #fff; }
.foternav dl dd {}
.foternav dl dd a { color: rgba(255, 255, 255, 0.7); }
.foternav dl dd a:hover { color: #fff; opacity: 1; }

/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 4rem;}
.ny-banner .box {top: 55%; width: 100%;  text-align: center; padding: 0 4%;}

.ny-nav {box-shadow: 1px 5px 8px 0px rgba(202,202,202,0.15); padding: .32rem 0;}
.ny-nav ul {display: flex; justify-content: center;gap: .1rem;}
.ny-nav ul li a {font-size: var(--font18); display: inline-block; border-radius: 100px; padding: .1rem .24rem; transition: .5s;}
.ny-nav ul li.on a {background: #662D91; color: #fff;}
@media (any-hover: hover) { 
  .ny-nav ul li a:hover {background: #662D91; color: #fff;}
}

/* =====关于我们 */
.aboutOne {padding: 1rem 0;}
.aboutOne .le {width: 48.5%;}
.aboutOne .re {width: 48.5%;margin-top: .2rem;}
.aboutOne .le .imgBox {border-radius: .1rem; overflow: hidden;}
.aboutOne .numlist {display: flex; z-index: 1; align-items: center; justify-content: space-between; margin-bottom: .8rem;}
.aboutOne .numlist .item {}
.aboutOne .numlist .item .i1 {color: #333;}
.aboutOne .numlist .item .num {display: flex; align-items: flex-end; line-height: .5; margin-top: .2rem;}
.aboutOne .numlist .item .counter {font-size: .64rem; color: #8D43B8; font-weight: 800;}
.aboutOne .numlist .item .dw {font-size: var(--font20); color: #8D43B8;font-weight: 500;}

.aboutTle h3 {line-height: 1;}
.aboutTle .xian {margin: auto; display: inline-block;background: #8D43B8; border-radius: 3px; width: .82rem; height: 5px;}

.aboutTwo {background: url(../images/aboutTwo-bg.webp) no-repeat center; background-size: cover; padding: .6rem 0 .8rem; background-attachment: fixed;} 
.aboutTwo .desc {padding-top: .6rem; width: 77%; margin: 0 auto; text-align: center;}
.aboutTwo .list {display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; margin-top: .4rem; padding: 0 .8rem;}
.aboutTwo .list .item {background: rgba(246, 246, 246, .3); border-radius: .2rem; padding: .35rem; padding-bottom: .6rem; text-align: center;}
.aboutTwo .list .item .i1 {font-size: var(--font24); color: #fff; font-weight: 700;}
.aboutTwo .list .item .txt {font-size: var(--font18); color: #fff; margin-top: .24rem;}

.aboutThre {padding: .6rem 0;}
.aboutThre .swiperBox {margin-top: .8rem; position: relative;}
.aboutThre .swiper {--swiper-theme-color: #662D91;position: static;}
.aboutThre .slide {background: #F1F1F1; border-radius: .2rem; overflow: hidden;}
.aboutThre .slide .imgBox {overflow: hidden; position: relative; padding-bottom: 62%;}
.aboutThre .slide .imgBox img {width: 100%; position: absolute; inset: 0; left: 0; height: 100%; object-fit: cover; transition: .5s;}
.aboutThre .slide h5 {padding: .4rem .1rem; text-align: center;}
.aboutThre .pagtion {bottom: -.3rem;}
@media (any-hover: hover) { 
  .aboutThre .slide:hover .imgBox img {transform: scale(1.1);}
}
/* 控件 */
.aboutThre .swjt i {font-size: var(--font40); color: #000;}
.aboutThre .swjt.swiper-button-next {right: 0; transform: translateX(200%);}
.aboutThre .swjt.swiper-button-prev {left: 0; transform: translateX(-200%);}

.aboutFour {background: url(../images/aboutFour-bg.webp) no-repeat center; background-size: cover; padding: .8rem 0; background-attachment: fixed;position: relative; overflow: hidden;}
.aboutFour .big-swiperBox {position: relative;margin-top: .45rem;}
.aboutFour .swiperBox1 {position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}
.aboutFour .swiperBox1 .container {position: relative;}
.aboutFour .swiperBox1 .slide .year {font-size: 2.12rem;opacity: 0.1;color: #fff;text-align: center;font-weight: 900; line-height: 1;}
.aboutFour .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; min-height: 2rem; display: flex; align-items: center;}
.aboutFour .swiperBox2 .slide {padding: .3rem 0;}
.aboutFour .swiperBox2 .slide .tit {width: 80%; margin: auto; font-size: var(--font20);}
/* .aboutFour .swiperBox2 .slide .text p {color: #fff;} */
.aboutFour .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;margin-top: 1.5rem;}
.aboutFour .swiperBox3 .swiper {overflow: visible;}
.aboutFour .swiperBox3 .swiper::before {content: "";position: absolute;top: calc(.1rem / 2);left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.aboutFour .swiperBox3 .slide {display: flex; flex-wrap: wrap;align-content: space-between;height: .6rem;cursor: pointer;}
.aboutFour .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: .15rem;height: .15rem;position: relative; transition: all 0.4s;}
.aboutFour .swiperBox3 .c-dot::after {content: ""; position: absolute; width: 100%;height: 100%; border-radius: 50%; background: #FFFFFF;  transition: all 0.4s;}
.aboutFour .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font24);font-family: Arial, Arial-Bold;}
.aboutFour .swiperBox3 .swiper-slide-thumb-active .c-dot::after {background: #8D43B8;}
.aboutFour .swiperBox3 .swiper-slide-thumb-active .syear {color: #8D43B8;}
/* 控件 */
.aboutFour .swiperBox2 .swjt {width: .7rem;height: .7rem;border-radius: 50%; background: rgba(255, 255, 255, 0.1); transition: .5s;}
.aboutFour .swiperBox2 .swjt.swiper-button-prev {}
.aboutFour .swiperBox2 .swjt i {color: #fff;font-size: var(--font20);}
.aboutFour .swiperBox2 .swjt:active {background: rgba(255, 255, 255, 0.3);}
@media (any-hover: hover) {
  .aboutFour .swiperBox2 .swjt:hover {background: rgba(255, 255, 255, 0.3);}
}

.aboutFive {padding: .7rem 0; padding-bottom: 1.4rem;}
.aboutFive .swiperBox {margin-top: .8rem; position: relative;}
.aboutFive .swiper {--swiper-theme-color: #662D91;position: static;}
.aboutFive .slide:nth-child(2n) {margin-top: .5rem;}
.aboutFive .slide .imgBox {padding: .1rem; border: 1px solid #D5D5D5;}
.aboutFive .slide .imgBox img {width: 100%;}
.aboutFive .slide h6 {text-align: center; font-size: var(--font20); color: #333; margin-top: .2rem; font-weight: 700;}
/* 控件 */
.aboutFive .pagtion {bottom: -.6rem;}

/* =====产品中心 */
.products-page {background: linear-gradient(-55deg, #F3F6FC, #E1E8FA); position: relative;}
.products-page .box {padding-top: 1.2rem;}
/* 移动端样式 */
.filter-toggle {padding: 0 .1rem; position: fixed; top: 50%;background: #662D91; z-index: 2;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}

/* 侧边栏 */
.products-sidebar {width: 22.5%; min-width: 2rem; flex-shrink: 0; ; border-right: 1px solid #F1F1F1; }
.products-sidebar .navTle {background: #8D43B8; padding: .4rem .3rem;}
.products-sidebar .sidebar-nav {position: sticky; top: 1rem;background: #FFFFFF;}
.products-sidebar ul {overflow-y: auto; max-height: 80vh;}
.products-sidebar li {}
.products-sidebar li .menu-li {border-bottom: 1px solid #F2F2F2; z-index: 1; position: relative;padding: .3rem;  display: flex; justify-content: space-between; align-items: center; transition: .5s;} 
.products-sidebar li .menu-li a {color: #000; font-weight: 700; font-size: var(--font18); position: relative; display: block; position: relative; z-index: 1; transition: .5s;}
.products-sidebar li .menu-li .jt {transition: .5s; color: #8D43B8; font-size: var(--font22); cursor: pointer;}
.products-sidebar li .menu-li.on {}
.products-sidebar li .menu-li.on a {}
.products-sidebar li .menu-li.on .jt {transform: rotate(-90deg);}
.products-sidebar li.on .s-menu {display: block;}
/* 二级菜单 */
.products-sidebar .s-menu {width: 100%; z-index: 0; padding: .25rem .4rem; padding-right: .2rem; display: none; border-bottom: 1px solid #F2F2F2;}
.products-sidebar .s-menu .item {margin-bottom: .15rem;}
.products-sidebar .s-menu .item a {color: #000;  position: relative;}
.products-sidebar .s-menu .item a::before {content: ''; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%) translateX(-150%); width: .12rem; height: .12rem; border: 2px solid #8D43B8; border-radius: 50%; transition: .5s; opacity: 0;}
.products-sidebar .s-menu .item.on a {color: #8D43B8;}
.products-sidebar .s-menu .item.on a::before {opacity: 1;}
@media (any-hover: hover) {
  .products-sidebar .s-menu .item a:hover {color: #8D43B8;}
  .products-sidebar .s-menu .item a:hover::before {opacity: 1;}
}

/* 右侧内容 */
.products-content {flex: 1; overflow: hidden; padding-left: 1rem;  padding-bottom: 1rem;}
.products-content .proTle .xian {width: .74rem; height: .04rem; background: #8D43B8;border-radius: 2px;}
.products-content .proTle h4 {color: #BEBEBE;opacity: 0.59; text-transform: uppercase; margin-top: .1rem;}
.products-content .list {margin-top: .24rem;}
.products-content .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .2rem;}
.products-content .list li {background: #fff; transition: .5s;}
.products-content .list li .imgBox {position: relative; padding-bottom: 60%; border-bottom: 1px solid #EAEAEA;}
.products-content .list li .imgBox img {width: 100%; height: 100%; position: absolute; inset: 0; object-fit: contain;}
.products-content .list li .con {padding: .3rem; padding-bottom: .6rem;}
.products-content .list li .con p {opacity: 0.7; color: #333333;}
@media (any-hover: hover) {
  .products-content .list li:hover {box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.1); transform: translateY(-.1rem);}
}

/* PC端隐藏切换按钮 */
@media screen and (min-width: 768px) {
  .filter-toggle {display: none;}
}

@media screen and (max-width: 767px) {
  .products-sidebar {position: fixed;left: -100%;top: 0;bottom: 0;width: 70% !important;background: #fff; padding: .3rem .15rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .products-sidebar.show {left: 0; overflow-y: auto;}
  .products-content {width: 100%; flex: none; margin-left: 0; padding: .32rem 0;}
  .filter-toggle {display: block;}
  .products-sidebar .sidebar-nav {position: relative; top: 0;}
  .products-sidebar li .menu-li {padding: .24rem;}
}

/* =====产品详情 */
.mbx  {background: #fdfdfd; padding: .2rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: .24rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16);}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #8D8D8D; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #8D43B8 !important;}

.proDateOne {background: url(../images/proDateOne-bg.webp) no-repeat center; background-size: cover; padding: .8rem 0 1rem;}
.proDateOne .left {width: 37%;}
.proDateOne .right {width: 40%;}
.proDateOne .right img {mix-blend-mode: multiply;width: 100%; object-fit: contain; max-height: 5rem;}
.proDateOne .left .text {margin-top: .3rem;line-height: 1.8; text-indent: 2em;}
.proDateOne .left .conus {margin-top: 1.2rem;}
.proDateOne .left .more a {background: #8D43B8;border-radius: 100px; padding: .15rem .6rem; transition: .5s;}
.proDateOne .left .more span {flex-shrink: 0;}
.proDateOne .left .more a:hover {background: #662D91;}

.proDateTwo {background: #ffffff; padding: .6rem 0 1rem;}
.proDateTwo .box { align-items: flex-start;}
.proDateTwo .le {flex: 1;margin-right:2%;box-shadow: 0px 0px .15rem 0px rgba(6,0,1,0.06); padding: 1rem .8rem; }
.proDateTwo .re {width: 23.5%; position: sticky; top: 1rem; min-width: 240px;}
.proDateTwo .re .proOne {padding: 0;}
.proOne .menu {box-shadow: 0rem 0rem .2rem 0rem rgba(6,0,1,0.06); padding: .3rem 0; margin-bottom: .5rem;}
.proOne .menu .tit {border-left: .1rem solid #662D91; padding: 0 .2rem;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -.3rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
/* 右侧产品推荐 */
.proOne .menu2 dl {padding: 0 .2rem;margin-top: .6rem;}
.proOne .menu2 dd {margin-top: .24rem;}
.proOne .menu2 dd a {display: flex; align-items: center; justify-content: space-between;}
.proOne .menu2 dd .imgBox {width: 20%;}
.proOne .menu2 dd .imgBox img {width: 100%; transition: .5s;}
.proOne .menu2 dd .con {flex: 1; margin-left: .2rem;}
.proOne .menu2 dd .tit2 {transition: .5s;}
.proOne .menu2 dd:hover .tit2 {color: #8D43B8;}
.proOne .menu2 dd:hover .imgBox img {transform: scale(1.05);}
/* 产品资料录入 */
.proDateTwo .content {}
.proDateTwo .content img {max-width: 100%; height: auto !important;}

/* =====解决方案 */
.solu_page {padding: .6rem 0;}
.solu_page .list .item {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: .25rem;}
.solu_page .list .item:nth-child(2n)  {flex-direction: row-reverse;}
.solu_page .list .item .imgBox {width: 48%; border-radius: .1rem; overflow: hidden;}
.solu_page .list .item .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.solu_page .list .item .con {width: 46%; display: flex; flex-direction: column; justify-content: center;}
.solu_page .list .item .txt {margin-top: .4rem;}
.solu_page .list .item .more {margin-top: .5rem;}
.solu_page .list .item .more a {padding: .15rem .4rem; background: #8D43B8; border-radius: 100px; display: inline-block; color: #fff; transition: .5s;}
@media (any-hover: hover) {
  .solu_page .list .item .imgBox:hover img {transform: scale(1.05);}
  .solu_page .list .item .more a:hover {box-shadow: 0 0 .15rem rgba(141, 67, 184, 0.8);}
}
/* 解决方案列表页 */
.solu_page_list .list .item:nth-child(2n) {flex-direction: row;}
/* 案例详情 */
.caseDate {margin: .4rem 0;}
.caseDate .box {align-items: flex-start;}
.caseDate .left {background: #fcfcfc; padding: .6rem; width: 72%;}
.caseDate .right {width: 25%;background: #fcfcfc; padding: .4rem;}
.caseDate .box .tit {padding-bottom: .2rem; border-bottom: 1px solid #f2f2f2;}  
.caseDate .box .tit .other {display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .2rem; font-size: var(--font16);}
.caseDate .left .date {margin-top: .3rem;}
.caseDate .left .date img {max-width: 100%;}
.caseDate .right .list li {padding: .2rem 0; border-bottom: 1px solid #f2f2f2;}
.caseDate .right .list li .imgBox {display: none;  margin-top: .2rem; overflow: hidden; border-radius: .1rem;}
.caseDate .right .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.caseDate .right .list li:first-child .imgBox {display: block;}
.caseDate .right .list li .title { color: #333333; position: relative;}
.caseDate .right .list li .title::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: var(--font14); color: #666; content: "\e602";   font-family: layui-icon !important;}
.caseDate .right .list li:hover .title {color: #8D43B8;}

/* =====科研创新 */
.scien_page .list .item {background: #F8F8F8;margin-bottom: 0;}
.scien_page .list .item .imgBox {border-radius: 0;width: 50%;}
.scien_page .list .item .con {padding: .5rem;width: 50%;}
.scien_page .list .item .txt {margin-top: .2rem;}

/* 内页新闻列表页 */
.newsMain{padding: .8rem 0;}
.nynews-list ul{gap: .3rem;}
.nynews-list ul li{border: 1px solid #F2F2F2;  transition: .6s;}
.nynews-list ul li .pic{overflow: hidden; padding-bottom: 56.5%; position: relative;}
.nynews-list ul li .pic img{display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .6s;}  
.nynews-list ul li .info{padding: .5rem .5rem .2rem;}
.nynews-list ul li .info strong{color: #333333; margin-bottom: .05rem;}
.nynews-list ul li .info p{color: #333333;margin-bottom: .2rem;}
.nynews-list ul li .info span{color: #666666;}
@media (any-hover: hover) {
    .nynews-list ul li:hover .pic img{transform: scale(1.1);}
    .nynews-list ul li:hover .info strong{color: #8D43B8;}
}

/* 新闻详情页 */
.newsDate {padding: .5rem 0;}
.newsDate .box {align-items: flex-start;}
.left-bg,.newsDate .re{background: #fcfcfc; border-radius: .2rem;padding: .4rem;}
.newsDate .le {width: 62.62%;  }
.left-bg{margin-bottom: .35rem;}
.newsDate .re {width: 31.47%;  position: sticky; top: 1rem;  }
.newsxq-title{border-bottom: 1px solid #B7B7B7; padding-bottom: .1rem;}
.newsxq-title b{color: #777777;}
.news-editor{padding: .3rem 0;}
.newsxq-bottom a{transition: .6s;}
.newsxq-bottom .icon{width: .5rem;  height: .5rem;  background: #D8D8D8; display: flex; align-items: center; justify-content: center; transition: .6s;}
.newsxq-bottom .icon i {font-size: var(--font24); color: #666;}
.newsxq-bottom em{color: #3D3D3D; margin:0 .15rem;}
.newsxq-bottom a.news-arrow .icon img{transform: rotate(180deg);}
@media (any-hover: hover) {
    .newsxq-bottom a:hover .icon{background: #8D43B8;}
    .newsxq-bottom a:hover .icon i {color: #fff;}
}
/* 相关推荐 */
.recom-list .item {margin-top: .2rem; }
.recom-list .item a {display: flex; align-items: center; gap: .15rem;}
.recom-list .item .time {width: auto; padding: 0 .1rem; height: .9rem; background: #cecece; flex-direction: column; flex-shrink: 0; transition: .5s;}
.recom-list .item .time .days {color: #3D3D3D; font-size: var(--font24); font-weight: 700; line-height: 1; transition: .5s;}
.recom-list .item .time .year {color: #3D3D3D; font-size: var(--font18); transition: .5s;}
.recom-list .item h6 {flex: 1; color: #3D3D3D; font-size: var(--font18); transition: .5s;}
@media (any-hover: hover) {
  .recom-list .item:hover .time {background: #8D43B8;}
  .recom-list .item:hover .time .days {color: #fff;}
  .recom-list .item:hover .time .year {color: #fff;}
  .recom-list .item:hover h6 {color: #8D43B8;}
}


/* =====联系我们 */
.tactOne {padding: 1rem 0 .5rem;}
.tactOne .le {flex-shrink: 0;}
.tactOne .re {flex: 1; padding-left: .4rem;}
.tactOne .le dd {display: flex;gap: .25rem;align-items: flex-start;  margin-bottom: .15rem;}
.tactOne .le dd .icBox {width: .36rem;margin-top: .1rem;}
.tactOne .le dd .icBox img {max-width: 100%;}
.tactOne .le dd p {color: #2f2f2f;}
.tactOne .le dd p a {color: #2f2f2f;}
.tactTwo img {min-height: 4.5rem; object-fit: cover; width: 100%;}
/* 联系我们表单 */
.tactForm .form input::placeholder {color: #5A5A5A;}
.tactForm .form input::-webkit-input-placeholder {color: #5A5A5A;}
.tactForm .form input::-moz-placeholder{color: #5A5A5A;}
.tactForm .form input::-moz-placeholder {color: #5A5A5A;}
.tactForm .form input::-ms-input-placeholder {color: #5A5A5A;}
.tactForm .form textarea::placeholder { color: #5A5A5A;}
.tactForm .form textarea::-webkit-textarea-placeholder { color: #5A5A5A;}
.tactForm .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactForm .form .inBox {margin-bottom: .15rem; width: 49%; position: relative;}
.tactForm .form .inBox label {position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); left: .2rem; font-size: var(--font14); color: #FF0000;}
.tactForm .form input , .tactForm .form textarea {border: 0; font-size: var(--font14); background: #f9f9f9; border-radius: .05rem; box-shadow: none;  height: .56rem; min-height: 40px; padding: 0;padding-left: .32rem; color: #3d3d3d;}
.tactForm .form .inTxtBox , .tactForm .form .inSect {width: 100%;}
.tactForm .form .inSect dl dd {line-height: initial; padding: .1rem;}
.tactForm .form .inTxtBox textarea {resize: none; padding: .24rem; height: 1.8rem;}
.tactForm .form .inCode {display: flex;}
.tactForm .form .inCode img {margin-left: .1rem; max-width: 1.5rem;object-fit: contain;}
.tactForm .form .sub {width: 100%; margin-top: .4rem;}
.tactForm .form .sub button {background: #262626;padding: .15rem .6rem;font-weight: 700;cursor: pointer;border-radius: .05rem;}
.tactForm .form .sub button i {transform: rotate(180deg); display: inline-block;}
#tactForm .layui-form-select dl {top: 100%;}
#tactForm .layui-form-selectup dl {top: auto; bottom: 100%;}