#c-placeholder {height: calc(2.25rem + 4.375rem);}
html {scroll-behavior: smooth;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;}
.header_top {height: 2.25rem; padding: 0 1.5%; display: flex; justify-content: flex-end; align-items: center; gap: 2.25rem; background: #000000;}
.header_top .item a {color: #ffffff; font-size: var(--font14);}
.header_top .item .icBox {width: 1.25rem; margin-right: .625rem;}
.header_top .item .icBox img {max-width: 100%; min-width: 90%;}
.header_top .xian { opacity: .2; width: 1px; height: 1rem; background-image:linear-gradient( 90deg, rgb(181,140,84) 0%, rgb(255,255,255) 100%);}
.headBox {padding: 0 1.5%; background: #e10e0f; transition: .5s; height: 4.375rem; 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: 54%;}
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; position: relative;}
nav .layui-nav > .layui-nav-item > a {color: #fff;position: relative; z-index: 1; font-size: var(--font18); font-weight: 600; text-transform: uppercase; transition: 0.4s;}
nav .layui-nav > .layui-nav-item > a > i {position: relative; right: 0; margin-left: .625rem; font-size: var(--font14);}
nav .layui-nav > .layui-nav-item::before {content: ''; position: absolute; bottom: 0; width: 0; height: 2px; background: #fff; transition: .5s;}
nav .layui-nav > .layui-nav-item:hover::before , nav .layui-nav > .layui-nav-item.layui-this::before {width: 100%;}
nav .layui-nav > .layui-this:after , nav .layui-nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-this:after {display: none;}

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

/* 产品下拉 */
.headLeveNav {position: fixed; top: calc(2.25rem + 4.375rem) !important;  line-height: initial; width: 100%; background: #fff; border-top: 1px solid #eee; left: 0;box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.05); display: none;}
.headLeveNav .container {display: flex; justify-content: center;}
.headLeveNav .box {display: flex; justify-content: space-between;}
.headLeveNav .le {width: 30%; background: #f9f9f9; padding: 3.125rem 0; padding-top: 7.5rem; position: relative;}
.headLeveNav .le::after {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,  rgba(255, 255, 255, .9) 0%,rgba(247, 240, 240, 0)  100%);}
.headLeveNav .navTle {position: absolute; display: flex; align-items: center; top: 2.5rem; left: 1.875rem; color: #e10e0f; z-index: 1;}
.headLeveNav .navTle svg {transform: rotate(180deg); margin-left: .5rem; margin-top: 1px;}
.headLeveNav .le .imgBox img {width: 100%;}
.headLeveNav .re {width: 65%; margin: 3.125rem 0;}
.headLeveNav .re ul li a {color: #555555; display: inline-block; margin: .225rem 0;}
.headLeveNav .re ul li a:hover ,.headLeveNav .re ul li.on a {background: none; color: #e10e0f;}
.headProSwiper {--swiper-theme-color: #e10e0f;}

/* 搜索按钮 */
.head_search svg {width: 1.5rem; height: 1.5rem;}
.head_search span {text-transform: uppercase;}

/* 弹出搜索 */
.searchFull {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1040;background-color: rgba(255, 255, 255,.9);display: none;}
.searchFull .ssf-content {width: 100%;height: 100%; display: flex; align-items: center;}
.searchFull .ssf-fields-wrap {margin: 0 15%; position: relative;}
.searchFull .ssf-fields-wrap .ssf-input {width: 100%;height: 3.75rem;font-size: var(--font20);border: none;outline: none;border-bottom: 1px solid #a3a3a3;padding-right: 4.375rem;}
.searchFull .ssf-fields-wrap .ssf-btn {cursor: pointer; width: 3.75rem;height: 3.75rem;font-size: var(--font22);text-align: center;border: none;outline: none;background-color: transparent;position: absolute;right: 0;}
.searchFull .ssf-fields-wrap .ssf-btn svg {width: 50%; height: 100%;}
.searchFull .ssf-fields-wrap .ssf-btn:hover path {fill: #010834;}
.ssfDismisser {position: absolute; top: 1.25rem; right: 1.875rem; font-size: var(--font30);color: #8e9295;line-height: 1.875rem; width: 1.875rem;height: 1.875rem; text-align: center;}
.ssfDismisser svg {width: 100%; height: 100%;}

@media screen and (max-width:768px) {
  .searchFull .ssf-fields-wrap {margin: 0;}
}


/* 留言弹窗 */
#c-sub-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }
#c-sub-pop .c-box {position: absolute;top: 50%; left: 50%;padding: 2.5rem; box-sizing: border-box; width: 33.125rem;max-width: 92%;  border-radius: .313rem;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index: 1;}
#c-sub-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
#c-sub-pop .c-box .c-close { transition: all 0.5s; display: inline-flex; margin-left: auto; float: right; cursor: pointer;     margin-top: -1.25rem;    margin-right: -1.25rem;}
#c-sub-pop .c-box .c-close img,
#c-sub-pop .c-box .c-close svg {width: 1.5rem;height: 1.5rem; display: block; transition: .5s;}
#c-sub-pop .c-box .c-close:hover svg {transform: rotate(180deg);}
#c-sub-pop .c-box .tit {color: #333; font-size: 1.875rem; margin-top: 1.25rem; font-weight: 600; text-align: center;}
#c-sub-pop .c-box .inBox {margin-top: 1.25rem; position: relative;  border-radius: .313rem}
#c-sub-pop .c-box .inBox input {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: .313rem; height: 3.625rem; min-height: 45px; width: 100%; padding: 0 .625rem;box-sizing: border-box; font-size: var(--font16);}
#c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
#c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}
#c-sub-pop .c-box .incode input {width: calc(100% - 7.5rem); border-color: transparent;}
#c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - .375rem); width: 7.25rem; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
#c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: 2.5rem;}
#c-sub-pop .c-box .insub button {cursor: pointer; height: auto; line-height: initial; border-radius: 1.875rem; font-size: var(--font16); background: #e10e0f; border: 0;  padding: .938rem 3.125rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
#c-sub-pop .c-box .insub button:active {box-shadow: 0 0 .313rem #e10e0f;}
@media screen and (min-width: 200px) and (max-width: 768px){
  #c-sub-pop .c-box .c-close {margin-top: -0.938rem;margin-right: -0.938rem;}
  #c-sub-pop .c-box { padding: 1.563rem;}
  #c-sub-pop .c-box .tit {font-size: 1.5rem;}
  #c-sub-pop .c-box .inBox input {min-height: 45px;}
  #c-sub-pop .c-box .inBox img {width: 5.5rem; height: 2.25rem;}
}


/* 头部下滑 */
header.c-style2 .headBox {transform: translateY(-50%);}
header.c-style2 .headLeveNav {top: 4.375rem !important;}

/* =================头部 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: #e10e0f; padding: .875rem 1.875rem; 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 {box-shadow: 0 0 0 .625rem rgba(225,14,15,.2);}
}

.linear-cor1 {
  color: #fff;
  @supports (-webkit-background-clip: text) or (background-clip: text) {
    background: linear-gradient(104deg,#e5e5e5 0%, #ffffff 10%, #c6c6c6 30%, #f1f1f1 54%, #bfbfbf 76%, #ffffff 90%, #e3e3e3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
}


/* ======首页======= */
.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: 20rem;}
.indexBanner .box {}
.indexBanner .box .p1 {}
.indexBanner .box .p1 span {}
.indexBanner .box .p2 {line-height: 1.1; margin-top: 1.875rem;}
.indexBanner .box .more {margin-top: 6.25rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .swjt i {color: #fff; font-size: var(--font40);}
.indexBanner .swjt.swiper-button-prev {left: 4%;}
.indexBanner .swjt.swiper-button-next {right: 4%;}
.indexBanner .pagtion {bottom: 2.5rem;}
.indexBanner .pagtion span {border: 0; width: 1.875rem; height: .313rem;opacity: 1;background: #ffffff; border-radius: 0;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: #e10e0f;}

.indexOne {position: relative; padding: 6.25rem 1.875rem; padding-bottom: 5rem;}
.indexOne .tle {position: relative;}
.indexOne .tle .more {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.indexOne .tle .more a {position: relative; padding-bottom: 1.25rem; border-bottom: 1px solid #333;}
.indexOne .tle .more a::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #e10e0f;transition: .5s;}
.indexOne .tle .more a span {margin-right: 4.375rem;transition: .5s;}
.indexOne .tle .more a i {transform: rotate(180deg); display: inline-block; color: #e10e0f;font-size: var(--font20); font-weight: 700;}
.indexOne .tle .more a:active span {color: #e10e0f;}
.indexOne .tle .more a:active::after {width: 100%;}
@media (any-hover: hover) {
.indexOne .tle .more a:hover span {color: #e10e0f;}
.indexOne .tle .more a:hover::after {width: 100%;}
}

.indexOne .box {gap: 1.875rem; margin-top: 3.125rem;}
.indexOne .item {width: 50%;background-image:linear-gradient( 132deg, rgb(0,0,0) 0%, rgb(95,95,95) 100%); padding: 3.75rem; padding-bottom: 3.75rem;position: relative;}
.indexOne .item::after {content: ''; position: absolute; width: 100%; bottom: 0; left: 0; height: 3px; background: #e10e0f; transition: .5s; height: .375rem;}
.indexOne .item .t1 {font-size: var(--font38);color: #fff; font-weight: 700;}
.indexOne .item .info {display: flex; align-items: center; margin-top: 1.875rem;}
.indexOne .item .info_le {width: 40%;}
.indexOne .item .alinks {color: #fff;}
.indexOne .item .alinks p {display: block; position: relative; color: #d1d1d1; margin-bottom: 1rem; font-size: var(--font18);}
.indexOne .item .alinks p::before {content: ''; width: .5rem; height: .5rem; border-radius: 50%; background: #9a9a9a; display: inline-block; margin-right: .625rem;}
.indexOne .item .imgBox {width: 58%; height: 18.75rem; display: flex; align-items: center; justify-content: center;}
.indexOne .item .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.indexOne .item .more {margin-top: 3.75rem;}
@media (any-hover: hover) {
  .indexOne .item .alinks a:hover {color: #e10e0f;}
  .indexOne .item .alinks a:hover::before {background: #e10e0f;}
}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 5.625rem; position: relative; overflow: hidden;}
.indexTwo .swiperBox {margin-top: 4.375rem;}
.indexTwo .slide .imgBox {overflow: hidden; height: 20rem; background: url(../images/indexTwo-slide-bj.jpg) no-repeat center; background-size: cover; padding: 1.25rem; overflow: hidden;}
.indexTwo .slide .imgBox img {width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.indexTwo .slide .p1 {color: #2b2b2b; font-size: var(--font17); font-weight: 700; margin-top: 1rem;}
.indexTwo .slide .p2 {color: #666666; margin-top: .625rem;}
.indexTwo .tle {position: relative;}
/* 控件 */
.indexTwo .contrls {position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center;}
.indexTwo .pagtion {position: relative;width: auto;  bottom: 0; margin: 0 .625rem;}
.indexTwo .contrls .swjt {height: 3.125rem; width: 3.125rem; border: 1px solid #b8b9ba; border-radius: 50%; position: relative; margin: 0; transform: none; top: 0; left: 0; right: 0; transition: .5s;}
.indexTwo .contrls .swjt i {color: #333; font-size: var(--font16);}
@media (any-hover: hover) {
  .indexTwo .slide:hover .imgBox img {transform: scale(1.05, 1.05);}
  .indexTwo .contrls .swjt:hover {background: #e10e0f; color: #fff; border-color: #e10e0f;}
  .indexTwo .contrls .swjt:hover i {color: #fff;}
}

.indexThre {padding: 6.25rem 0 5rem;}
.indexThre .box {margin-top: 4.375rem; }
.indexThre ul {display: grid; grid-template-columns: 45% 27% 27%; gap: .625rem; grid-template-rows: repeat(2,23.75rem);}
.indexThre li {position: relative;}
.indexThre li::after {content: ''; position: absolute; width: 0; height: .375rem; bottom: 0; left: 0; background: #e10e0f; transition: .5s; z-index: 0; transition: .5s;}
.indexThre li .imgBox {height: 100%; overflow: hidden; position: relative;}
.indexThre li .imgBox::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .5); z-index: 0; transition: .5s;}
.indexThre li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexThre li .con {position: absolute; width: 100%; padding: 0 1rem; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;z-index: 1;}
.indexThre li:first-child {grid-row: 1/3;}
.indexThre li .p1 {color: #fff; font-size: var(--font24); font-weight: 700;}
.indexThre li .more {margin-top: 0; opacity: 0; visibility: hidden; transition: .5s;}
.indexThre li .icBox {width: 2.25rem;position: absolute; right: 2.5rem; bottom: 1.875rem; transition: 1s;}
.indexThre li .icBox svg {width: 100%; height: 100%; object-fit: contain;}
@media (any-hover: hover) {
  .indexThre li:hover::after {width: 100%;}
  .indexThre li:hover .imgBox img {transform: scale(1.05);}
  .indexThre li:hover .icBox {transform: translateX(calc(100% + 2.5rem));}
  .indexThre li:hover .more {margin-top: 3.125rem; opacity: 1; visibility: visible;}
}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: 5rem 0;}
.indexFour .box {margin-top: 5rem;}
.indexFour .imglist {width: 63.5%; overflow: hidden;}
.indexFour .imglist .imgBox {height: 100%; overflow: hidden;}
.indexFour .imglist .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexFour .nav {width: 35.5%; background: #fff;}
.indexFour .nav li {position: relative; z-index: 1;}
.indexFour .nav li::after {content: ''; position: absolute; width: 0; height: 100%; z-index: -1; bottom: 0; right: 0; background: #e10e0f; transition: .5s;}
.indexFour .nav li a {padding: 1.875rem 3.125rem; display: block;}
.indexFour .nav li .p1 {font-size: var(--font20);color: #2b2b2b; transition: .5s;font-weight: 500;}
.indexFour .nav li .text {font-size: var(--font14); max-height: 0; overflow: hidden; color: rgba(255,255,255,.4); margin-top: .625rem; transition: 1s;}
.indexFour .nav li .p3 {margin-top: 0;color: #666666; transition: .5s;}
.indexFour .more {margin-top: 5.625rem;}
.indexFour .nav li.active .p1 {color: #fff;}
.indexFour .nav li.active .text {max-height: var(--font60);}
.indexFour .nav li.active::after {width: 105%;}
.indexFour .nav li.active .p3 {margin-top: 1.25rem; color: #fff;}
.indexFour .imglist .imgBox {display: none;}
.indexFour .imglist .imgBox.active {display: block;}

/* 移动端列表 */
.indexFour .list2 {margin-top: 2rem;}
.indexFour .list2 dl {display: flex;flex-wrap: wrap; gap: 1rem;}
.indexFour .list2 dd {width: 48%;}
.indexFour .list2 dd .imgBox {height: 10rem;}
.indexFour .list2 dd .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFour .list2 dd .p1 {font-size: var(--font20);color: #2b2b2b; transition: .5s;font-weight: 500; margin-top: 1rem;}
.indexFour .list2 dd .text {font-size: var(--font14); color: #333; margin-top: .625rem; transition: 1s;}
.indexFour .list2 dd .p3 {margin-top: 1rem;color: #666666; transition: .5s;}



.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0; background-attachment: fixed;}
.indexFive .tle .text {padding-top: 2.5rem; width: 80%; margin: auto; text-align: center;}
.indexFive .tle .more {margin-top: 3.125rem;}
.indexFive .numlist ul {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 12.5rem;}
.indexFive ul li {text-align: center;}
.indexFive ul li .num {display: flex; justify-content: center; line-height: 1.4;}
.indexFive ul li .counter , .indexFive ul li .dw {font-size: 3.75rem; font-weight: 700; color: #fff;}
.indexFive ul li .num_text {color: #fff;}

.indexSix {background: url(../images/indexSix-bj.jpg) no-repeat center; background-size: cover;padding: 7.5rem 0;}
.indexSix .swiperBox {margin-top: 5rem; position: relative;}
.indexSix .swiper {position: static;   --swiper-theme-color: #E10E0F;}
.indexSix .swiper .slide .imgBox {overflow: hidden;}
.indexSix .swiper .slide .imgBox img {transition: .5s; width: 100%;}
.indexSix .swiper .slide .info {margin-top: 2.5rem;}
.indexSix .swiper .slide .p1 {font-size: var(--font20);font-weight: 700;color: #040404;}
.indexSix .swiper .slide .p2 {margin-top: .625rem;}
.indexSix .swiper .slide:hover .imgBox img {transform: scale(1.05);}
.indexSix .more {margin-top: 5.625rem;}
/* 控件 */
.indexSix .swjt.swiper-button-prev {left: 0; transform: translateX(-200%);}
.indexSix .swjt.swiper-button-next {right: 0; transform: translateX(200%);}
.indexSix .swjt i {font-size: var(--font30); color: #333; transition: .5s;}
.indexSix .pagtion {bottom: -3rem;}
@media (any-hover: hover) {
  .indexSix .swjt.swiper-button-prev:hover i,
  .indexSix .swjt.swiper-button-next:hover i {
    color: #e10e0f;
  }
}

/* 表单区域 */
.formTact {background: url(../images/formTact-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0;}
.formTact .left {width: 50%; padding-right: 1rem;}
.formTact .left .p1 span {display: block; line-height: 1.2;}
/* 提交表单 */
.formTact .form {display: flex; flex-wrap: wrap; gap: 1rem; width: 50%;}
.formTact .form .line {width: calc(50% - .5rem);}
.formTact .form .line .field-wrap {position: relative;z-index: 1;}
.formTact .form .line .field-wrap .input , .formTact .form .line .field-wrap textarea {border-radius: .313rem; background: rgba(235,235,235,.2); border: 0; width: 100%;height: 3.438rem;padding: 0 1rem;transition: all .2s; font-size: var(--font14); color: #fff; resize: none;}
.formTact .form .line .field-wrap .label {position: absolute;top: 50%; transform: translateY(-50%); left: 1rem; color: #fff;transition: all .2s; font-size: var(--font14); z-index: -1;}
.formTact .form .line .field-wrap .label em {color: #E10E0F;}
/* 多行文本框 */
.formTact .form .line.content {width: 100%;}
.formTact .form .line .field-wrap textarea.input {height: 12.25rem;padding: 1rem;}
.formTact .form .line .field-wrap textarea.input::placeholder {color: #fff;}
/* 验证码 */
.formTact .form .line.code .field-wrap {display: flex; align-items: center;}
.formTact .form .line.code .field-wrap img {margin-left: .625rem; border-radius: .313rem; width: 6.25rem;}
/* 提交 */
.formTact .form .sub {margin-top: 1.875rem; width: 100%;}
.formTact .form .sub button {background: #e10e0f; border-radius: .313rem; color: #fff;width: 9.875rem;height: 3.625rem; cursor: pointer;}
/* 修改layui 选择框 */
.formTact .layui-form-select {height: 100%;}
.formTact .layui-select-title {height: 100%;}
.formTact .layui-form-select .layui-input {height: 100%;border: 1px solid #adb3b7;border-radius: .1rem;font-size: var(--font14); background: none;}
.formTact .layui-form-select dl {top: 100%;}
.formTact .layui-form-select dl dd, .formTact .layui-form-select dl dt {font-size: var(--font14);}
/* input聚焦样式 */
.formTact .form .line .field-wrap .label.when-filled , .formTact .form .line .field-wrap .label.is-focus {font-size: var(--font12);top: 0;z-index: 1;}


/* ======底部====== */
.footer {position: relative; z-index: 1;overflow: hidden;padding: 5rem 0 2.5rem;}
.footer::after {position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: "";opacity: 0.5;background: linear-gradient(-67deg,#e5e5e5 0%, #ffffff 10%, #c6c6c6 30%, #f1f1f1 54%, #bfbfbf 76%, #ffffff 90%, #e3e3e3 100%); z-index: -1; transition: .5s;}
.footer .left {width: 20%;}
.footer .right {width: 70%;}
.footer .left .p2 {margin-bottom: 1.25rem;}
.footer .left .item {display: flex; align-items: center;margin: .313rem 0;}
.footer .left .item .icBox {width: 1rem; height: 1.25rem; margin-right: .625rem; flex-shrink: 0;}
.footer .left .item .icBox img {max-height: 100%; min-height: 80%;}
.footer .left .item a { font-weight: 700; color: #333;}
.footer .left .more {margin-top: 1.875rem;}
.footer .left .more a {background: #e10e0f; display: inline-flex; padding: .75rem .75rem;  color: #fff;}
.footer .left .more a img {filter: brightness(100); -webkit-filter:brightness(100); height: 1.125rem;}
.footer .left .more span {margin-left: .625rem;}
/* 底部导航 */
.foternav {display: flex; justify-content: space-between; gap: 1rem;}
.foternav dl dt {margin-bottom: 1.25rem;}
.foternav dl dt a {font-size: var(--font18); font-weight: 700; color: #333;}
.foternav dl dd {margin: .625rem 0;}
.foternav dl dd a {font-size: var(--font15); display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.foternav dl dd a:hover {color: #e10e0f;}

.copyRight {margin-top: 8.75rem; gap: 1.5rem;}
.copyRight p , .copyRight p a {color: #666666; font-size: var(--font15);}
.copyRight p a:hover {color: #e10e0f;}
.copyRight .links ul {gap: 2rem;}
.copyRight .links li a {width: 1.5rem; height: 1.5rem; display: block;}
.copyRight .links li a svg {width: 100%; height: 100%; object-fit: contain;}
.copyRight .links li svg path {fill: #2c2c2c;}
.copyRight .links li a:hover svg path {fill: revert-layer;}
.copyRight .links li.code_hover {position: relative;}
.copyRight .links li.code_hover .codeBox {display: none; padding: .313rem; position: absolute; z-index: 2; bottom: 100%; left: 50%; transform: translateX(-50%); width: 6.25rem; height: 6.25rem; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.1);}
.copyRight .links li.code_hover .codeBox img {width: 100%; height: 100%; object-fit: contain;}
.copyRight .links li.code_hover:hover .codeBox {display: block; animation: fadeIn .5s ease-in-out;}

/* =======================================================================================内页=========================================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%; object-fit: cover; min-height: 16rem;}
.ny-banner .box {width: 100%; text-align: center;}
.ny-banner .mbx {position: absolute; top: 2rem; width: 100%; padding: 0 1.5%;}
.ny-banner .mbx a {text-transform: uppercase;font-weight: 700;}

/* ===面包屑=== */
.mbx  {}
.mbx .layui-breadcrumb {position: relative;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); color: #fff !important; }
.mbx .layui-breadcrumb a:hover {color: #e10e0f !important;}

/* =====行业应用===== */
.appnav {padding: 2.5rem 0;}
.appnav ul {display: flex; gap: 3.75rem; padding-bottom: .625rem; overflow-x: auto; white-space: nowrap;}
.appnav ul li a {}
.appnav ul li.on a , .appnav ul li:active a {font-weight: 700; color: #333;}
@media (any-hover: hover) {
  .appnav ul li:hover a {font-weight: 700;color: #333;}
}

.applist {padding-bottom: 6.25rem;}
.applist .list li { display: flex; background-color: #fff;box-shadow: 0px 0px .75rem 0px rgba(0, 0, 0, 0.06); margin-bottom: 1.875rem;}
.applist .list li:nth-child(even) {flex-direction: row-reverse;}
.applist .list li .info {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 1.875rem 3.75rem;}
.applist .list li .imgBox {width: 50%; overflow: hidden;}
.applist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.applist .list li .p2 {margin-top: 1.875rem;}
.applist .list li .more {margin-top: 3.75rem;}

.appMain .indexTwo {padding: 6.25rem 0;}
.appMain .indexTwo .slide .imgBox {background: #fff; display: flex; align-items: center; justify-content: center;}

/* 行业应用详情 */
.appDateOne {background: #fff; padding: 3.75rem 0 6.25rem;}
.appDateOne .box { align-items: flex-start;}
.appDateOne .le {flex: 1;;}
.appDateOne .le .tle {padding-bottom: 1.875rem; border-bottom: 1px solid rgba(208,208,208,.5);}
.appDateOne .re {width: 22%; position: sticky; top: 7rem; min-width: 240px;}
.appDateOne .re .proOne {padding: 0;}
.appDateOne .le .nav {background: #f2f2f2;border-radius: 6.25rem; margin-top: 3.125rem;}
.appDateOne .le .nav ul {display: flex; overflow-x: auto; white-space: nowrap;}
.appDateOne .le .nav li {flex: 1; text-align: center;}
.appDateOne .le .nav li a {padding: 1.5rem .625rem; font-size: var(--font20); display: block; color: #333; transition: .5s; border-radius: 6.25rem;}
.appDateOne .le .nav li.on a {background: #e10e0f; color: #fff;}
.appDateOne .le .content .item {display: none;}
.appDateOne .le .content .item.active {display: block;}

/* 产品资料录入 */
.appDateOne .content {padding: 3.125rem 0;}
.appDateOne .content img , .appDateOne .content video {max-width: 100%; height: auto !important;}


/* ======产品列表===== */
.prolist {}
.prolist .box {align-items: flex-start;}
.prolist .nav {width: 20%; padding: 5rem 0; position: sticky; top: 4rem;}
.prolist .list {width: 80%; background: #f8f8f8; padding: 5rem; padding-bottom: 6.25rem;}
.prolist .nav .tit {padding-left: 1.5rem;}
.prolist .nav ul {margin-top: 1.875rem;}
.prolist .nav li {position: relative;}
.prolist .nav li::before {content: ''; height: 0; background: #000000; position: absolute; left: 0; width: .25rem; transition: .5s;}
.prolist .nav li::after {content: ''; position: absolute; width: 0; height: 100%; left: 0; top: 0; background: #e10e0f; z-index: -1; transition: .5s;}
.prolist .nav li a {color: #666666; padding: 1rem 0; padding-left: 1.5rem; display: block; transition: .5s;}
.prolist .nav li.on a {color: #fff;}
.prolist .nav li.on::before {height: 100%;}
.prolist .nav li.on::after {width: 100%;}
@media (any-hover: hover) {
  .prolist .nav li:hover a {color: #fff;}
  .prolist .nav li:hover::before {height: 100%;}
  .prolist .nav li:hover::after {width: 100%;}
}

/* 右侧产品内容 */
.prolist .list {}
.prolist .ullist {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;margin-top: 3.75rem;}
.prolist .ullist li {background: url(../images/prolist-libj.jpg) no-repeat center; padding: 2.5rem 1.25rem; background-size: cover; overflow: hidden; text-align: center;}
.prolist .ullist li .imgBox {height: 16.25rem; display: flex; align-items: center; justify-content: center;}
.prolist .ullist li .imgBox img {min-height: 80%; max-height: 100%;}
.prolist .ullist li .t1 {font-size: var(--font18);color: #2b2b2b;margin-top: 1.875rem;}
.prolist .ullist li .more {width: 9.875rem; height: 3.625rem; font-size: var(--font18); border: 1px solid #333333; color: #333; text-transform: uppercase; margin: auto; margin-top: 2.5rem; transition: .5s;}
.prolist .ullist li:hover .more {background: #e10e0f; color: #fff; border-color: #e10e0f;}
/* 移动端样式按钮 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #e10e0f; 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: 768px) {
  .prolist .nav {position: fixed;left: -100%;top: 0;bottom: 0;width: 70% !important;background: #fff;z-index: 999;transition: all 0.3s;box-shadow: 2px 0 5px rgba(0,0,0,0.1);}
  .prolist .nav.show {left: 0;  overflow-y: auto;}
  .prolist .list {width: 100%;}
  .filter-toggle {display: block;}
}


/* 产品详情 */
.proDateMain .mbx {padding: 1.875rem 1.5%;}
.proDateMain .mbx .layui-breadcrumb>* {color: #333 !important;}
.proDateMain .mbx .layui-breadcrumb> a {font-weight: 700;}
.proDateOne {padding: 3.125rem 0 6.25rem;}
.proDateOne .swiperBox {width: 50%; position: relative;}
.proDateOne .right {width: 45%;}
.proDateOne .swiperOne {position: static;width: 80%; margin: auto;}
.proDateOne .swiperOne .slide img {width: 100%; max-height: 31.25rem; object-fit: contain;}
.proDateOne .swiperTwo {width: 43%; margin: auto; padding-top: 2.5rem;}
.proDateOne .swiperTwo .slide {height: 4.375rem; text-align: center; border: 1px solid transparent;}
.proDateOne .swiperTwo .slide img {max-width: 100%; height: 100% ; object-fit: cover;}
.proDateOne .swiperTwo .slide.swiper-slide-thumb-active {border: 1px solid #e10e0f;}
/* 控件 */
.proDateOne .swiperOne .swjt {width: 3.75rem; height: 3.75rem; background: #f5f5f5; border-radius: 50%;}
.proDateOne .swiperOne .swjt i {color: #333; font-size: var(--font20);}
.proDateOne .swiperOne .swjt.swiper-button-prev {left: 0;}
.proDateOne .swiperOne .swjt.swiper-button-next {right: 0;}
.proDateOne .right .info2 {margin-top: 2.5rem;}
.proDateOne .right .us {margin-top: 1.875rem;}
.proDateOne .right .item {display: flex; align-items: center;margin: .313rem 0;}
.proDateOne .right .item .icBox {width: 1rem; height: 1.25rem; margin-right: .625rem; flex-shrink: 0;}
.proDateOne .right .item .icBox img {max-height: 100%; min-height: 80%;}
.proDateOne .right .item a { font-weight: 700; color: #333;}
.proDateOne .right .item a:hover { color: #e10e0f;}
.proDateOne .right .get_price {width: 68%; margin-top: 2.5rem;}
.proDateOne .right .get_price a {padding: .75rem .625rem; background: #e10e0f; border-radius: .625rem;}
.proDateOne .right .get_price svg {height: 1.375rem;}
.proDateOne .right .share {margin-top: 2.5rem;}
.proDateOne .right .share dt {flex-shrink: 0;}
.proDateOne .right .share ul {gap: 1.5rem;}
.proDateOne .right .share li {position: relative;}
.proDateOne .right .share li svg {height: 1.5rem; width: 1.5rem;}
.proDateOne .right .share li svg path {fill: #696c72;}
.proDateOne .right .share li.code_hover .codeBox {display: none; padding: .313rem; position: absolute; z-index: 2; bottom: 100%; left: 50%; transform: translateX(-50%); width: 6.25rem; height: 6.25rem; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.1);}
.proDateOne .right .share li.code_hover .codeBox img {width: 100%; height: 100%; object-fit: contain;}
.proDateOne .right .share li.code_hover:hover .codeBox {display: block; animation: fadeIn .5s ease-in-out;}
.proDateOne .right .share li:hover svg path {fill: #e10e0f;}

.proDateTwo {}
.proDateTwo .nav {background: #000000; height: 4.5rem; position: sticky; top: 4.375rem; z-index: 2; }
.proDateTwo .nav ul {display: flex; justify-content: center; gap: 3rem;}
.proDateTwo .nav li a {display: block; padding: 1.25rem 2.75rem; font-size: var(--font22); color: #fff; text-transform: uppercase; font-weight: 700; transition: .5s;}
.proDateTwo .nav li a.active , .proDateTwo .nav li a:hover  {background: #e10e0f; color: #fff;}
.proDateTwo .item_section {padding: 3.75rem 0;}
.proDateTwo .item_section img {max-width: 100%;}
.proDateTwo .item_section .tit {text-transform: uppercase;}
.proDateTwo .item_section.date_four {padding-bottom: 5rem;}
.proDateTwo .item_section.date_five {padding: 0;}


/* =====案例列表===== */
.caselist {padding: 3.75rem 0 6.25rem;}
.caselist .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 5rem; row-gap: 3.75rem;}
.caselist .list li .imgBox {overflow: hidden; height: 20rem;}
.caselist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
@media (any-hover: hover) {
  .caselist .list li:hover .imgBox img {
    transform: scale(1.1);
  }
}

/* =====新闻列表===== */
.newslist .list ul {gap: 2.25rem; row-gap: 5rem;}
.newslist .list li .imgBox {overflow: hidden; height: 16.875rem;}

/* 案例以及新闻详情 */
.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: #e10e0f; }
.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:#e10e0f; 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: #e10e0f;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}

/* =====关于我们===== */
.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0;}
.aboutOne .box {align-items: center;}
.aboutOne .left {width: 70%;}
.aboutOne .right {width: 21%;}
.aboutOne .left .text p {margin-top: 1.875rem;}
.aboutOne .numlist {margin-bottom: 1.25rem;}
.aboutOne .numlist ul {}
.aboutOne ul li {margin-top: 6.25rem;}
.aboutOne ul li:first-child {margin: 0;}
.aboutOne ul li .num {display: flex; line-height: 1.4;}
.aboutOne ul li .counter , .aboutOne ul li .dw {font-size: 3.25rem; font-weight: 700; color: #000;}
.aboutOne ul li .num_text {color: #666; font-size: var(--font15);}

.aboutTwo {display: flex; flex-wrap: wrap; justify-content: space-between;background: #1a1a1a; position: relative; overflow: hidden; z-index: 1;}
.aboutTwo::before {content: ''; position: absolute; left: 0; top: 0; width: 55%; height: 100%; background: url(../images/aboutTwo-item1-bj.png) no-repeat left; background-size: cover; z-index: -1;}
.aboutTwo::after {content: ''; position: absolute; right: 0; top: 0; width: 55%; height: 100%; background: #e10e0f; z-index: -1;clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);}
.aboutTwo .item {width: 50%; text-align: center; padding: 11.25rem 0 13.75rem;}
.aboutTwo .item .icBox {height: 4rem;}
.aboutTwo .item .icBox img {max-height: 100%; min-height: 80%; object-fit: contain;}
.aboutTwo .item .p2 {width: 65%; margin: auto; padding-top: 1.25rem;}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 12.5rem;}
.aboutThre .swiperBox {margin-top: 5rem; position: relative;}
.aboutThre .swiper {position: static;}
.aboutThre .swiper .slide {height: 30.625rem;background: #ffffff; padding: 1.25rem;}
.aboutThre .swiper .slide img {width: 100%; max-height: 100%; object-fit: contain;}
.aboutThre .swiper .swiper-scrollbar {width: 23.75rem; bottom: -6.25rem; left: 50%; transform: translateX(-50%); max-width: 90%;height: .188rem; border-radius: .125rem; background: rgba(255,255,255,.1);}
.aboutThre .swiper .swiper-scrollbar-drag {background: #e10e0f; border-radius: .125rem;}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0;}
.aboutFour .list {margin-top: 4.375rem;}
.aboutFour .list ul {display: grid; grid-template-columns: repeat(7,1fr); gap: 2.5rem;}
.aboutFour .list li {padding: .625rem; width: auto; height: 5rem; display: flex; justify-content: center; align-items: center;}
.aboutFour .list li img {width: 100%; max-height: 100%; object-fit: contain;}


/* =====联系我们===== */
.tactOne {padding: 6.25rem 0;}
.tactOne .box {margin-top: 3.125rem;}
.tactOne .left {width: 47%;}
.tactOne .right {width: 40%;}
.tactOne .right img {width: 100%;}
.tactOne li {background: #eeeeee;border-radius: .625rem; padding: 3.125rem 2.5rem; margin-bottom: 1rem;}
.tactOne li:last-child {margin-bottom: 0;}
.tactOne li span {color: #666666;display: block; margin-bottom: .625rem;}
.tactOne li b {display: block; font-size: var(--font32);font-weight: 700;color: #060606; line-height: 1.1;}
.tactOne li .li_re {height: 3.25rem; display: flex; align-items: center;}
.tactOne li .li_re img {max-height: 100%; min-height: 60%; object-fit: contain;}


/* =============================产品资料调整 */
.appDateOne .content .yy-2 tr td {padding: 0 2.5rem;}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 767px) {
  .appDateOne .content .yy-2 tr {display: flex; flex-wrap: wrap;}
  .appDateOne .content .yy-2 tr td {width: 100%; padding: 0 1.25rem;}
}


/* 一行3张图 */
.al-1 tr td {padding: 0 .625rem;}
@media screen and (max-width: 767px) {
  .al-1 tr {display: flex; flex-wrap: wrap;}
  .al-1 tr td {width: 100%; margin-top: .625rem;}
}

/* 一行4个 */
.ys-1 tr td , .yy-1 tr td {padding: 0 .625rem;}
@media screen and (max-width: 767px) {
  .ys-1 tr , .yy-1 tr {display: flex; flex-wrap: wrap;}
  .ys-1 tr td , .yy-1 tr td {width: 100%; margin-top: .625rem;}
}