/* 公用样式 */
#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; border-bottom: 1px solid transparent;}
.headBox {transition: .5s; padding: 0 5.5%; height: 8.75rem; position: relative; z-index: 1;}
.headBox .logo {padding:.625rem 0;height: 100%;}
.headBox .logo img {height: 100%; max-width: 100%; max-height: 6.25rem; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0; width: 6%;}
.headBox .le .logo a {height: 100%; display: flex; align-items: center;}
.headBox .re {height: 100%;}

/* 导航 */
/* 取消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:22%;}
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); transition: 0.4s; font-weight: 400;}
nav .layui-nav > .layui-nav-item > a::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: .625rem; z-index: -1; background: #C11B20;transition: .5s;}
nav .layui-nav > .layui-nav-item > a > i {position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
nav .layui-nav .layui-nav-item a:hover, nav .layui-nav .layui-this a {color: #fff;}
nav .layui-nav .layui-nav-item:hover a::after, nav .layui-nav .layui-this a::after {width: 100%; left: 0;}
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: 80%; background: rgba(255, 255, 255,1); border-radius: .625rem; min-width: 6.25rem; line-height: initial;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font14);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #c11b20;}
/* 产品下拉 */
nav .layui-nav .secNav {position: absolute; display: none; left: 50%; transform: translateX(-50%); top: 100%; background: rgba(255, 255, 255,1);; min-width: 11.25rem; line-height: initial;    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);}
nav .layui-nav .secNav a {color: #333; font-size: var(--font14); padding: .625rem .313rem;display: block; text-align: center;}
nav .layui-nav .secNav a:hover {color: #fff; background: #c11b20;}

/* 语言 */
.headluange {}
.headluange .layui-nav > .layui-nav-item >a {display: flex;}
.headluange .layui-nav > .layui-nav-item a img {width: 1.125rem;}
.headluange .layui-nav > .layui-nav-item a i.layui-nav-more {color: #fff; position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12);}
.headluange {margin-right: 1.875rem; padding: .75rem 1.25rem; padding-right: 2.125rem; border-radius: 6.25rem; background: #c11b20;}
.headluange .layui-nav {height: 100%;}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: calc(100% + .75rem); line-height: initial; min-width: 6.25rem; width: 100%;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}

/* 搜索 */
.head_search {width: 3.25rem; height: 3.25rem; background: #C11B20; border-radius: 50%; cursor: pointer; }
.head_search a {height: 100%;}
.head_search img {width: 40%;}

/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 {background-color: #fff;padding: 3.125rem 0; 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: #c11b20;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 1.75rem 1rem;}
  .hadbox-sec4 .form {padding-bottom: 1rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
  .hadbox-sec4 .form .f_sub {width: 6rem; height: 3rem; font-size: var(--font18);}
}

header.c-head-move {transform: translateY(-100%);}

header.c-style2 {background: #fff; border-color: #C8C8C8; }
header.c-style2 .headBox {height: 6.25rem;}
header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333;}
header.c-style2 .mobmenu h4 {color: #333;}
header.c-style2 .mobmenu dl dd {background: #333;}

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



/* ===============公用css star!!!!===================*/
.more1 {display: inline-block; border-radius: 6.25rem; background: #c11b20; color: #fff; line-height: 1.2; font-size: var(--font16); padding: 1rem 2rem;   transition: .5s;}
/* .more2 {background: #fff; color: #333;} */
@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 0 .625rem rgba(193, 27, 32,.4);}
 
}

.public_tle_box {gap: .625rem;}
.public_tle_box .icBox {width: 1.25rem;}
.public_tle_box .icBox img {max-width: 100%; min-width: 90%;}
.public_tle_box .p2 {line-height: 1;}

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

/* =====首页 */

/* 首屏 */
.home_section {position: relative; overflow: hidden; height: 100vh; width: 100%; background: url(../images/home_section-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.home_section .box {display: flex; align-items: center; text-align: center; height: 100%;}
.home_section .logo {width: 20%; margin: auto;}
.home_section .logo img {width: 100%; object-fit: contain;}
.home_section .swiperBox {margin-top: 3.75rem; position: relative;}
.home_section .swiper {position: static;}
.home_section .swiper .p2 {margin-top: 1.25rem;font-weight: 700;}
.home_section .pagtion {bottom: -2rem;  }
.home_section .pagtion span {background: #fff; opacity: .5;}
.home_section .pagtion .swiper-pagination-bullet-active {opacity: 1;}
.home_section .more {margin-top: 5rem;}
.home_section.show {display: block;}
/* 仅首次访问时的平滑过渡 */
.home_section { transition: opacity 0.5s ease, height 0.5s ease;}
/* 非首次访问时隐藏第一屏 */
.home_section.hidden {height: 0;opacity: 0;overflow: hidden;}

.indexBanner {position: relative; overflow: hidden;}
.indexBanner .swiper {height: 100vh;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%; height: 100%; max-height: 100vh; min-height: 12.5rem; object-fit: cover;transition: 1s linear 2s;transform: scale(1.1,1.1); object-fit: cover;}
.indexBanner .slide .box {}
.indexBanner .slide .con {width: 100%;}
.indexBanner .slide .con .p1 {line-height: 1.2;}
.indexBanner .slide .con .p2 {margin-top: .625rem;}
.indexBanner .slide .con .more {margin-top: 5rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img { transition: 6s linear;transform: scale(1,1);}
/* 控件 */
.indexBanner .pagtion {position: relative; inset: 0; transform: none; text-align: left;}
.indexBanner .pagtion span {width: .625rem; margin: 0 .35rem !important; height: .625rem; background: #fff; opacity: 1; border-radius: 50%;}
.indexBanner .pagtion .swiper-pagination-bullet-active {opacity: 1; background: #C11B20;}
.indexBanner .custom-num {font-size: var(--font16); color: #fff;}
.indexBanner .custom-num .current {font-size: var(--font34);}
.indexBanner .constorl {position: absolute; z-index: 1; width: 100%; bottom: 5%; left: 0; transform: none; display: flex; align-items: center; gap: 1.25rem;}
.indexBanner .constorl .w1600 {display: flex; justify-content: space-between; align-items: center;}

.indexOne {position: relative; overflow: hidden; z-index: 1;  clip-path: inset(0);}
.indexOne .bjBox {position: absolute; z-index: -1; left: 0; top: 0; width: 100vw; height: 100vh; }
.indexOne .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.scroll-fix {position: absolute;left: 0;top: 0;height: 100vh;width: 100%;overflow: hidden;}
.scroll-wrapper {height: 100%;}
.lfy-history-box .cup-line {position: absolute;left: 0;top: 29.17%;width: 300vw;z-index: 3;}
.history-item {position: absolute;}
.history-item .point {width: .75rem;height: .75rem;border-radius: 50%;background: #fff;} 
.history-item .point::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0); width: 600%; height: 600%; border-radius: 50%;  border: 1px solid #fff; transition: .5s;}
.history-item .point::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0); width: 300%; height: 300%; border-radius: 50%;  background: #fff; opacity: .4; transition: .5s;}
.history-text {position: absolute; left: 50%; transform: translateX(-50%); white-space: normal; width: 18rem; text-align: center; transition: .5s;pointer-events: none;}
.history-text .time {font-size: 1.875rem;font-weight: 700; color: #fff; margin: .5rem 0; line-height: 1;}
.history-text .txt {color: #fff;opacity: 0; transition: .5s;}
.history-item:nth-child(even) .time {margin-bottom: .5rem;}
.history-item:nth-child(even) {display: flex; flex-direction: column-reverse;}
.history-item:nth-child(even) .txt  {max-height: 0;}
.cup-line .zhan-line {width: 100%;opacity: 0;}
.cup-line .line {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: left center;background-size: cover;}
.history-tit {position: absolute; padding: 0 2% 0 2.5%; z-index: 2; left: 0; top: 8%; justify-content: space-between; align-items: center; width: 100vw;} 
.history-tit .since {font-size: 10rem; color: rgba(255, 255, 255, 0.36); white-space: nowrap; font-weight: bold; font-family: 'Arial', sans-serif;  color: transparent;-webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);}
.history-tit .t2 {opacity: .8;}
.history-info {position: absolute; bottom: 10%; left: 2.5%;}
.history-item:nth-child(1)  { left: 3%;  top: 40%; }
.history-item:nth-child(2)  { left: 10%; top: 60%; }
.history-item:nth-child(3)  { left: 17%; top: 94%; }
.history-item:nth-child(4)  { left: 24%; top: 95%; }
.history-item:nth-child(5)  { left: 31%; top: 56%; }
.history-item:nth-child(6)  { left: 38%; top: 11%; }
.history-item:nth-child(7)  { left: 45%; top: 10%; }
.history-item:nth-child(8)  { left: 52%; top: 43%; }
.history-item:nth-child(9)  {left: 59%;top: 73%;}
.history-item:nth-child(10) {left: 66%;top: 67%;}
.history-item:nth-child(11) {left: 73%;top: 30%;}
.history-item:nth-child(12) {left: 80%;top: 6%;}
.history-item:nth-child(13) {left: 86%;top: 18%;}
.history-item:nth-child(14) {left: 92%;top: 65%;}
.history-item:nth-child(15) { left: 96%; top: 90%;}




.history-item .point::after {transform: translateX(-50%) translateY(-50%) scale(1);}
.history-item .point::before {transform: translateX(-50%) translateY(-50%) scale(1); transition-delay: .1s;}
.history-item .history-text .txt {opacity: .8;}
.history-item:nth-child(odd) .history-text {margin-top: 2.5rem;}
.history-item:nth-child(even) .history-text {margin-bottom: 4rem;}
.history-item:nth-child(even) .txt {max-height: 12.5rem;}

/* @media (any-hover: hover) {
  .history-item:hover .point::after { transform: translateX(-50%) translateY(-50%) scale(1);}
  .history-item:hover .point::before { transform: translateX(-50%) translateY(-50%) scale(1); transition-delay: .1s;}
  .history-item:hover .history-text .txt {opacity: .8;}
  .history-item:nth-child(odd):hover .history-text {margin-top: 2.5rem;}
  .history-item:nth-child(even):hover .history-text {margin-bottom: 5rem;}
  .history-item:nth-child(even):hover .txt {max-height: 12.5rem;}
} */

.indexOne.on .bjBox {position: fixed;}
.indexOne.on2 .bjBox {position: absolute; top: auto; bottom: 0;}

@media screen and (min-width: 767px) {
  .history-info {opacity: 0;}
  .history-tit .since {opacity: 0;}
}


.indexTle .t1 { text-transform: uppercase; font-family: 'Arial', sans-serif; line-height: 1; }
.indexTle .t2 {}
.indexTle .t3 {}

.indexTwo {position: relative; overflow: hidden; background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 5rem 0;}
.indexTwo .box {display: flex; justify-content: space-between;}
.indexTwo .le {width: 25%; margin-top: 5rem;}
.indexTwo .indexTle .t3 {margin-top: 3rem;}
.indexTwo .more {margin-top: 5rem;}
.indexTwo .re {width: 56%;}
.indexTwo .list ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; align-items: flex-start;}
.indexTwo .list li .li_box {position: relative; border-radius: 1.25rem; overflow: hidden; order: 1;}
.indexTwo .list li .imgBox {overflow: hidden;}
.indexTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexTwo .list li .con {position: absolute;inset: 0; width: 100%; height: 100%;z-index: 1; padding: 3rem;}
.indexTwo .list li .con .p1 {font-size: var(--font34);font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;}
.indexTwo .list li .con .p2 {font-size: var(--font36);font-weight: 500; color: #fff; line-height: 1;}
.indexTwo .list li .con .xian {margin-top: 1.25rem; background: #C11B20; width: 2.25rem; height: .375rem; background: #C11B20; border-radius: .375rem;}
.indexTwo .list li .jt {position: absolute; transform: rotate(180deg); right: 3rem; bottom: 3rem; width: 4rem; height: 4rem;  border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.indexTwo .list li .jt i { font-weight: 700; color: #fff; font-size: var(--font16);}
.indexTwo .list li:nth-child(2) .li_box {margin-top: -60%;transform: translateY(60%);}
@media (any-hover: hover) {
  .indexTwo .list li:hover .imgBox img {transform: scale(1.1);}
  .indexTwo .list li:hover .jt {transform: rotate(145deg);background: #C01B20;}
}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 10rem 0 12rem;}
.indexThre .box {align-items: center;}
.indexThre .more {margin-top: 3rem;}


.indexform {background: #EDEDED; padding: 10rem 0;}
.indexform .box {display: flex; justify-content: space-between;}
.indexform .box .le {max-width: 40%;}
.indexform .re {width: 50%;}
.indexform .itemBox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexform .item {width: 48%;margin-bottom: 1.25rem;position: relative;}
.indexform .item label {position: absolute; top: 50%; transform: translateY(-50%); font-size: var(--font14);color: #C11B20; z-index: 1;}
.indexform .item input ,.indexform .item textarea  {border: 0; border-bottom: 1px solid #231E25;  padding: .1rem; padding-left: 1.25rem; font-size: var(--font14); box-sizing: border-box; height: 3.25rem; min-height: 40px;background: rgba(235, 235, 235,.1);display: block;width: 100%; color: #333;  box-shadow: none;}
.indexform .item textarea {height: .9rem; min-height: 70px; resize: none;}
.indexform .item.itemText {width: 100%; margin-top: 3rem;}
.indexform .item.itemText input {padding-left: 0;}
.indexform .item.itemCode .codeBox {display: flex; gap: .625rem;}
.indexform .item.itemCode .codeBox img {width: 6.25rem; object-fit: contain;}
.indexform .sub {margin-top: .1rem;}
.indexform .sub button {cursor: pointer; display: block;  border-radius: 100px; color: #fff; margin-top: 3rem;}
.indexform .item .chose {display: flex;}
.indexform .item .chose .layui-form-select {width: 35%; min-width: 65px;}
/* 更改主题色 */
.layui-form-select dl dd.layui-this { color: #C01B20;}
.layui-input:focus, .layui-textarea:focus {border-color: #C01B20 !important;}

/* ==========底部 */
.footer {background: #212121; padding: 2.5rem 0 1.25rem; position: relative; overflow: hidden; z-index: 1;} 
.footer .bj {width: 70%; z-index: -1;}
.footer .bj img {width: 100%;object-fit: cover;}

.footer .logo {}
.footer .logo img {width: 6.5%;}


.foternav {display: flex; justify-content: center; padding: 3rem; border-bottom: 1px solid #000000; gap: 3.75rem;}
.foternav dl {position: relative; padding-bottom: 1rem;}
.foternav dl dt {position: relative;}
.foternav dl dt a {color: #fff; font-size: var(--font17); font-weight: 700;}
.foternav dl dt::after {content: "";background: url(../images/jt2.svg) no-repeat right;display: block;width: .875rem;height: .875rem;background-size: 100%;position: absolute; left: auto; right: 0; top: 40%; transform: translateY(-50%) translateX(150%) rotate(90deg); transition: .35s; z-index: 1;}
.foternav dl .ddbox {position: absolute; padding: .625rem 0; left: 50%; transform: translateX(-50%); top: 150%; visibility: hidden; background: #fff; border-radius: .625rem; width: auto; min-width: 6.25rem; opacity: 0; transition: .5s;}
.foternav dl .ddbox::before {content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(-100%); width: 0; height: 0; border-left: .625rem solid transparent; border-right: .625rem solid transparent; border-bottom: .625rem solid #fff;}
.foternav dl .ddbox dd {padding: .313rem .625rem; text-align: center; font-size: var(--font14); white-space: nowrap;}
.foternav dl.nolist dt::after {display: none;}
.foternav dl .ddbox .list {max-height: 12.5rem; overflow-y: auto;}
@media (any-hover: hover) {
  .foternav dl .ddbox dd a:hover {color: #C11B20;}
  .foternav dl:hover .ddbox {top: 100%; visibility: visible; opacity: 1;}
}
.foter_info {text-align: center; padding-top: 2.5rem;}
.foter_info .item {display: flex; align-items: center; justify-content: center; gap: .625rem;font-size: var(--font16); color: #fff; line-height: 2;}
.foter_info .item .icBox {}
.foterCopyright {margin-top: 4.375rem; text-align: center;}
.foterCopyright p , .foterCopyright p a {font-size: var(--font14); color: rgba(255, 255, 255, .67);}

/* ==========================================================================内页======================================================================= */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 20rem; object-fit: cover;}
.ny-banner .box {width: 100%;}
.ny-banner .box .con .p2 {font-family: Arial, Helvetica, sans-serif;}
.ny-banner .jtDown {position: absolute; left: 50%; bottom: 0; width: 5rem; height: 5rem; background: #C11B20; border-radius: 50%; transform: rotate(-90deg) translateX(100%) translateY(-50%);}
.ny-banner .jtDown i {font-size: var(--font24); color: #fff;animation: shubiao 1.5s infinite;}
@keyframes shubiao {0% {transform: translateX(0.625rem);opacity: 0;}100% {transform: translateX(-.625rem);opacity: 1;}}


/* =====关于我们 */
.aboutOne {padding: 7.5rem 0;}
.aboutOne .box {}
.aboutOne .le {width: 58%;}
.aboutOne .re {width: 33.5%;}
.aboutOne .re img {width: 100%;}
.aboutOne .le p {margin-top: 1.75rem; line-height: 1.8;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; text-align: center; background-attachment: fixed; position: relative; overflow: hidden;}
.aboutTwo .svg_logo {transition: .5s;}
.aboutTwo .box {min-height: 100vh; position: relative; z-index: 111;}
.aboutTwo .logo {width: 20%; margin: auto; transition: .5s;}
.aboutTwo .logo img {width: 100%;}
.aboutTwo .p1 {margin-top: 3rem; }
.aboutTwo .p2 {margin-top: .625rem; ;}
.aboutTwo .svg_logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;width: 100%;height: 100%;}
.aboutTwo .svg_logo .imgBox { transform: scale(500);}
.aboutTwo .svg_logo img , .aboutTwo .svg_logo svg { width: 100%;}
.aboutTwo.on .svg_logo {opacity: 0;}
.aboutTwo.on .logo .img {opacity: 1; transform: scale(1);}
.aboutTwo.on .p1 p {opacity: 1; transform: translateY(0);}
.aboutTwo.on .p2 p {opacity: 1; transform: translateY(0);}

@media (min-width: 1024px) {
  .aboutTwo .logo .img {opacity: 0;transform: scale(2);transition: .5s;}
  .aboutTwo .p1 p {opacity: 0;transform: translateY(2.5rem); transition: .5s;}
  .aboutTwo .p2 p {opacity: 0;transform: translateY(2.5rem); transition: .5s; transition-delay: .25s}
}
@media (max-width: 1023px) {
  .aboutTwo .svg_logo {display: none;}
  .aboutTwo .box {min-height: initial; padding: 6.25rem 0;}
}

.aboutThree {background: url(../images/aboutThree-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 5rem 0; overflow: hidden;}
.aboutThree .swiperBox1 {}
.abThSwiper1 {margin-top: 5rem;}
.abThSwiper1 .swiper-slide .text .num { line-height: 1; text-align: center; color: #fff; opacity: .2; font-size: 18.75rem; font-weight: 700;}
.abThSwiper1 .swiper-slide .disc {font-size: var(--font30);color: #fff; padding-top: 1.25rem; width: 55%; margin: auto; text-align: center;}
.abThSwiper1 .swjt {width: 3.75rem;height: 3.75rem; background: rgba(255, 255, 255, .3); border-radius: 50%; transition: .5s;}
.abThSwiper1 .swjt i {color: #fff;}
.abThSwiper1 .swjt:active {background: rgba(255, 255, 255, .8);}
.abThSwiper1 .swjt:active i {color: #C11B20;}
.aboutThree .swiperBox2 {margin-top: 5rem; position: relative;}
.aboutThree .swiperBox2::after {content: "";height: 2px;background: #fff; opacity: .4; width: 100vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.abThSwiper2 { max-width: 90%; margin: auto; position: static;}
.abThSwiper2 .swiper-slide {text-align: center;  height: 6.25rem;  display: flex; cursor: pointer;}
.abThSwiper2 .swiper-slide i {width: .625rem; height: .625rem; background: #fff; border-radius: 50%; margin: auto; display: block; position: relative;}
.abThSwiper2 .swiper-slide i::after {content: "";position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); width: 220%; height: 220%; border: 2px solid #fff; border-radius: 50%; transition: .5s;}
.abThSwiper2 .swiper-slide-thumb-active i::after {transform: translate(-50%, -50%) scale(1);}
.abThSwiper2 .swiper-slide .month {color: #fff; opacity: .3; transition: .5s; line-height: 1;position: absolute; left: 50%;top: 100%;transform: translate(-50%, -100%);}
.abThSwiper2 .swiper-slide-thumb-active .month { opacity: 1; font-size: var(--font20);}
@media (any-hover: hover) {
  .abThSwiper1 .swjt:hover {background: rgba(255, 255, 255, .8);}
  .abThSwiper1 .swjt:hover i {color: #C11B20;}
}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center;background-size: cover; padding: 7.5rem 0;}
.aboutFour .list {margin-top: 3.75rem;}
.aboutFour .list ul {display: flex;}
.aboutFour .list li {flex: 1; margin: 0 .5rem; border-radius: 1.25rem; overflow: hidden; background: #fff; position: relative; height: 37.5rem; transition: .5s;}
.aboutFour .list li:first-child {margin-left: 0;}
.aboutFour .list li:last-child {margin-right: 0;}
.aboutFour .list li .imgBox {position: relative; height: 100%;}
.aboutFour .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutFour .list li .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)); transition: .5s; width: 100%;}
.aboutFour .list li .hide {position: absolute; opacity: 0; padding: 2.5rem; padding-bottom: 5rem; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; left: 0; bottom: 0; transition: .5s;}
.aboutFour .list li .hide .p1 {font-size: var(--font30);font-weight: bold; color: #fff;}
.aboutFour .list li .hide .p2 {line-height: 1.6; margin-top: 1.25rem; color: #fff;}
.aboutFour .list li .show {display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100%; padding: .625rem; padding-bottom: 3rem; color: #fff; height: 100%; position: absolute; top: 0; left: 0%; transition: .5s;}
.aboutFour .list li .show .p1 {font-size: var(--font30);font-weight: bold; color: #fff;}
.aboutFour .list li.active {flex: 2;}
.aboutFour .list li.active .icBox {opacity: 1;}
.aboutFour .list li.active .show {opacity: 0; }
.aboutFour .list li.active .hide {opacity: 1;transition-delay: .5s;}
.aboutFour .list_info {display: flex; justify-content: space-between; margin-top: 7.5rem; gap: 5rem;}
.aboutFour .list_info .item {text-align: center; width: calc(100% /4);}
.aboutFour .list_info .p1 {font-size: var(--font36); font-weight: 700;}
.aboutFour .list_info .p2 {font-size: var(--font18);}

.aboutFive {padding: 6.25rem 0; position: relative; overflow: hidden;}
.aboutFive .swiperBox {margin-top: 3rem; position: relative;}
.aboutFive .swiper {position: static;}
.aboutFive .slide {width: 26%;border-radius: .625rem; overflow: hidden;}
.aboutFive .slide .imgBox {overflow: hidden; position: relative;}
.aboutFive .slide .imgBox img {width: 100%;}
.aboutFive .swiper-slide-active .imgBox::after {opacity: 0;}
.aboutFive .swiper-slide-active .info::after {height: 100%;}
.aboutFive .swiper-slide-active .con {opacity: 1; transition-delay: .5s;}
.aboutFive .swiper-slide-active .more {opacity: 1; transition-delay: .5s;}
/* 控件 */
.aboutFive .controls {margin-top: 5rem; gap: 1rem;}
.aboutFive .swjt { position: relative; margin: 0; transform: none;inset: 0; transition: .5s; width: 2.75rem; height: 2.75rem; border: 2px solid #ddd; border-radius: 50%;}
.aboutFive .swjt i {color: #333333; }
.aboutFive .swjt:active {background: #C11B20;}
@media (any-hover: hover) {
  .aboutFive .swjt:hover {background: #C11B20;}
  .aboutFive .swjt:hover i {color: #fff;}
}


/* =====产品中心 */
.procen {position: relative; overflow: hidden;}
.procen .swiperBox .slide {overflow: hidden;}
.procen .swiperBox .slide img {width: 100%; min-height: 30rem; object-fit: cover;}
.procen .swiperBox .slide .info {text-align: center; top: 40%;}
.procen .swiperBox .slide .info .t2 {text-transform: uppercase; line-height: 1;}
.procen .swiperBox .slide .info .p1 {margin-top: 2.5rem;}
.procen .swiperBox .slide .info .more {margin-top: 3rem;}
.procen .thumBox {padding-bottom: 2.5rem; bottom: 0;position: absolute; left: 0; z-index: 1; width: 100%; border-top: 1px solid rgba(255, 255, 255,.3);}
.procen .thumBox .slide {cursor: pointer; text-align: center;}
.procen .thumBox .slide span {padding-top: 2.5rem; position: relative; display: inline-block; color: #fff; font-size: var(--font24); text-align: center;}
.procen .thumBox .slide span::after {content: ""; position: absolute; top: 0; z-index: 1; left: 0; ; width: 0; height: 2px; background: #C11B20;transition: .5s;}
.procen .thumBox .slide.swiper-slide-thumb-active span::after {width: 300%; left: 50%; transform: translateX(-50%);}

/* 产品列表 */
.proList-banner .imgBox img {width: 100%; min-height: 20rem; object-fit: cover;}
.proList-banner .xian {width: 3.75rem; margin-top: 3rem; height: .5rem;background: #C11B20; border-radius: .25rem;}

.prolistnav {background: #fff; padding: 5rem 1.875rem; z-index: 11; position: fixed; top: 50%; transform: translateY(-50%); right: 2%;box-shadow: 0px 0px 2.5rem 0px rgba(7,0,2,0.15);border-radius: 6.25rem;} 
.prolistnav ul li {margin-bottom: 3.75rem; text-align: center;}
.prolistnav ul li:last-child {margin-bottom: 0;}
.prolistnav ul li a {font-size: var(--font24);color: #333333; opacity: .5; position: relative; display: inline-block; transition: .5s;}
.prolistnav ul li a::after {content: ''; position: absolute; bottom: -0.125rem; left: 0; width: 0%; height: .375rem; border-radius: 2.5rem; background: #C11B20; transition: .5s;}
.prolistnav ul li.on a {opacity: 1; color: #C11B20; font-weight: 700;}
.prolistnav ul li.on a::after {width: 50%; left: 50%; transform: translateX(-50%);}
@media (any-hover: hover) {
  .prolistnav ul li a:hover {opacity: 1; color: #C11B20; font-weight: 700;}
  .prolistnav ul li a:hover::after {width: 50%; left: 50%; transform: translateX(-50%);}
}

.prolist {padding: 7.5rem 0;}
.prolist .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem;}
.prolist .list li { border-bottom: 1px solid rgba(0, 0, 0,.2);}
.prolist .list li .imgBox {position: relative; padding-bottom: 90%; overflow: hidden;}
.prolist .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.prolist .list li .imgBox::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; width: 3.75rem; height: 3.75rem; border-radius: 50%; background: url(../images/search-icon-block.png) no-repeat center #fff; transition: .5s; opacity: 0;}
.prolist .list li .imgBox::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; height: 100%; background: rgba(193, 27, 32,.8); transition: .5s; opacity: 0;}
.prolist .list li .con {display: flex; justify-content: space-between; align-items: center; gap: .625rem; padding: 1.75rem 0;}
.prolist .list li .con i {transform: rotate(180deg);font-size: var(--font16); color: #404040; flex-shrink: 0;}
.prolist .list li .con .tit {font-size: var(--font20); color: #333;}
.prolist .list li .con .more {font-size: var(--font16); color: #C11B20;}
@media (any-hover: hover) {
  .prolist .list li:hover .imgBox::after {opacity: 1;}
  .prolist .list li:hover .imgBox::before {opacity: 1;}
  .prolist .list li:hover .con .tit {font-weight: 700;}
  .prolist .list li:hover .imgBox img {transform: scale(1.1);}
}

/* 产品详情 */
.prodateMain {background: #F5F5F5;}
.mbx  {padding: 2.5rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); opacity: 1; color: #686868 !important;}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #686868; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #C11B20 !important;}
.mbx .layui-breadcrumb span[lay-separator] {margin: 0 .625rem !important;}

.prodateOne {padding-bottom: 5rem;}
.prodateOne .back {display: flex; justify-content: flex-end;}
.prodateOne .back a {gap: .625rem;background: rgba(104, 104, 104,.1); display: inline-flex; border-radius: 6.25rem; padding: .75rem 1.125rem; transition: .5s;}
.prodateOne .back a img {width: 1rem; object-fit: contain;}
@media (any-hover: hover) {
  .prodateOne .back a:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
  .prodateOne .back a:hover {background: #C11B20; color: #fff;}
}

.prodateOne .le .tle .t1 {font-size: 6.875rem; font-weight: 700; line-height: 1;}
.prodateOne .box {display: flex; justify-content: space-between; margin-top: 3.75rem;}
.prodateOne .re {flex: 1; padding-left: 7.5rem;}
.prodateOne .re hr {border-color: #c2c2c2;}
.prodateOne .other {margin-top: 3rem;}
.prodateOne .other img {max-width: 100%;}


/* 色彩空间 */
.corSpace-banner {position: relative; overflow: hidden;}
.corSpace-banner .form form {width: 36.25rem; margin: auto; max-width: 100%; margin-top: 3.125rem; height: 3.75rem; background: #fff; display: flex; justify-content: space-between; border-radius: 6.25rem;}
.corSpace-banner .form input {height: 100%; padding: 0 2.5rem; flex: 1; font-size: var(--font16);}
.corSpace-banner .form button {width: 3.75rem; height: 3.75rem; border-radius: 50%;background: #C11B20; cursor: pointer;}
.corSpace-banner .form button img {width: 50%;}

.corSpace_nav {padding: 1.25rem 0; border-bottom: 1px solid rgba(200, 200, 200,.2);}
.corSpace_nav .list ul {display: flex; gap: .625rem;}
.corSpace_nav .list li a {padding: 1.25rem 1.5rem; display: block; border-radius: .625rem; color: #333; transition: .5s;}
.corSpace_nav .list li.on a {background: #E7E7E7; color: #C11B20;}
@media (any-hover: hover) {
  .corSpace_nav .list li a:hover {background: #E7E7E7; color: #C11B20;}
}

.corSpace {padding: 3.75rem 0;}
.corSpace .list ul {display: flex; flex-wrap: wrap; gap: 1rem; display: grid; grid-template-columns: repeat(10,1fr);}
.corSpace .list li {width: 100%; padding-bottom: 100%;  border-radius: 1.25rem; position: relative;}
.corSpace .list li span {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; font-size: var(--font30); color: #fff; font-weight: 700;}


/* =====案例展示 */
.case-banner {position: relative; overflow: hidden;}
.case-banne .imgBox img {width: 100%;}
.case-banner .con .p2 {font-family: Arial, Helvetica, sans-serif;}
.case-banner .bannernav {position: absolute; width: 100%; left: 0; z-index: 1; bottom: 3.75rem;}
.case-banner .bannernav .nav ul {display: flex; justify-content: center; gap: 1.25rem; text-transform: capitalize;} 
.case-banner .bannernav li a {display: inline-block; padding: .875rem 1.75rem;border: 1px solid #FFFFFF; color: #fff; border-radius: 6.25rem; transition: .5s;}
.case-banner .bannernav li.on a {background: #C11B20; border-color: #C11B20;}
@media (any-hover: hover) {
  .case-banner .bannernav li a:hover {background: #C11B20; border-color: #C11B20;}
}

.caselist {padding: 6.25rem 0;}
.caselist .list {margin-top: 5rem;}
.caselist .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 4.25rem; row-gap: 3rem;}
.caselist .list li .imgBox {position: relative; overflow: hidden; padding-bottom: 73%;}
.caselist .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.caselist .list li .p1 {font-size: var(--font20); color: #333; font-weight: 700; margin-top: 1.875rem;}
@media (any-hover: hover) {
  .caselist .list li .imgBox:hover img:hover {transform: scale(1.1);}
}

.case_client {background: rgba(231, 231, 231,.9); padding: 6.25rem 0;}
.case_client .list {margin-top: 3.75rem;}
.case_client .list ul {display: grid; grid-template-columns: repeat(5,1fr);gap: .75rem;}
.case_client .list li {background: #FFFFFF; height: 9.25rem;  padding: 1.25rem;}
.case_client .list li .imgBox {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.case_client .list li .imgBox img {min-width: 50%;  max-width: 100%; max-height: 100%; object-fit: contain;}


/* =====新闻中心 */
.newsInfo {padding: 5rem 0;}
.newsInfo .slide .link {display: flex; }
.newsInfo .slide .imgBox {width: 50%; overflow: hidden;}
.newsInfo .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newsInfo .slide .con {flex: 1; margin: 3rem; padding-bottom: 5rem; position: relative;}
.newsInfo .slide .con .p1 {transition: .5s; }
.newsInfo .slide .con .p2 {margin-top: 3rem;}
.newsInfo .slide .con .time {position: absolute; bottom: 0; left: 0; color: #333;}      
.newsInfo .pagtion {width: auto; right: 0; text-align: right; margin-right: 3rem; bottom: 3rem;}
.newsInfo .pagtion span {background: #C8C8C8; opacity: .5;}
.newsInfo .pagtion span.swiper-pagination-bullet-active {background: #C11B20; opacity: 1;}
@media (any-hover: hover) {
  .newsInfo .slide .con:hover .p1 {color: #C11B20;}
  .newsInfo .slide .imgBox:hover img {transform: scale(1.1);}
}

.newslist {background: #E7E7E7; padding: 3.75rem 0;}
.newslist .list li {padding: 3rem 0; border-bottom: 1px solid rgba(200, 200, 200,.5);}
.newslist .list li .link {display: flex; justify-content: space-between; align-items: center; gap: 1.25rem;}
.newslist .list li .time {font-size: var(--font26);color: #333333; }
.newslist .list li .con {display: flex; align-items: center; width: 69%; justify-content: space-between; gap: 1.25rem;}
.newslist .list li .imgBox {width: 31%; overflow: hidden;}
.newslist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist .list li .jt i {font-size: var(--font20); color: #333;}
@media (any-hover: hover) {
  .newslist .list li:hover .p1 {color: #C11B20;}
  .newslist .list li:hover .imgBox img {transform: scale(1.1);}
}


/* 新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px solid #ddd;}
.newsDate {padding: 0 0 6.25rem;}
.newsDate .mbx .layui-breadcrumb::before{color: #33333350;}
.newsDate .mbx .layui-breadcrumb>*{color: #33333350 !important;}
.newsDate .mbx a:hover {color: #C11B20 !important;}
.newsxq-box {padding: 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: #C11B20;}
.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:#C11B20; 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: #C11B20;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}

/* =====联系我们 */
.tactBanner {position: relative;}
.tactBanner img {width: 100%; min-height: 5rem; object-fit: cover;}

.tactTwo {padding: 6.25rem 0;}
.tactTwo .tle .tit2 {}
.tactTwo .tle .xian {width: 2.75rem; height: .5rem; background: #C11B20; margin: auto; margin-top: 1.25rem; border-radius: .25rem;}
.tactTwo .preloader-2 {margin-right: .3rem;}
.tactTwo ul {display: flex; justify-content: space-around; margin-top: 5rem;}
.tactTwo li {text-align: center; width: calc(100% / 3);}
.tactTwo li .icBox {height: 3.75rem; display: flex; justify-content: center; align-items: center;}
.tactTwo li .icBox img {max-height: 100%; object-fit: contain;}
.tactTwo li .p1 {font-size: var(--font30); margin-top: 1.25rem; font-weight: 700;}
.tactTwo li .p2 {font-size: var(--font22); }
.tactTwo li .p2 a {color: #333;}
.tactTwo li .p2 a:hover {color: #c31717;}

.tactMap {height: auto;}
.tactMap .boxMap {height: 100%;}
.tactMap .boxMap #map {height: 100%; width: 100%;}
.tactMap .boxMap #map img {width: 100%;}

.tactMain .indexform {background: #fff;}
.tactMain .indexform .item input, .tactMain .indexform .item textarea {background: #fff;}