/* 公用样式 */
#c-placeholder {height: 6.25rem;}
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; background: #fff; border-bottom: 1px solid #D9D9D9;}
.headBox {transition: .5s; height: 6.25rem; z-index: 1;}
.headBox .logo {padding: 1rem 0;height: 100%;}
.headBox .logo svg , .headBox .logo img {min-height: 2.5rem; width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0;}
.headBox .le .logo a {height: 100%;}
.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: 41%; position: static;}
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between; position: static !important;}
nav .layui-nav > .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; position: static;}
nav .layui-nav > .layui-nav-item > a {color: #333;position: relative; z-index: 1;font-size: var(--font20); transition: 0.4s; position: relative;}
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::after {content: ''; position: absolute; bottom: -0.125rem; left: 0; width: 100%; height: 2px; background: #333; transform: scaleX(0); transition: 0.4s;}
nav .layui-nav .layui-nav-item a:hover, nav .layui-nav .layui-this a {color: #333;}
nav .layui-nav .layui-nav-item a:hover::after, nav .layui-nav .layui-this a::after {transform: scaleX(1); }

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: 8.125rem; line-height: initial;display: none !important;}
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: #54B475;}
/* 其他下拉 */
.navSlideDown {position: absolute; top: 100%; width: 100%; left: 0; background: #E2E5EB; padding: 2.75rem 0; display: none;}
.navSlideDown .list {display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 2rem;}
.navSlideDown .list .item {width: calc(100% / 4 - 1.5rem);}
.navSlideDown .list .item .imgBox {height: 11.625rem; overflow: hidden;}
.navSlideDown .list .item .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.navSlideDown .list .item span {display: block; margin-top: .75rem; color: #333;}
.navSlideDown .list .item:hover .imgBox img {transform: scale(1.1, 1.1);}
/* 当li数量为1-3个时 */
.navSlideDown .list:has(.item:nth-last-child(-n+3):first-child) {justify-content: center;}
/* 当li数量正好为4个时 */
.navSlideDown .list:has(.item:nth-last-child(4):first-child) {justify-content: flex-start;}

/* 头部右侧 */
.head_us a {background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); width: 9.125rem; height: 3.875rem; border-radius: 6.25rem;}
.head_us i {transform: rotate(145deg); color: #fff; font-size: var(--font18); display: inline-block;}
.head_more1 {margin-left: 1rem;}
.head_more1 a {width: 3.875rem; height: 3.875rem;background: rgba(134,144,156,0.1294); border-radius: 50%; transition: .5s; position: relative; overflow: hidden; z-index: 1;}
.head_more1 a::after {content: '';background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); position: absolute; width: 100%; height: 100%; border-radius: 50%; transform: scale(0); transition: .5s; z-index: -1;}
.head_more1 a svg {width: 40%; height: 40%; object-fit: contain;}
.head_more1 a:active {background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); }
.head_more1 a:active svg path {fill: #fff;}
@media (any-hover: hover) {
  .head_more1 a:hover::after {transform: scale(1);}
  .head_more1 a:hover svg path {fill: #fff;}
}

/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 {background-color: #fff;padding: 3.125rem 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: #54B475;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);}
}


/* =================头部 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 {padding: .875rem 1.5rem; display: inline-flex; background: linear-gradient(220deg, #2CACDB 0%, #54B475 100%);border-radius: 6.25rem; color: #ffffff; transition: .5s; position: relative; z-index: 1; overflow: hidden;}
.more1 i {margin-left: .875rem;transform: rotate(145deg); color: #fff; font-size: var(--font16);}
.more1::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(220deg,#54B475 0%, #2CACDB 100%);opacity: 0; transition: opacity .5s; z-index: -1;}
.more1:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(44, 172, 219,.5); box-shadow: 0 0 0 0.1rem rgba(44, 172, 219,.5);}

.more2 {color: #3D3D3D;border: 1px solid #3D3D3D; background: none;}
.more2 i {color: #3D3D3D;}

.more3 {border: 1px solid #fff; background: none;}
/* .more3 i {color: #fff;} */
@media (any-hover: hover) {
  .more1:hover::before {opacity: 1;}
  .more1:hover {-webkit-box-shadow: 0 0 0 .625rem rgba(84, 180, 117,.2); box-shadow: 0 0 0 .625rem rgba(84, 180, 117,.2);}
  .more2:hover {border-color: transparent; color: #fff;}
  .more2:hover i {color: #fff;}
  .more3:hover {background: #fff;color: #333; }
  .more3:hover::before {opacity: 0;}
  .more3:hover i {color: #333;}
}


/* ======首页======= */
.indexTle .t1 {color: #4FB381;}
.indexTle .t2 { line-height: 1.2;}

.indexBanner {position: relative; overflow: hidden; max-height: 100vh;}
.indexBanner .slide .bjBox {}
.indexBanner .slide .bjBox img {width: 100%; min-height: 20rem; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .p2 {line-height: 1;}
.indexBanner .slide .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 {bottom: 2%;}
.indexBanner .pagtion span {width: 1rem; height: 1rem; border-radius: 50%; background:none; border: .125rem solid #FFFFFF;opacity: 0.42;}
.indexBanner .pagtion span.swiper-pagination-bullet-active {opacity: 1; background: #fff;}

.indexOne {padding: 7.5rem 0;}
.indexOne .re .text {color: #757575; line-height: 1.8;}
.indexOne .re {width: 50%;}
.indexOne .re .more {margin-top: 3.75rem;}
.indexOne .list {margin-top: 5rem;}
.indexOne .list {position: relative; height: 39.25rem;overflow: hidden; }
.indexOne .list .bjBox {width: 100%; height: 100%;overflow: hidden;}
.indexOne .list .bjBox .img {position: absolute; left: 0; top : 0; right: 0; bottom: 0; overflow: hidden; opacity: 0; transform: scale(1.1); transition: opacity 1s cubic-bezier(.435, .25, .15, .965), transform 1.5s cubic-bezier(.435, .25, .15, .965);}
.indexOne .list .bjBox img {width: 100%; height: 100%; object-fit: cover; display: block;}
.indexOne .list ul {display: flex; position: absolute; justify-content: space-between; width: 100%; height: 100%; left: 0; top: 0;}
.indexOne .list ul::after {content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 1; transition: 2s;}
.indexOne .list li {position: relative; height: 100%; bottom: 0;  width: calc(100% / 7); text-align: center; border-right: 1px solid rgba(255,255,255,0.27); z-index: 1;}
.indexOne .list li::after {content: ''; z-index: -1; position: absolute; width: 100%; height: 0; left: 0; bottom: 0; background: linear-gradient( 180deg, rgba(79,179,129,0) 36%, #42B0A2 100%); transition: .5s;  }
.indexOne .list li::before {content: ''; z-index: 0; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient( 180deg, rgba(79,179,129,0) 36%, #000000 100%); transition: .5s;  }
.indexOne .list li a {display: block;padding-bottom: 2.25rem; width: 100%; height: 100%;display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.indexOne .list li .p1 {position: relative; display: inline-block; color: #fff; font-size: var(--font18); border-bottom: 1px solid #eee; transform: translateY(300%); transition: .5s;}
.indexOne .list li .p1 i {position: absolute; right: 0; transform: translateX(120%) rotate(145deg); font-size: var(--font16); color: #fff;}
.indexOne .list li .jt {border: 1px solid rgba(255,255,255,0.1); width: 2.875rem; height: 2.875rem; margin-top: 2.5rem;  border-radius: 50%; opacity: 0; transition: .5s;}
.indexOne .list li .jt i {transform: rotate(145deg); color: #fff; font-size: var(--font16);}
.indexOne .list li .imgBox {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; opacity: 0;}
.indexOne .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}


@media (any-hover: hover) {
  .indexOne .list li:hover .p1 {transform: translateY(0);}
  .indexOne .list li:hover .jt {opacity: 1;}
  .indexOne .list li:hover::before {opacity: 0;}
  .indexOne .list li:hover::after {height: 100%;}
}
.indexOne .list .bjBox .img.active {opacity: 1; transform: scale(1);}
.indexOne .list.on ul::after {width: 0;}

.indexTwo {padding: 7.5rem 0 11.25rem; position: relative;}
.indexTwo .more {margin-top: 5rem;}
.indexTwo .icBox {position: absolute; left: 50%; bottom: 0; top: 60%; transform: translate(-50%, -50%); text-align: center;}
.indexTwo .icBox img {min-width: 28.25rem; max-width: 50%; animation: myfirst 10s linear infinite;}
.indexTwo .icBox {}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 8.75rem 0; position: relative; z-index: 2;}
.indexThre .indexTle .t1 {color: #fff;}
.indexThre .le .more {margin-top: 5rem;}
.indexThre .re {width: 50%; margin-top: 1.875rem;}
.indexThre .re .text {line-height: 1.8;}
.indexThre .re .text .p2 {margin-top: 3.75rem;}

.indexFour {padding: 5rem 0 8.125rem;background: #FAFAFA;}
.indexFour .box {margin-top: 4.375rem; position: relative;}
.indexFour .le {width: 50%;padding: 0 3.75rem; }
.indexFour .le .imgBox {overflow: hidden;}
.indexFour .le .imgBox img {width: 100%; max-height: 21rem; object-fit: cover; transition: .5s;}
.indexFour .re {width: 50%; padding: 0 3.75rem;}
.indexFour .re ul {height: 100%;}
.indexFour .re li {height: calc(100% / 4);}
.indexFour .re li .p1 {font-size: var(--font22); color: #3D3D3D; font-weight: 500; transition: .5s;}
.indexFour .re li .time {margin-top: 1.25rem;color: #3D3D3D;}
.indexFour .xian {position: absolute; top: 0; height: 100%; width: 1px; left: 50%; transform: translateX(-50%); background: #D8D8D8;}
.indexFour .xian2 {position: absolute; top: 0; height: 20%; width: 1px; left: 50%; transform: translateX(-50%); background: #4FB381;   transition: height 0.3s ease; /* 平滑过渡效果 */}
@media (any-hover: hover) {
  .indexFour .re li:hover .p1 {
    color: #54B475;
    @supports (-webkit-background-clip: text) or (background-clip: text) {
      background: linear-gradient(220deg, #2CACDB 0%, #54B475 100%);
      -webkit-background-clip: text;background-clip: text;color: transparent;
    }
  }
  .indexFour .le .imgBox:hover img {transform: scale(1.1);}
}

.indexFive {padding: 6.25rem 0 8.75rem;}
.indexFive .re {width: 50%; margin-top: 5rem;}
.indexFive .re .text {line-height: 1.8; color: #757575; }
.indexFive .imgBox {margin-top: 6.25rem;}
.indexFive .imgBox img {width: 100%; object-fit: cover;}

/* ======底部===== */
footer {background: #171717;}
.foterBox .left {padding: 4.375rem 0 6.25rem;}
.footer_logo svg , .footer_logo img {height: 4.125rem; min-width: 16.25rem; max-width: 16.5rem;}
.foterBox .left .form {margin-top: 3.75rem;}
.foterBox .left .form form {width: 21.625rem; height: 3.438rem;border: 1px solid rgba(255,255,255,0.4); border-radius: 6.25rem; position: relative;}
.foterBox .left .form form input {width: 100%; height: 100%; background: transparent; padding-left: 2.5rem; color: #fff;}
.foterBox .left .form button {width: 6.25rem; height: 100%; cursor: pointer; position: absolute; right: 0; bottom: 0; background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); border-radius: 6.25rem; color: #fff;}
.foterBox .left .links {margin-top: 4.375rem;}
.foterBox .left .links ul {gap: 1.25rem;}
.foterBox .left .links li a {background: rgba(216,216,216,0.3);border-radius: 50%; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center;}
.foterBox .left .links li svg {width: 40%; height: 40%; object-fit: contain;}
.foterBox .left .links li svg path {fill: #a8a8a8;}
@media (any-hover: hover) {
  .foterBox .left .links li a:hover {background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%);}
  .foterBox .left .links li a:hover svg path {fill: #fff;}
}

.foterBox .cen {padding: 4.375rem 0 6.25rem;}
.foterBox .cen ul li {margin-bottom: .625rem; position: relative;}
.foterBox .cen ul li::after {content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background: #fff; transition: .5s;}
.foterBox .cen ul li a {font-size: var(--font32);color: rgba(208,208,208,0.47);position: relative;}
.foterBox .cen ul li a::after {content: '\e65c'; position: absolute;right: 0; top: .5rem;color: #fff;  font-size: var(--font14); transform: translateX(100%) rotate(145deg);  font-family: layui-icon !important; opacity: 0; transition: .5s; }
@media (any-hover: hover) {
  .foterBox .cen ul li:hover::after {width: 100%;}
  .foterBox .cen ul li:hover a {color: #fff;}
  .foterBox .cen ul li:hover a::after {opacity: 1;}
}
.foter_us {width: 45%; padding: 4.375rem 0 6.25rem; padding-left: 5rem; border-left: 1px solid rgba(216,216,216,0.22);}
.foter_us dl dt {color: #BEBEBE;}
.foter_us dl dd {display: flex; align-items: center; margin-top: 1.875rem;}
.foter_us dl dd .icBox {width: 1.875rem; margin-right: .875rem; display: flex; align-items: center; justify-content: center;}
.foter_us dl dd .icBox svg {max-width: 100%; min-width: 80%;  min-height: 80%; max-height: 100%; height: auto;}
.foter_us dl dd .p1 {color: #808080;}

.copyRight {padding: 1.25rem 0; border-top: 1px solid rgba(216,216,216,0.22);}
.copyRight p , .copyRight p a {color: #8F8F8F; font-size: var(--font15);}
.copyRight p a:hover {color: #fff;}

/*圆形图标扩散效果*/
.sidequotebtn dl {width:1.2rem; height:1.2rem; position:relative; margin:0 auto;}
.sidequotebtn dd {width:1.2rem; height:1.2rem; position:absolute; top:0%;left:0%; transform:scale(0); border-radius:50%;background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); -webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-webkit-animation:circleScale 4s linear infinite; -moz-animation:circleScale 4s linear infinite; -ms-animation:circleScale 4s linear infinite;animation:circleScale 4s linear infinite;}
.sidequotebtn dd:nth-of-type(2) {animation-delay:1s;}
.sidequotebtn dd:nth-of-type(3) {animation-delay:2s;}
.sidequotebtn dd:nth-of-type(4) {animation-delay:3s;}
.sidequotebtn dt {cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 4.25rem;height: 4.25rem;background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%);border-radius:50%;}
.sidequotebtn dt img {width: 40%;}
.sidequotebtn dt i {color: #FFFFFF;margin-left: 4px;font-size: 15px;}

.sidequotebtn {position: fixed;right: 0;bottom: 25%;z-index: 9999;}
.sidequotebtn dl,
.sidequotebtn dd {width: 6.25rem; height: 6.25rem; min-width: 60px; min-height: 60px;}
.sidequotebtn dt {width: 4.25rem;height: 4.25rem;min-width: 40px; min-height: 40px;}
.sidequotebtn dt svg {max-width: 55%;}
.sidequotebtn .backTop {cursor: pointer; width: 4.5rem; height: 4.5rem; border-radius: 50%;background: rgba(0, 0, 0, 0.25);  margin-left: .625rem;  }
.sidequotebtn .backTop i {color: #fff;}

/*侧边栏留言表单*/
.sidequotebtn {position: fixed;right: 0;bottom: 0;z-index: 9999;}
.sidequotebtn dl,
.sidequotebtn dd {width: 6.25rem; height: 6.25rem; min-width: 60px; min-height: 60px;}
.sidequotebtn dt {width: 4.25rem;height: 4.25rem;min-width: 40px; min-height: 40px;}
.sidequotebtn dt svg {max-width: 55%;}
.sidequote {width: 25rem; max-width:100%; position: fixed;z-index: 9999999;bottom: .625rem;right: .625rem;border-radius: .625rem;background: #fff;background-size: cover;box-shadow: 0 0 1.25rem 0 rgba(0,0,0,0.1);padding: 1.875rem; padding-top: 2.5rem; transform-origin: bottom right;transform: scale(0);transition: all 0.3s;}
.sidequote .close_btn {font-size: var(--font24);position: absolute;right: .313rem;top: .313rem;color: #d6222b;cursor: pointer;}
.sidequote .close_btn svg {width: 2rem; height: 2rem;}
.sidequote .summary h2 {font-size: var(--font24);text-transform: capitalize;line-height: 1;margin-bottom: .625rem;color: #1a1a1a;}
.sidequote .summary p {font-size: var(--font14);}
.sidequote form {display: block;}
.sidequote form dl dd {margin-top: 1rem;}
.sidequote form dl dd span {display: block;font-size: var(--font14);margin-bottom: .625rem;}
.sidequote form dl dd span i {color: #d6222b;font-size: var(--font14);padding-left: .25rem;}
.sidequote form dl dd input {height: 2.5rem;  display: block;background: #f5f5f5;border: 1px solid #dbdbdb;width: 100%;color: #333;padding: 0 .75rem;border-radius: .25rem;font-size: var(--font14);}
.sidequote form dl dd textarea {display: block; resize: none; width: 100%;background: #f5f5f5;border: 1px solid #dbdbdb;height: 6.25rem;border-radius: .25rem;padding: .625rem .75rem;font-size: var(--font14);}
.sidequote form dl dd input:focus,
.sidequote form dl dd textarea:focus {border-color: #08338F;}
.sidequote form dl dd input::placeholder {font-size: var(--font14);}
.sidequote form dl dd.code .code_box {position: relative;}
.sidequote form dl dd.code img {position: absolute; right: 0; bottom: 0; width: 6.25rem; max-height: 100%;}
.sidequote form dl dt {margin-top: 1.25rem;}
.sidequote form dl dt button {display: block;width: 100%;color: #FFFFFF;line-height: 3.125rem;	cursor: pointer;}
.sidequote.show {transform: scale(1);}
.sidebar .top-back {transition: all 0.4s;}
.sidebar.show {opacity: 1;}


/* ===================================================================内页================================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bjBox img {width: 100%; min-height: 12rem; object-fit: cover;}
/* 面包屑 */
.mbx  {padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative;}
.mbx .layui-breadcrumb>* {font-size: var(--font18); opacity: 1; color: #818181 !important;}
.mbx .layui-breadcrumb a:hover {color: #2CACDB !important;}
.mbx .layui-breadcrumb span[lay-separator] {margin: 0 .625rem !important;}

.aboutOne {padding: 8.75rem 0; background: #F7F7F7;}
.aboutOne .le .more {margin-top: 5rem;}
.aboutOne .re {width: 50%; margin-top: 1.25rem;}
.aboutOne .re .text {line-height: 1.8; color: #757575;}

.aboutTwo .box {display: flex; justify-content: space-between; align-items: flex-start;}
.aboutTwo .le {display: flex; height: 100%; align-items: center; width: 42%;height: 100vh; position: sticky; top: 0;}
.aboutTwo .le .p2 {line-height: 1.8; color: #757575;}
.aboutTwo .le .more {margin-top: 5rem;}
.aboutTwo .re {width: 50%;}
.aboutTwo .item {margin-bottom: 2.5rem;}
.aboutTwo .item .imgBox {overflow: hidden;}
.aboutTwo .item .imgBox img {width: 100%; transition: .5s;}
.aboutTwo .item .bom {margin-top: 2.5rem;}
.aboutTwo .item .jt {width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #E0E0E0; border-radius: 50%; position: relative; z-index: 1;}
.aboutTwo .item .jt::after {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); border-radius: 50%; transform: scale(0); transition: .5s;}
.aboutTwo .item .jt i {font-size: var(--font16); transform: rotate(145deg);}
@media (any-hover: hover) {
  .aboutTwo .item:hover .imgBox img {transform: scale(1.1);}
  .aboutTwo .item:hover .jt i {color: #fff;}
  .aboutTwo .item:hover .jt::after {transform: scale(1);}
}

.aboutThre {background: #F7F7F7; padding: 5rem 0;}
.aboutThre .box {margin-top: 5rem;}
.aboutThre .box .xian {width: 1px; background: #D8D8D8;}
.aboutThre .item {width: 45%; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; padding: 1rem 0 2.5rem;}
.aboutThre .item .imgBox {margin-top: 2.5rem;}
.aboutThre .item .imgBox img {width: 100%;}

.aboutFour {padding: 7.5rem 0 12.5rem;}
.aboutFour .box {display: flex; margin-top: 6.25rem;  height: 33.125rem; }
.aboutFour .panel {flex: 1; /* 面板均分宽度 */display: flex;overflow: hidden; transition: flex 0.5s ease; position: relative; /* 宽度过渡动画 */}
.aboutFour .panel .year { writing-mode: vertical-lr; padding: 1.25rem; padding-top: 1.875rem; display: flex; align-items: center; color: #fff; position: relative; z-index: 1;}
.aboutFour .panel .year::after {content: ''; position: absolute; left: 0; z-index: -1; top: 0; width: 100%; height: 0; background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); transition: .5s;}
.aboutFour .content {background: #F7F7F7;flex: 1; /* 内容区域占满剩余高度 */display: none; /* 初始隐藏内容 */}
.aboutFour .panel .info {display: flex; width: 100%; justify-content: space-between; opacity: 0;  padding: 3.75rem; }
.aboutFour .panel .info .imgBox {width: 40%;}
.aboutFour .panel .info .imgBox img {width: 100%;}
.aboutFour .panel .info .con {width: 55%; padding-top: 1.875rem;}
.aboutFour .panel .info .text {margin-top: 1.875rem;}
.aboutFour .panel.active {flex: 8.5;}
.aboutFour .panel.active .year::after {height: 100%;}
.aboutFour .panel.active .content {display: block;}
.aboutFour .panel.active .info {animation: fadeIn 0.5s .5s ease forwards;}


/* ==========产品中心 */
.proOne {padding: 6.25rem 0;}
.proOne .box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.proOne .box .le {width: 20%; min-width: 12.5rem; position: sticky; top: 7rem;}
.proOne .box .re {width: 74%;}
/* 左侧产品栏目 */
.proOne .menu {padding: 1.5rem 0; margin-bottom: 3.125rem;}
.proOne .menu .tit {border-left: .625rem solid #F41309; padding: 0 1.25rem;}
.proOne .menu .tit h3 {position: relative;}
.proOne .menu .tit h3::after {content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 100%; height: 1px; background: #D0D0D0; opacity: .5;}
.proOne .menu ul {}
.proOne .menu li {border-bottom: 1px solid #eee;}
.proOne .menu li .menu-li {display: flex; justify-content: space-between;padding: 1.25rem 1.875rem; min-height: 40px; cursor: pointer; transition: background .3s; z-index: 1; position: relative; }
.proOne .menu li .menu-li a {color: #333; display: flex; align-items: center;color: #A5A5A5; font-weight: 500;}
.proOne .menu li .menu-li .more {width: .875rem; position: relative;}
.proOne .menu li .menu-li .more i {max-width: 100%;position: absolute; font-weight: 700; font-size: var(--font16); left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .4s;}
.proOne .menu li .menu-li .more i.jia {opacity: 1;}
.proOne .menu li .menu-li:hover a {color: #3D3D3D;}
.proOne .menu li .s-menu { width: 100%; padding: 2.5rem 1.25rem; position: relative; z-index: 0; padding-left: calc(1.875rem + 1rem); padding-top: .625rem; padding-bottom: 3.75rem; display: none; background: rgba(216,216,216,0.13);}
.proOne .menu li .s-menu .item {margin-bottom: 1rem;}
.proOne .menu li .s-menu a {width: 100%; color: #7B7B7B;transition: all ease-out 0.3s; position: relative;}
.proOne .menu li .s-menu a::after {content: ''; position: absolute; left: 0; width: 0; bottom: 0; width: 0; height: 1px; background: #3D3D3D; transition: .5s;}
.proOne .menu li .s-menu a:hover , .proOne .menu li .s-menu a.on {color: #3D3D3D; font-weight: 500;}
.proOne .menu li .s-menu a:hover::after , .proOne .menu li .s-menu a.on::after, .proOne .menu li .s-menu a.ons::after {width: 100%;}
.proOne .menu li .menu-li.on {background: rgba(216,216,216,0.13);}
.proOne .menu li .menu-li.on a {color: #3D3D3D;}
.proOne .menu li .menu-li.on .more i.jia,.proOne .menu li .menu-li.ons .more i.jia {opacity: 0;}
.proOne .menu li .menu-li.on .more i.jian,.proOne .menu li .menu-li.ons .more i.jian {opacity: 1;}
.proOne .menu li .s-menu.on,.proOne .menu li .s-menu.ons {display: block;}
/* 右侧产品列表 */
.proOne .list {margin-top: 3.375rem;}
.proOne .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.875rem;}
.proOne .list li {background: #FAFAFA;overflow: hidden; padding: 2.25rem; padding-bottom: 3.75rem;}
.proOne .list li .imgBox {width: 11.25rem; height: 11.25rem; margin: auto; border-radius: 50%; overflow: hidden;}
.proOne .list li .imgBox img {width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.proOne .list li .info {margin-top: 1.875rem; text-align: center;}
.proOne .list li:hover .imgBox img {transform: scale(1.1);}
/* 移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #2CACDB; z-index: 2;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 769px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  .proOne .box .le {width: 22%;}
}
@media screen and (max-width: 768px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}
.proMain .indexOne {background: rgba(216,216,216,0.22);}



/* 产品详情 */
.proDateOne {background: rgba(226,229,235,0.82); padding: 1.25rem 0 6.25rem;}
.proDateOne .box {margin-top: 1.25rem;}
.proDateOne .swiperBox {width: 48%;}
.proDateOne .right {width: 46%;}
.proDateOne .swiperOne .slide {}
.proDateOne .swiperOne .slide .imgBox { overflow: hidden; display: flex; align-items: center; justify-content: center;}
.proDateOne .swiperOne .slide img { width: 100%; ;object-fit: contain;}
.proDateOne .right {margin-top: 1.875rem;}
.proDateOne .right .p1 {margin-top: 1.25rem;line-height: 1.8;}
.proDateOne .right .get_us {margin-top: 1.875rem;}
.proDateOne .right .get_us .item {display: flex; align-items: center; margin: 1rem 0;}
.proDateOne .right .get_us .item svg {width: 1rem; height: 1rem; object-fit: contain;}
.proDateOne .right .get_us .item svg path {fill: #2E4992;}
.proDateOne .right .get_us .item p {margin-left: .625rem;}
.proDateOne .right .get_us .item span {font-size: var(--font20); color: #4F4F4F; margin-left: .625rem; font-weight: 700;}
.proDateOne .right .btn {width: 70%; margin-top: 3.125rem;}
.proDateOne .right .btn a {background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%);height: 3.125rem; border-radius: 6.25rem;}
.proDateOne .right .btn svg {width: 1.25rem; height: 1.25rem;}

.proDateTwo {padding: 5rem 0;}
.proDateTwo .nav {position: sticky; top: 6.25rem; z-index: 2; }
.proDateTwo .nav ul {background: #FAFAFA; border-radius: 6.25rem; display: flex; justify-content: center; gap: 2rem;}
.proDateTwo .nav li {height: 4.5rem;}
.proDateTwo .nav li a {display: flex; align-items: center; padding: 0 7.5rem; height: 100%; font-size: var(--font18); color: #333; border-radius: 6.25rem; font-weight: 700; }
.proDateTwo .nav li a.active { background: linear-gradient(220deg, #2CACDB 0%, #54B475 100%); color: #fff; font-weight: 700;}
.proDateTwo .item_section {padding: 3.75rem 0;}
.proDateTwo .item_section img {max-width: 100%;}
.proDateTwo .item_list {margin: 2.5rem 0;}

.proDateThre {padding: 7.5rem 0;background: #E8E8E8;}
.proDateThre .swiperBox {margin-top: 5rem; position: relative;}
.proDateThre .swiper {position: static;}
.proDateThre .slide {background: #fff;overflow: hidden; padding: 2.25rem; padding-bottom: 3.75rem;}
.proDateThre .slide .imgBox {width: 11.25rem; height: 11.25rem; margin: auto; border-radius: 50%; overflow: hidden;}
.proDateThre .slide .imgBox img {width: 100%;height: 100%; object-fit: cover; transition: .5s;}
.proDateThre .slide .info {margin-top: 1.875rem; text-align: center;}
.proDateThre .slide:hover .imgBox img {transform: scale(1.1);}

/* 控件 */
.proDateThre .swjt {width: 3.5rem; height: 3.5rem; background: #FFFFFF; border-radius: 50%;}
.proDateThre .swjt i {color: #727272; font-size: var(--font16);}
.proDateThre .swjt.swiper-button-prev {left: 0; transform: translateX(-120%);}
.proDateThre .swjt.swiper-button-next {right: 0; transform: translateX(120%) rotate(180deg);}


/* ========应用 */
.appOne {padding: 5rem 0; }
.appOne .text {color: #5B5B5B; line-height: 1.8;}
.appOne .tle {margin-top: 3.75rem; padding-bottom: 1.25rem; border-bottom: 1px solid #D9D9D9;}
.appOne .info_tips {display: flex; flex-wrap: wrap; align-items: center; gap: 2.5rem; row-gap: 1rem; margin-top: 2.25rem;}
.appOne .info_tips a {border: 1px solid #CBCBCB; display: flex; justify-content: center; align-items: center; padding: .875rem 1.5rem; border-radius: 6.25rem;}
.appOne .info_tips a .icBox {margin-right: .875rem; width: 2rem; display: flex; align-items: center; justify-content: center;}
.appOne .info_tips a .icBox img {object-fit: contain; min-width: 80%; max-width: 100%;}

.appOne .list li {padding: 3.75rem 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(216,216,216,0.31);}
.appOne .list li .imgBox {width: 50%; overflow: hidden;}
.appOne .list li .imgBox img {width: 100%; transition: .5s;}
.appOne .list li .info {width: 43%;}
.appOne .list li .info .p1 {margin-top: 1.875rem; line-height: 1.8;}
.appOne .list li .info .more {margin-top: 5rem;}
.appOne .list li .info .more a {padding: .875rem 2.5rem;}
@media (any-hover: hover) {
  .appOne .info_tips a:hover {background: linear-gradient(220deg, #2CACDB 0%, #54B475 100%); color: #fff;}
  .appOne .info_tips a:hover .icBox img {filter: brightness(0) invert(1);}
  .appOne .list li .imgBox:hover img {transform: scale(1.1);}
}

/* 案例详情 */
.caseDateMain .mbx {border-bottom: 1px solid #eee;}
.caseDate {margin: 5rem 0;}
.caseDate .box {align-items: flex-start;}
.caseDate .left {background: #fcfcfc; padding: 2.5rem; width: 72%;}
.caseDate .right {width: 25%;background: #fcfcfc; padding: 2.5rem;}
.caseDate .box .tit {padding-bottom: 1.25rem; border-bottom: 1px solid #f2f2f2; line-height: 1.2;}  
.caseDate .box .tit .other {display: flex; gap: 3.125rem; flex-wrap: wrap; margin-top: 1.25rem; font-size: var(--font16);}
.caseDate .left .date {margin-top: 1.875rem;}
.caseDate .left .date img {max-width: 100%; height: auto !important;}
.caseDate .right .list li {padding: 1.25rem 0; border-bottom: 1px solid #f2f2f2;}
.caseDate .right .list li .imgBox {display: none; height: 10.5rem; margin-top: 1.25rem; overflow: hidden; border-radius: .625rem;}
.caseDate .right .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
/* .caseDate .right .list li:first-child .imgBox {display: block;} */
.caseDate .right .list li .title { color: #333333; position: relative;}
.caseDate .right .list li .title::after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: var(--font14); color: #666; content: "\e602";   font-family: layui-icon !important;}
.caseDate .right .list li:hover .title {color: #2CACDB;}

/* =====新闻 */
.newsInfo {padding: 3.75rem 0;}
.newsInfo .box {display: flex; justify-content: space-between;}
.newsInfo .imgBox {width: 41%; overflow: hidden;}
.newsInfo .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.newsInfo .info {width: 55%; padding-top: 1rem;}
.newsInfo .info .more {margin-top: 3.75rem;}

.newslist {margin-top: 1.875rem; margin-bottom: 6.25rem;}
.newslist .nav {border-top: 1px solid #D8D8D8; padding-top: 2.5rem;}
.newslist .nav ul {display: flex; flex-wrap: wrap; gap: 1rem; }
.newslist .nav li a {border: 1px solid #CBCBCB; display: inline-block; padding: .875rem 1.75rem; color: #3D3D3D; position: relative; overflow: hidden; border-radius: 6.25rem; z-index: 1;}
.newslist .nav li a::after {content: ''; position: absolute;left: 0; top: 0; border-radius: 6.25rem; width: 100%; height: 100%; background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%); z-index: -1; opacity: 0; transition: .5s;}
.newslist .nav li.on a , .newslist .nav li:hover a {color: #fff; border-color: transparent;}
.newslist .nav li.on a::after , .newslist .nav li:hover a::after {opacity: 1;}
@media (any-hover: hover) {
  .newsInfo .imgBox:hover img {transform: scale(1.1);}
  .newslist .nav li:hover a {color: #fff; border-color: transparent;}
  .newslist .nav li:hover a::after {opacity: 1;}  
}
.newslist .list {margin-top: 3.75rem;}
.newslist .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem;}
.newslist .list li .imgBox {height: 16rem; overflow: hidden;}
.newslist .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist .list li .info {margin-top: 1.5rem;}
.newslist .list li .time {margin: .75rem 0;}
@media (any-hover: hover) {
  .newslist .list li:hover .imgBox img {transform: scale(1.1);}
}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px solid #ddd;}
.newsDate {padding: 0 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: #2CACDB; }
.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: 7rem;}
.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:#2CACDB; 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: #2CACDB;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}

/* =====招聘 */
.joinOne {background: #FAFAFA; padding: 11.25rem 0; min-height: 47.75rem; position: relative; overflow: hidden;}
.joinOne .le {position: relative;}
.joinOne .le .logo {position: absolute; left: -30%;top: -26%;}
.joinOne .le .logo img {width: 120%;  animation: myfirst 10s linear infinite;}
.joinOne .indexTle .t1 {color: #2E3192;}
.joinOne .re {width: 48%;}
.joinOne .re .text {line-height: 1.8;}
.joinOne .re .us {margin-top: 3.125rem;}
.joinOne .re .us .icBox img {width: 3.125rem;}
.joinOne .re .more {margin-top: 5.625rem;}
.joinOne .re .more a {width: 11.625rem;}

.joinTwo {padding: 6.25rem 0;}
.joinTwo .swiperBox {margin-top: 5rem; position: relative;}
.joinTwo .swiper {position: static;}
.joinTwo .slide .box {transform: scale(.85); transition: .5s;}
.joinTwo .slide.swiper-slide-active .box {transform: scale(1);}
.joinTwo .slide .imgBox {border-radius: .625rem; overflow: hidden; position: relative;}
.joinTwo .slide .imgBox::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); border-radius: .625rem; transition: .5s;}
.joinTwo .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.joinTwo .slide.swiper-slide-active .imgBox::after {background: transparent;}
.joinTwo .slide .box .text {margin-top: 1.875rem; opacity: 0; transform: translateY(100%); width: 80%;transition: .5s; }
.joinTwo .slide.swiper-slide-active .text {opacity: 1; transform: translateY(0); transition-delay: .3s;}
/* 控件 */
.joinTwo .swjt {width: 3.5rem; top: auto; bottom: -1rem; height: 3.5rem; background: #f8f8f8; border-radius: 50%; transition: .5s;}
.joinTwo .swjt i {color: #3D3D3D; font-size: var(--font16);}
.joinTwo .swjt.swiper-button-prev {left: 66%; }
.joinTwo .swjt.swiper-button-next {right: auto;left: 70%;}
@media (any-hover:hover) {
  .joinTwo .swjt:hover {background: #2CACDB;}
  .joinTwo .swjt:hover i {color: #fff;}
}

.talentThre {padding: 6.25rem 0;}
.talentThre .talentTle {text-align: center;}
.talentThre .box {margin-top: 3.125rem;}
.talentThre li {margin-top: 1rem; overflow: hidden;border: 1px solid rgba(211,211,211,0.4); border-radius: .625rem;}
.talentThre li dl {display: flex; padding: 0 2.5rem; height: 4.75rem;  border-bottom: 1px solid #fff;   align-items: center; cursor: pointer; transition: .5s;}
.talentThre li dd {width: calc(100% / 4); color: #333333; font-size: var(--font18); display: flex; align-items: center; padding: 0 .625rem; box-sizing: border-box;}
.talentThre li dd .icBox {width: 1.875rem; height: 1.875rem; display: flex; align-items: center; justify-content: center; margin-right: .5rem;}
.talentThre li dd .icBox img , .talentThre li dd .icBox svg {min-width: 60%; min-height: 60%; max-height: 100%; max-width: 100%; object-fit: contain;}
.talentThre li dd.dd_address .icBox svg path {fill: #DEDEDE;}
.talentThre li .btn {width: 1.875rem;}
.talentThre li .btn i {font-size: var(--font24); font-weight: 700; transition: .5s;}
.talentThre .info {background: #F9F9F9; padding: 1.875rem 3.75rem; padding-bottom: 3.75rem; box-sizing: border-box; display: none;}
.talentThre .info .more {margin-top: 3.125rem;}
.talentThre .info .more a {width: 11.625rem;}

.talentThre li.on dl {background: #F9F9F9; color: #fff; border-bottom: 1px solid #D8D8D8;}
.talentThre li.on dd.btn i {transform:rotateX(180deg);}

/* 联系我们 */
.tact_banner {position: relative; overflow: hidden;}
.tact_banner .imgBox img {width: 100%;}
.tact_banner .box {top: 45%;}
.tact_banner .box {}

.tactTwo {background: #FCFCFC; padding: 5.625rem 0 7.5rem; margin-top: 4.5rem;}
.tactTwo .tactForm {background: none; padding: 0;}
.tactTwo .tactForm .form .inBox {background: rgba(216,216,216,0.16); padding: 0 1.25rem; margin-bottom: .875rem; height: 3.375rem;}
.tactTwo .tactForm .form .inBox input {height: 100%; border: 0; padding: 0 .625rem; color: #333; font-size: var(--font16);}
.tactTwo .tactForm .form .inBox label {left: .625rem; top: 50%;}
.tactTwo .tactForm .form .inBox input::placeholder {color: #5A5A5A; font-size: var(--font14);}
.tactTwo .tactForm .form .inSect .layui-form-select {height: 100%;}
.tactTwo .tactForm .form .inSect .layui-form-select .layui-select-title {height: 100%;}
.tactTwo .tactForm .form .inTxtBox {height: 11rem;}
.tactTwo .tactForm .form .inTxtBox textarea {border: 0; height: 100%; padding-top: 1.25rem; color: #333;}
.tactTwo .tactForm .form .inTxtBox textarea::placeholder {color: #5A5A5A; font-size: var(--font14);}
.tactTwo .tactForm .form .inCode {width: 100%;}
.tactTwo .tactForm .form .sub button {border-radius: 6.25rem;}

.tactOne {position: relative; z-index: 1;}
.tactOne .box {background: #fff; padding: 5rem 0; padding-bottom: 7.5rem; overflow: hidden;}
.tactOne ul {display: flex; justify-content: center; justify-content: space-between;}
.tactOne li {text-align: center;}
.tactOne li .icon {height: 3.125rem; display: flex; align-items: center; justify-content: center;}
.tactOne li .icon img {max-height: 100%; min-height: 80%;}
.tactOne li .p1 {margin-top: 2.5rem; margin-bottom: 1rem;}
.tactOne .mapBox {margin-top: 8.75rem; position: relative;}
.tactOne .mapBox img {width: 100%;}
.tactOne .cirle {position: absolute; top: 48%; left: 55.8%; transform: translate(-50%,-50%); display: none;}
.tactOne .cirle::after {content: ""; position: absolute; left: 46%; top: 47%; transform: translate(-50%,-50%); width: 200%; height: 200%;; background: #303754; border-radius: 50%;animation: scalemap 2s linear infinite;}
.tactOne .cirle i {display: block; width: 1rem; height: 1rem; background: #303754; border-radius: 50%;}

.tactForm {background: url(../images/tactForm-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0 8.75rem;}
.tactForm .re {width: 65%;}
.tactForm .form input::placeholder {color: #fff;}
.tactForm .form input::-webkit-input-placeholder {color: #fff;}
.tactForm .form input::-moz-placeholder{color: #fff;}
.tactForm .form input::-moz-placeholder {color: #fff;}
.tactForm .form input::-ms-input-placeholder {color: #fff;}
.tactForm .form textarea::placeholder { color: #fff;}
.tactForm .form textarea::-webkit-textarea-placeholder { color: #fff;}
.tactForm .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactForm .form .inBox { margin-bottom: 2.75rem; width: 48%; position: relative;}
.tactForm .form .inBox label {position: absolute; top: calc(50% - .3rem); transform: translateY(-50%); left: 0; font-size: var(--font14); color: #FF0000;}
.tactForm .form input , .tactForm .form textarea {border: 0; font-size: var(--font14); border-bottom: .063rem solid rgba(255, 255, 255, 0.2); box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: .625rem; padding-left: .75rem; color: #fff;}
.tactForm .form .inTxtBox , .tactForm .form .inSect {width: 100%;}
.tactForm .form .inSect dl dd {line-height: initial; padding: .625rem;}
.tactForm .form .inTxtBox textarea {resize: none; padding-left: 0;}
.tactForm .form .inCode {display: flex;}
.tactForm .form .inCode img {margin-left: .625rem; max-width: 9.375rem;}
.tactForm .form .sub {width: 100%; margin-top: 2.0625rem;}
.tactForm .form .sub button {background: linear-gradient( 220deg, #2CACDB 0%, #54B475 100%);padding: 1rem 4rem; font-weight: 700; cursor: pointer;border-radius: 6.25rem;}
.tactForm .form .sub button i {transform: rotate(180deg); display: inline-block;}
#tactForm .layui-form-select dl {top: 100%;}
#tactForm .layui-form-selectup dl {top: auto; bottom: 100%;}

/* =====新增加技术页面 */
.tech tr {display: flex;}
.tech tr td {width: 50%; line-height: 1.8;}
.tech tr td img {width: 100%; height: 100%;object-fit: cover;}
.tech tr td p strong {line-height: 1.4; font-size: var(--font36);}
.tech tr:nth-child(odd) td:nth-child(1) {padding: 1.25rem 8%; display: flex;flex-direction: column;justify-content: center;}
.tech tr:nth-child(even) td:nth-child(2) {padding: 1.25rem 8%;  display: flex;flex-direction: column;justify-content: center;}



@media (max-width: 767px) { 
  .tech tr {flex-wrap: wrap;}
  .tech tr td {width: 100%;}
  .tech tr td p strong {font-size: var(--font24);}
  .tech tr:nth-child(odd) td:nth-child(1) {order: 2; display: block;}
}









/* =====产品资料录入调整 */
.proDateTwo .tableBox {overflow-x: auto;}
.bg-1 {min-width: 767px;}
.bg-4 tr td , .bg-7 tr td {padding: 0 .625rem;}

@media (max-width: 767px) { 
  .bg-4 tr , .bg-7 tr {display: flex; flex-wrap: wrap; justify-content: space-between;}
  .bg-4 tr td , .bg-7 tr td {width: 50%; padding: 0 .313rem; margin-bottom: .625rem;}
}