/* 公用样式 */
#c-placeholder {height: 6.25rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s;}
.headBox {transition: .5s; padding: 0 4%; height: 8.75rem; position: relative; z-index: 1; border-bottom: 1px solid transparent;}
.headBox .logo {padding:.625rem 0;height: 100%;}
.headBox .logo img {height: 100%; max-width: 100%; max-height: 4.125rem; object-fit: contain; transition: .5s;}
.headBox .le {height: 100%; flex-shrink: 0; width: auto;}
.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: 52%;}
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(--font20); transition: 0.4s; font-weight: 400;}
nav .layui-nav > .layui-nav-item > a::after {content: ''; position: absolute; left: 50%; bottom: -10%; width: 0; height: 1px; z-index: -1; background: #fff;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: #00a8a9;}
/* 导航下拉 */
.navdown {position: absolute; left: 0; top: 100%; width: auto; min-width: 33rem; left: 50%; transform: translateX(-50%); border-radius: 1rem;  display: none; background: #fff; padding:2rem}
.nav-box{display: flex; justify-content: space-between; }
.nav-box .pic{width: 45%; order: 2;}
.nav-box .pic img{display: block; width: 100%;}
.nav-box .list {width: 52%; }
.nav-box .list dl dt a{display: block; font-size: var(--font16); color: #333; line-height: 2;}
.nav-box .list  dl dt a {display: block;font-size: var(--font16);color: #434343;border-bottom: 0.0625rem solid #eee;position: relative;padding-left: 1rem;padding-bottom: 0.5rem;margin-bottom: 0.5rem;transition: all 0.4s ease;}
.nav-box .list  dl dt a::before {position: absolute;left: 0px;bottom: -1px;height: 0.0625rem;width: 0%;background: #003D90;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;content: "";display: block;}
.nav-box .list  dl dt a:hover{color: #003D90;}
.nav-box .list  dl dt a:hover::before{ width: 100%;}


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

/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 {padding: 3.125rem 0; border-top: 1px solid #eee; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);backdrop-filter: blur(.625rem);background: rgba(255, 255, 255, 0.9);}
.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: 2.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: #00a8a9;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 .headBox {transform: translateY(-100%);}

header.c-style2 { }
header.c-style2 .head_search {background: #333;}
header.c-style2 .headBox {height: 6.25rem;background: #fff;    border-color: #C8C8C8;}
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: #00a8a9; 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(0, 168, 169, .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!!!!===================*/

/* =====首页 */
.indexBanner { position: relative; overflow: hidden;}
.indexBanner .swiper {height: 100%;}
.indexBanner .slide .bjBox {position: relative;}
.indexBanner .slide .bjBox img {width: 100%; object-fit: cover; min-height: 25rem; transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block;}
.indexBanner .slide .box {}
.indexBanner .slide .con {padding-top: 15%;}
.indexBanner .slide .box .p1 {line-height: 1.1;}
.indexBanner .slide .box .p2 {margin-top: 3.75rem;}
.indexBanner .slide .more {margin-top: 3.75rem;}
/* 当前 */
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .pagtion {text-align: left; bottom: auto; top: 40%;}
.indexBanner .pagtion span {margin: 0 .625rem !important;background: #ffffff; width: .813rem; height: .813rem; position: relative;}
.indexBanner .pagtion span::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/jt-icon1.png) no-repeat center; background-size: contain; opacity: 0;}
.indexBanner .pagtion .swiper-pagination-bullet-active {background: none;}
.indexBanner .pagtion .swiper-pagination-bullet-active::before {opacity: 1;}
.indexBanner .pagtion span:last-child.swiper-pagination-bullet-active {transform: rotate(180deg);}

.indexTle .t1 {color: #232879;}
.indexTle .t2 {line-height: 1.2;}

.indexOne {position: relative; overflow: hidden;height: 100vh; padding: 10rem 0 11.25rem; background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover;}
.indexOne .left {width: 50%;}
.indexOne .left .txt {text-align: justify;}
.indexOne .left .more {margin-top: 3.75rem;}
.indexOne .right {width: auto; max-width: 48%;}
.indexOne .right .item {margin-bottom: 6.25rem;}
.indexOne .right .item:last-child {margin-bottom: 0;}
.indexOne .right .item .num_con {display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;}
.indexOne .right .item .custom-num {font-size: 5rem; color: #303030; display: flex; line-height: 1; font-weight: 500;}
.indexOne .right .item .num .num_txt {font-size: var(--font18);color: #303030;}
.indexOne .right .item .text {width: 18rem;}
.indexOne .right .item .text .c1 {color: #303030; font-size: var(--font24); font-weight: 700;}
.indexOne .right .item .text .c2 {color: #6a6a6a; font-size: var(--font14);}


.indexTwo {padding: 8.75rem 0;  background: url(../images/indexTwo-bj.jpg) no-repeat center; position: relative; overflow: hidden; background-size: cover; background-attachment: fixed; z-index: 2;}
.indexTwo .menu ul {display: flex; gap: 1.25rem;}
.indexTwo .menu ul li {border-radius: 6.25rem; transition: .5s; position: relative; z-index: 2;}
.indexTwo .menu ul li a {display: flex; align-items: center; padding: 1.25rem 1.875rem; gap: .5rem; color: #fff;}
.indexTwo .menu ul li .icBox {width: 1.875rem;}
.indexTwo .menu ul li .icBox img {max-width: 100%; object-fit: contain;}
.indexTwo .menu ul li.active {background: #00A8A9;}
.indexTwo .box {margin-top: 5rem;}
.indexTwo .menu_item  {display: none; flex-direction: column;}
.indexTwo .menu_item.active {display: flex; animation: fadeIn .5s ease-in-out;}
.indexTwo .menu_item .con {width: 50%;}
.indexTwo .menu_item .con .p2 {line-height: 1.2;}
.indexTwo .menu_item .icon_list {display: flex; flex-wrap: wrap; margin-top: 3.75rem;}
.indexTwo .menu_item .icon_list .ic_img {height: 3rem; display: flex; align-items: center; justify-content: center;}
.indexTwo .menu_item .icon_list .ic_img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.indexTwo .menu_item .icon_list p {color: #FFFFFF;}
.indexTwo .menu_item .icon_list table {filter: brightness(100); -webkit-filter:brightness(100);}
.indexTwo .menu_item .icon_list table p , .indexTwo .menu_item .icon_list table p span {color: #fff;}
.indexTwo .menu_item .icon_list table strong {color: #fff;}

.indexTwo .menu_item .more {margin-top: 3rem;}
.indexTwo .swiperBox {position: absolute; background: url(../images/indexTwo-cirle.png) no-repeat left; background-size: 150%;  right: 0; height: 100%; top: 0; width: 35%;}
.indexTwo .swiperBox .mySwiper {height: 100%;}
.indexTwo .swiperBox .mySwiper .slide {height: 100%; display: flex;align-items: center;justify-content: center; color: #fff;}
.indexTwo .swiperBox .mySwiper .imgBox {width: 55%;display: flex; justify-content: center; align-items: center; }
.indexTwo .swiperBox .mySwiper .imgBox img {max-width: 100%; object-fit: contain;}
.indexTwo .swiperBox .thumbBox {position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: flex; align-items: center;transform: translateX(-50%); z-index: 2;}
.indexTwo .thumbSwiper {overflow: visible; width: 100%;    transform: rotate(-90deg); }
.indexTwo .thumbSwiper .slide {cursor: pointer; }
.indexTwo .thumbSwiper .slide .imgBox {width: 7rem; height: 7rem; background: #4E5293; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: .5s;}
.indexTwo .thumbSwiper .slide .imgBox::before {content: ''; position: absolute; width: 80%; height: 80%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: dashed 1px #fff; opacity: .3; transition: .5s;}
.indexTwo .thumbSwiper .slide .imgBox img {max-width: 50%; transform: rotate(90deg); max-height: 50%; object-fit: contain; transition: .5s; position: relative; z-index: 2; opacity: .5;}
.indexTwo .thumbSwiper .slide.swiper-slide-active .imgBox {transform: scale(1.25);background: #00A8A9; transition-delay: .5s;}
.indexTwo .thumbSwiper .slide.swiper-slide-active .imgBox img {opacity: 1;}
.indexTwo .thumbSwiper .slide.swiper-slide-active .imgBox::before {opacity: 1; background: #fff;}
/* 控件 */
.indexTwo .swiperBox .mySwiper .swjt {width: 2.25rem; height: 2.25rem; border: 1px solid #fff; border-radius: .313rem; margin: 1rem 0; transition: .5s;}
.indexTwo .swiperBox .mySwiper .swjt i {color: #fff; font-size: var(--font16);}
.indexTwo .swiperBox .mySwiper .swjt.swiper-button-prev {transform: rotate(90deg); left: auto; right: 5%; top: calc(50% - 3rem);}
.indexTwo .swiperBox .mySwiper .swjt.swiper-button-next {transform: rotate(90deg); right: 5%;}
.indexTwo .swiperBox .mySwiper .swjt:active {background: #00A8A9;}
@media (any-hover: hover) {
  .indexTwo .swiperBox .mySwiper .swjt:hover {background: #00A8A9;}
}

.indexThre {padding: 15rem 0 17.5rem; background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.indexThre .box {text-align: center;}
.indexThre .more {margin-top: 7.5rem;}

.indexFour {padding: 7.5rem 0; background: #fff; position: relative; overflow: hidden;}
.indexFour .box {margin-top: 3.75rem;display: flex; justify-content: space-between;}
.indexFour .left {width: 56%;}
.indexFour .list {width: 40%;}
.indexFour .left {position: relative;}
.indexFour .left .imgBox {position: relative; height: 100%; border-radius: 1.25rem; overflow: hidden;}
.indexFour .left .imgBox::before {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);}
.indexFour .left .imgBox img {width: 100%; object-fit: cover; height: 100%; transition: .5s;}
.indexFour .left .con {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 1; padding: 3.125rem; padding-bottom: 5rem;}
.indexFour .list ul {height: 100%;}
.indexFour .list li {padding: 2.5rem 0; border-bottom: 1px solid rgba(151, 151, 151,.2); height: 50%;}
.indexFour .list li:first-child {padding-top: 0;}
.indexFour .list li:last-child {border-bottom: 0; padding-bottom: 0;}
.indexFour .list li a {display: flex; gap: 1.25rem;    height: 100%;}
.indexFour .list li .imgBox {width: 48%; border-radius: 1.25rem; overflow: hidden;}
.indexFour .list li .imgBox img {width: 100%; object-fit: cover; height: 100%; transition: .5s;}
.indexFour .list li .con {flex: 1; padding-top: 1rem;}
.indexFour .list li .time {color: #868686;}
.indexFour .list li .p1 {font-size: var(--font20); color: #333; margin-top: .625rem;}
.indexFour .list li .jt {width: 2rem; height: 2rem; border: 1px solid #ddd; border-radius: .5rem; margin-top: 3.5rem; transition: .5s;}
.indexFour .list li .jt i {font-size: var(--font14);}
@media (any-hover: hover) {
  .indexFour .left a:hover .imgBox img {transform: scale(1.1);}
  .indexFour .list li a:hover .imgBox img {transform: scale(1.1);}
  .indexFour .list li a:hover .jt {background: #00A8A9; border-color: #00A8A9;}
  .indexFour .list li a:hover .jt i {color: #fff;}
}

.indexFive {padding: 10rem 0 15rem; background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.indexFive .desc {max-width: 55%; text-align: justify;}
.indexFive .more {margin-top: 6.25rem;}

/* ===底部=== */
.footer {background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover; padding: 3.75rem 0 3rem;}
.foternav {display: flex; justify-content: space-between; align-items: center; }
.foternav .menu {width: 55%;}
.foternav .menu dl {display: flex; justify-content: space-between;}
.foternav .menu dl dd a {color: #fff; font-size: var(--font20);}
.foter_info {margin-top: 2.5rem; padding: 2.5rem 0; border-top: 1px solid rgba(255, 255, 255, .25); border-bottom: 1px solid rgba(255, 255, 255, .25); display: flex; justify-content: space-between; align-items: center;}
.foter_info .item {display: flex; align-items: center; gap: 1rem;}
.foter_info .item .icBox {width: 2.5rem; display: flex; align-items: center; justify-content: center;}
.foter_info .item .icBox img {max-width: 100%; object-fit: contain;}
.foter_info .item .p1 {color: #fff; opacity: .5;}
.foter_info .item .p2 {color: #fff;}
.foter_copy {margin-top: 1.25rem;}
.foter_copy p , .foter_copy p a {color: rgba(255, 255, 255,.5);}

/* ==========================================================关于我们========================================================== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 18rem; object-fit: cover;}
.ny-banner .box .p2 {font-style: italic; line-height: 1; font-weight: 900; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.ny-banner .box .p2 span {display: inline-block;}
.ny-banner .banner_nav {position: absolute; bottom: 3rem;}
.ny-banner .banner_nav .item {position: relative; padding: 0 2.5rem;}
.ny-banner .banner_nav .item .icBox {width: 1.75rem;}
.ny-banner .banner_nav .item .icBox img {max-width: 100%; object-fit: contain; max-height: 100%;}
.ny-banner .banner_nav .item a {color: #fff; font-size: var(--font20); line-height: 1; display: flex; align-items: center; gap: .625rem;}
.ny-banner .banner_nav .item::after {content: ''; position: absolute;right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background: #fff; opacity: .2; transition: .5s;}
.ny-banner .banner_nav .item span {position: relative;}
.ny-banner .banner_nav .item span::before {content: ''; width: 0; position: absolute; bottom: -0.8rem; left: 50%; transform: translateX(-50%); height: .375rem; background: #00A8A9; border-radius: 5rem; transition: .5s;}
.ny-banner .banner_nav .item.on span::before {width: 50%;}
.ny-banner .banner_nav .item:last-child::after {display: none;}
.ny-banner_logo {position: absolute; right: 1.75rem; bottom: 0; padding: 3rem 1.25rem;background: #00A8A9; border-radius: 4rem 4rem 0 0;  position: absolute; right: 1.5%;}
.ny-banner_logo img {width: 100%; animation: myfirst 5s linear infinite;;}
@media (any-hover: hover) {
  .ny-banner .banner_nav .item:hover span::before {width: 50%;}
}


.aboutTle .t1 {line-height: 1;}
.aboutOne {background: url(../images/aboutOne-bj.jpg) no-repeat center; background-size: cover; padding: 10rem 0; min-height: 100vh; position: relative; overflow: hidden;}
.aboutOne .box {text-align: center;}
.aboutOne .logo {width: 28%; margin: auto;}
.aboutOne .logo img {width: 100%; object-fit: contain;}
.aboutOne .con {margin-top: 3.75rem;}
.aboutOne .svg_logo {}
.aboutOne .svg_logo {position: absolute;top: 39%;left: 50%;transform: translate(-50%, -50%);z-index: 10;width: 22%;}
.aboutOne .svg_logo .imgBox { transform: scale(3); opacity: 0;}
.aboutOne .svg_logo img , .aboutOne .svg_logo svg { width: 100%;}
.aboutOne .svg_logo svg path {fill: #00A8A9;}
.aboutOne.on .svg_logo {opacity: 0;}
.aboutOne.on .logo .img {opacity: 1; transform: scale(1);}
.aboutOne.on .p1 p {opacity: 1; transform: translateY(0);}
.aboutOne.on .p2 p {opacity: 1; transform: translateY(0);}
@media (min-width: 1024px) {
  .aboutOne .logo .img {opacity: 0;transform: scale(2);}
  .aboutOne .p1 p {opacity: 0;transform: translateY(2.5rem); transition: .5s;}
  .aboutOne .p2 p {opacity: 0;transform: translateY(2.5rem); transition: .5s; transition-delay: .25s}
}
@media (max-width: 1023px) {
  .aboutOne {min-height: initial; padding: 6.25rem 0;}
  .aboutOne .svg_logo {display: none;}
}



.aboutTwo {padding: 8.75rem 0; background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover;}
.aboutTwo .box {display: flex; justify-content: space-between;}
.aboutTwo .left {width: 45%;}
.aboutTwo .right {width: 50%; border-radius: 1.25rem; overflow: hidden;}
.aboutTwo .right img {width: 100%;}
.aboutTwo .con {margin-top: 2.5rem;}
.aboutTwo .con p {line-height: 1.8; text-align: justify; margin-top: 1rem;}
.aboutTwo .numlist {margin-top: 6.25rem; display: flex; justify-content: space-between;}
.aboutTwo .numlist .item .num {display: flex; align-items: center;font-size: 4.375rem; color: #00A8A9; line-height: 1.2;}
.aboutTwo .numlist .item .txt {font-size: var(--font18);}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; overflow: hidden; background-size: cover; min-height: 100vh; position: relative;}
.aboutThre .box {padding-top: 8.75rem;}
.aboutThre .list {display: flex; align-items: flex-end; position: absolute; height: 100%; gap: .313rem; bottom: 0; z-index: 1; justify-content: space-between; width: 100%;}
.aboutThre .list .item {padding: 2.5rem 3.75rem; background: rgba(255, 255, 255,.01); backdrop-filter: blur(.625rem); width:25%; height: 7.5rem; transition: .5s;}
.aboutThre .list .item .p1 {display: flex; align-items: center; font-size: var(--font22); color: #fff; font-weight: 700; transition: .5s;}
.aboutThre .list .item .p2 {display: none; font-size: var(--font30); color: #fff; font-weight: 700; margin-top: 1.25rem;}
.aboutThre .list .item .icBox {height: 2.5rem;}
.aboutThre .list .item .icBox img {max-height: 100%; max-width: 100%; object-fit: contain;}
.aboutThre .list .item .icon {display: none; margin-top: 5rem; height: 2.5rem;}
.aboutThre .list .item .icon img {max-height: 100%; max-width: 100%; object-fit: contain;}
.aboutThre .list .item.active {height: 24rem;}
.aboutThre .list .item.active .p1 {font-size: var(--font18);}
.aboutThre .list .item.active .p1 .icBox {opacity: 0; animation: fadeOut .5s ease-in-out;}
.aboutThre .list .item.active .p2 {display: block; animation: fadeIn .5s ease-in-out;}
.aboutThre .list .item.active .icon {display: block; animation: fadeIn .5s ease-in-out;}

.aboutFour {background: url(../images/aboutFour-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0; }
.aboutFour .swiperBox {margin-top: 5rem; padding-left: 10.625%; box-sizing: border-box;}
.aboutFour .swiper .slide {background: #fff;transform: scale(.9); transition: transform .5s ease-in-out;}
.aboutFour .swiper .slide a {display: block;padding-bottom: 150%; }
.aboutFour .swiper .slide .imgBox {position: absolute;inset: 0; }
.aboutFour .swiper .slide img {width: 100%; height: 100%;object-fit: contain;}
.aboutFour .swiper .slide.swiper-slide-active {transform: scale(1);}

.pa-con{}
.aboutFour .box .tle{text-align: center;width: 100%;display: block;}

.aboutFour .pa-list {display: grid; margin-top: 5rem; grid-template-columns: repeat(5,1fr); gap: 2.25rem;background:rgba(255,255,255,0.5);border-radius: 1.25rem;padding: 2.5rem;}
.aboutFour .pa-list .pa-img{border-radius: .625rem;}

.aboutFour .pa-list img{width: 80%;}
.aboutFour .pa-list {}
.aboutFour .pa-img .imgBox{}
/* 控件 */
.aboutFour {}
.aboutFour .swjt { position: relative; left: 0; inset: 0; margin: 0; transform: none; width: 3.75rem; height: 3.75rem; border-radius: 50%; background: rgba(255, 255, 255,.2);}
.aboutFour .swjt i {color: #fff; font-size: var(--font16);}
.aboutFour .swjt:active {background: #00A8A9;}
@media (any-hover: hover) {
  .aboutFour .swjt:hover {background: #00A8A9;}
}


/* =====产品中心===== */
.prolist .sec_item {padding: 7.5rem 0;  position: sticky; top: 0;}
.prolist .sec_item .box {display: flex; justify-content: space-between;}
.prolist .sec_item:nth-child(1) {background: url(../images/prolist-pro-bj1.jpg) no-repeat center; background-size: cover;}
.prolist .sec_item:nth-child(2n) {background: url(../images/prolist-pro-bj2.jpg) no-repeat center; background-size: cover;}
.prolist .sec_item:nth-child(3n) {background: url(../images/prolist-pro-bj3.jpg) no-repeat center; background-size: cover;}
.prolist .sec_item .con {width: 50%;}
.prolist .sec_item .imgBox {width:32%;display: flex; justify-content: center; align-items: center; }
.prolist .sec_item .imgBox img {max-width: 40%; width: 100%; object-fit: contain;}
.prolist .sec_item .tle .t1 {font-size: var(--font50); font-weight: 500;}
.prolist .sec_item .tle .t2 {font-size: var(--font18); font-weight: 400; color: #333; position: relative; padding-bottom: .625rem; margin-bottom: 2.25rem;}
.prolist .sec_item .tle .t2::after {content: ''; width: 2rem; height: .25rem; position: absolute; bottom: 0; background: #00A8A9; display: block;}
.prolist .sec_item .tle .desc {color: #666666; line-height: 1.6;}
.prolist .sec_item .icon_list {display: flex; margin-top: 3.75rem;}
.prolist .sec_item .icon_list {display: flex; flex-wrap: wrap;  margin-top: 3.75rem; gap: 5rem;row-gap: 1rem;}
.prolist .sec_item .icon_list .ic_item {text-align: center;}
.prolist .sec_item .icon_list .ic_item .ic_img {height: 3rem; display: flex; align-items: center; justify-content: center;}
.prolist .sec_item .icon_list .ic_item .ic_img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.prolist .sec_item .icon_list .ic_item .ic_t1 {color: #232879; font-weight: 500; margin-top: .625rem;}
.prolist .sec_item .icon_list .ic_item .ic_t2 {font-size: var(--font14); color: #666666;}
.prolist .sec_item .more {margin-top: 5rem;}


/* =====产品详情===== */
.proDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat top #f2f2f2; background-size: contain; min-height: 32.5rem; padding-top: 12.5rem;}
.proDateOne .mbx .layui-breadcrumb {color: #fff !important;}
.proDateOne .mbx .layui-breadcrumb a {color: #fff !important;}
.proDateOne .box {background: #fff; border-radius: 1.25rem; padding: 5rem; margin-top: 3rem;}
.proDateOne .le {width: 50%;}
.proDateOne .swiperBox {width: 35%; padding-right: 10%; box-sizing: border-box; position: relative;}
.proDateOne .swiperBox .swiper {position: static;}
.proDateOne .le .con {margin-top: 1.75rem;}





.proDateOne .slide {position: relative; padding-bottom: 120%;}
.proDateOne .slide .imgBox {position: absolute; inset: 0; height: 100%;}
.proDateOne .slide .imgBox img {width: 100%; max-height: 100%; object-fit: contain;}
.proDateOne .pagtion {left: auto; right: 0; width: auto; top: 50%; bottom: auto; transform: translateY(-50%);}
.proDateOne .pagtion span {background: #E6E6E6; display: block; margin: .625rem !important; opacity: 1;}
.proDateOne .pagtion span.swiper-pagination-bullet-active {background: #00A8A9;}

.proDateTwo {background: #f2f2f2; padding: 6.25rem 0;}
.proDateTwo .tle {padding-bottom: 1.25rem;}
.proDateTwo .tle .t1 {line-height: 1.2;}
.proDateTwo .box {align-items: flex-start;}
.proDateTwo .le {width: 60%;}
.proDateTwo .re {flex: 1; max-width: calc(100% - 60%); padding-left: 5%; position: sticky; top: 6rem;}
.proDateTwo .le .tle {border-bottom: 1px solid #E5E5E5;}
.proDateTwo .le .con {padding-top: 1.25rem;}
.proDateTwo .le .con img {max-width: 100%; height: auto !important;}
.proDateTwo .re .list li {padding: 1.75rem 0; border-bottom: 1px solid #DEDEDE;}
.proDateTwo .re .list li:last-child {border-bottom: 0; padding-bottom: 0;}
.proDateTwo .re .list li a {display: flex; align-items: center; gap: 2rem;}
.proDateTwo .re .list li .imgBox {width: 30%; padding-bottom: 30%; background: #fff; border-radius: .625rem; position: relative; flex-shrink: 0;}
.proDateTwo .re .list li .imgBox img {padding: 1.25rem; width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; transition: .5s;}
@media (any-hover: hover) {
  .proDateTwo .re .list li:hover .imgBox img {transform: scale(1.1);}
}


/* =====应用领域===== */
.applyMain {padding-bottom: 8.75rem;}

.applyOne {padding: 5rem 8%;}
.applyOne .box {line-height: 1.6;}

.applyTwo {}
.applyTwo .list li {display: flex;background: #F2F2F2; margin-bottom: 1.5rem;}
.applyTwo .list li:nth-child(even) {flex-direction: row-reverse;}
.applyTwo .list li .imgBox {width: 50%; position: relative; overflow: hidden;}
.applyTwo .list li .imgBox img {width: 100%; height: 100%; object-fit: cover;  transition: .5s;}
.applyTwo .list li .con {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 3.125rem 5%;}
.applyTwo .list li .con .tit {}
.applyTwo .list li .con .tit::after {content: ''; margin-top: .625rem; display: block; width: 2.5rem; height: .375rem; background: #27B7BE; border-radius: 6.25rem;}
.applyTwo .list li .con .text {margin-top: 3rem; color: #666; line-height: 1.8;}
@media (any-hover: hover) {
  .applyTwo .list li:hover .imgBox img {transform: scale(1.1);}
}

.applyThre {margin-top: 15rem;}
.applyThre .box {background: url(../images/applyThre-bj.jpg) no-repeat center; background-size: cover; padding: 3.75rem 6.75rem; border-radius: 1.25rem; min-height: 20rem; position: relative;}
.applyThre .le {max-width: 47%;}
.applyThre .le .con {}
.applyThre .p2 {color: #F2F2F2;}
.applyThre .more {margin-top: 2.5rem;}
.applyThre .more1 {display: inline-flex; align-items: end; gap: 1.25rem; padding: 1rem 1.25rem;}
.applyThre .imgBox {position: absolute; width: 12%;right: 12%;bottom: 15%;}
.applyThre .imgBox img {width: 100%; height: 100%; object-fit: contain;}

/* =====案例中心===== */
.caseMain {padding: 6.25rem 0;}
.caseOne .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.caseOne .list li {border: 1px solid #DEDEDE;}
.caseOne .list li .imgBox {position: relative; padding-bottom: 70%; overflow: hidden;}
.caseOne .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
@media (any-hover: hover) {
  .caseOne .list li:hover .imgBox img {transform: scale(1.1);}
}
.caseOne .list li .con {padding: 2.5rem;}
.caseOne .list li .p2 {margin-top: 2.5rem;}

/* =====资讯动态===== */
.newsMain {padding-bottom: 6.25rem;background: #F2F2F2;}
.news_reconmd {padding: 7.5rem 0; background: #fff;}
.news_reconmd .box {box-shadow: 0 0 1rem rgba(0,0,0,.1);}
.news_reconmd .slide {display: flex;}
.news_reconmd .slide .imgBox {width: 50%; overflow: hidden;}
.news_reconmd .slide .imgBox img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.news_reconmd .slide .info {display: flex; align-items: center; padding: 2rem 4rem;; width: 50%;}
.news_reconmd .slide .p1 {}
.news_reconmd .slide .p2 {color: #333333; margin-top: 1rem;}
.news_reconmd .slide .p2 a {transition: .5s;}
.news_reconmd .slide .txt {margin-top: 2.25rem;}
.news_reconmd .slide .more {margin-top: 1.75rem; display: inline-block;}
.news_reconmd .slide .more span {color: #333; transition: .5s;}
@media (any-hover: hover) {
    .news_reconmd .slide .imgBox:hover img {transform: scale(1.05);}
    .news_reconmd .slide .p2 a:hover {color: #00A8A9;}
    .news_reconmd .slide .more a:hover span {color: #00A8A9; margin-right: .625rem;}
}
/* 控件 */
.news_reconmd .pagtion {width: auto;right: 5rem; left: auto; bottom: 3.5rem;}
.news_reconmd .pagtion span {width: .375rem; height: .375rem; margin: 0 .625rem !important; background: #cccccc; opacity: 1; position: relative; box-sizing: border-box;}
.news_reconmd .pagtion span::after {position: absolute; content: ''; width: 200%; height: 200%; background: #cccccc; border-radius: 50%; opacity: .5; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.news_reconmd .pagtion span.swiper-pagination-bullet-active {background: #00A8A9;}
.news_reconmd .pagtion span.swiper-pagination-bullet-active::after {background: #00A8A9;}

.news_list {padding: 6.25rem 0;}
.news_list .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.news_list .list li {background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,.1);}
.news_list .list li .imgBox {position: relative; padding-bottom: 70%; overflow: hidden;}
.news_list .list li .imgBox img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
@media (any-hover: hover) {
  .news_list .list li:hover .imgBox img {transform: scale(1.1);}
  .news_list .list li:hover .con .p1 {color: #00A8A9;}
}
.news_list .list li .con {padding: 2.5rem;}
.news_list .list li .p2 {}


/* =====新闻详情===== */
.newsDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat top #f2f2f2; background-size: contain; min-height: 32.5rem; padding-top: 12.5rem; padding-bottom: 11.25rem;}
.newsDateOne .mbx .layui-breadcrumb {color: #fff !important;}
.newsDateOne .mbx .layui-breadcrumb a {color: #fff !important;}
.newsDateOne .box {margin-top: 3rem; align-items: flex-start;}
.newsDateOne .le {width: 72%; background: #fff; padding: 3.75rem;}
.newsDateOne .re {width: 26%;}
.newsDateOne .le .tle {padding-bottom: 1.5rem; border-bottom: 1px solid #eee;}
.newsDateOne .le .tle .tit {line-height: 1.3;}
.newsDateOne .le .tle .time {margin-top: 1rem; color: #666;}
.newsDateOne .le .con {padding: 1.75rem 0;}
.newsDateOne .re .re_recomd {background: #fff; margin-bottom: 1.5rem; padding: 1.75rem;}
.newsDateOne .re .tit {border-bottom: 1px solid #DEDEDE; padding-bottom: 1rem; font-size: var(--font24); font-weight: 700; color: #333;}
.newsDateOne .re .list li {padding: 1.25rem 0; border-bottom: 1px solid #D2D2D2;}
.newsDateOne .re .list li:last-child {border-bottom: 0; padding-bottom: 0;}
.newsDateOne .re .list li a {display: flex; align-items: center; gap: 1rem;}
.newsDateOne .re .list li .imgBox {width: 40%; padding-bottom: 35%; background: #fff; border-radius: .625rem; position: relative; flex-shrink: 0; overflow: hidden;}
.newsDateOne .re .list li .imgBox img {width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; transition: .5s;}
@media (any-hover: hover) {
  .newsDateOne .re .list li:hover .imgBox img {transform: scale(1.1);}
}
.newsDateOne .re .re_recomd2 .list li .imgBox img {object-fit: contain;}

/* 新闻分页 */
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem; padding-top: 3rem; border-top: 1px solid #F2F2F2; }
.newsxq-page a {display: flex; align-items: center; gap: .625rem;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 2rem;height: 2rem;min-width: 30px;min-height: 30px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev i,.news-next i {font-size: var(--font14);}
.newsxq-page .back-link {display: inline-flex; padding: .75rem 1.25rem;}
@media (any-hover: hover) {
  .prev-link:hover .news-prev {background: #00A8A9; border-color: #00A8A9;}
  .prev-link:hover .news-prev i {color: #fff;}
  .next-link:hover .news-next {background: #00A8A9; border-color: #00A8A9;}
  .next-link:hover .news-next i {color: #fff;}
}

/* ====联系我们===== */
.tactOne .box {padding: 3.75rem 0; box-shadow: 0px 0px .5rem .125rem rgba(0,0,0,0.03); background: url(../images/tactOne-bj.jpg) no-repeat center; background-size: cover;}
.tactOne .box {margin-top: -10%;position: relative;z-index: 1;}
.tactOne .box > div {width: 50%; padding: 0 5rem; padding-top: 2.5rem; padding-bottom: 1.25rem;}
.tactOne .box .le {border-right: 1px solid #E3E3E3;}
.tactOne .box .le .tle {padding-bottom: 1.25rem;}
.tactOne .box .le .us .item {margin-top: 3rem;}
.tactOne .box .le .us .item .i1 {opacity: 0.7;}
.tactOne .box .re {position: relative;}
.tactOne .box .re .code {margin-top: 10rem; display: inline-block; text-align: center;}
.tactOne .box .re .code .img {width: 12.5rem;}
.tactOne .box .re .code .img img {width: 100%; height: 100%; object-fit: contain;}

.tactForm {margin-top: 10rem; background: url(../images/tactForm-bj.jpg) no-repeat center; background-size: cover; padding: 7.5rem 0; padding-top: 10rem; position: relative; overflow: hidden;}
.tactForm .le .tle {margin-top: 1.875rem;}
.tactForm .le .xian {width: 2.25rem; height: .375rem; background: #fff; border-radius: 3px; margin-top: 4.375rem;}
.tactForm .le {width: 36%;}
.tactForm .re {width: 54%; position: relative; z-index: 2;}
.tactForm .form {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.25rem;}
.tactForm .form .inBox {width: 48.5%; position: relative;}
.tactForm .form .inBox label {color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 1.25rem;}
.tactForm .form input ,.tactForm .form textarea {height: 3.625rem; border-radius: .625rem; background: none; padding: 0 1.5rem; padding-left: 2rem; box-sizing: border-box; min-height: 42px; border: 1px solid rgba(255, 255, 255,.5); width: 100%; color: #fff;}
.tactForm .form input::placeholder ,.tactForm .form textarea::placeholder  {color: #ffffff;}
.tactForm .form textarea {background: none; padding: 1.25rem 1.5rem; padding-left: 2rem;  min-height: 10rem; box-sizing: border-box; resize: none;}
.tactForm .form .inBox.intext {width: 100%;}
.tactForm .form .inBox.intext label {top: 2.1rem;}
.tactForm .form .inCode {width: 100%; display: flex; align-items: center; }
.tactForm .form .inCode img { position: absolute; top: 50%; transform: translateY(-50%); right: 0; right: .625rem; border-radius: .625rem; height: 2.5rem; min-height: 40px; max-width: 6.25rem; object-fit: contain;} 
.tactForm .form .sub {width: 100%; margin-top: 3.75rem;}
.tactForm .form button {padding: 1rem 2.25rem; color: #ffffff;background: #333; border-radius: 6.25rem; cursor: pointer;}
.tactForm .form button:active {background: #00A8A9;}