#c-placeholder {}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;}
.headBox {padding: 0 1.5%; background: linear-gradient( 180deg, rgba(0,0,0,0.06) 3%, rgba(0,0,0,0.07) 100%); transition: .5s; height: 3.75rem; display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.headBox::after {position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; content: ""; background: linear-gradient(90deg, rgba(255, 249, 245,1) 1%, rgba(255, 255, 255,1) 100%); opacity: 0; transition: .5s;}

.headBox .logo {padding: 1rem 0;height: 100%;}
.headBox .logo img {height: 3.5rem; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.headBox .le .logo a svg {height: 100%; min-width: 12.5rem;}
.headBox .re {height: 100%; justify-content: space-between;}

/* 导航 */
/* 取消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!!!*/

nav {height: 100%; width: 48%;}
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: #fff;position: relative; z-index: 1; font-size: var(--font18); font-weight: 400; transition: 0.4s;}
nav .layui-nav > .layui-nav-item > a > i {display: none;}
nav .layui-nav > .layui-nav-item::before {bottom: .625rem; width: 0; transition: .5s; content: ''; position: absolute; left: 0; height: .188rem; background: #63B62F;}
/* nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {color: #161F8B;} */
nav .layui-nav > .layui-nav-item:hover::before , nav .layui-nav > .layui-this::before {width: 100%;}
nav .layui-nav > .layui-this:after , nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-this:after {display: none;}

/* 产品下拉 */
.navTwo {width: 100%;padding: 1.5rem 4%; padding-bottom: 3.125rem; position: fixed; border-top: 1px solid #eee;left: 0; background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12);top: 3.75rem; display: none;}
.navTwo .box {display: flex; color: #333;}
/* 一级 */
.first-level {margin-bottom: 1.875rem;}
.first-level-title {color: rgba(0, 0, 0, 0.50); font-size: var(--font16); margin-bottom: 1.25rem;}
.first-level-title svg {width: 1.25rem; height: 1.25rem; margin-right: .313rem;}
/* 二级 */
.second-level {padding-left: 1.563rem;}
.second-level > li {margin: .625rem 0;}
.second-level > li > a {color: #333 !important; font-size: var(--font18);color: #000000; font-size: var(--font14);}
.second-level > li > a i {color: #63B62F;font-size: var(--font14); font-weight: 700; margin-left: .625rem;}
/* 三级 */
.third-level li {margin: .625rem 0;}
.third-level li a {color: rgba(0,0,0,0.5) !important; position: relative; display: inline !important;}
.third-level li a::after {content: ''; position: absolute; bottom: -0.313rem; left: 0; height: 1px; background: #63B62F; width: 0; transition: .5s;}
.third-level li:hover a::after {width: 100%;}
/* 产品右侧没人 */
.navTwo .main {flex: 1; margin-left: 3.75rem;}
.navTwo .main .product-show {display: none;}
.navTwo .main .product-show ul {display: grid;  grid-template-columns: repeat(5, 1fr); gap: 1.875rem;}
.navTwo .main .product-show li { padding: 1.875rem 0 1.25rem 0; background: linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 100%); overflow: hidden;border-radius: 3.438rem;}
.navTwo .main .product-show li .imgBox {height: 15rem; display: flex; align-items: center; justify-content: center;}
.navTwo .main .product-show li .imgBox img {object-fit: contain; max-width: 80%; min-width: 60%; transition: .5s;}
.navTwo .main .product-show li span {color: rgba(0,0,0,0.5); font-size: var(--font18); text-align: center; display: block;}
.navTwo .main .product-show li:hover .imgBox img {transform: scale(1.05);}

/* 默认下拉 */
nav .layui-nav .layui-nav-child { top: 100%; background: rgba(255, 255, 255,.95);; min-width: 9.375rem; line-height: initial;}
nav .layui-nav .layui-nav-child dd a {color: #898989; padding: .625rem 0; font-size: var(--font16);}

/* 语言 */
.headluange {height: 100%;}
.headluange a {font-size: var(--font18); color: rgba(255, 255, 255, 0.32); letter-spacing: .125rem;}
.headluange a.on , .headluange a:hover {color: #ffffff;}

header.c-style2 .headBox {}
/* header.c-style2 .headBox::after {opacity: 1;} */
header.c-style2 .headBox .le .logo a svg path {fill: #333;}
header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333;}
header.c-style2 .headluange a {color: #00000032;}
header.c-style2 .headluange a.on , header.c-style2 .headluange a:hover {color: #000;}

header.c-style3 .headBox::after {opacity: 1;}

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


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

/* ===============公用css end!!!!===================*/
.more1 {display: inline-block;background: #fff; padding: 1rem 4.375rem; color: #000000; font-size: var(--font18); transition: .5s;}
.more2 {display: inline-block;background: #000; line-height: 1; padding: 1rem 2.375rem; color: #fff; font-size: var(--font18); transition: .5s;}

@media (any-hover: hover) {
 .more1:hover {background: #000; color: #fff; }
 .more2:hover {box-shadow: 0 0 0 .625rem rgba(0,0,0,0.2);}
}


/* ======首页======= */
.indexBanner {position: relative; overflow: hidden;}
.indexBanner .swiper {--swiper-theme-color: linear-gradient(to bottom, #CCCFFF 0%, #DAD7FF 100%);}
.indexBanner .slide {height: auto;}
.indexBanner .slide .bjBox {position: relative; height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; height: 100%; object-fit: cover; min-height: 18rem; transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .bjBox.video_box::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.indexBanner .slide .btn {cursor: pointer;}
.indexBanner .box {top: 75%;}
.indexBanner .box .p1 {font-size: 3.75rem; color: #fff; font-weight: 600;}
.indexBanner .box .p1 span {display: block; line-height: 1;}
.indexBanner .box .p2 {color: rgba(255,255,255,0.8);font-size: var(--font20); margin-top: .625rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {width: auto; padding: 1.25rem 1rem;  border: .25rem solid #16428b; display: flex; top: 50%; bottom: auto; left: 3%;}
.indexBanner .pagtion span {border: 0; width: .125rem; height: .875rem;opacity: 0.35;background: #ffffff; border-radius: 0;}
.indexBanner .pagtion .swiper-pagination-bullet-active {opacity: 1;}

.indexTle .t2 {color: rgba(0,0,0,0.5);}

.indexOne {background: #F9F9F9; position: relative; overflow: hidden; z-index: 1; padding-top: 8.75rem; padding-bottom: 8.75rem;}
.indexOne .bjBox {position: absolute; width: 100%; bottom: 0; left: 0; z-index: -1;}
.indexOne .bjBox img {width: 100%;}
.indexOne .list {margin-top: 5rem;}
.indexOne .list ul {display: flex;}
.indexOne .list li {flex: 1; height: 43.75rem; padding: 0 1rem; border-left: 1px solid rgba(0,0,0,0.12);transition: .5s; position: relative; cursor: pointer; z-index: 2;}
.indexOne .list li .show {display: flex; flex-direction: column; justify-content: space-between;  height: 100%; opacity: 1; transition: .5s;}
.indexOne .list li .show .layui-icon {font-size: var(--font18); font-weight: 700; color: #000;}
.indexOne .list li .show .text {color: rgba(0,0,0,0.5); font-size: var(--font24);writing-mode: vertical-lr;}
.indexOne .list li .imgBox {height: 12.5rem;max-width: 100%;}
.indexOne .list li .imgBox img {width: 100%;max-height: 100%; object-fit: contain;}
.indexOne .list li .hide {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0; opacity: 0; visibility: hidden; }
.indexOne .list li .hide .swiperBox {width: 35%;}
.indexOne .list li .hide .info {width: 60%;}
.indexOne .list li .swiperBox {position: relative;z-index: 0;}
.indexOne .list li .swiperBox::before {content: "";position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%) scale(0); width: 37.5rem; height: 37.5rem; border-radius: 50%; background: linear-gradient( 271deg, #BFBFBF 0%, rgba(216,216,216,0) 100%); z-index: -1;opacity: .2;}
.indexOne .list li .swiperBox::after {content: "";position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%) scale(0); width: 48.75rem; height: 48.75rem; border-radius: 50%; background: linear-gradient( 271deg, #BFBFBF 0%, rgba(216,216,216,0) 100%); z-index: -1;opacity: .2;}
.indexOne .list li .swiperOne .slide .imgBox {height: 18.75rem;width: 80%; margin: auto;}
.indexOne .list li .swiperOne .slide img {width: 100%; max-height: 100%; object-fit: contain;}
.indexOne .list li .thumBox {width: 70%; margin: auto;margin-top: 1.25rem;}
.indexOne .list li .thumBox .slide .imgBox {height: 3.125rem;opacity: 0.3; transition: .5s; display: flex; align-items: center; justify-content: center; } 
.indexOne .list li .thumBox .slide .imgBox img {width: 100%;}
.indexOne .list li .thumBox .slide.swiper-slide-thumb-active .imgBox {opacity: 1; }
.indexOne .list li .hide .canshu {display: grid; grid-template-columns: repeat(3,auto); gap: .5rem; margin-top: 1.25rem;}
.indexOne .list li .hide .canshu .item {display: flex; align-items: center;}
.indexOne .list li .hide .canshu .item .icBox {width: 1.875rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; margin-right: .625rem;}
.indexOne .list li .hide .canshu .item .icBox img {width: 100%; height: 100%; object-fit: contain;}
.indexOne .list li .hide .canshu .item .sp1 {color: #000000; font-size: var(--font24); margin-right: .313rem;}
.indexOne .list li .hide .canshu .item .sp2 {color: rgba(0,0,0,0.5); font-size: var(--font24);}
.indexOne .list li .hide .p3 {color: rgba(0,0,0,0.5); margin-top: 3.75rem;}
/* 控件 */
.indexOne .swiperOne .swjt i {color: #000000; font-size: var(--font20); font-weight: 700;}
/* 当前项 */
.indexOne .list li.active {flex: 8; z-index: 1;}
.indexOne .list li.active .swiperBox::before {transform: translate(-50%,-50%) scale(1); transition: .5s; transition-delay: .5s;}
.indexOne .list li.active .swiperBox::after {transform: translate(-50%,-50%) scale(1); transition: .5s; transition-delay: .6s;}
.indexOne .list li.active .show {opacity: 0; visibility: hidden;}
.indexOne .list li.active .hide {opacity: 1; visibility: visible;transition: .5s; transition-delay: .5s;}
/* 移动端 */
.indexOne .list2 {margin-top: 3rem;}
.indexOne .list2 dl {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;}
.indexOne .list2 dd {background: #fff; border-radius: .625rem; padding: 1.25rem; position: relative; overflow: hidden;}
.indexOne .list2 dd .imgBox {height: 11.25rem;}
.indexOne .list2 dd .imgBox img {width: 100%; max-height: 100%; object-fit: contain;}
.indexOne .list2 dd .layui-icon {display: block; margin-top: 1.25rem;}

.indexOne2 {padding: 3.75rem 0;}
.indexOne2 .box {padding: 0 1.25%;}
.indexOne2 .box .item {width: 49.25%; position: relative; overflow: hidden;}
.indexOne2 .box .item .imgBox img {width: 100%; transition: .5s;}
.indexOne2 .box .item .con {position: absolute; top: 0; left: 0; width: 100%; text-align: center; padding-top: 5rem;}
.indexOne2 .box .item:nth-child(odd) .con .c1 {color: #2a313c;}
.indexOne2 .box .item:nth-child(odd) .con .more {color: #333;}
.indexOne2 .box .item:nth-child(even) .con .c1 {color: #fff;}
.indexOne2 .box .item:nth-child(even) .con .more {color: #fff;}
@media (any-hover: hover) {
 .indexOne2 .box .item:hover .imgBox img {transform: scale(1.1);}
}
@media (max-width: 768px) { 
  .indexOne2 {padding: 2rem 0;}
  .indexOne2 .box {padding: 0 4%;}
  .indexOne2 .box .item {}
  .indexOne2 .box .item .con {padding-top: 1rem;}
  .indexOne2 .box .item .con .c1 {font-size: var(--font18);}
  .indexOne2 .box .item .con .more {font-size: var(--font14); margin-top: 0;}
}


.indexTwo {padding: 7.5rem 0 1.875rem; position: relative; overflow: hidden;}
.indexTwo .box {margin-top: 6.25rem; position: relative;}
.indexTwo .box ul {display: grid; grid-template-columns: 27% 44% 27%; grid-template-rows: repeat(3, 30%); gap: 1.25rem;}
.indexTwo .box li {height: 100%;}
.indexTwo .box li:nth-child(2) {grid-column: 2/3; grid-row: 1/3;}
.indexTwo .box li .imgBox {height: 100%;}
.indexTwo .box li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .box .img1 {position: absolute;;top: 14%; left: 37%; width: 15%;}
.indexTwo .box .img1 img {width: 100%;}
.indexTwo .box .img2 {position: absolute; top: 42%;left: 44%;width: 19%;}
.indexTwo .box .img2 img {width: 100%;}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0; position: relative; z-index: 2; overflow: hidden;}
.indexThre .box {margin-top: 6.25rem; position: relative; }
.indexThre .box ul {}
.indexThre .box .swiper {position: static;  --swiper-theme-color: linear-gradient(to bottom, #CCCFFF 0%, #DAD7FF 100%);overflow: hidden;border-radius: 1.5rem;}
.indexThre .box li {background: #fff;height: 38.25rem; position: relative; text-align: center;  border-left: 1px solid #C2C2C2; z-index: 1;}
.indexThre .box li:first-child {border: 0;}
.indexThre .box li .bjBox {position: absolute; left: 0;top: 0; width: 100%;height: 100%; z-index: -1; opacity: 0; transition: .5s;}
.indexThre .box li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .box li .num {color: #D8D8D8; font-size: var(--font42);font-weight: 600; height: var(--font60); transition: .5s;}
.indexThre .box li .p1 {color: #000000; font-size: var(--font28); margin-top: 3.125rem; transition: .5s;}
.indexThre .box li .info {position: absolute; width: 100%; left: 0; top: 8.75rem; text-align: center;padding: 0 2.5rem; transition: .5s;}
.indexThre .box li .text {margin-top: 1.875rem; transition: .5s; opacity: 0; line-height: 1.8;}
.indexThre .box li .icBox {left: 50%; bottom: 7.5rem; transform: translateX(-50%); position: absolute; width: 3.125rem; height: 3.125rem;}
.indexThre .box li .icBox svg {width: 100%; height: 100%; object-fit: contain;}
.indexThre .box li .icBox img {width: 100%; height: 100%; object-fit: contain; }
.indexThre .pagtion {bottom: -3rem;}
.indexThre .pagtion span {width: 1rem; height: 1rem;}
.indexThre .swjt i {font-size: 3.75rem;}
.indexThre .swjt.swiper-button-next {right: 0; transform: translateX(150%);}
.indexThre .swjt.swiper-button-prev {left: 0;transform: translateX(-150%);}


@media (any-hover: hover) {
   .indexThre .box li:hover .num {height: 0; opacity: 0;}
   .indexThre .box li:hover .info {top: 6.25rem; color: #fff;}
   .indexThre .box li:hover .p1 {color: #fff;}
   .indexThre .box li:hover .text {opacity: 1;}
   .indexThre .box li:hover .bjBox {opacity: 1; transition: .5s;} 
   .indexThre .box li:hover .icBox svg path {fill: #fff;}
   .indexThre .box li:hover .icBox img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}
}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover;height: 100vh; overflow: hidden; position: relative;}
.indexFour .w1800 {height: 100%; display: flex; align-items: center;}
.indexFour .box {width: 100%;}
.indexFour .left {width: 42%;}
.indexFour .right {width: 41%; position: relative;}
.indexFour .left .p2 {color: rgba(0,0,0,0.5);}
.indexFour .left .more {margin-top: 2.5rem;}
.indexFour .right ul {position: absolute; left: 0; width: 100%; top: -25vh; display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;}
.indexFour .right li {background: #fff; border-radius: 1.5rem; padding: 2.5rem;}
.indexFour .right li:nth-child(2n) {transform: translateY(30%);}
.indexFour .right li .icBox {border-radius: 2.375rem; width: 9rem; height: 9rem;background: #ECECEC; display: inline-flex; align-items: center; justify-content: center; transition: .5s; overflow: hidden; position: relative; z-index: 1;}
.indexFour .right li .icBox::after {content: ''; position: absolute; top: 0;left: 0; width: 100%; height: 100%; background:linear-gradient(to bottom, #CCCFFF 0%, #DAD7FF 100%); opacity: 0; transition: .5s; z-index: -1;}
.indexFour .right li .icBox img {max-height: 70%; min-height: 55%; object-fit: contain; transition: .5s;}
.indexFour .right li .p1 {margin-top: 3.75rem;}
.indexFour .right li .p2 {color: rgba(0,0,0,0.5); font-size: var(--font18);}
.indexFour2 {padding: 3rem 0;}
@media (any-hover: hover) {
  .indexFour .right li:hover .icBox::after {opacity: 1;}
  .indexFour .right li:hover .icBox img {filter: brightness(0) invert(1);}
}

.indexFive {padding: 5rem 0; position: relative; overflow: hidden;}
.indexFive .list {position: relative; overflow: hidden; margin-top: 3rem;}
.indexFive .list::before {content: ''; width: 10%; height: 100%; background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; left: 0; bottom: 0; z-index: 1;}
.indexFive .list::after {content: ''; width: 10%; height: 100%; background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%); position: absolute; right: 0; bottom: 0; z-index: 1;}
.indexFive .list ul {display: flex; justify-content: center;}
.indexFive .list li {margin: 0 1.25rem;flex-shrink: 0; width: 11.25rem; height: 5.375rem;  display: flex; align-items: center; justify-content: center;padding: .625rem; border-radius: .625rem; box-sizing: border-box;}
.indexFive .list li img {max-width: 100%; min-width: 70%;}


/* ======底部===== */
.footer {background: linear-gradient( 180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.06) 100%);padding: 3.125rem 0 1.25rem;}
.footer .left {width: 33%;}
.footer .right {flex: 1; margin-left: 6.25rem;}
.footer .left .p2 {color: rgba(0,0,0,0.5);}
.footer .left .links {margin-top: 2.5rem;}
.footer .left .links li {margin-right: 1.875rem;}
.footer .left .links li a {width: 1.5rem; height: 1.5rem; display: block;}
.footer .left .links li svg {width: 100%; height: 100%; object-fit: contain;}
.footer .left .links li svg path {fill: #333;}
.footer .left .links li:hover svg path {fill:revert-layer;}
.foternav {display: flex; justify-content: space-between;}
.foternav dl dt {margin-bottom: 1.75rem;}
.foternav dl dt a {font-size: var(--font24); font-weight: 500;color: #1E1E1E;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a {font-size: var(--font18);color: rgba(0,0,0,0.5);}
.foternav dl dd a:hover {color: #000;}
.footer .box2 {margin-top: 6.25rem;}
.footer .box2 .logo svg {min-width: 12.5rem; min-height: 1.75rem;}
.footer .box2 .logo svg path {fill: #000;}
.footer .box2 .luange a {color: rgba(0, 0, 0, 0.32); font-size: var(--font18);}
.footer .box2 .luange a.on {color: #000;}
.footer .box2 .luange a:hover {color: #000;} 
.copyRight {padding: 1.25rem 0; margin-top: 2.5rem; border-top: 1px solid rgba(22,22,22,0.12);}
.copyRight p {color: #000; font-size: var(--font18);}
.copyRight .copy_box {display: flex; justify-content: space-between; gap: 1rem;}
.copyRight .re {display: grid; grid-template-columns: repeat(2, auto); gap: 1.875rem; row-gap: .625rem; justify-content: space-between;}
.copyRight .re .item {display: flex; align-items: center;}
.copyRight .re .item .icBox {margin-right: .75rem; height: 1.875rem; width: 1.5rem;}
.copyRight .re .item .icBox svg {max-height: 100%; min-height: 90%; width: 100%;}
.copyRight .re .item a {color: #000; font-size: var(--font18);}
.copyRight .re .item.add {grid-column: 1 / 3;}


/* ========================================================================内页======================================================================= */
.ny-banner {position: relative; overflow: hidden; z-index: 1;}
.ny-banner .bjBox {position: relative;}
.ny-banner .bjBox img {width: 100%; min-height: 12rem; object-fit: cover;}
.ny-banner .box {position: absolute; width: 100%; left: 0; bottom: 2.5rem;}
.ny-banner1 .box .p1 {color: #fff;}
.ny-banner1 .box .p2 {color: rgba(255,255,255,0.8);}
.ny-banner2 .box .p1 {color: #333;}
.ny-banner2 .box .p2 {color: rgba(0, 0, 0, 0.8);}

/* ===面包屑=== */
.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: #000 !important;}

/* =====产品中心===== */
.proOne {padding: 8.75rem 0;}
.proOne .list {margin-top: 4.375rem;}
.proOne .list ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem;}
.proOne .list li {border-radius: 3.438rem; background: #F8F8F8; padding: 5rem 1.875rem; text-align: center;}
.proOne .list li .imgBox {height: 22.5rem; display: flex; align-items: center; justify-content: center; margin-top: 1.25rem;}
.proOne .list li .imgBox img {max-height: 100%; min-height: 90%; max-width: 100%; object-fit: contain;}
.proOne .list li .more {margin-top: 1.25rem; display: grid; justify-content: center; grid-template-columns: repeat(2, auto); gap: 1.5rem;}
.proOne .list li .more a { padding: .813rem 2.375rem; transition: .5s;}
.proOne .list li .a1 {background: #000000;}
.proOne .list li .a2 {border: 1px solid #000000;}
.proOne .list li .a1:active {background: rgba(0, 0, 0, 0.5);; color: #fff; }
.proOne .list li .a2:active {background: #000; color: #fff;}
@media (any-hover:hover) {
.proOne .list li .a1:hover {background: rgba(0, 0, 0, 0.5);; color: #fff; }
.proOne .list li .a2:hover {background: #000; color: #fff;}  
}

.proTwo {padding: 8.75rem 0;}
.proTwo .imgBox {border-radius: 3.438rem; margin: 2.5rem 0; overflow: hidden;}
.proTwo .imgBox img {width: 100%;}


.proThre {margin-top: 3.75rem; padding: 0;}
.proThre .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}
.proThre .list li {border-radius: 0;}
.proOne .list li .imgBox {height: 16.25rem;}

.proThre .layui-collapse {border: 0;}
.proThre .layui-collapse .layui-colla-item {border-color: #000;}
.proThre .layui-colla-title {height: auto; background: none; line-height: initial; padding: 1.25rem 0; padding-right: 1.875rem; font-size: var(--font40);color: #000; font-weight: 500;}
.proThre .layui-colla-title i {margin: 0; font-size: var(--font30); transform: none !important; left: auto; right: 0; top: 40%; font-weight: 700; transition: .5s;}
.proThre .layui-colla-title i:before {content: '\e624';}
.proThre .layui-colla-title i::after {content: '\e67e'; left: 0; position: absolute; opacity: 0;}
.proThre .layui-colla-content {border: 0;padding: 0; padding-bottom: 3.75rem;}
.proThre .layui-colla-item.layui-show>.layui-colla-title i:before {opacity: 0;}
.proThre .layui-colla-item.layui-show>.layui-colla-title i:after {opacity: 1;}




/* 产品详情 */
.proDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat center; background-size: cover; padding: 9.375rem 0 8.125rem;}
.proDateOne .box {margin: 0 6.25rem;}
.proDateOne .left {width: 40%;}
.proDateOne .right {width: 52%;}
.proDateOne .swiperBox {position: relative;}
.proDateOne .swiperOne .slide .imgBox {height: 22.5rem;width: 80%; margin: auto;}
.proDateOne .swiperOne .slide img {width: 100%; max-height: 100%; object-fit: contain;}
.proDateOne .thumBox {width: 58%; margin: auto;margin-top: 1.25rem;}
.proDateOne .thumBox .slide .imgBox {width: auto; height: 5.125rem; background: #C4C4C4; border-radius: .75rem; cursor: pointer;  } 
.proDateOne .thumBox .slide .imgBox img {width: 80%; opacity: .5; transition: .5s;}
.proDateOne .thumBox .slide.swiper-slide-thumb-active .imgBox img {opacity: 1; }
/* 控件 */
.proDateOne .swiperOne .swjt i {color: #000000; font-size: var(--font20); font-weight: 700;}
.proDateOne .right .info_tle {padding-bottom: 1rem;border-bottom: 1px solid #B6B6B6;}
.proDateOne .right .text {margin-top: 2.5rem;color: #3D3D3D; line-height: 1.8;}
.proDateOne .right .more {margin-top: 1.875rem; display: grid; justify-content: flex-start; grid-template-columns: repeat(2, auto); gap: 1.5rem;}
.proDateOne .right .more a { padding: .813rem 2.375rem; transition: .5s; display: inline-block;}
.proDateOne .right .a1 {background: #000000;}
.proDateOne .right .a2 {border: 1px solid #000000;}
.proDateOne .right .a1:hover {background: rgba(0, 0, 0, 0.5);; color: #fff; }
.proDateOne .right .a2:hover {background: #000; color: #fff;}

/* 产品资料录入 */
.proDateTwo {background: url(../images/proDateTwo-bj1.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 11.25rem;}
.proDateTwo .box {margin-top: 6.25rem;}
.proDateTwo .box img {max-width: 100%; height: auto !important;}

.proDateTwo2 {background: url(../images/proDateTwo-bj2.jpg) no-repeat center; background-size: cover; padding: 4rem 0;}

.proDateThre {background: #414141; padding: 6.25rem 0;}
.proDateThre video {width: 100%;}
.proDateThre .box {margin-top: 6.25rem;}

.proDateFour {padding: 7.5rem 0;}
.proDateFour .box {margin-top: 5rem;}
.proDateFour .layui-collapse {border: 0;}
.proDateFour .layui-colla-title {height: auto; background: none; line-height: initial; padding: 1.875rem 0; padding-right: 1.875rem; font-size: var(--font24);color: #3D3D3D;}
.proDateFour .layui-colla-title i {margin: 0; font-size: var(--font20); left: auto; right: 0; top: 40%;}
.proDateFour .layui-colla-content {border: 0;padding: 0; padding-bottom: 1.875rem; font-size: var(--font16);}


/* =====行业应用===== */
.appOne {padding: 8.75rem 0;}
.appOne .list li {margin-top: 7.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.appOne .list li:nth-child(even) {flex-direction: row-reverse;}
.appOne .list li:nth-child(even) .info {padding-left: 5%; padding-right: 0;}
.appOne .list li .info {width: 50%; padding-right: 5%;}
.appOne .list li .imgBox {width: 50%; display: flex; align-items: center; justify-content: center;}
.appOne .list li .imgBox img {max-width: 100%;min-width: 50%;}
.appOne .list li .li_tle .icBox {height: 4.75rem; margin-right: 2.5rem;}
.appOne .list li .li_tle .icBox img {max-height: 100%; min-height: 80%;}
.appOne .list li .text2 {margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid rgba(0,0,0,0.1);}


/* =====新闻中心===== */
.newsInfo {padding: 7.5rem 0;}
.newsInfo .box {position: relative;background: #F9F9F9; border-radius: .875rem; overflow: hidden; margin-bottom: 1.25rem;}
.newsInfo .box a {position: absolute; left: 0;top: 0; width: 100%; height: 100%; display: block;}
.newsInfo .box .imgBox {width: 35%; overflow: hidden;}
.newsInfo .box .imgBox img {width: 100%; height: 100%; max-height: 30rem; object-fit: cover; transition: .5s;}
.newsInfo .box .info {width: 65%; padding: 1.25rem 3.125rem; display: flex; flex-direction: column; justify-content: center;}
.newsInfo .box .info .p2 {color: #707070;margin-top: 1.875rem;line-height: 1.8;}
.newsInfo .box .info .time {margin-top: 4.375rem;color: #3D3D3D;}
.newsInfo .box:hover .imgBox img {transform: scale(1.1);}

.newslist {padding-bottom: 8.75rem;}
.newslist .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.25rem;}
.newslist .list li {background: #F9F9F9; border-radius: .75rem; overflow: hidden;}
.newslist .list li .imgBox {height: 19.375rem;overflow: hidden;}
.newslist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist .list li .info {padding: 2.5rem 1.875rem;}
.newslist .list li .p1 {color: #3D3D3D; font-size: var(--font24);}
.newslist .list li .time {color: #707070; margin-top: 3.125rem;}
.newslist .list li:hover .imgBox img {transform: scale(1.1);}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px 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: 1px solid #ddd; padding-bottom: 2.5rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;line-height: 1.4; font-weight: 500;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-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: 35px;min-height: 35px;   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: #000; }
.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: 6rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 500;}
.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:#000; 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: #000;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


/* =====关于我们===== */
.aboutMain {padding-top: 3.75rem;}
.aboutOne .list li {display: flex;flex-wrap: wrap;}
.aboutOne .list li:nth-child(even) {flex-direction: row-reverse;}
.aboutOne .list li .info {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 1.25rem 6.5%;}
.aboutOne .list li .imgBox {width: 50%; overflow: hidden;}
.aboutOne .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .list li .tle .xian {display: inline-block; width: 4.125rem;height: .375rem;background: #3B3B3B;border-radius: 7.5rem;}
.aboutOne .list li .text {margin-top: 2.5rem; line-height: 1.8; max-height: 22.5rem; overflow-y: auto; padding-right: 1.25rem;}

.aboutTwo {position: relative; overflow: hidden;}
.aboutTwo .indexTle {position: absolute; width: 100%; left: 0; top: 4rem;}
.aboutTwo .imgBox img {width: 100%;}

/* =====招贤纳士===== */
.join {padding: 3.75rem 0 8.75rem;}
.join .box {display: flex; justify-content: space-between; align-items: flex-start;}
.join .list_nav {width: 22%; padding: 2.5rem 1.875rem; padding-bottom: 10rem; background: linear-gradient( 180deg, #E8E8E8 0%, rgba(247,247,247,0) 100%); border-radius: .125rem; position: sticky; top: 5rem;}
.join .right {width: 75%;}
.join .list_nav .tit {padding-bottom: 1.25rem; border-bottom: 1px solid rgba(0,0,0,0.12);}
.join .list_nav .layui-collapse {border: 0;}
.join .list_nav .layui-colla-item {margin-top: 2.5rem; border: 0;}
.join .list_nav .layui-colla-title {height: auto; background: none; padding: 0; padding-left: 1.875rem; line-height: initial; font-size: var(--font22); color: #3D3D3D;}
.join .list_nav .layui-colla-title i {margin: 0; font-size: var(--font16); color: #B9B9B9; left: 0; top: 50%; transform: translateY(-50%);}
.join .list_nav .layui-icon-right:before {content: '\e623';}
.join .list_nav .layui-colla-item.layui-show>.layui-colla-title {color: #000; font-weight: 500;}
.join .list_nav .layui-colla-item.layui-show>.layui-colla-title .layui-colla-icon {transform: translateY(-50%) rotate(90deg); color: #000;}
.join .list_nav .layui-colla-content {border: 0; padding: 1rem 1.875rem; padding-bottom: 0; padding-right: 0; font-size: var(--font20);}
.join .list_nav .layui-colla-content .list a {display: block; line-height: 2;}
.join .list_nav .layui-colla-content .list a:active , .join .list_nav .layui-colla-content .list a.on {color: #000;}
.join .list_nav .layui-colla-content .list a.active {color: #000;}
/* 字母筛选 */
.join .list_nav .layui-colla-content .list.zimulist {display: grid; grid-template-columns: repeat(10,auto); gap: .625rem; row-gap: 0;}
@media (any-hover:hover) {
  .join .list_nav .layui-colla-content .list a:hover {color: #000;}
}
/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #000;}
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 768px) {
  .join {position: relative;}
  .join .list_nav {position: fixed;left: -100%;top: 0;bottom: 0;width: 75% !important;background: #fff;z-index: 999;transition: all 0.3s;padding: 1rem;box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
  .join .list_nav.show {left: 0;  overflow-y: auto;}
  .filter-toggle {display: block;}
}

.join .right .tit {margin-top: .625rem;}
.join .right .list {padding-top: 1.25rem;}
.join .right .list li {background: #F9F9F9; padding: 2.25rem; margin-top: 1.25rem; display: flex; justify-content: space-between; align-items: center; gap: 1.25rem;}
.join .right .list li .content {display: none;}
.join .right .list li .tips {margin-top: 1.875rem; display: flex; gap:  .625rem;}
.join .right .list li .tips span {background: #E5E5E5; border-radius: .25rem;color: #3D3D3D; padding: .313rem .625rem;}
.join .right .list li .re {flex-shrink: 0;}
.join .right .list li .more2 {padding: 1rem 2.5rem; line-height: 1.5;}

/* 弹出层 */
.joinPop {overflow: hidden; border-radius: 1.125rem; padding: 3.75rem; background:#fff; position: relative;}
.layui-layer-setwin {top: 1rem; right: 1.5rem;}
.layui-layer-setwin .layui-layer-close2 {background: none !important;right: 0; top: 0;color: #A8A8A8; border: 0; font-size: var(--font30);}
.joinPop .layui-layer-content {max-height: 100%; overflow: auto; padding-right: .625rem;}
.joinPop .con_tle {gap: .625rem; padding-bottom: 1.25rem;border-bottom: 1px solid #D8D8D8;}
.joinPop .con_tle .more2 {border-radius: 6.25rem; box-shadow: none !important; line-height: 1.5;}
.joinPop .info {margin-top: 1.875rem; padding-right: 1.25rem; max-height: 80%; overflow-y: auto;}
/* 滚动条 */
.joinPop .info::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#000000 rgba(205, 205, 205,.3);}
.joinPop .info::-webkit-scrollbar-thumb {background: #000000; border-radius: 5px;}
.joinPop .info::-webkit-scrollbar-track {background: rgba(205, 205, 205,.3);}
@media screen and (max-width: 768px) {
  .joinPop {width: 90% !important; padding: 3rem 2rem; padding-top: 4rem;}
  .joinPop .con_tle .more2 {padding: .6rem 1.5rem;}
  .joinPop strong span {font-size: 1.5rem !important;}
}

.softOne {padding: 6.25rem 0;}
.softOne .info {width: 45%;}
.softOne .imgBox {width: 40%;}
.softOne .imgBox img {width: 100%;}
.softOne .info .p1 {font-size: var(--font40);}
.softOne .info .list li {margin-top: .625rem;}
.softOne .info .list .li_tle {display: flex; align-items: center;}
.softOne .info .list .li_tle .icBox {height: 1.5rem;display: flex; align-items: center;margin-right: .875rem;}
.softOne .info .list .li_tle .icBox img {max-height: 100%; min-height: 60%;}
.softOne .info .list .li_tle span {font-size: var(--font20) !important;color: #000000;}
.softOne .info .list li .text {color: rgba(0,0,0,0.75); font-size: var(--font18);}
.softOne .info .list li .text span {font-size: var(--font14) !important;}
.softOne .info .more {margin-top: 3.125rem;}

/* =====联系我们===== */
.tactOne {background: url(../images/tactOne-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.tactOne {padding: 7.5rem 0; position: relative; overflow: hidden; z-index: 1;}
.tactOne .box {margin-top: 5rem;}
.tactOne .box .left {width: 56%;margin-left: 8%;}
.tactOne .box .right {width: auto; padding-left: 5.625rem; position: relative; z-index: 1;padding-right: 3%;}
.tactOne .bjBox {position: absolute; bottom: 0; right: 0; z-index: -1; height: 100%; width: 30%; display: flex;align-items: flex-end; background: rgba(255, 255, 255,.5);}
.tactOne .bjBox img {width: 100%;}
.tactOne .box .left {}
.tactOne .layui-collapse {border: 0;margin-top: 3.125rem;}
.tactOne .layui-colla-title {height: auto; background: none; line-height: initial; padding: 1.25rem 0; padding-right: 1.875rem; font-size: var(--font22);color: #3D3D3D;}
.tactOne .layui-colla-title i {margin: 0; font-size: var(--font20); left: auto; right: 0; top: 40%;}
.tactOne .layui-colla-content {border: 0;padding: 0; padding-bottom: 1.875rem; font-size: var(--font16);}
.tactOne .box .right .item {display: flex; align-items: flex-start; margin-top: 3.125rem;}
.tactOne .box .right .item .icBox {margin-top: .625rem; margin-right: .875rem;width: 3.125rem;}
.tactOne .box .right .item .icBox img {min-width: 80%; max-width: 100%;}
.tactOne .box .right .item .con .p1 {font-weight: 200;}
.tactOne .box .right .item .con .p2 {}


/* 产品资料录入调整 */
.proDateTwo .box .table1 {display: flex;justify-content: space-between;}
.proDateTwo .box .table1 > p {width: 50%;}
.proDateTwo .box .table1 table {width: 50%;}
.proDateTwo table {background: #ffffff50; display: inline-block; padding: .625rem;}
.proDateTwo table tr td {background: none !important;}
.proDateTwo table tr td p {line-height: 1.5 !important;}
.proDateTwo .box .table1 p strong span {font-size: var(--font20) !important;}
.proDateTwo .box .table1 p span:has(strong) {font-size: var(--font20) !important;}

.jiazhao {padding-bottom: 5rem;}
.jiazhao .jz-1 tr {display: flex;justify-content: space-between;}
.jiazhao .jz-1 tr .td-group {width: 48%; display: flex;}
.jiazhao .jz-1 tr .td-group td:nth-child(1) {width: 15%;}
.jiazhao .jz-1 tr .td-group td:nth-child(2) {width: 85%; padding-left: 1.25rem;}

@media screen and (max-width: 1366px) {
  .proDateTwo .box .table1 > p {width: 35%;}
}


@media screen and (max-width: 767px) {
  .proDateTwo .box {margin-top: 2rem;}
  .proDateTwo table {padding: .3rem ;}
  .proDateTwo .box .table1 {flex-wrap: wrap;}
  .proDateTwo .box .table1 > p {width: 80%; margin: auto;}
  .proDateTwo .box .table1 table {width: 100%; margin-top: 2rem;}
  .proDateTwo .box .table1 tr p {line-height: initial !important; text-indent:initial;}
  .proDateTwo .box .table1 tr td {padding: .3rem 0;}
  .proDateTwo .box .table1 p strong span {font-size: var(--font14) !important;}
  .proDateTwo .box .table1 p span:has(strong) {font-size: var(--font14) !important;}
  .proDateTwo2 .box .table1 tr p {text-indent: .5em !important;}

  .jiazhao .jz-1 tr {flex-wrap: wrap;}
  .jiazhao .jz-1 tr .td-group {width: 100%;}
}



/* ========================================================================10.22修改=============================================================== */
/* 新闻中心 */
.newsV2 {padding: 3.75rem 0; padding-bottom: 7.5rem; position: relative;}
.newsV2 .box {align-items: flex-start;}
.newsV2 .nav {width: 18%; padding-right: 3%; margin-top: .5rem; position: sticky; top: 5rem;}
.newsV2 .nav li {margin-bottom: 1.5rem;}
.newsV2 .nav li a {color: #737373; position: relative; padding-left: 1rem;}
.newsV2 .nav li a::before {content: ''; position: absolute; left: 0; width: 2px; height: 0; background: #333; transition: .5s;}
.newsV2 .nav li.on a {color: #000;}
.newsV2 .nav li.on a::before {height: 100%;}
@media (any-hover:hover) {
  .newsV2 .nav li a:hover {color: #000;}
  .newsV2 .nav li a:hover::before {height: 100%;}
}
.newsV2 .info {flex: 1;}
.info_news {margin-top: 3.75rem; position: relative;}
.info_news .imgBox {position: relative;}
.info_news .imgBox img {width: 100%; min-height: 12rem; object-fit: cover;}
.info_news .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,0.5) 100%);}
.info_news .text {position: absolute; bottom: 0; left: 0; padding: 2.5rem;}
.info_news .text .p1 {font-size: var(--font18);}
.newsV2 .list {margin-top: 2.5rem;}
.newsV2 .list .item {position: relative; height: 20rem;}
.newsV2 .list .item .imgBox {position: relative;height: 100%; overflow: hidden;}
.newsV2 .list .item .imgBox img {height: 100%; width: 100%; object-fit: cover; transition: .5s;}
.newsV2 .list .item .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0,0,0,0.5) 100%);}
.newsV2 .list .item .con {position: absolute; bottom: 0; left: 0; width: 100%;padding: 1.25rem 2.5rem;}
.newsV2 .list .item .con .time {color: #fff;}
.newsV2 .list .item-group {display: grid; margin-top: 1.25rem; grid-template-columns: repeat(3,1fr); gap: 1.25rem;}
.newsV2 .list .item-group .item:nth-child(1) {grid-column: span 2;}
.newsV2 .list .item-group:nth-child(even) .item:nth-child(1) {grid-column: span 1;}
.newsV2 .list .item-group:nth-child(even) .item:nth-child(2) {grid-column: span 2;}
.newsV2 .load-more {margin: auto; cursor: pointer; margin-top: 6.25rem; width: 15rem; height: 4.375rem; border: 1px solid #0f0f0f; color: #151414; font-size: var(--font18); transition: .5s;}
.newsV2 .load-more:hover ,.newsV2 .load-more:active {background: #0f0f0f; color: #fff;}
/* 加载中动画（可选） */
.loading::after {content: "";display: inline-block;width: 1rem;height: 1rem;margin-left: .5rem;border: 3px solid rgba(255,255,255,.3);border-radius: 50%;border-top-color:#fff;animation: spin 1s ease-in-out infinite;}
@keyframes spin {
    to { transform: rotate(360deg); }
}
@media (any-hover:hover) {
  .newsV2 .load-more:hover {background: #0f0f0f; color: #fff;}
  .newsV2 .list .item:hover .imgBox img {transform: scale(1.05);}
}
@media (max-width: 1024px) { 
  .newsV2 .list .item {height: 20.75rem;}
}
@media (max-width: 768px) { 
  .newsV2 .nav {width: 100%; position: relative; top: 0; margin-top: 0;}
  .newsV2 .nav ul {display: flex; flex-wrap: wrap; gap: 1rem;}
  .newsV2 .info {margin-top: 2rem;}
  .newsV2 .info .tle {font-size: var(--font24);}
  .info_news {margin-top: 2rem;}
  .info_news .text {padding: 1rem;}
  .newsV2 .list {margin-top: 0;}
  .newsV2 .list .item {height: auto; height: 16rem;}
  .newsV2 .list .item .imgBox {}
  .newsV2 .list .item .imgBox img {}
  .newsV2 .list .item-group {grid-template-columns: repeat(2,1fr); gap: .625rem; margin-top: .625rem;}
  .newsV2 .list .item-group:nth-child(even) .item:nth-child(1) {grid-column: span 2;}
  .newsV2 .list .item-group:nth-child(even) .item:nth-child(2) {grid-column: span 1;}
  .newsV2 .list .item .con {padding: 1rem;}
  .newsV2 .load-more {margin-top: 3rem; width: 7.5rem; height: 3rem; font-size: var(--font14);}
  .newsV2 .load-more {background: #0f0f0f; color: #fff;}
}

@media (max-width: 500px) { 
  .newsV2 .list .item {height: 10rem;}
}

.tactOne {padding-top: 3rem;}
.tactOne .tle {align-items: flex-end; line-height: 1;}
.tactOne .box .left {width: 100%; margin-left: 0;}
@media (max-width: 768px) { 
  .tactOne .tle {line-height: 1.5;}
  .tactOne .tle p {font-size: var(--font16);}
}
.tactTwo {background: url(../images/tactTwo-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0 6.25rem;}
.tactTwo .list {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem; margin-top: 2.875rem;}
.tactTwo .list .item {border-radius: .625rem; min-height: 14.375rem; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff;}
.tactTwo .list .item .icBox {height: 2.5rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem;}
.tactTwo .list .item .icBox svg {width: 100%; height: 100%; object-fit: contain;}
.tactTwo .list .item .p2 {margin-top: .625rem;}
.tactTwo .xian {background: #ffffff; height: .063rem; margin: 5rem 0;}
.tactTwo .share dl {gap: 1.875rem;  flex-wrap: wrap;}
.tactTwo .share .ddbox {display: flex; gap: 1.25rem;}
.tactTwo .share .ddbox dd a {display: flex; width: 3.125rem; height: 3.125rem; border-radius: 50%; background: #fff; align-items: center; justify-content: center;}
.tactTwo .share .ddbox dd a svg {width: 55%; height: 55%;}
.tactTwo .share .ddbox dd svg path {transition: .5s;}
/* @media (any-hover:hover) {
  .tactTwo .share .ddbox dd a:hover svg path {fill:revert-layer;}
} */
@media (max-width: 768px) { 
  .tactTwo {padding: 6rem 0 3rem;}
  .tactTwo .tle {text-align: center;}
  .tactTwo .list {grid-template-columns: repeat(1,1fr); gap: 1rem;}
  .tactTwo .xian {margin: 3rem 0;}
}


.studioMain .box{margin-bottom: 5rem;}


/* ======2025.11.14日修改 */
.w1800 {padding: 0 8%}