/* #c-placeholder {height: 1rem;min-height: 80px;} */
header {position: fixed; left: 0; z-index: 99; width: 100%; transition: top .5s;}
.headBox {padding: 0 3%;transition: .5s; height: 8.75rem; display: flex; justify-content: space-between;}
.headBox .logo {height: 100%;}
.headBox .logo a {height: 100%;padding: .625rem 0;}
.headBox .logo img {height: 7rem; max-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 {width: 55%;}
nav > ul {display: flex; height: 100%; align-items: center; justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1;}
nav .layui-nav .layui-nav-item > a {color: #fff;position: relative; z-index: 1; padding: 0 !important; font-size: var(--font18);font-family: 'Poppins', sans-serif; font-weight: 400;}
nav .layui-nav .layui-nav-item:hover > a, nav .layui-nav .layui-this > a {color: #FF0000 !important;opacity: 1;}
nav .layui-nav .layui-this::before {opacity: 1;}
nav .layui-nav > .layui-this:after,nav .layui-nav-bar {display: none;}
nav .layui-nav .layui-nav-item:hover::before {opacity: 1;}
nav .layui-nav .layui-nav-item:hover > a {color: #fff;opacity: 1;}
nav .layui-nav .layui-nav-more {top: 50%;transform: translateY(-50%) translateX(200%); font-size: var(--font14);}
nav .layui-nav .layui-nav-child {top: 100%;}
nav .layui-nav .layui-nav-child a:hover {background: none; color: #FF0000 !important;}

/* 头部下拉 */
.headLeveNav {position: fixed; line-height: initial; width: 100%; background: #fff; top: 8.75rem; 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: #FF0000; 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: .625rem 0;}
.headLeveNav .re ul li a:hover ,.headLeveNav .re ul li.on a {color: #FF0000;}
.headProSwiper {--swiper-theme-color: #FF0000;}


/* 搜索 */
.head_search {cursor: pointer;margin-right: 3.75rem;}
.head_search svg {width: 1.438rem; height: 1.438rem;}

/* 弹出搜索 */
.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 20%; 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: #6fba2c;}
.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%;}

/* 语言 */
.headluange {height: 100%;}
.headluange .layui-nav {height: 100%;}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item > a {padding-right: 1.25rem; font-size: var(--font26); color: #fff;}
.headluange .layui-nav .layui-nav-item > a .layui-icon {top: 50%; transform: translateY(-50%); font-size: var(--font12);}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 80%;}
/* 留言 */
.head_form {margin-left: 2.5rem;}
.head_form a {display: block; background: #FF0000; padding: 1rem 1.5rem; color: #fff; border-radius: .313rem;}

/* 留言弹窗 */
#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: #FF0000; 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 #FF0000;}
@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 {background: #fff; box-shadow: 0 0 .625rem 0 rgba(0, 0, 0, .1); height: 6.75rem;}
header.c-style2 .headLeveNav {top: 6.75rem;}
header.c-style2 nav .layui-nav .layui-nav-item > a {color: #333;}
header.c-style2 .headluange .layui-nav .layui-nav-item > a {color: #333;}
header.c-style2 .head_search svg path {fill: #333;}


/* ==================公用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: #FF0000;border-radius: .313rem; padding: 1.15rem 1.875rem; color: #fff; display: inline-flex;align-items: center; transition: .5s; border: 1px solid #FF0000;}
.more1 span {margin-right: 1.25rem;}

.more2 {background: #FF0000;border-radius: .313rem;padding: .75rem 1.625rem; display: inline-flex;align-items: center; transition: .5s; border: 1px solid #FF0000; color: #fff;}

@media (any-hover: hover) {
 .more1:hover {background: #fff; color: #FF0000; border-color: #FF0000;}
 .more2:hover {background: #fff; color: #FF0000; border-color: #FF0000;}
}


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



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

/* banner */
.indexBanner {height: 100vh; }
.indexBanner .swiper {height: 100%;}
.indexBanner .swiper .slide {background: #303030;}
.indexBanner .swiper .slide .bjBox {height: 100%;}
.indexBanner .swiper .slide .bjBox video , .indexBanner .swiper .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexBanner .swiper .slide .bjBox img {transition: 1s linear 2s;transform: scale(1.1, 1.1);}

.indexBanner .swiper .slide .videoBox {position: relative;}
.indexBanner .swiper .slide .videoBox::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}

.indexBanner .swiper .slide .slide_box {width: 100%;}
.indexBanner .swiper .slide .info .p1 {font-size: 5rem; color: #fff; text-transform: uppercase; line-height: 1.1;}
.indexBanner .swiper .slide .info .p2 {margin-top: 3.75rem;}
.indexBanner .swiper .slide .info .p1 span {
  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 .swiper .slide .more {margin-top: 3.75rem;}

/* 当前 */
.indexBanner .slide.swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {
    transition: 6s linear;
    transform: scale(1, 1);
}

/* 控件 */
.indexBanner .swiper .pagtion span {background: #ffffff; opacity: 1; width: .625rem; height: .625rem; margin: 0  .313rem!important; transition: .5s;}
.indexBanner .swiper .pagtion span.swiper-pagination-bullet-active {background: #FF0000; width: 1.5rem; border-radius: .313rem;}

.indexOne {position: relative; top: 0; z-index: 1; padding: 6.25rem 0 10.625rem;}
.indexOne .swiperBox {margin-top: 5.375rem; position: relative;}
.indexOne .swiper {position: static;}
.indexOne .slide a {display: flex;height: 100%; flex-direction: column; justify-content: space-between; padding: 6.25rem 2.5rem; align-items: center; height: 36.375rem;position: relative; z-index: 1;}
.indexOne .slide a::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(235, 235, 235,.8); transition: .5s; }
.indexOne .slide a::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: .5s; opacity: 0;}
.indexOne .slide .bjBox {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.indexOne .slide .bjBox img {width: 100%; height: 100%; object-fit: cover;filter: grayscale(100%); -webkit-filter:grayscale(100%); transition: .5s;}
.indexOne .slide .icBox {height: 4.75rem; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
.indexOne .slide .icBox img {filter: brightness(0); -webkit-filter:brightness(0);min-height: 3.75rem; max-height: 100%;}
.indexOne .slide .text {font-size: var(--font20);color: #000; text-align: center; position: relative; z-index: 1; transition: .5s; font-weight: 400;}
.indexOne .slide .more2 {position: relative; z-index: 1;}
@media (any-hover: hover) {
    .indexOne .slide a:hover::before {opacity: 0;}
    .indexOne .slide a:hover::after {opacity: 1;}
    .indexOne .slide a:hover .icBox img {filter: brightness(1); -webkit-filter:brightness(1);}
    .indexOne .slide a:hover .text {color: #fff;}
    .indexOne .slide a:hover .bjBox img {filter: grayscale(0); -webkit-filter:grayscale(0);}
}

/* 控件 */
.indexOne .pagtion {bottom: 0; transform: translateY(150%); width: auto; left: 0;color: #7F7F7F; font-size: var(--font16);opacity: 1;}
.indexOne .pagtion .cur {font-size: var(--font26);color: #000; opacity: 1; font-weight: 400;}
.indexOne .swjt {width: 2.625rem; height: 2.625rem; background: #eeeeee; border-radius: 50%; top: auto; bottom: 0;transform: translateY(150%); right: 0; transition: .5s;}
.indexOne .swjt:hover {background: #FF0000;}
.indexOne .swjt i {color: #464646;}
.indexOne .swjt.swiper-button-prev {left: auto; right: 0; transform: translateX(-150%) translateY(150%); }
@media (any-hover: hover) {
    .indexOne .swjt:hover {background: #FF0000;}
    .indexOne .swjt:hover i {color: #fff;}
}

.indexTwo {background: #f9f8f7;padding: 5.625rem 0 4.75rem;}
.indexTwo .swiperBox {margin-top: 3.125rem; position: relative;}
.indexTwo .swiper {position: static;}
.indexTwo .swiper .slide .slide_box {padding: 0 0 0 10.625%;}
.indexTwo .swiper .slide .le {width: 38%; padding-bottom: 6.25rem;}
.indexTwo .swiper .slide .imgBox {width: 56%;}
.indexTwo .swiper .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .swiper .slide .p1 {line-height: 1.3; margin-top: 2.5rem; font-weight: 500;}
.indexTwo .swiper .slide .p2 {margin-top: 2.75rem;}
.indexTwo .swiper .slide .more {margin-top: 4.375rem;}
/* 控件 */
.indexTwo .pagtion {bottom: 3.125rem; left: 10.625%; width: auto;color: #7F7F7F; font-size: var(--font16);opacity: 1;}
.indexTwo .pagtion .cur {font-size: var(--font26);color: #000; opacity: 1;}
.indexTwo .swjt {width: 2.625rem; height: 2.625rem; background: #eeeeee; border-radius: 50%; top: auto; bottom: 3.125rem; right: 56%; transition: .5s;}
.indexTwo .swjt:hover {background: #FF0000;}
.indexTwo .swjt i {color: #464646;}
.indexTwo .swjt.swiper-button-prev {left: auto;  transform: translateX(-150%); }
@media (any-hover: hover) {
    .indexTwo .swjt:hover {background: #FF0000;}
    .indexTwo .swjt:hover i {color: #fff;}
}

.indexThre {padding: 6.25rem 0 8.75rem;}
.indexThre .tit_text {margin-top: 1.25rem; width: 55%; margin-left: auto; margin-right: auto;}
.indexThre .list {margin-top: 4.375rem;}
.indexThre .list ul {display: grid; grid-template-columns: repeat(5, 1fr); gap: .375rem;}
.indexThre .list li {position: relative;}
.indexThre .list li::before {content: ''; position: absolute; top: 0; left: 50%; height: .625rem; background: #FF0000; width: 0; transition: .5s; z-index: 1;}
.indexThre .list li .imgBox {position: relative; overflow: hidden;}
.indexThre .list li .imgBox img {width: 100%; transition: .5s;}
.indexThre .list li .imgBox::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);transition: .5s;}
.indexThre .list li .text {width: 100%; padding: 1.25rem 2.5rem; text-align: center;}
@media (any-hover: hover) {
    .indexThre .list li:hover::before {width: 100%; left: 0;}
    .indexThre .list li:hover .imgBox img {transform: scale(1.05);}
}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: 8.125rem 0 8.125rem; background-attachment: fixed;}
.indexFour .tit_text {margin-top: 2.5rem; width: 70%; margin-left: auto; margin-right: auto;}
.indexFour .more {margin-top: 5.625rem;}
.indexFour .numlist {margin-top: 9.375rem;}
.indexFour .numlist li .num {font-size: var(--font48); font-family: 'Poppins', sans-serif; display: flex;justify-content: center; font-weight: 900;}
.indexFour .numlist li .desc {color: #666;}

.indexFive {padding: 8.75rem 0;}
.indexFive .swiperBox {margin-top: 5rem; position: relative;}
.indexFive .swiper {position: static;}
.indexFive .slide .slide_box {display: block; transform: scale(.8);transition: .5s; overflow: hidden;border-radius: .625rem}
.indexFive .slide .imgBox {overflow: hidden;}
.indexFive .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFive .slide .info {position: absolute;width: 100%;left: 0;bottom: 0;background: rgba(0, 0, 0,.5); transform: translateY(100%); padding: 1.875rem 2.5rem; display: flex; justify-content: space-between; align-items: center; color: #fff; transition: .5s;}
.indexFive .slide .info .more {transform: rotate(145deg);}
.indexFive .slide .info .p1 {font-size: var(--font20); font-weight: 400;}
.indexFive .slide .info .more i {font-size: var(--font18);}
.indexFive .slide.swiper-slide-active .info {transform: translateY(0); }
.indexFive .slide.swiper-slide-active .slide_box {transform: scale(1); }
.indexFive .allMore {margin-top: 9.375rem;}
/* 控件 */
.indexFive .pagtion {bottom: -4.375rem; opacity: 1;}
.indexFive .pagtion span {width: .75rem; height: .75rem;border: .125rem solid #040404; background: none; margin: 0  .313rem !important; opacity: 1;}
.indexFive .pagtion .swiper-pagination-bullet-active {background: #040404; }

.indexSix {background: url(../images/indexSix-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 10.625rem 0 15rem;}
.indexSix .tit_text {margin-top: 3.875rem; width: 65%; margin-left: auto; margin-right: auto;}
.indexSix .more {margin-top: 6.25rem;}

.indexSeven {padding: 6.25rem 0 0; overflow: hidden;}
.indexSeven .swiperBox {margin-top: 6.25rem; position: relative;}
.indexSeven .swiper {position: static; --swiper-theme-color: #FF0000;}
.indexSeven .swiper .slide .imgBox {overflow: hidden;}
.indexSeven .swiper .slide .imgBox img {width: 100%; transition: .5s;}
.indexSeven .swiper .slide .info {padding: 0 .625rem;}
.indexSeven .swiper .slide .p1 {margin-top: 2.5rem;}
.indexSeven .swiper .slide .p2 {margin-top: .625rem;}
.indexSeven .allMore {margin-top: 5rem;}

/* 控件 */
.indexSeven .pagtion {bottom: -3rem;}
.indexSeven .swjt {width: 2.625rem; height: 2.625rem; background: #eeeeee; border-radius: 50%; right: 0; transform: translateX(150%); transition: .5s;}
.indexSeven .swjt:hover {background: #FF0000;}
.indexSeven .swjt i {color: #464646;}
.indexSeven .swjt.swiper-button-prev {left: 0; right: auto;  transform: translateX(-150%);}
@media (any-hover: hover) {
    .indexSeven .swiper .slide:hover .imgBox img {transform: scale(1.05); }
    .indexSeven .swjt:hover {background: #FF0000;}
    .indexSeven .swjt:hover i {color: #fff;}
}

/* =====底部===== */
.foterUs {position: relative; overflow: hidden; z-index: 1; margin-top: 6.25rem;}
.foterUs .box {background: url(../images/foterUs-bj.jpg) no-repeat center; background-size: cover; border-radius: .625rem; padding: 5.625rem 0 3.125rem; overflow: hidden;}
.foterUs .more {margin-top: 3.125rem;}
.foterUs::after {content: ''; width: 100vw; left: 0;background: #333333; position: absolute; height: 50%;bottom: 0; z-index: -1;}


.footer {position: relative; overflow: hidden;}
.footer .footerBox {background: #333333; padding-top: 6.25rem;}
.foternav {display: flex; justify-content: space-between;}
.foternav dl dt {font-size: var(--font17);color: #ffffff; padding-bottom: 1.875rem; font-family: 'Poppins', sans-serif;}
.foternav dl dd {margin-bottom: .625rem;}
.foternav dl dd a {font-size: var(--font15);opacity: 0.5; color: #ffffff;}
@media (any-hover: hover) {
    .foternav dl dd a:hover {opacity: 1;}
}

.copyRight {margin-top: 6.25rem; padding-bottom: 3.125rem;}
.copyRight .txt {color: rgba(255, 255, 255,.5); font-size: var(--font15);  font-family: 'Poppins', sans-serif; font-weight: 300;}
.copyRight .txt a {color: rgba(255, 255, 255,.5); }
.copyRight ul {display: grid; grid-template-columns: repeat(5,auto);gap: 1.5rem;}
.copyRight ul li .icBox {height: 1.25rem; width: 1.25rem;}
.copyRight ul li .icBox svg {width: 100%; height: 100%;}
.copyRight li .code {position: relative;display: inline-block;}
.copyRight li .code_img {position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); background: #fff; padding: .313rem; border-radius: .625rem; opacity: 0; transition: .5s; pointer-events: none; visibility: hidden;}
.copyRight li .code_img span {display: block; margin-top: .313rem; font-size: var(--font14);}
.copyRight li .code_img img {width: 7.5rem;}
.copyRight li .code_img::after {content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); width: 0; height: 0; border: .625rem solid transparent; border-top-color: #fff;}
.copyRight li .code:hover .code_img {opacity: 1;  bottom: 130%; visibility: visible; pointer-events: auto;}
@media (any-hover: hover) {
    .foternav dl dd a:hover {opacity: 1;}
    .copyRight .txt a:hover {color: #fff;}
}



/* =====================================================内页========================================================= */

/* 内页banner */
.ny-banner {position: relative;}
.ny-banner .pic {overflow: hidden;}
.ny-banner .pic img {display: block;width: 100%; object-fit: cover;}
.ny-banner .info strong {font-size: 3.75rem; text-align: center; font-weight: 700;}
.ny-banner .info strong {
  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;
  }
}

.proOne .list li {padding: 5rem 0; position: sticky; top: 6.75rem; background: #fff;}
.proOne .list li:nth-child(even) {background: #f5f5f5;}
.proOne .list li .li_box {display: flex; justify-content: space-between;}
.proOne .list li .imgBox {width: 50%;}
.proOne .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.proOne .list li .info {width: 45%; position: relative; padding-bottom: 6.75rem;}
.proOne .list li .p1 {margin-top: 3.125rem;}
.proOne .list li .p2 {margin-top: 2.5rem;}
.proOne .list li .more {position: absolute; bottom: .875rem; left: 0;}
.proOne .list li .more .more1 {background: #666666; border-color: transparent;}
@media (any-hover: hover) {
   .proOne .list li .more .more1:hover {background: #FF0000; border-color: #FF0000; color: #fff;} 
}

.proTwo {padding: 7.5rem 0 11.25rem;}
.proTwo ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.375rem; margin-top: 5rem;}
.proTwo li {border-radius: .625rem; overflow: hidden; min-height: 35rem; position: relative; padding: 5rem 2.25rem 1.5rem 2.25rem; text-align: center;}
.proTwo li .bjBox {position: absolute;width: 100%; height: 100%;left: 0; top: 0; z-index: -1;}
.proTwo li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.proTwo li .icBox {height: 8rem; display: flex; align-items: center; justify-content: center;}
.proTwo li .icBox img {max-height: 100%; min-height: 6rem;}
.proTwo li .p1 { margin-top: 4.375rem; font-weight: 500;}
.proTwo li .text {margin-top: 2.5rem; font-weight: 300;}


/* =====产品详情===== */
.ny-banner2 {position: relative;}
.ny-banner2 .pic img {width: 100%; object-fit: cover;}
.ny-banner2 .info {top: 70%;}
.ny-banner2 .info .str span {
    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;
  }
}

.ny-banner2 .banner_mbx {margin-top: 2.5rem;}
.ny-banner2 .banner_mbx .layui-breadcrumb a , .ny-banner2 .banner_mbx .layui-breadcrumb span {font-size: var(--font15); color: #fff !important; font-weight: 400;}

.prodateOne {padding: 7.5rem 0;}
.prodateOne .right {width: 55%;}
.prodateOne .imgBox {margin-top: 5rem;}
.prodateOne .imgBox img {width: 100%;}

.prodateTwo {padding: 5rem 0 8.75rem; background: #f5f5f5;}
.prodateTwo .box {margin-top: 1.875rem;}

.prodateThre {padding: 5rem 0 6.25rem;}
.prodateThre .w1500 .list {margin-top: 5rem;}
.prodateThre .w1500 ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.75rem;}
.prodateThre .w1500 li .imgBox {overflow: hidden;}
.prodateThre .w1500 li .imgBox img {width: 100%; transition: .5s;}
.prodateThre .w1500 li .info {margin-top: 2.5rem;}
.prodateThre .w1500 li .info .p1 {padding-bottom: 2.125rem; border-bottom: 1px solid #000000; position: relative;}
.prodateThre .w1500 li .info .p1::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #FF0000; transition: .5s;}
@media (any-hover: hover) {
    .prodateThre .w1500 li:hover .info .p1::after {width: 100%;}
}
.prodateThre .w1500 li:hover .imgBox img {transform: scale(1.05);}

/* 服务自动化详情 */
.prodateThre2 {padding-top: 0;}
.prodateThre2 .proOne .list li {background: #fff !important;}
.prodateThre2 .proOne .list li .imgBox {width: 48%;}
.prodateThre2 .proOne .list li .info {width: 48%;}
.prodateThre2 .proOne .list li .p1 {font-size: var(--font28); font-weight: 400;}
.prodateThre2 .proOne .list li .p2 {font-size: var(--font18); font-weight: 300;}


/* =====关于我们===== */
.ny_nav {border-bottom: 1px solid rgba(89, 89, 89,.2);}
.ny_nav ul {display: flex;justify-content: center;}
.ny_nav li {margin: 0 3.125rem;}
.ny_nav li a {display: block; padding: 1.5rem 0; position: relative; color: #333; font-size: var(--font18); transition: .5s;}
.ny_nav li a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; transition: .5s; height: .313rem; border-radius: .188rem; background: #FF0000; transform: translateY(50%);}
.ny_nav li.on a {color: #FF0000;}
.ny_nav li.on a::after {width: 100%;}
.ny_nav li.on {order: -1;}
@media (any-hover: hover) {
  .ny_nav li:hover a {color: #FF0000;}
  .ny_nav li:hover a::after {width: 100%;}

}

.aboutOne {padding: 7.5rem 0;}
.aboutOne .right {width: 56%;}
.aboutOne .right p {font-size: var(--font18);color: #666666; margin-bottom: 1.875rem; font-weight: 300;}
.aboutOne .imgBox {margin-top: 5.625rem; overflow: hidden;}
.aboutOne .imgBox img {width: 100%;}

.aboutTwo {background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; padding: 9.375rem 0 16.875rem; background-attachment: fixed; overflow: hidden;}
.aboutTwo .swiperBox {margin-top: 10rem; position: relative; border-bottom: 1px solid rgba(255, 255, 255, .2);padding: 0 1rem;}
.aboutTwo .swiper {overflow: visible;}
.aboutTwo .slide {width: calc(100% / 5.5);}
.aboutTwo .slide .slide_box {height: 17.5rem; display: flex;}
.aboutTwo .slide .xian {position: relative;}
.aboutTwo .slide .xian i {height: 100%; width: 1px;opacity: 0.3;background: #ffffff; display: block;} 
.aboutTwo .slide .xian::before {content: ''; position: absolute; top: 0; width: .438rem;height: 1.5rem;background: #ff0000; z-index: 1; border-radius: .25rem; transform: translateX(-40%);}
.aboutTwo .slide .xian::after {content: ''; position: absolute; bottom: 0; width: .75rem; height: .75rem; border-radius: 50%; background: #fff; left: 0; transform: translate(-50%, 50%);}
.aboutTwo .slide .info {padding-left: 1rem;}
.aboutTwo .slide .info .p1 {font-size: var(--font20);color: #ffffff;}
.aboutTwo .slide .info .text {font-size: var(--font15);color: #ffffff; margin-top: .625rem;max-height: 80%; overflow-y: auto;}
/* 控件 */
.aboutTwo .swjt {width: 2.5rem; height: 2.5rem; background: rgba(0, 0, 0,.3); border-radius: 50%; top: auto; bottom: -10rem; left: 0; left: calc(50% - 2.5rem); transition: .5s;}
.aboutTwo .swjt i {color: #fff; font-size: var(--font12);}
.aboutTwo .swjt.swiper-button-next {transform: translateX(150%);}
.aboutTwo .swjt:active {background: #fff;}
.aboutTwo .swjt:active i {color: #000;}
@media (any-hover: hover) {
    .aboutTwo .swjt:hover {background: #fff;}
    .aboutTwo .swjt:hover i {color: #000;}
}

.aboutThre {padding: 8.75rem 0 15rem;}
.aboutThre .tit_text {margin-top: 2.5rem; width: 74%; margin-left: auto; margin-right: auto; font-weight: 300;}
.aboutThre .list ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem;}
.aboutThre .list {margin-top: 5rem;}
.aboutThre li {min-height: 35rem; position: relative; display: flex; flex-direction: column; align-items: center;  padding: 6.25rem 1.25rem;}
.aboutThre li .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.aboutThre li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutThre li .icBox {display: flex; align-items: center; justify-content: center; height: 3.75rem;}
.aboutThre li .icBox img {max-height: 100%; min-height: 90%;}
.aboutThre li .text {color: #fff; text-align: center; font-weight: 300; margin-top: 8.75rem;}

.aboutFour {position: relative;background: #f5f5f5;}
.aboutFour .imgBox {width: 52%; position: absolute; left: 0; bottom: 0; height: 108%;}
.aboutFour .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutFour .w1500 {display: flex; justify-content: flex-end;}
.aboutFour .info {width: 47%; padding: 10rem 0 10rem 4rem;} 
.aboutFour .info .text {margin-top: 4.375rem; font-weight: 300;}

.aboutFive {padding: 7.5rem 0; overflow: hidden; position: relative;}
.aboutFive .tit_text {margin-top: 2.5rem; font-size: var(--font18); width: 80%; margin-left: auto; margin-right: auto; font-weight: 300;}
.aboutFive .nav {margin-top: 2.5rem;}
.aboutFive .nav ul {display: grid; grid-template-columns: repeat(2,auto); justify-content: center;gap: 2.5rem;}
.aboutFive .nav li a {background: #f0f0f0;border-radius: 6.25rem; padding: .8rem 1.5rem; color: #333; display: block; transition: .5s;}
.aboutFive .swiperBox {margin-top: 2.5rem; position: relative;}
.aboutFive .swiperBox .swiper2 {display: none;}
.aboutFive .swiper {padding: 1rem; box-sizing: border-box;  --swiper-theme-color: #FF0000; position: static;}
.aboutFive .slide a {display: block; background: #fff; padding: .625rem;box-shadow: 0px 0px .625rem 0px rgba(0,0,0,0.10); }
.aboutFive .slide a img {width: 100%;}
.aboutFive .nav li.active a , .aboutFive .nav li:active a {background: #FF0000; color: #fff;}

/* 控件 */
.aboutFive .pagtion {bottom: -3rem;}
.aboutFive .swjt {width: 2.625rem; height: 2.625rem; background: #eeeeee; border-radius: 50%; right: 0; transform: translateX(150%); transition: .5s;}
.aboutFive .swjt:hover {background: #FF0000;}
.aboutFive .swjt i {color: #464646;}
.aboutFive .swjt.swiper-button-prev {left: 0; right: auto;  transform: translateX(-150%);}
@media (any-hover: hover) {
    .aboutFive .swiper .slide:hover .imgBox img {transform: scale(1.05); }
    .aboutFive .swjt:hover {background: #FF0000;}
    .aboutFive .swjt:hover i {color: #fff;}
}


/* 内页新闻列表页 */
.news-list{padding: 6.25rem 0;}
.news-list ul li{border-bottom: 1px solid #D8D8D8; padding-bottom: 1.75rem; margin-bottom: 1.375rem;}
.news-list ul li .date{width: 6.875rem; height: 7.5625rem;  background: #f3f4f6; margin-right: 2.75rem;}
.news-list ul li .date b{color: #3D3D3D;}
.news-list ul li .date span{color: #9C9C9C;}
.news-list ul li .info{width: 80%;}
.news-list ul li .info h3{color: #3D3D3D;margin-bottom: 1.125rem;}
.news-list ul li .info h4{color: #646464; font-weight: 300;}
.news-list ul li:hover .info h3{color: #ff0000;}


/* ==新闻详情 */
.newsDateMain {background: #f9f9f9; }
.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;font-weight: 700;line-height: 1.4;}
.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: #ff0000; }
.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: 0;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#ff0000; 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: #ff0000;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}




/* 内页案例列表页 */
.case-list{padding: 7.375rem 0;}
.case-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.75rem 3rem}
.case-list ul li .imgBox {overflow: hidden;}
.case-list ul li .imgBox img {width: 100%; transition: .5s;}
.case-list ul li .info {padding: 0 .625rem;}
.case-list ul li .p1 {margin-top: 2.5rem;}
.case-list ul li .p2 {margin-top: 1.25rem;}
.case-list ul li:hover .imgBox img {transform: scale(1.05); }

/* 案例详情页 */
.caseMain-bg{background: #f0f3f8; padding: 3.75rem 0 6.25rem;}
.nycase-box {align-items: flex-start; margin-bottom: 5rem; }
.case-details {width: 68.92%;background: #ffffff;padding: 3.875rem 5.4% 3.125rem;box-sizing: border-box;}
.casexq-title {border-bottom: 1px solid #F2F2F2; padding-bottom:1.875rem;}
.casexq-title strong {display: block; font-size: 2.125rem; color: #333; font-weight: normal; margin-bottom: 1.875rem;}
.casexq-title span {color: #999; margin-right: 4.375rem;}
.casexq-title span>img {display: inline-block; margin-right: .875rem;}
.casexq-editbox {border-bottom: 1px solid #F2F2F2; padding: 1.875rem 0; margin-bottom: 3.75rem;}
.casexq-editbox img {max-width: 100%;}
.casexq-arrow .text em {display: block; color: #999; line-height: 1.8;}
.casexq-arrow .text a {color: #333;}
.casexq-arrow .text a:hover {color: #ff0000;}
.case-back a {transition: 0.6s; display: block;padding: .75rem 1.875rem;  background: #000;border-radius:6.25rem; color: #fff; text-align: center;}
.case-back a:hover {background: #ff0000;}
.case-recom {width: 27.5%;position: sticky;top: 9.375rem;background: #ffffff;padding: 2rem 2.7%;box-sizing: border-box;}
.recom-title h2 {display: block; font-size:1.875rem; color: #333;border-left: 4px solid #ff0000; padding-left: 1.25rem; margin-bottom: 0rem; line-height: 1;}

.nypic-list{margin-top: 1.875rem;}
.nypic-list ul li{margin-bottom: 1.875rem;}
.nypic-list ul li .pic{overflow: hidden;}
.nypic-list ul li .pic img{display: block; width: 100%;}
.nypic-list ul li .info{background: #f5f5f5; padding: .8rem 2%}
.nypic-list ul li .info strong{text-align: center;font-weight: normal;font-size: 1.1rem;}




/* 内页加入我们 */
.joinMain{padding: 7.25rem 0 9.3125rem}

.join-list dl{margin-bottom: 1rem;}
.join-list dl dt{background: #ebebeb;padding: 2.0625rem  3%;box-sizing: border-box;}
.join-list dl dt strong{color: #3D3D3D; text-transform: capitalize; }
.join-list dl dt .icon{position: relative;}
.join-list dl dt .icon::before,.join-list dl dt .icon::after{position: absolute;bottom: 0;transform: translateY(50%); right: 5%;}
.join-list dl dt .icon::before{content: "-";font-size: 4.25rem;line-height: 1; display: none;}
.join-list dl dt .icon::after{content: "+";font-size: 3rem;line-height: 1; }
.join-list dl dt.active .icon::before{display: block;}
.join-list dl dt.active .icon::after{display: none;}
.join-list dl dd{padding:  2.8125rem 1.3%; display: none;}


/* 内页技术支持 */
.techMain{padding: 6.25rem 0;}
.ny-title{margin-bottom: 5rem;}


/* 内页联系我们 */
.contact{padding: 8.125rem 0 10rem}
.contact-list ul{text-align: center;     justify-content: space-evenly;font-family: 'Poppins'}
.contact-list ul li{width: 32%;}
.contact-list ul li .icon img{width: 3.3125rem; margin-bottom: 2.1875rem;}
.contact-list ul li strong,.contact-list ul li p,.contact-list ul li a{color: #3D3D3D;}
.contact-list ul li strong{display: block; margin-bottom: 1.0625rem; text-transform: uppercase; font-weight: 700;}
.contact-list ul li a{}

#map {background: #f5f5f5;padding: 5.75rem 0 6.5625rem;}
#map .pic{position: relative; display: block; width: 81rem; max-width: 100%;}
#map .pic img { margin-left: 6%; width: 100%;}
#map li {display: flex;/* align-items: flex-start; */position: absolute;}
#map li .cirle {position: relative; margin-right: .625rem;}
#map li .cirle i {width: .875rem; height: .875rem; border-radius: 50%; background: #FF0000;z-index: 1; display: block;}
#map li .cirle::after {content: ""; position: absolute; width:1.6875rem; height: 1.6875rem; background: #FF0000; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 0; animation: scalemap 2s linear infinite}
#map li .info {position: absolute;left: 100%;min-width: 25.5rem;max-width: 31.25rem;z-index: 2;padding-left: 1rem;opacity: 0;visibility: hidden;transition: .5s;top: -550%;}
#map li .info .info_con {padding: 1.875rem 2.4375rem;background: #ffffff;border-radius: 1rem;box-shadow: 0px 0px 73px 0px rgba(0,0,0,0.10);}

@media (any-hover:hover) {
  #map li:hover .info {opacity: 1; visibility: visible;}
  #map li .info .more:hover i {margin-left: 1.5rem;}
}
#map li .info::after {content: '';position: absolute;border: .625rem solid transparent;border-right: .625rem solid #ffffff;left: 2px;top: 28%;transform: translate(-22%, -50%);}
#map li .info  strong{display: block;font-weight: 500;margin-bottom: 1.25rem;}
#map li .info em{display: block; color: #353535; font-weight: 500; }
#map li .info p{display: block;color: #2f2f2f;font-weight: 400;margin-bottom: 1.125rem;}
#map li .info span{display: block; color: #666666; font-weight: 300;}
#map li.li1{right: 10.5%;top: 38%;}
#map li.li2 {right: 9%;top: 42%;}
#map li.li3{right: 14%;top: 62%;}

.contactMain .tactTwo {background: #fff;}

.tactTwo {padding: 8.75rem 0; background: #f5f5f5;}
.tactTwo .box {display: flex; justify-content: space-between;}
.tactTwo .left {width: 32%;}
.tactTwo .right {width: 53.6%; margin-top: 1.875rem;}
.tactTwo .left .text {margin-top: 2.5rem;}
.tactTwo .left .more {margin-top: 7.5rem;}
.tactTwo .left .more i {transform: rotate(145deg);}
.tactTwo .form input::placeholder {color: #999999;}
.tactTwo .form input::-webkit-input-placeholder {color: #999999;}
.tactTwo .form input::-moz-placeholder{color: #999999;}
.tactTwo .form input::-moz-placeholder {color: #999999;}
.tactTwo .form input::-ms-input-placeholder {color: #999999;}
.tactTwo .form textarea::placeholder { color: #999999;}
.tactTwo .form textarea::-webkit-textarea-placeholder { color: #999999;}
.tactTwo .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactTwo .form .inBox { margin-bottom: 2.75rem; width: 48%;}
.tactTwo .form input , .tactTwo .form textarea {border: 0; border-bottom: .063rem solid #999999; box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: 1.25rem; color: #333;}
.tactTwo .form .inTxtBox {width: 100%;}
.tactTwo .form .inTxtBox .tit {color: #999999;}
.tactTwo .form .inTxtBox textarea {resize: none; padding-bottom: 1.25rem;}
.tactTwo .form .inCode {display: flex;}
.tactTwo .form .inCode img {margin-left: .625rem; max-width: 9.375rem;}
.tactTwo .form .sub {width: 100%; margin-top: 2.0625rem;}
.tactTwo .form .sub button {background: #81858d;padding: 1.1875rem 4.0625rem;cursor: pointer;border-radius: 0.2rem;}
.tactTwo .form .sub button i {transform: rotate(180deg); display: inline-block;}

.tactTwo .left .more1 {padding: 1rem 3.125rem; border-radius: 0;}
.tactTwo .left .more1 span {margin-right: 0;}