/* 公用样式 */
#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%; background: #fff; box-shadow: 0px .438rem .438rem .125rem rgba(48,48,48,0.02);}
.headBox {margin: 0 3%;  transition: .5s; height: 6.25rem;  display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1;}
.headBox .logo {padding: 1.25rem 0;height: 100%;}
.headBox .logo img {min-height: 90%; 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;}

nav {height: 100%; margin-left: 15%;}
nav > ul {display: flex; height: 100%;}
nav > ul > li {position: relative;}
nav > ul >li > a {padding: 0 2rem; color: #333; height: 100%; display: flex; align-items: center; position: relative; z-index: 1;transition: .5s;}
nav >ul > li >a::before {content: ''; position: absolute;left: 0; top: 0; background: #F41309; height: 0; width: 100%; transition: .5s; z-index: -1;}
nav >ul>li:hover >a::before {height: 100%;}
nav >ul>li:hover >a {color: #fff;}
nav >ul>li.on >a::before {height: 100%;}
nav >ul>li.on >a {color: #fff;}

/* 二级下拉 */
.navTwo {line-height: initial; width: 31.25rem ;position: absolute;top: 100%; left: 0; transform: translateY(15%) translateX(-50%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .box {display: flex;  align-items: flex-start; padding: 1.25rem; padding-right: 0; background: #fff;border-radius: .625rem;box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, 0.15);}
.navTwo .box .navImgBox { border-radius: .625rem; overflow: hidden; width: 50%; position: relative;}
.navTwo .box .navImgBox img {width: 100%; height: 100%; object-fit: cover;display: none; }
.navTwo .box .navImgBox .item.active img {animation: fadeIn .5s ease-in-out; display: block;}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translateY(0) translateX(-50%);}
.navTwo dl {padding: .625rem 1rem;display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; row-gap: 1rem; width: 50%;}
.navTwo dl dd {}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666; font-size: var(--font14);}
.navTwo dl dd a i {margin-right: .625rem; width: 1rem; display: flex; align-items: center;}
.navTwo dl dd a i svg {width: 100%; height: 100%;}
.navTwo dl dd a:hover {color: #F41309;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd a:hover i svg path {fill: #F41309;}

/* 搜索 */
.head_search {cursor: pointer;}
.head_search a {height: 3.5rem; width: 3.5rem;position: relative;background: #F41309;border-radius: 50%;}
.head_search svg {width: 40%; height: 40%;}
.head_search svg path {fill: #fff;}

/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: 3.125rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 2.5%; top: 5%; cursor: pointer; width: 1.25rem;}
.hadbox-sec4 .close svg {width: 100%; height: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%; height: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 10rem; height: 3.5rem; min-height: 40px; background: #D6000F;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 2.75rem 1.5rem;}
  .hadbox-sec4 .form {padding-bottom: 1rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
  .hadbox-sec4 .form .f_sub {width: 7rem; height: 3rem;}
}



/* =================头部 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 {background: #F41309; border-radius: 6.25rem; padding: 1rem 2.5rem; display: inline-flex; align-items: center;position: relative; z-index: 1; transition: .5s;}




@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 0 .625rem rgba(244, 19, 9,.3);}

}
/* ======首页======= */
.indexBanner {position: relative; overflow: hidden;}
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img {width: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1); min-height: 14rem;}
.indexBanner .box .p1 {}
.indexBanner .box .p1 span {position: relative;}
.indexBanner .box .p1 span::before {content: ''; width: 1rem; height: 1rem; background: #F41309; display: inline-block; margin-right: .625rem;}
.indexBanner .box .p3 {margin-top: 1.25rem;}
.indexBanner .box .more {margin-top: 3.75rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {bottom: 2.5rem;}
.indexBanner .pagtion span {width: .75rem; height: .75rem;opacity: 1;background: #BDBDBD;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: #F41309;}

/* 首页 */
.indexTle {position: relative; z-index: 1;}
.indexTle .en {position: absolute; left: 50%; top: 0; z-index: -1; transform: translateX(-50%);line-height: .5; font-size: 9.375rem; color: #fff; text-stroke: 1px #EFEFEF; -webkit-text-stroke: 1px #EFEFEF; font-weight: 700;}

.indexOne {padding: 5rem 0;}
.indexOne .left {width: 46%;}
.indexOne .imglist {width: 48.5%;}
.indexOne .imglist img {width: 100%; height: 100%; object-fit: cover;}
.indexOne .left .list {margin-top: 4.375rem;}
.indexOne .left .list .item {padding: 1rem 1.875rem;}
.indexOne .left .item .icBox {margin-right: 1.25rem; width: 2.5rem; height: 2.5rem; opacity: 0; transition: .5s;}
.indexOne .left .item .icBox img {min-height: 90%; max-height: 100%; object-fit: contain;}
.indexOne .left .item .p1 {font-size: var(--font28); color: #666666;}
.indexOne .left .item .jt {opacity: 0; transition: .5s; cursor: pointer;}
.indexOne .left .item .jt a {width: 2.375rem; height: 2.375rem; border-radius: 50%;background: #666666; transition: .5s;}
@media (any-hover: hover) {
  .indexOne .left .item .jt a:hover {background: #F41309;}
}
.indexOne .left .item .hide {margin-top: 1.25rem;color: #666666; padding-left: 3.75rem; height: 0; opacity: 0; transition: .5s;}
.indexOne .left .item.active {background: #F2F2F2;   padding: 1.875rem;}
.indexOne .left .item.active .p1 {color: #F41309; font-family: 'AlibabaM', sans-serif;}
.indexOne .left .item.active .icBox {opacity: 1;}
.indexOne .left .item.active .jt {opacity: 1;}
.indexOne .left .item.active .hide {display: block; opacity: 1; height: 3.125rem;}
.indexOne .imglist {overflow: hidden;}
.indexOne .imglist .item {display: none;}
.indexOne .imglist .item.active {display: block; animation: DIYzoomIn .5s ease-in-out;}

.indexTwo {background: #FCFCFC;padding: 5rem 0; position: relative; overflow: hidden;}
.indexTwo_text {writing-mode: vertical-rl;position: absolute; line-height: 1; left: 1%; top: 50%; transform: translateY(-50%); font-size: 9.375rem; color: #FCFCFC; text-stroke: 1px #EFEFEF; -webkit-text-stroke: 1px #EFEFEF; font-weight: 700;}
.indexTwo .swiperBox {margin-top: 3.125rem; position: relative;}
.indexTwo .swiper {position: static;}
.indexTwo .slide .con {padding: 1.25rem; background: #fff;border-radius: .375rem; overflow: hidden;}
.indexTwo .slide .imgBox {height: 17.5rem;}
.indexTwo .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexTwo .slide .desc {display: flex; justify-content: space-between; align-items: center; margin-top: 1.25rem;}
.indexTwo .slide .desc .p1 {color: #333;}
.indexTwo .slide .desc .jt {width: 2.375rem; height: 2.375rem; border-radius: 50%;background: #666666; transition: .5s;}
/* 控件 */
.indexTwo .swjt i {color: #898989; font-size: var(--font30);}
.indexTwo .swjt.swiper-button-prev {left: 0; transform: translateX(-150%);}
.indexTwo .swjt.swiper-button-next {right: 0; transform: translateX(150%);}
.indexTwo .swjt:active i {color: #F41309;}
@media (any-hover: hover) {
  .indexTwo .slide:hover .jt {background: #F41309;}
  .indexTwo .swjt:hover i {color: #F41309;}
}

.indexThre {padding: 5.625rem 0 6.875rem;}
.indexThre .text {margin-top: 2.5rem; text-align: center; line-height: 1.8;}
.indexThre .numlist {margin-top: 5rem;}
.indexThre .numlist ul {gap: 12.5rem;}
.indexThre .numlist li {}
.indexThre .numlist .num {display: flex; align-items: flex-end; line-height: .8;}
.indexThre .numlist .counter {font-size: var(--font48);color: #F41309;font-family: 'AlibabaM', sans-serif;}
.indexThre .numlist .dw {font-size: var(--font20);color: #F41309;}
.indexThre .numlist .num_text {margin-top: .625rem;}
.indexThre .box {margin-top: 3.75rem;}
.indexThre .box .item {min-height: 23.125rem; padding: 1.875rem 6.25rem; width: 48%;box-shadow: 0px -0.25rem .438rem 2px rgba(48,48,48,0.01);border-radius: .375rem;overflow: hidden; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 1; text-align: center;}
.indexThre .box .item .p1 {font-size: var(--font28); color: #333;}
.indexThre .box .item .bjBox {position: absolute;width: 100%;height: 100%;left: 0;top: 0; z-index: 1; opacity: 0; transition: .5s; }
.indexThre .box .item .bjBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 0;}
.indexThre .box .item .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .box .item .icBox {height: 4.375rem; position: relative; z-index: 1;}
.indexThre .box .item .icBox img {max-height: 100%; min-height: 90%; }
.indexThre .box .item .t1 {margin-top: 1.875rem; transition: .5s;position: relative; z-index: 1;}
.indexThre .box .item .desc {margin-top: 1.875rem; font-size: var(--font18); transition: .5s;position: relative; z-index: 1;}
@media (any-hover: hover) {
  .indexThre .box .item:hover .bjBox {opacity: 1;}
  .indexThre .box .item:hover .icBox img {filter: brightness(0) invert(1);}
  .indexThre .box .item:hover .t1 {color: #fff;}
  .indexThre .box .item:hover .desc {color: #fff;}
}

.indexFour {background: #FCFCFC;}
.indexFour .tle {padding: 3.75rem 0; gap: 1rem;}
.indexFour {position: relative; overflow: hidden;}
.indexFour .swiperBox {min-height: 47.5rem; position: relative; overflow: hidden;}
.indexFour .bjSwiper {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.indexFour .bjSwiper .swiper {width: 100%; height: 100%;}
.indexFour .bjSwiper .slide .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;  transition: .5s; }
.indexFour .bjSwiper .slide .bjBox::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 0;}
.indexFour .bjSwiper .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFour .conSwiper {padding-top: 10%; overflow: visible;}
.indexFour .conSwiper .slide .tit {border-left: .188rem solid #F41309; padding-left: .625rem; line-height: 1; }
.indexFour .conSwiper .slide .text {line-height: 1.8; margin-top: 2.75rem; width: 40%;}
.indexFour .conSwiper .slide .more {margin-top: 5rem;}
.indexFour .thumb {position: absolute; left: 0; bottom: 3.125rem; width: 100%;}
.indexFour .thumb .slide {cursor: pointer;}
.indexFour .thumb .slide .icBox {height: 2.5rem; transition: .5s; opacity: 0;}
.indexFour .thumb .slide .icBox img {min-height: 90%; max-height: 100%;}
.indexFour .thumb .slide .xian {position: relative; height: .125rem;margin-top: 1.875rem;}
.indexFour .thumb .slide .xian::before {content: ''; position: absolute;left: 0; bottom: 0; width: 100%; height: 100%; background: #FFFFFF; opacity: 0.2;}
.indexFour .thumb .slide .xian::after {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; transition: .5s;}
.indexFour .thumb .slide .tit {margin-top: 1.5rem;}
.indexFour .thumb .slide.swiper-slide-thumb-active .xian::after {width: 100%;}
.indexFour .thumb .slide.swiper-slide-thumb-active .icBox {opacity: 1;}

.indexFive {background: #FCFCFC;padding: 5rem 0; position: relative; overflow: hidden;}
.indexFive .tle { gap: 1rem;}
.indexFive_text {writing-mode: vertical-rl;position: absolute; line-height: 1; right: 1%; top: 50%; transform: translateY(-50%); font-size: 9.375rem; color: #FCFCFC; text-stroke: 1px #EFEFEF; -webkit-text-stroke: 1px #EFEFEF; font-weight: 700;}
.indexFive .swiperBox {margin-top: 3.75rem; position: relative;}
.indexFive .swiper {position: static;}
.indexFive .slide {background: #fff;border-radius: 1.875rem; overflow: hidden;}
.indexFive .slide .con {  overflow: hidden;}
.indexFive .slide .imgBox {height: 17.5rem;}
.indexFive .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexFive .slide .desc {display: flex;align-items: center; justify-content: space-between;padding: 1rem 1.25rem;}
.indexFive .slide .desc .p1 {color: #333;}
.indexFive .slide .desc .jt {width: 2.375rem; height: 2.375rem; border-radius: 50%;background: #666666; transition: .5s;}
/* 控件 */
.indexFive .swjt i {color: #898989; font-size: var(--font30);}
.indexFive .swjt.swiper-button-prev {left: 0; transform: translateX(-150%);}
.indexFive .swjt.swiper-button-next {right: 0; transform: translateX(150%);}
.indexFive .swjt:active i {color: #F41309;}
@media (any-hover: hover) {
  .indexFive .slide:hover .jt {background: #F41309;}
  .indexFive .swjt:hover i {color: #F41309;}
}


.indexSix {padding: 5rem 0;}
.indexSix .box {margin-top: 3.75rem;}
.indexSix .left {width: 49%;}
.indexSix .right {width: 49%;}
.indexSix .right .item {display: none;height: 100%;border-radius: .375rem; overflow: hidden;}
.indexSix .right .item img {width: 100%; height: 100%; object-fit: cover;}
.indexSix .right .item.active {display: block; animation: fadeIn .5s ease-in-out;}
.indexSix .left .item {padding: 1.875rem 0; border-bottom: 1px solid #F2F2F2; display: flex; justify-content: space-between; font-size: var(--font24);font-family: 'AlibabaM', sans-serif;}
.indexSix .left .le_con {display: flex; align-items: center;}
.indexSix .left .item .icBox {width: 3.75rem; display: flex; justify-content: center; margin-right: 2.5rem;}
.indexSix .left .item .icBox img {max-width: 100%; min-width: 90%;}
.indexSix .left .item p {font-weight: 500;}
.indexSix .left .item .num { margin-left: 1.25rem; line-height: 1; font-size: 5rem; color: rgba(51, 51, 51, 0); text-stroke: 1px #EFEFEF; opacity: 0.3; -webkit-text-stroke: 1px #EFEFEF;}
.indexSix .left .item.active p {color: #F41309;}

.indexSeven {background: #F5F7F9; padding: 5rem 0;}
.indexSeven .tle { gap: 1rem;}
.indexSeven .box {margin-top: 4.375rem;}
.indexSeven .left {width: 56%;}
.indexSeven .left .item {padding: 1.875rem 1.5rem; border-bottom: 1px solid #E3E3E3; transition: .5s;}
.indexSeven .left .le_con {display: flex;align-items: center;}
.indexSeven .left .item .time {margin-right: 5rem; flex-shrink: 0;}
.indexSeven .left .item .jt {width: 3.375rem;height: 3.375rem;border-radius: 50%;border: 1px solid #CCCCCC; transition: .5s; flex-shrink: 0;}
.indexSeven .left .item .tit {font-family: 'AlibabaM', sans-serif;}
.indexSeven .right {width: 39%;}
.indexSeven .right .item {display: none;height: 100%; background: #fff; overflow: hidden;border-radius: .813rem;}
.indexSeven .right .item .imgBox {height: 22.5rem;}
.indexSeven .right .item .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexSeven .right .item .info {padding: 3.75rem 2.5rem; text-align: center;}
.indexSeven .right .item.active {display: block; animation: fadeIn .5s ease-in-out;}
.indexSeven .left .item.active {background: #fff;}
.indexSeven .left .item.active .jt {background: #F41309; border-color: #F41309;}
.indexSeven .left .item.active .jt i {color: #fff;}
@media (any-hover: hover) {
  .indexSeven .left .item:hover {background: #fff;}
  .indexSeven .left .item:hover .jt {background: #F41309; border-color: #F41309;}
  .indexSeven .left .item:hover .jt i {color: #fff;}
}

.indexTouch {background: url(../images/indexTouch-bj.jpg) no-repeat center; background-size: cover; padding: 8.125rem 0;}
.indexTouch .more {margin-top: 3.75rem;}

/* ==============================================================底部 */
.footer { background-color: #fff;  padding: 5rem 0 2.5rem;}
.footer .foter_logo img {min-width: 17.5rem; max-width: 100%; object-fit: contain;}
.footer .contact-info {margin-top: 3.125rem;}
.footer .contact-info .phone .sp2 {color: #007BC5;}
.footer .contact-info dl {margin-top: 1.875rem;}
.footer .contact-info dl dd {display: flex; align-items: center;line-height: 2;}
.footer .contact-info dl dd .icBox {width: 1.25rem;display: flex; align-items: center;justify-content: center; margin-right: .625rem;}
.footer .contact-info dl dd .icBox img {max-width: 100%; min-width: 90%;}
.footer .contact-info dl dd p {color: #666;}
.footer .contact-info dl dd p a:hover {color: #F41309;}
.foternav {display: flex; width: 59%; justify-content: space-between;}
.foternav dl dt a {font-size: var(--font20); color: #333;font-family: 'AlibabaM', sans-serif;}
.foternav dl dt {margin-bottom: 1.875rem;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a:hover {color: #F41309;}
.copyRight {margin-top: 2.5rem; position: relative;}
.copyRight .copy {position: relative; z-index: 1;}
.copyRight .copy .abs_text {position: absolute;  right: 0; bottom: 0; z-index: -1; font-weight: 700;opacity: .3;}
.copyRight .copy .abs_text img {max-width: 100%; width: 55rem;}
.copyRight .code {width: 6.25rem;}
.copyRight .code img {width: 100%; object-fit: contain;}
.copyRight .right {text-align: right; font-size: var(--font15);color: #666666; line-height: 2;}
.copyRight .right a:hover {color: #F41309;}



/* =============================================================内页============================================================= */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 22rem; object-fit: cover;}
.ny-banner .box {top: calc(50% + 3rem);}
.ny-banner .con .p1 {line-height: 1;}
.ny-banner .con .p2 {margin-top: 1rem;}
.ny-banner .con {position: relative; padding-left: 1.875rem; border-left: 1px solid rgba(244, 19, 9,.5);} 
.ny-banner .con::before {content: ''; position: absolute; top: 0; left: -0.125rem; width: .188rem; height: 50%; background: rgba(244, 19, 9,1); z-index: -1;}
.ny-banner .tips {margin-top: 1.875rem; flex-wrap: wrap;}
.ny-banner .tips {gap: 1.25rem;}
.ny-banner .tips .item {color: #fff; background: #f41309; padding: .625rem 1.25rem; border-radius: .313rem;position: relative;}
.ny-banner .tips .item::after {content: ''; position: absolute; bottom: -0.313rem; left: 0; width: 100%; height: 100%; border: .125rem solid #f41309; border-radius: .313rem; z-index: -1; box-sizing: border-box;}

.ny-nav {background: #fff;box-shadow: 0px 2px 7px 2px rgba(48,48,48,0.02); padding: 1.375rem 0;}
.ny-nav .list ul {display: flex; justify-content: center;}
.ny-nav .list li a {font-size: var(--font20); color: #333; display: block; padding: .875rem 2.75rem; border-radius: 6.25rem; transition: .5s;}
.ny-nav .list li:active a {background: #F41309; color: #fff;}
.ny-nav .list li.on a {background: #F41309; color: #fff;}
@media (any-hover: hover) {
  .ny-nav .list li a:hover {background: #F41309; color: #fff;}
}


/* ==========关于我们 */
.aboutTle .xian {display: inline-block; height: .25rem; width: 8rem; background: #F41309; border-radius: 2px; margin-top: 1.25rem;}

.aboutOne {padding: 6.25rem 0;}
.aboutOne .top .right {width: 48%;}
.aboutOne .numlist {margin-top: 1.25rem;}
.aboutOne .numlist ul {gap: 1rem; justify-content: space-between;}
.aboutOne .numlist li {}
.aboutOne .numlist .num {display: flex; align-items: flex-end; line-height: .8;}
.aboutOne .numlist .counter {font-size: var(--font48);color: #F41309;font-family: 'AlibabaM', sans-serif;}
.aboutOne .numlist .dw {font-size: var(--font20);color: #F41309;}
.aboutOne .numlist .num_text {margin-top: .625rem;}
.aboutOne .bom {margin-top: 3.75rem;}
.aboutOne .bom .imgBox {width: 45%; overflow: hidden;}
.aboutOne .bom .imgBox img {width: 100%;}
.aboutOne .bom .text {width: 48%;}
.aboutOne .bom .text p {margin-top: 1.25rem; line-height: 1.8;}
.aboutOne .bom .text p:first-child {margin-top: 0;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 12.5rem; background-attachment: fixed;}
.aboutTwo .text {margin-top: 2.5rem;padding: 0 12.5rem; line-height: 1.8;}
.aboutTwo .list {display: flex; justify-content: space-between; padding: 0 5rem; margin-top: 4.375rem;}
.aboutTwo .list .item {width: calc(100% / 3 - 2.125rem);background: rgba(255, 255, 255, .2); text-align: center; padding: 3.5rem 2.5rem;border-radius: .5rem;}
.aboutTwo .list .item .p2 {margin-top: 1.875rem;}

.aboutThre {padding: 10rem 0 5.625rem; position: relative;background: #FCFCFC;}
.aboutThre .top {position: absolute;width: 100%;top: 0; transform: translateY(-50%);overflow: hidden;}
.aboutThre .top .con {padding: 2.5rem 0; padding-left: 5rem; width: 55%;position: relative;  margin-left: auto; z-index: 1;}
.aboutThre .top .con::after {content: '';position: absolute;height: 100%; width: 100vw; left: 0; top: 0;border-radius: 1.25rem;background: #F41309; z-index: -1;}
.aboutThre .list {display: flex; justify-content: space-between; padding: 0 5rem; margin-top: 4.375rem;}
.aboutThre .list .item {width: calc(100% / 3 - 1.5rem);text-align: center; padding: 3.75rem 3.125rem;border-radius: .438rem;position: relative; z-index: 1;}
.aboutThre .list .item::before {content:''; position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: #fff; border-radius: .438rem; z-index: -1; transition: .5s;}
.aboutThre .list .item::after {content:''; position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: #F41309; border-radius: .438rem; z-index: -2; transition: .5s;}
.aboutThre .list .item .icBox {height: 4.25rem; display: flex; justify-content: center; align-items: center;}
.aboutThre .list .item .icBox img {max-height: 100%; min-height: 80%;}
.aboutThre .list .item .p1 {margin-top: 2.5rem;}
.aboutThre .list .item .p2 {margin-top: 1.875rem;}
@media (any-hover: hover) {
  .aboutThre .list .item:hover::after {transform: translateY(-0.625rem) translateX(-0.625rem);}
}

.aboutFour {position: relative; overflow: hidden; padding: 6.25rem 0;}
.aboutFour .tle .t1 {position: relative; line-height: 1; border-left: .313rem solid #F41309; padding-left: 1.25rem;}
.aboutFour .swiperBox {margin-top: 3.75rem;}
.aboutFour .swiperBox .slide .slide_box {}
.aboutFour .swiperBox .slide .imgBox {width: 45%;border-radius: 1.125rem; overflow: hidden;}
.aboutFour .swiperBox .slide .imgBox img {width: 100%;}
.aboutFour .swiperBox .slide .info {width: 49%;}
.aboutFour .swiperBox .slide .info .time {font-weight: 700;}
.aboutFour .swiperBox .slide .info .text {margin-top: 2.5rem; border-top: 1px solid #F2F2F2; padding-top: 2.5rem;}
.aboutFour .swiperBox .slide .info .text p {position: relative; margin-top: .625rem;}
.aboutFour .swiperBox .slide .info .text p::before {content: ''; flex-shrink: 0; display: inline-block; width: .375rem; height: .375rem; background: #F41309; border-radius: 50%; margin-right: .625rem;    margin-bottom: .2rem;}
.aboutFour .thumb {margin-top: 6.25rem; position: relative; z-index: 1;}
.aboutFour .thumb .swiper {padding-top: 1.25rem; margin: 0 5rem;}
.aboutFour .thumb::before {content: '';position: absolute; width: 200vw; height: 1px; top: calc( 1.25rem + 0.45rem ); background: #F2F2F2; left: -100vw;}
.aboutFour .thumb .slide {text-align: center; cursor: pointer;}
.aboutFour .thumb .slide .cirle {display: block; margin: auto; width: 1rem; height: 1rem; position: relative;}
.aboutFour .thumb .slide .cirle i {width: 100%; height: 100%; display: block; margin: auto; border-radius: 50%;border: 2px solid #F41309;transition: .5s;}
.aboutFour .thumb .slide .cirle::after {content: '';position: absolute; width: 150%; height: 150%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background: #F41309; opacity: 0; transition: .5s;}
.aboutFour .thumb .slide .time {font-size: var(--font18); color: #F41309; opacity: .5; margin-top: 1rem; transition: .5s; height: var(--font34);}
.aboutFour .thumb .slide.swiper-slide-thumb-active .cirle i {background: #F41309;}
.aboutFour .thumb .slide.swiper-slide-thumb-active .cirle::after { animation: scalemap 2s linear infinite}
.aboutFour .thumb .slide.swiper-slide-thumb-active .time {opacity: 1; font-size: var(--font22); font-weight: 700;}
/* 控件 */
.aboutFour .swjt {width: 3.25rem;height: 3.25rem;background: #666666;border-radius: 50%; top: calc(50% - 1.25rem + 0.4rem); transition: .5s;}
.aboutFour .swjt.swiper-button-prev {left: 0;}
.aboutFour .swjt.swiper-button-next {right: 0;;}
.aboutFour .swjt:active {background: #F41309;}
.aboutFour .swjt:active i {color: #fff;}
@media (any-hover: hover) {
  .aboutFour .swjt:hover {background: #F41309;}
  .aboutFour .swjt:hover i {color: #fff;}
}

.aboutFive {background: #FCFCFC; padding: 5.625rem 0 6.25rem;}
.aboutFive .swiperBox {margin-top: 4.375rem;}
.aboutFive .slide {background: #FFFFFF; border-radius: .375rem; overflow: hidden;}
.aboutFive .slide .imgBox {height: 17rem; overflow: hidden;}
.aboutFive .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.aboutFive .slide .info {padding: 1.5rem .625rem; text-align: center;}
@media (any-hover: hover) {
  .aboutFive .slide:hover .imgBox img {transform: scale(1.1);}
}

.aboutSix {padding: 6.25rem 0;}
.aboutSix .swiperBox {margin-top: 3.75rem;}
.aboutSix .slide {text-align: center; transition: .5s;}
.aboutSix .slide:nth-child(2n) {margin-top: 3.125rem;}
.aboutSix .slide .imgBox {background: #FFFFFF;border: 2px solid #F2F2F2; padding: .625rem; height: 25rem;}
.aboutSix .slide .imgBox img {width: 100%; height: 100%; object-fit: contain;}
.aboutSix .slide .info {margin-top: 1rem;}

/* 控件 */
.aboutSix .contrals {position: relative;}
.aboutSix .swjt { display: inline-flex; width: 3.25rem;height: 3.25rem;background: #666666;border-radius: 50%; top: 0;left: 0; margin: 0; position: relative; transition: .5s;}
.aboutSix .swjt.swiper-button-prev {left: 0;}
.aboutSix .swjt.swiper-button-next {right: 0;;}
.aboutSix .swjt:active {background: #F41309;}
.aboutSix .swjt:active i {color: #fff;}
@media (any-hover: hover) {
  .aboutSix .swjt:hover {background: #F41309;}
  .aboutSix .swjt:hover i {color: #fff;}
}


/* ==========产品中心 */
.proOne {padding: 6.25rem 0;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 21%; min-width: 12.5rem; position: sticky; top: 7rem;}
.proOne .box .re {flex: 1;margin-left: 3.5%; max-width: 74%;}
/* 左侧产品栏目 */
.proOne .menu {box-shadow: 0px .25rem .438rem .125rem rgba(48,48,48,0.04); padding: 1.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid #F41309; padding: 0 1.25rem;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
.proOne .menu ul {}
.proOne .menu li {border-bottom: 1px solid rgba(242, 242, 242,.26);}
.proOne .menu li .menu-li {display: flex; justify-content: space-between;padding: 1.25rem 1.875rem; min-height: 40px; cursor: pointer;  }
.proOne .menu li .menu-li a {color: #333; display: flex; align-items: center;font-size: var(--font22);}
.proOne .menu li .menu-li .more {width: .875rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute; font-weight: 700; font-size: var(--font16); left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}
.proOne .menu li .menu-li:hover a {color: #F41309;}
.proOne .menu li .s-menu { width: 100%; padding: 2.5rem 1.25rem; padding-left: 1.875rem; padding-top: .625rem; padding-bottom: 0; display: none;}
.proOne .menu li .s-menu a {width: 100%; color: #666; position: relative;margin-bottom: .625rem;transition: all ease-out 0.3s; display: block; position: relative;}
.proOne .menu li .s-menu a::before {content: ''; display: inline-block; width: .5rem; height: .5rem; border: 1px solid #666666; border-radius: 50%; margin-right: .5rem;}
.proOne .menu li .s-menu a:hover {color: #F41309;}
.proOne .menu li .menu-li.on {background: none;}
.proOne .menu li .menu-li.on a {}
.proOne .menu li .menu-li.on .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian {opacity: 1;}
.proOne .menu li .s-menu.on {display: block;}
/* 右侧产品列表 */
.proOne .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.proOne .list li {background: #FCFCFC; border-radius: .375rem; overflow: hidden; padding: 1.25rem;}
.proOne .list li .imgBox {height: 17.5rem; overflow: hidden;}
.proOne .list li .imgBox img {width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.proOne .list li .info {margin-top: 1.25rem; display: flex; justify-content: space-between; align-items: center; font-size: var(--font18);color: #333333;}
.proOne .list li .info .jt {width: 2.375rem; height: 2.375rem; background: #666666; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.proOne .list li .info .jt i {color: #fff; font-size: var(--font16);}
.proOne .list li .more {margin-top: 3.125rem;}
.proOne .list li:hover .imgBox img {transform: scale(1.1);}
/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #F41309; 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;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 60%;background: #fff;z-index: 999;transition: all 0.3s; box-shadow: none; padding: 0;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0; max-width: 100%;}
  .filter-toggle {display: block;}
}

.proTwo {padding: 5rem 0; background: #FCFCFC;}
.proTwo .swiperBox {margin-top: 5rem;}
.proTwo .swiperBox {position: relative;}
.proTwo .swiper {position: static;}
.proTwo .slide .imgBox {border-radius: .375rem; overflow: hidden; height: 17.5rem;}
.proTwo .slide .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.proTwo .slide {text-align: center;}
.proTwo .slide .p1 {margin-top: .625rem; color: #333;}
@media (any-hover: hover) {
  .proTwo .slide:hover .imgBox img {transform: scale(1.1);}
}
/* 控件 */
.proTwo .swjt i {color: #898989; font-size: var(--font30);}
.proTwo .swjt.swiper-button-prev {left: 0; transform: translateX(-150%);}
.proTwo .swjt.swiper-button-next {right: 0; transform: translateX(150%);}
.proTwo .swjt:active i {color: #F41309;}
@media (any-hover: hover) {
  .proTwo .slide:hover .jt {background: #F41309;}
  .proTwo .swjt:hover i {color: #F41309;}
}

.proThre {padding: 5rem 0; background: #f41309;}
.proThre .box {gap: 2rem;}
.proThre .more .btn {width: 9rem; height: 3.375rem; border-radius: 6.25rem; background: #e3e3e3; transition: .5s;}
.proThre .more .btn:hover {background: #d0d0d0;}

/* =====产品详情 */
.proDateOne {padding: 7rem 0; background: url(../images/proDateOne-bj.jpg) no-repeat center; background-size: cover;}
.proDateOne .box {}
/* .proDateOne .box .imgBox {width: 37%; overflow: hidden; border-radius: .625rem;}
.proDateOne .box .imgBox img {width: 100%; height: 100%; object-fit: cover;} */
.proDateOne .box .info {width: 52%;}
.proDateOne .box .info .tit { color: #333; position: relative; padding-left: 2.375rem; line-height: 1;}
.proDateOne .box .info .tit::before {content: ''; position: absolute; left: 0; top: 0; width: .313rem; height: 100%; background: #F41309; border-radius: .188rem;}
.proDateOne .box .info .text {line-height: 1.8; margin-top: 3.125rem;}
.proDateOne .box .info .more {margin-top: 3.125rem;}
.proDateCon .tit {border-bottom: 1px solid #f2f2f2; padding-bottom: 1.25rem; margin-bottom: 1.25rem;}
.proDateCon .item {margin-bottom: 3.75rem;}

/* =============================应用案例 */
.caselist {padding: 3.75rem 0;}
.caselist .list li {display: flex; margin-bottom: 1.5rem; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.caselist .list li:nth-child(2n) {flex-direction: row-reverse;}
.caselist .list li .imgBox {width: 49%; height: 24.75rem; overflow: hidden; border-radius: .625rem;}
.caselist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.caselist .list li .info {width: 45%;}
.caselist .list li .info .p2 {line-height: 1.8;}

/* 案例详情 */
.caseDate {margin: 5rem 0;}
.caseDate .box {align-items: flex-start;}
.caseDate .left {background: #fcfcfc; padding: 3.75rem; width: 72%;}
.caseDate .right {width: 25%;background: #fcfcfc; padding: 2.5rem;}
.caseDate .box .tit {padding-bottom: 1.25rem; border-bottom: 1px solid #f2f2f2;}  
.caseDate .box .tit .other {display: flex; gap: 3.125rem; flex-wrap: wrap; margin-top: 1.25rem; font-size: var(--font16);}
.caseDate .left .date {margin-top: 1.875rem;}
.caseDate .left .date img {max-width: 100%;}
.caseDate .right .list li {padding: 1.25rem 0; border-bottom: 1px solid #f2f2f2;}
.caseDate .right .list li .imgBox {display: none; height: 10.5rem; margin-top: 1.25rem; overflow: hidden; border-radius: .625rem;}
.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: #F41309;}


/* =============================新闻中心 */
.newsInfo {background: #f2f2f2; padding-top: 6.25rem;}
.newsInfo .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem;}
.newsInfo .list li {background: #fff; padding: 1.875rem;}
.newsInfo .list li .p1 {}
.newsInfo .list li .p2 {font-size: var(--font24); color: #333;}
.newsInfo .list li .imgBox {margin-top: 1.25rem; height: 20.125rem; overflow: hidden; border-radius: .625rem;}
.newsInfo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newsInfo .list li .p3 {margin-top: 1.25rem;}
@media (any-hover: hover) {
  .newsInfo .list li:hover .p3 {color: #F41309;}
  .newsInfo .list li:hover .imgBox img {transform: scale(1.1);}
}
.newslist {background: #f2f2f2; padding-bottom: 10rem; padding-top: 1.875rem;}
.newslist .list li {background: #fff; padding: 2.5rem; margin-bottom: 1.875rem; transition: .5s;}
.newslist .list li .le {margin-right: 6.25rem;}
.newslist .list li .re {flex-shrink: 0;}
.newslist .list li a {display: flex; justify-content: space-between; align-items: center;}
@media (any-hover: hover) {
  .newslist .list li:hover {box-shadow: 0 0 .625rem rgba(0,0,0,.2);}
}

/* =============================联系我们 */
.tactOne {padding: 3.125rem 0;}
.tactOne .box {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem;}
.tactOne .item {text-align: center; border: 2px solid #f2f2f2; padding: 2.5rem .625rem;}
.tactOne .item .icBox {height: 3.5rem;}
.tactOne .item .icBox img {max-height: 100%; min-height: 80%;}
.tactOne .item .p1 {margin-top: 1.25rem; font-size: var(--font24);}
.tactOne .item .p2 {font-size: var(--font18); margin-top: .625rem;}
.tactOne .item .p2 a {color: #333;}

.tactTwo {padding-bottom: 6.25rem;}
.tactTwo .left {width: 65%; position: relative;}
.tactTwo .left .nav {padding: 1.5rem; min-width: 25rem; max-width: 100%; background: #fff; border-bottom: .25rem solid #f41309; position: absolute; z-index: 2; left: 3%; top: 3%;}
.tactTwo .left .nav ul li {display: flex; align-items: center; margin-bottom: 1.25rem;}
.tactTwo .left .nav ul li .icBox {width: 3.625rem; height: 3.625rem; flex-shrink: 0; background: #cbcbcb; border-radius: 50%; margin-right: 1rem; display: flex; align-items: center; justify-content: center;}
.tactTwo .left .nav ul li .icBox svg {width: 50%; height: 50%;}
.tactTwo .left .nav ul li .p1 {font-size: var(--font20); color: #333; font-weight: 700;}
.tactTwo .left .nav ul li .p2 {font-size: var(--font15); color: #666666;}
.tactTwo .left .nav ul li.active .icBox {background: #F41309;}
.tactTwo .left .nav ul li.active .p1 {color: #F41309;}
.tactTwo .left .nav ul li.active .icBox svg path {fill: #fff;}
.tactTwo .left .imgBox {height: 100%;}
.tactTwo .left .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.tactTwo .left .imgBox .item {display: none;}
.tactTwo .left .imgBox .item.active {display: block; animation: fadeIn .5s ease-in-out;}


.tactTwo .right {width: 33%; background: #f2f2f2; padding: 2.5rem; padding-top: 3.75rem; padding-bottom: 1.25rem;}
.tactTwo .right .tit {line-height: 1; position: relative; padding-left: 1.5rem;}
.tactTwo .right .tit::before {content: ''; position: absolute; left: 0; top: 0; width: .313rem; height: 100%; background: #F41309; border-radius: .188rem;}

#tactForm {padding-top: 1.875rem; border-top: 1px solid #e2e2e2;margin-top: 2.5rem;}
#tactForm .layui-input-block {min-height: initial; margin: 0;}
#tactForm .layui-input , #tactForm .layui-textarea {height: 4rem; background: #fff; border-radius: .188rem; font-size: var(--font16); padding: 0 1.25rem; resize: none;}
#tactForm .layui-textarea {padding: 1.25rem; min-height: 10rem;}
#tactForm .layui-textarea::placeholder {color: #9d9d9d;}
#tactForm .layui-input::placeholder {color: #9d9d9d;}
#tactForm .layui-form-select dl {top: 100%;}
#tactForm .layui-form-selectup dl {top: auto; bottom: 100%;}
#tactForm .layui-form-item {margin-bottom: .625rem;}
#tactForm .layui-form-item::after {display: none;}
#tactForm .layui-form-item .layui-input-inline {margin: 0; float: none; left: 0;}
#tactForm .layui-form-item.code {display: flex; justify-content: space-between;} 
#tactForm .layui-form-item.code .inline_input {width: 60% !important; position: relative;}
#tactForm .layui-form-item.code .inline_btn {width: 37% !important;}
#tactForm .layui-form-item.code .layui-input {padding-right: 6.25rem;}
#tactForm .layui-form-item.code .code_img {position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; width: 6rem; height: 2.375rem; cursor: pointer;}
#tactForm .layui-form-item.code .code_img img {width: 100%; max-height: 100%; object-fit: contain;}
#tactForm .layui-form-item.code .btn {background: #D6000F; width: 100%; height: 100%; color: #fff; font-size: var(--font16); border-radius: .313rem; cursor: pointer; transition: .5s;}
#tactForm .layui-form-item.code .btn:hover {background: #F41309;}

.solution{padding: 6.25rem 0;}
.solution .list ul{display: grid; grid-template-columns: repeat(4, 1fr); gap:2.5rem}
.solution .list ul li {background: #f5f5f5; overflow: hidden;}
.solution .list ul li .con {  overflow: hidden;}
.solution .list ul li .imgBox {height: 17.5rem;}
.solution .list ul li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.solution .list ul li .desc {display: flex;align-items: center; justify-content: space-between;padding: 1rem 1.25rem;}
.solution .list ul li .desc .p1 {color: #333;}
.solution .list ul li .desc .jt {width: 2.375rem; height: 2.375rem; border-radius: 50%;background: #666666; transition: .5s;}
@media (any-hover: hover) {
  .solution .list ul li:hover .jt {background: #F41309;}
}




/* =============================产品资料调整 */
.caseDate .left .date .yy-1 tr td {padding: 0 .625rem;}
.caseDate .left .date .yy-2 tr td {padding: 0 2.5rem;}

.proDateCon .item img {max-width: 100%;}

.proDateCon .item .cp-1 tr td {padding: 0 .625rem;}


@media screen and (max-width: 1024px) {
  .caseDate .left .date .yy-1 tr {display: flex; flex-wrap: wrap; gap: 1.25rem;}
  .caseDate .left .date .yy-1 tr td {padding: 0 .313rem; width: calc(100% / 2 - 1.25rem);}
  
}

@media screen and (max-width: 767px) {
  .caseDate .left .date .yy-1 tr td {width: 100%; padding: 0;}
  .caseDate .left .date .yy-2 tr {display: flex; flex-wrap: wrap;}
  .caseDate .left .date .yy-2 tr td {width: 100%; padding: 0 1.25rem;}

  .proDateCon .item .cp-1 tr {display: flex; flex-wrap: wrap; row-gap: 1.25rem;}
  .proDateCon .item .cp-1 tr td {width: 50%;}
}



.proDateOne .swiperBox {width: 36%;}
.proDateOne .swiperOne .slide {/* background: #fff; *//* border:1px solid #eee; */}
.proDateOne .swiperOne .slide .imgBox {/* height: 28.625rem; */overflow: hidden;display: flex;align-items: center;justify-content: center;}
.proDateOne .swiperOne .slide img {/* min-width: 70%; */max-width: 100%;max-height: 100%;object-fit: contain;}
.proDateOne .inSwiperBox {position: relative;}
.proDateOne .swiperTwo {margin: 0 2.5rem;margin-top: 1.25rem; position: static;}
.proDateOne .swiperTwo .slide {/* height: 6.25rem; *//* background: #fff; */cursor: pointer;display: flex;justify-content: center;align-items: center;}
.proDateOne .swiperTwo .slide img {width: 100%; max-height: 100%; object-fit: contain; opacity: .5;}
.proDateOne .swiperTwo .slide.swiper-slide-thumb-active img {opacity: 1;}
/* 控件 */
.proDateOne .swiperTwo .swjt {background: #F41309; height: 100%; width: 1.875rem; display: flex; align-items: center; justify-content: center; margin: 0; top: 0;}
.proDateOne .swiperTwo .swjt i {color: #fff; font-size: var(--font20);}
.proDateOne .swiperTwo .swjt.swiper-button-prev {left: 0;}
.proDateOne .swiperTwo .swjt.swiper-button-next {right: 0;}