/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: fixed; left: 0; top: 2.5rem; z-index: 99; width: 100%; transition: top .5s;}
.headBox {padding: 0 3%;transition: .5s; display: flex; justify-content: center; align-items: center;}
.headBox .logo img {height: 2.5rem;}

/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!*/

.head_nav {height: 4.75rem; background: #fff; padding-left: 2.125rem; padding-right: 1.125rem; border-radius: 6.25rem; width: 53%;}
.head_nav .re {display: none;}
nav {width: 52%;}
nav > ul {display: flex; height: 100%; align-items: center; justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;}
nav .layui-nav .layui-nav-item > a {color: #000915;position: relative; z-index: 1; padding: 0 !important; font-size: var(--font15);}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item:hover > a, nav .layui-nav .layui-this > a {color: #7D33FF !important;opacity: 1;}
nav .layui-nav .layui-this::before {opacity: 1;}
nav .layui-nav > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover::before {opacity: 1;}
nav .layui-nav .layui-nav-item:hover > a {color: #fff;opacity: 1;}
nav .layui-nav .layui-nav-more {top: .25rem;right: -1.25rem; font-size: var(--font14);}
/* 产品下拉 */
nav .layui-nav .layui-nav-child {top: 3.25rem; padding: .625rem 0; line-height: initial;  text-align: left; background: rgba(255, 255, 255, 0.95); border-radius: .625rem; }
nav .layui-nav .layui-nav-child a:hover {background: none; color: #7D33FF !important;}
nav .layui-nav .layui-nav-child dd {position: relative;}
nav .layui-nav .layui-nav-child dd a {font-size: var(--font14);padding: .5rem 1.25rem; color: #666;}
nav .layui-nav .layui-nav-child dl {position: absolute; opacity: 0; visibility: hidden; transition: .5s; right: 0; top: 50%; transform: translateX(102%);  padding: .625rem 0; background: rgba(255, 255, 255, 0.95); ; border-radius: .625rem;}
nav .layui-nav .layui-nav-child dd:hover dl {opacity: 1; top: 0; visibility: visible;}


/* 语言 */
.headluange {margin-right: 3.375rem; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); transition: .5s;}
.headluange .layui-nav > .layui-nav-item >a {display: flex;}
.headluange .layui-nav > .layui-nav-item a img {width: 1.5rem;}
.headluange .layui-nav > .layui-nav-item a i.layui-nav-more {color: #fff; position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
.headluange {height: 100%;}
.headluange .layui-nav {height: 100%;}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 100%; line-height: initial; width: 6.25rem;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}

/* 头部下滑 */
header.c-style2 .head_nav {box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .1);}
header.c-style2 .headluange .layui-nav > .layui-nav-item >a {color: #333;}
header.c-style2 .headluange .layui-nav > .layui-nav-item >a span {color: #333;}
header.c-style2 .headluange .layui-nav > .layui-nav-item >a i {color: #333;}

header.c-head-move {top: 1.25rem;     pointer-events: none;}
header.c-head-move .headBox {opacity: 0; visibility: hidden;}
header.c-head-move .headluange {opacity: 0; visibility: hidden;}

/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3.008px; scrollbar-width:thin;scrollbar-color:#2AA667 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #2AA667; border-radius: 5.008px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {background: #7D33FF;border-radius: 6.25rem; padding: .75rem 1.125rem; color: #fff; display: inline-flex;align-items: center; transition: .5s; border: 1.008px solid #7D33FF;}
.more1 span {margin-right: .75rem;}

.more2 {background: #FFFFFF;border-radius: .625rem; padding: .875rem 1.375rem; color: #333; display: inline-flex;align-items: center; transition: .5s; }
.more2 span {margin-right: 1.25rem;}

@media (any-hover: hover) {
 .more1:hover {background: #fff; color: #7D33FF; border-color: #7D33FF;}
 .more2:hover {background: #fff; color: #7D33FF; border-color: #7D33FF; box-shadow: 0 0 .625rem 0 rgba(255, 255, 255, 1);}
}


/* 首页标题 */
.indexTle i {width: 1.313rem; height: 1.313rem;background: #1d36b5;border-radius: 0px 0px 0px .625rem; display: inline-block;}
.indexTle span {font-size: var(--font20); font-weight: 700; margin-left: .625rem;}



/* ======首页======= */

/* 加载 */
.page-loader {position: fixed;top: 0;left: 0;width: 100%; height: 100%; background-color: #333;display: flex; justify-content: center; align-items: center;z-index: 9999;}
.page-loader_content {text-align: center; z-index: 10;align-self: center;align-items: flex-end;height: 30vmin;display: flex;position: relative;}
.page-loader_text, .page-loader_percent {-webkit-text-stroke: 1.008px #ffffff;color: none !important;-webkit-font-smoothing: subpixel-antialiased;}
.page-loader_text {color: #0000;letter-spacing: -2px;font-size: 15.375rem;line-height: 1;}
.page-loader_percent {color: #0000;font-size: 15.375rem; line-height: 1;}
.page-loader_text-fill {-webkit-text-fill-color: transparent;background-color: #fff;-webkit-background-clip: text;background-clip: text;justify-content: center;align-items: flex-end;width: 100%;height: 0%;display: flex;position: relative;transition: .5s;}
.page-loader_trigger {display: none;}
.page-loader_noise {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.page-loader_noise > div {height: 100%;}
.page-loader_noise video {width: 100%; height: 100%;object-fit: cover;pointer-events: none;}

/* banner */
.indexBanner {height: 100vh; }
.indexBanner .swiper {height: 100%;}
.indexBanner .swiper .slide {background: #303030;}
.indexBanner .swiper .slide .bjBox {height: 100%;}
.indexBanner .swiper .slide .bjBox video , .indexBanner .swiper .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexBanner .swiper .slide .slide_box {width: 100%; text-align: center;}
.indexBanner .swiper .slide .more {margin-top: 3.75rem;}
.indexBanner .swiper .swiper-pagination-bullet-active {background: #7d33ff;}



.indexOne {position: relative; top: 0; z-index: 1; height: 350vh;}
.indexOne .w1300 { position: sticky; top: 0;}
.indexOne .box {display: flex; justify-content: space-between; padding: 8.75rem 0; overflow: hidden;}
.indexOne .left {width: 45%;}
.indexOne .right {width: 52%; position: relative;}
.indexOne .left dl {padding-top: 3.75rem;}
.indexOne .left dd {display: flex; align-items: flex-start; align-items: center; padding: 2.25rem 0;}
.indexOne .left dd .icBox {width: 3.375rem; height: 3.375rem; display: flex; align-items: center; justify-content: center; margin-right: 1.75rem; flex-shrink: 0;}
.indexOne .left dd .icBox img {max-height: 100%; max-width: 100%; object-fit: contain;}
.indexOne .left dd .icBox svg {height: 100%; width: 100%; object-fit: contain;}
.indexOne .left dd .p2 {margin-top: .625rem;}
.indexOne .right .imgBox {position: relative; padding-bottom: 120%; transform: translateY(-10%);}
.indexOne .right .item {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.indexOne .right .item img {width: 100%; height: 100%; object-fit: contain}
.indexOne .right .item:nth-child(2) {display: none;}
@media screen and (max-width: 1366px) {
  .indexOne .left dd {padding: 1rem 0;}
  .indexOne .right {width: 45%;}
}

.indexTwo {background: #f9f8f7;padding: 5.625rem 0 4.75rem; overflow: hidden;}
.indexTwo .videoBox {background: #ffffff;border-radius: 3rem; overflow: hidden; transform: scale(1.1);}
.indexTwo .videoBox .video {width: 100%; height: 100%; object-fit: cover; display: block;}
.indexTwo .box {align-items: flex-start; margin-top: 5.625rem;}
.indexTwo .right {width: 55%;}
.indexTwo ul {display: flex; flex-wrap: wrap;}
.indexTwo ul li {width: 50%; margin-bottom: 4.688rem; padding-bottom: 1.875rem; padding-left: 2.5rem; border-left: 1.008px solid #CBCBCB;}
.indexTwo ul li .num {font-size: var(--font58);color: #7d33ff; display: flex;}
.indexTwo ul li .desc {font-size: var(--font18);color: #666666; }

.indexThre {padding: 12.5rem 0 11.25rem 0;}
.indexThre .box {}
.indexThre .left .more {margin-top: 3.125rem;}
.indexThre .right {width: 50%; line-height: 1.8; text-align: justify;}

.indexFour {padding: 6.25rem 0; background: #f9f8f7;}
.indexFour .swiperBox {margin-top: 4.375rem; position: relative;}
.indexFour .swiper {position: static;}
.indexFour .slide {height: auto;}
.indexFour .slide a {display: block; background: #fff; padding: 1.25rem; height: 100%; overflow: hidden; border-radius: .625rem;}
.indexFour .slide .imgBox {height: 13.75rem;overflow: hidden; position: relative;}
.indexFour .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexFour .slide .imgBox .tip {position: absolute; top: 1rem; left: 1rem; font-size: var(--font14); background: rgba(125, 51, 255,.8); padding: .375rem .75rem; border-radius: 6.25rem; color: #fff;}
.indexFour .slide .info {padding-bottom: 1.25rem;}
.indexFour .slide .p1 {margin-top: 1.875rem; font-weight: 700;}
.indexFour .slide .time {margin-top: 2.5rem;}
@media (any-hover:hover) {
  .indexFour .slide a:hover .imgBox img {transform: scale(1.1);}
}

/* 控件 */
.indexFour .pagtion {bottom: -3rem;}
.indexFour .pagtion span { width: .75rem; height: .75rem; border: 1.008px solid #7d33ff;  position: relative;opacity: 1; background: none;}
.indexFour .pagtion .swiper-pagination-bullet-active {background: #7d33ff;}



/* =====底部===== */
.footer {background: #fefefe;padding-top: 7.5rem;}
.footer .box {display: flex;justify-content: space-between;margin-top: 4.375rem;}
.footer .footer_logo img {min-height: 2.063rem; max-height: 3rem;}
.footer .left dl {}
.footer .left dl dd {display: flex; margin-bottom: 1.25rem;}
.footer .left dl dd .icBox { width: 2.875rem; height: 2.875rem; margin-right: 1.25rem;border: 1.008px solid rgba(51, 51, 51,.1); border-radius: 50%;}
.footer .left dl dd .icBox img { min-height: .875rem;}
.footer .left dl dd .p1 {opacity: 0.54;}
.footer .left dl dd .p2 , .footer .left dl dd .p2 a {color: #333333;}
.footer .left dl dd .p2 a:hover {color: #7d33ff;}
.footer .left .follow {}
.follow .itemlist {gap: 2.5rem;}
.follow .code {position: relative;display: inline-block;}
.follow .code .svg_box svg {width: 1.875rem; height: 1.875rem;}
.follow .code_img {position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .313rem; border-radius: .625rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden; box-shadow: 0 0 .625rem 0 #3333333b;}
.follow .code_img span {display: block; margin-top: .313rem; font-size: var(--font14);}
.follow .code_img img {width: 7.5rem;}
.follow .code_img::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .625rem solid transparent; border-top-color: #fff;}
.follow .item {margin-left: 1.25rem;}
@media (max-width: 768px) {
  .follow .code {order: 2;}
  .follow .item {margin-left: 0; margin-right: 1.25rem;}
}

@media (any-hover:hover) {
  .follow .code:hover .code_img {opacity: 1;  bottom: 130%; visibility: visible; pointer-events: auto;}
}


/* 版权所有 */
.copyRight {padding: 3.125rem 0 3.75rem;}
.copyRight p , .copyRight p a {font-size: var(--font15); color: rgba(51, 51, 51,.7);}
.copyRight p a:hover {color: #7d33ff;}

.footer .right {width: auto;}
.footer .form input::placeholder {color: #b9b9b9;}
.footer .form input::-webkit-input-placeholder {color: #b9b9b9;}
.footer .form input::-moz-placeholder{color: #b9b9b9;}
.footer .form input::-moz-placeholder {color: #b9b9b9;}
.footer .form input::-ms-input-placeholder {color: #b9b9b9;}
.footer .form textarea::placeholder { color: #9D9D9D;}
.footer .form textarea::-webkit-textarea-placeholder { color: #9D9D9D;}
.footer .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer .form .inBox {margin-bottom: 3.75rem; width: 46%;}
.footer .form input , .footer .form textarea {border: 0; border-bottom: .125rem solid #b9b9b9; box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: .625rem; font-size: var(--font16); color: #333333;}
.footer .form .inTxtBox {width: 100%;}
.footer .form .inTxtBox .tit {color: #b9b9b9;}
.footer .form .inTxtBox textarea {resize: none; padding-bottom: .625rem;}
.footer .form .inCode {display: flex; width: 65%; align-items: flex-end; margin-bottom: 0;}
.footer .form .inCode img {margin-left: .625rem; max-width: 9.375rem;}
.footer .form .sub {}
.footer .form .sub button {background: #333333; padding: .875rem 3.75rem; cursor: pointer; border-radius: 6.25rem; font-size: var(--font15);}
.footer .form .sub button i {transform: rotate(180deg); display: inline-block;}
.layui-input:focus, .layui-textarea:focus {border-color: #7d33ff !important;}


/* 回到顶部 */
.layui-fixbar {right: 1rem; bottom: 3rem;}
.layui-fixbar .layui-fixbar-top {border-radius: 50%;font-size: var(--font20);display: none;  width: 3.125rem; height: 3.125rem;}
.layui-icon-top:before {content: '\e619'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.layui-icon-top::after {line-height: 1; content: 'TOP';font-size: var(--font16);color: #333333; position: absolute; left: 50%; top: 110%; transform: translateX(-50%);}
@media screen and (max-width:768px) {
  .layui-fixbar .layui-fixbar-top {width: 2rem; height: 2rem;}
}


/* ==============================================================================内页============================================================================= */
.ny-banner {position: relative;}
.ny-banner .imgBox {overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 15rem;}

/* 限制banner高度 */
.banner_height .box {top: 60%;}
.banner_height .imgBox img {max-height: 50vh;}

/* ===面包屑=== */
.mbx  {background: #fff; padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.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: #666; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #7d33ff !important;}





/* =====产品中心===== */
.pro-banner {position: relative; overflow: hidden;}
.pro-banner .bjBox img {width: 100%;}
.pro-banner .box {top: 55%;}
.pro-banner .box .p1 {line-height: 1.2;}
.pro-banner .box .more {margin-top: 3rem;}

.proOne {padding: 8.75rem 0;}
.proOne .re {width: 71%;}
.proOne .re .text {line-height: 1.8; text-align: justify;}

.proTwo {background: url(../images/proTwo-bj.jpg) no-repeat center center; background-size: cover; padding: 2.5rem 0;}
.proTwo .left {width: 50%;}
.proTwo .right {width: 48%;}
.proTwo .right img {width: 100%;}
.proTwo .info {margin-top: 5.625rem;}
.proTwo .info dl {display: grid; grid-template-columns: repeat(2,auto); gap: 6.25rem; row-gap: 3.75rem;}
.proTwo .info dd {display: flex; align-items: center;}
.proTwo .info dd .p1 {font-size: var(--font32); font-weight: 500; font-family: 'Source Han Sans CN';}
.proTwo .info dd .p2 {font-size: var(--font18);}
.proTwo .info dd .icBox {width: 3.125rem; display: flex; align-items: center; justify-content: center;margin-right: 1.5rem; flex-shrink: 0;}
.proTwo .info dd .icBox img {max-width: 100%; min-width: 80%;}
.proTwo .left .more {margin-top: 6.25rem;}
/* 弹出层 */
.model_info {width: 50%; height: 50%;}
.model_info .layui-layer-content {padding: 1.25rem; max-height: calc(100% - 4.125rem);}
.model_info .layui-layer-title {height: 3.125rem; font-size: var(--font14); line-height: 3.125rem; padding: 0 5rem 0 1rem;}
.model_info .layui-layer-setwin {top: 1rem; right: 1rem;}
.model_info .layui-layer-setwin span {font-size: var(--font16);}
@media screen and (max-width: 768px) {
  .model_info {width: 92%; height: 60%;}
}

.proThre {padding: 12.5rem 0;}
.proThre .list ul {display: grid; grid-template-columns: repeat(3,auto); gap: 1.875rem;}
.proThre .list li img {width: 100%; height: 100%;}

.proFour {background: #f4f4f4; padding: 6.25rem 0 12.5rem;}
.proFour .list {margin-top: 7.5rem;}
.proFour .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 15rem; row-gap: 6.25rem;}
.proFour .list li {text-align: center;}
.proFour .list li .icBox {width: 3.3rem;margin:0 auto}
.proFour .list li .icBox img {max-height: 95%; min-height: 3.625rem; object-fit: contain;}
.proFour .list li .icBox svg {width:100%; height: 100%; object-fit: contain;}
.proFour .list li .p1 {font-size: var(--font30); font-weight: 700; margin-top: 1.25rem;}
.proFour .list li .p2 {margin-top: 1.25rem; font-size: var(--font18); color: #666;}

.proFive {position: relative;  z-index: 2; background: #fff; height: 300vh;}
.proFive .box {position: sticky; top: 0; overflow: hidden;}
.proFive .tle {position: absolute; width: 100%; text-align: center; top: 10%; z-index: 2;} 
.proFive .list ul {height: 100vh;display: grid;grid-template-columns: repeat(3,1fr); gap: 1.5rem; overflow: hidden;}
.proFive .list li {height: 50vh;background-color: rgba(255, 255, 255, 0.06);order: 2; overflow: hidden; position: relative;}
.proFive .list li .imgBox {position: relative; overflow: hidden;}
.proFive .list li .imgBox::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(125, 51, 255,1) 100%); z-index: 1; transition: .5s;}
.proFive .list li img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.proFive .list li .info {position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; z-index: 2; opacity: 0; transition: .5s;}
.proFive .list li .info p {font-size: var(--font40); color: #fff;}
.left-column {grid-column: 1;}
.middle-column {grid-column: 2;}
.right-column {grid-column: 3;}


@media (any-hover:hover) {
  .proFive .list li:hover .imgBox::after {height: 100%;}
  .proFive .list li:hover .imgBox img {transform: scale(1.1);}
  .proFive .list li:hover .info {opacity: 1;}
}

/* =====新闻资讯===== */
.news-class ul li a{display: inline-block; padding: .5rem 1.5rem; box-sizing: border-box; border: .063rem solid #ccc; border-radius: 100px; margin-right: 1.563rem; }
.news-class ul li:last-child a{margin-right: 0;}
.news-class ul li:hover a,.news-class ul li.on a{color: #7D33FF;}
.news_search {border-bottom: 1.008px solid #000000; padding: 3.75rem 0 5rem;}
.news_search .form {width: 48%; border: 1.008px solid #e2e2e2; display: flex;align-items: center; padding: 0 1.25rem;}
.news_search .form input {flex: 1;margin-left: .625rem; height: 3.75rem;}
.news_search .form input::placeholder {color: #000;}
.newsList {padding: 6.25rem 0; position: relative; overflow: hidden;}
.newsList .list li {margin-bottom: 3.5rem; position: relative;}
.newsList .list li a {display: flex; justify-content: space-between;}
.newsList .list li .imgBox {width: 50%; overflow: hidden; position: relative;}
.newsList .list li .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.newsList .list li .imgBox .tips {position: absolute; top: 1rem; left: 1rem; font-size: var(--font14); background: #7d33ff; padding: .375rem .75rem; border-radius: 6.25rem; color: #fff;}
.newsList .list li .info {width: 50%; padding: 6% 5%; padding-top: 2.5rem; padding-bottom: 6.25rem; position: relative; box-sizing: border-box; ;}
.newsList .list li .info .p1 {margin-top: 2.5rem;}
.newsList .list li .jt {position: absolute; bottom: 3.125rem; width: 100%;}

@media (any-hover:hover) {
  .newsList .list li:hover .imgBox img {transform: scale(1.1);}

}



/* 新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1.008px solid #ddd;}
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1.008px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;font-weight: 700;line-height: 1.4;}
.newsxq-title span {margin-top: .625rem; color: #777;}
.newsxq-title .title_tip {display: flex; gap: 1.25rem; flex-wrap: wrap;}


.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35.008px;min-height: 35.008px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #7d33ff; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#7d33ff; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #7d33ff;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


/* =====关于我们===== */
.aboutOne {position: relative; overflow: hidden;}
.aboutOne .box {}
.aboutOne .content_1 {width: 52%; display: flex; align-items: center;}
.aboutOne .content_1 .d_main{}
.aboutOne .content_1 .d_main .d1 .t1 {font-size:4.25rem;font-weight: 400; line-height: 1;}
.aboutOne .content_1 .d_main .d1 .t1 span {position: relative;}
.aboutOne .content_1 .d_main .d1 .t1 span::after {content: ''; position: absolute; right:.375rem; transform: translateX(100%); width: 1.375rem; height: 1.375rem; border-radius: 50%; background: #7d33ff;}  
.aboutOne .content_1 .d_main .d1 .t2 {font-size:3rem;font-weight: 300;margin-bottom: 3.125rem;}
.aboutOne .content_1 .d_main .d2 {font-size:var(--font18);font-weight: 500;text-align: justify; line-height: 1.8;}
.aboutOne .content_1 .d_main .d2 p {margin-top: 1rem;}
.aboutOne .content_1 .d_main .d3 {display: flex;width: 100%;justify-content: space-between;}
.aboutOne .content_1 .d_main .d3 .item {text-align: center;}
.aboutOne .content_1 .d_main .d3 .num {display: flex;align-items: start;line-height: 1;}
.aboutOne .content_1 .d_main .d3 .num .counter{font-size: 4.188rem;font-weight: 200;}
.aboutOne .content_1 .d_main .d3 .num .dw_1{font-size: 4.188rem;font-weight: 200;}
.aboutOne .content_1 .d_main .d3 .num .dw_2{font-size: var(--font32);}
.aboutOne .content_1 .d_main .d3 .desc {color: rgba(30, 30, 30,.5); display: block; margin-top: .625rem;}
.aboutOne .content_2 {padding-top: 5.938rem;width: 35%;}
.aboutOne .content_2 img {width: 100%;}

.aboutTwo{ background: url('../images/aboutTwo-bj.jpg'); background-size: cover; background-attachment: fixed; padding: 8.75rem 0;}
.aboutTwo .box {text-align: center;}
.aboutTwo .item {margin-top: 5.625rem;}
.aboutTwo .item:first-child {margin-top: 0;}
.aboutTwo .item .p1 {color: #fff; font-size: var(--font30); margin-bottom: .625rem;}
.aboutTwo .item .p2 {font-size: var(--font52);color: #fff; }


.aboutThree {position: relative; overflow: hidden; padding-bottom: 7.5rem;}
.aboutThree .aboutTle {text-align: center;padding-top: 8.438rem;font-size: var(--font58);font-weight: 400;margin-bottom: 5.125rem;}
.aboutThree .swiperBox1 {position: relative; margin: 0 8.125rem;}
.aboutThree .swiperBox1::before {content: ""; position: absolute;width: 1rem;height: 1rem;background: #7D33FF; border-radius: 50%; top: 0; transform: translateY(-50%); z-index: 12;}
.abTwoSwiper1 .swiper-slide {width: auto;}
.abTwoSwiper1 .year {padding: .625rem 0; text-align: center; cursor: pointer; color: #8C8C8C;font-size: var(--font18);transition: .4s; font-weight: 700;}
.abTwoSwiper1 .swiper-slide-thumb-active  .year {color: #7D33FF;}
.abTwoSwiper1 .year:hover {color: #7D33FF;}
.abTwoSwiper1 .swiper-slide:has(~ .swiper-slide-thumb-active) .year {color: #7D33FF;}
.aboutThree .swiper-pagination {height: .063rem; background: #bdbec0;}
.aboutThree .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #7D33FF;}
.aboutThree .swiperBox2 {position: relative; margin-top: 6.25rem;}
.aboutThree .swiperBox2 .swiper {position: static; padding-top: 1rem;}
.abTwoSwiper2 .swiper-slide {}
.abTwoSwiper2 .time {font-size: 3rem; color:#7D33FF; font-weight: 700; margin-left: .625rem;}
.abTwoSwiper2 .info {margin-left: .625rem;}
.abTwoSwiper2 h5 {font-size: var(--font24);font-weight: 700;color: #333333; margin-top: 1.875rem;}
.abTwoSwiper2 .text {margin-top: .2rem;}
.abTwoSwiper2 .text {color: #696969; font-size: var(--font18);}
.abTwoSwiper2 .imgBox img {width: 100%;}
/* 控件 */
.aboutThree .swjt {width: 4.25rem; height: 4.25rem; border-radius: 50%; background: #f5f5f5; right: 0%; transition: .5s;}
.aboutThree .swjt i {color: #333; font-size: var(--font18); font-weight: 700;}
.aboutThree .swjt.swiper-button-prev {left: 0; transform: translateX(-110%);}
.aboutThree .swjt.swiper-button-next {right: 0%; transform: translateX(110%);}
.aboutThree .swjt:active {background: #7d33ff;}
.aboutThree .swjt:active i {color: #fff;}
@media (any-hover:hover) {
  .aboutThree .swjt:hover {background: #7d33ff;}
  .aboutThree .swjt:hover i {color: #fff;}
}

.aboutThree .his_btm {margin-top: 6.25rem; text-align: center; font-size: var(--font14);margin-bottom: 5.438rem;}
.aboutThree .his_btm i {animation: heart 1.3s linear infinite;}
.aboutThree .his_btm svg path {fill: rgba(23,28,35,.5);}
.aboutThree .his_btm span {color: rgba(23,28,35,.5); margin-top: .2rem; display: block;}
@keyframes heart{from{transform:translate(0,0);opacity: 0;} to{transform:translate(0,50%); opacity: 1;}}

.aboutFour {background: url('../images/aboutFour-bj.jpg') no-repeat center; background-size: cover; background-attachment: fixed; padding-bottom: 18.5rem;}
.aboutFour .to {width: 100%;}
.aboutFour .to .dl {padding-top: 16rem; margin-bottom: 8.5rem; font-weight: 400;font-size: var(--font58);color: #FFFFFF;display: flex;justify-content: center;}
.aboutFour .to .dw {width: 100%;display: flex;justify-content: center;}
.aboutFour .to .dw .d1:first-child {margin-right: 1.75rem;}
.aboutFour .to .dw .d1 a {display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; position: relative;  overflow: hidden; border-radius: 6.25rem; z-index: 1; color: #fff;}
.aboutFour .to .dw .d1 a span {margin-right: 4rem; position: relative; z-index: 1;}
.aboutFour .to .dw .d1 a i {position: relative; z-index: 1; transform: rotate(180deg); font-size: var(--font18); transition: .5s;}
.aboutFour .to .dw .d1 a::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(-48deg,#898989 0%, #6b6b6b 100%); transition: .4s; z-index: 0;}
.aboutFour .to .dw .d1 a::before {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: linear-gradient(-45deg,#8742ff 0%, #7d33ff 100%); border-radius: 6.25rem; transition: .4s; z-index: 1;}
.aboutFour .to .dw .d2{width: auto;background-color: #7a7b7a;border-radius: 1.875rem;display: flex;align-items: center;}
.aboutFour .to .dw .d2 .v1 {padding: 1.438rem 8.125rem 1.438rem 1.563rem;font-size: var(--font16);font-weight: 400;color: #FFFFFF;}
.aboutFour .to .dw .d2 .v2 {padding-right:1.875rem;}
.aboutFour .to .dw .d1:first-child a::before {width: 100%;}
.aboutFour .to .dw .d1 a:hover::before {width: 100%;}
.aboutFour .to .dw .d1 a:hover i {transform: rotate(180deg) translateX(-0.625rem); }

.aboutFive {padding: 5rem 0;}
.aboutFive .aboutTle {}
.aboutFive .list {margin-top: 5rem;}
.aboutFive .list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.aboutFive .list ul li {width: calc(100% /5); padding: 0 2.25rem; text-align: center;}
.aboutFive .list ul li:first-child {padding-left: 0;}
.aboutFive .list ul li:last-child {padding-right: 0;}
.aboutFive .list ul li .icBox {width: 3.125rem; height: 3.125rem; margin: auto; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.aboutFive .list ul li .icBox img {max-width: 100%;  object-fit: contain;}
.aboutFive .list ul li .p1 {font-size: var(--font30);font-weight: 700;color: #333333; margin-top: 1.5rem;}
.aboutFive .list ul li .p2 {font-weight: 400;color: #666666; margin-top: 1.5rem;}

.aboutFive .list ul li:nth-child(3) .icBox {width: 3.5rem;}









/* =====商务合作===== */
.ny-banner .jddwjz{    top: 57%;}
.businOne {padding:6rem 0;    background:#f3f3f3;}
.businOne .box {background: #fff;border: 1.008px solid #d1d1d1;}
.businOne .left {background: #fff; width: 50%; padding: 3.75rem; padding-right: 5rem;}
.businOne .right {background: rgba(232,232,232,.6); width: 50%; padding: 5rem; padding-right: 1rem; position: relative; overflow: hidden;}
.businOne .form {margin-top: 1.875rem;}
.businOne .inBox {margin-bottom: 1rem;}
.businOne .inBox label {position: relative;color: #666666;font-size: var(--font15); margin-bottom: .5rem; display: block;}
.businOne .inBox label[data-required]:after {content: '*'; color: #EA0000; font-weight: 700; font-size: var(--font14);}
.businOne .inBox input ,.businOne .inBox textarea {height: 2.5rem; padding: .625rem; background: #e8e8e8;border-radius: .625rem; resize: none;}
.businOne .inBox textarea {min-height: 5rem;}
.businOne .inBox.insect dl {top: 100%;}
.businOne .inBox.insect .layui-form-selectup dl {top: auto; bottom: 100%;}
.businOne .inBox.insect dl dd {line-height: initial; padding: .625rem;}
.businOne .inBox.insect dl dd.layui-this {color: #7d33ff;}
.businOne .inBox.inCode {position: relative; overflow: hidden;}
.businOne .inBox.inCode .codebox {position: relative;border-radius: .625rem; overflow: hidden;}
.businOne .inBox.inCode img {position: absolute; right: 0; width: 6.25rem; top: 50%; transform: translateY(-50%); max-height: 100%; object-fit: contain; border-radius:.25rem;}
.businOne .inBox.sub {margin-top: 2.5rem;}
.businOne .inBox.sub button {background: #7d33ff;border-radius: 6.25rem; padding: .875rem 2.75rem; cursor: pointer;}
.businOne .right dl {margin-top: 4.375rem; position: relative; z-index: 2;}
.businOne .right dl dd {display: flex; margin-bottom: 2.25rem;}
.businOne .right dl dd .icBox { width: 2.875rem; height: 2.875rem; margin-right: 1.25rem;border: 1.008px solid rgba(51, 51, 51,.1); border-radius: 50%;}
.businOne .right dl dd .icBox img { height: 35%;}
.businOne .right dl dd .p1 {opacity: 0.54;}
.businOne .right dl dd .p2 , .businOne .right dl dd .p2 a {color: #333333;}
.businOne .right dl dd .p2 a:hover {color: #7d33ff;}
.businOne .right .imgBox {position: absolute; right: 0; bottom: 0; width: 50%; animation-duration: 2s;}
.businOne .right .imgBox img {width: 100%; display: block;}

/* 增加省市区 */
#bioarea-wrap {display: flex; gap: .625rem;}
#bioarea-wrap .item {width: calc(100% / 2 - .313rem);}


/* 2025.9.4 产品中心V2*/
.proTwo {padding-bottom: 6.25rem;}
.proTwo .right {width: 40%;}

.more_Info {display: none;}
.proTwo .canShu {margin-top: 3.125rem;padding: 2.5rem 3.75rem; background: #fff;box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.09); overflow: hidden; border-radius: 1.375rem;gap: 1.5rem;} 
.proTwo .canShu .item {background: #f5f5f5;padding: 1.875rem; border-radius: .625rem; width: calc(100% / 3 - 1rem);}
.proTwo .canShu .item .imgBox img {width: 100%;}
.proTwo .canShu dl {margin-top: 1.875rem;}
.proTwo .canShu dd {margin: .625rem 0;font-size: var(--font18);color: #040813;}
.proTwo .canShu dd .p1 {color: #040813;font-size: var(--font30);}
.proTwo .canShu dd .p2 {font-size: var(--font24);}
.proTwo .canShu dd .p3 {font-size: var(--font30);}
.proTwo .canShu dd .tip {margin-left: .75rem; display: inline-block; transform: translateY( -0.313rem ); font-size: var(--font14); background: #7d33ff; padding: .375rem .75rem; border-radius: 6.25rem; color: #fff;}
.proTwo .canShu dd {font-size: var(--font16);}
.proTwo .canShu dd .p1 {font-size: var(--font16);}
.proTwo .canShu dd .p2 {font-size: var(--font16);}
.proTwo .canShu dd .p3 {font-size: var(--font16);}

.proSix {background: url(../images/product_one/proSix-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 7.5rem 0;}
.proSix .list {margin-top: 4.375rem;}
.proSix .list ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.proSix .list li {min-height: 41.125rem; border-radius: 1rem; overflow: hidden; background:linear-gradient(90deg, rgb(47,32,76) 0%, rgb(5,6,7) 100%); position: relative;width: 27.5%; display: flex; align-items: flex-end;}
.proSix .list li .imgBox {position: absolute; width: 100%; height: 100%;}
.proSix .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.proSix .list li .info {position: relative; padding: 1.875rem; width: 100%;}
.proSix .list li .p1 {font-size: var(--font36); color: #fff; font-weight: 700;}
.proSix .list li .xian {width: 2.5rem; height: .375rem; border-radius: 6.25rem; background: #7d33ff; display: block; margin-top: .625rem;}
.proSix .list li .p2 {color: #fff; font-size: var(--font20); margin-top: 1.25rem; line-height: 1.8;}

.proSeven {background: #fff; padding: 6.25rem 0; display: none;}
.proSeven .slide .imgBox {overflow: hidden;}
.proSeven .slide .imgBox img {width: 100%; transition: .5s;}
.proSeven .swiperBox {margin-top: 3.125rem;}
.proSeven .slide:hover .imgBox img {transform: scale(1.1);}
/* 控件 */
.proSeven .swjt {width: 4.25rem; height: 4.25rem; border-radius: 50%; background: #fff; right: 3%; transition: .5s;}
.proSeven .swjt i {color: #333; font-size: var(--font18); font-weight: 700;}
.proSeven .swjt.swiper-button-prev {left: 3%;}
.proSeven .swjt:active {background: #7d33ff;}
.proSeven .swjt:active i {color: #fff;}
@media (any-hover:hover) {
  .proSeven .swjt:hover {background: #7d33ff;}
  .proSeven .swjt:hover i {color: #fff;}
}

/* 2025.12.31 留言增加 */
.publicleave {background: #f4f4f4; padding-top: 4.75rem;}
.publicleave .businOne {padding: 0;}
.publicleave .box {position: relative;padding: 5rem 0 4.375rem;}
.publicleave .left {width: 67%;}
.publicleave .right {position: absolute; right: 0; bottom: 0; width: 29%;}
.publicleave .right img {width: 100%;}
.publicleave .form {display: flex; flex-wrap: wrap;justify-content: space-between;}
.publicleave .form .inBox {width: 32%;}
.publicleave .form .inBox.incont {width: 100%;}
.publicleave .form .inBox.insect2 {width: 48%; margin-top: 1.25rem;}
.publicleave .form .inBox.inCode {width: 48%;margin-top: 1.25rem;}
.publicleave .form .inBox input {background: #dedede;}
.publicleave .form .inBox textarea {background: #dedede;}
.publicleave .form .sub {margin-bottom: 0; margin-top: 1.875rem;}
/* 弹窗表单 */
#c-sub-pop .c-box .inBox {margin-top: 1rem;}
#c-sub-pop .c-box .inBox input {height: 2.875rem; min-height: 36px;}
#c-sub-pop #bioarea-wrap {margin-top: 1rem;}
#c-sub-pop #bioarea-wrap .layui-form-select .layui-input {height: 2.875rem; min-height: 36px; border-radius: .313rem;}

@media screen and (max-width: 767px) {
  .publicleave .tle {text-align: center;}
  .publicleave .left {width: 100%;}
  .publicleave .box {padding: 3rem 0;}
  .publicleave .form .inBox {width: 100%;}
  .publicleave .right {display: none;}
  .publicleave .form .inBox.insect2 ,
  .publicleave .form .inBox.inCode {margin-top: 0; width: 100%;}
  .publicleave .form .sub {display: flex; justify-content: center;}
}