/* =====头部===== */ 
#c-placeholder {height: 1.1rem; min-height: 80px;}
.header {position: fixed; z-index: 999; width: 100%; left: 0; top: 0;z-index: 99; transition: .5s;}
.headerBox { padding: 0 6%; box-sizing: border-box;}
.headerBox > .box {display: flex; justify-content: space-between; height: 1.1rem;  min-height: 80px; align-items: center; transition: .5s;}
.headlogo {display: flex; align-items: center;}
.headlogo .xian {width: 1px;height: 0.45rem;opacity: 0.42;background: #c1c1c1; margin: 0 .3rem; display: none;}
.headlogo .text {line-height: 1.7; display: none;}
.headlogo .p1 {opacity: 0.47; font-size: var(--font15); font-weight: 400;color: #fff; letter-spacing: .05rem; transition: .5s;}
.headlogo .p2 {font-size:var(--font17);font-weight: 400;color: #fff;letter-spacing: 0.02rem; transition: .5s;}
.headlogo img {max-width: 4rem; transition: .5s;}

/* 头部右侧 */
.headre {display: flex; justify-content: space-between;width: 60%; height: 100%;}
.headSearch {cursor: pointer; margin-left: 3%; display: flex; align-items: center;}

/* 头部导航 */
nav {height: 100%;width: 90%;}
nav > ul {display: flex; justify-content: space-between;height: 100%;}
nav > ul > li {height: 100%; display: flex; align-items: center;}
nav > ul > li > a {color: #fff; font-size: var(--font18); position: relative; line-height: initial; transition: .4s;}
nav > ul >li > a::after {content: ""; width: 0; position: absolute; bottom: -5px; left: 50%; height: 1px; background: #25BBB3; transition: .5s;}
nav > ul >li:hover > a , nav >ul >li.on > a {color: #25BBB3 !important;}
nav > ul >li:hover > a::after , nav >ul >li.on > a::after  {width: 100%; left: 0%;}

/* 下拉导航 */
.navSlideDown {position: absolute; width: 100%; left: 0;background: #f5f9fa;top: 100%;  box-sizing: border-box; opacity: 0; visibility: hidden;  transition: all 0.4s;pointer-events: none; box-shadow: 0 2px 5px rgba(0, 0, 0,.05);}
.navSlideDown.on {opacity: 1; visibility: visible;pointer-events: auto;}
.navSlideDown .box {display: flex; justify-content: space-between; align-items: flex-start; position: relative; padding-right: .7rem;}
.navSlideDown .close {position: absolute; cursor: pointer; right: 0; width: .4rem; top: .2rem;}
.navSlideDown .close svg {max-width: 100%;}
/* 其他二级栏目下拉 */
.navSlideDown2 {display: none; top: 100%;left: 50%; transform: translate(-50%, -0%);position: absolute; background: #fff;width: max-content; padding: .1rem .2rem;}
.navSlideDown2 ul li {border-bottom: 1px solid #E9EAEB;}
.navSlideDown2 ul li:last-child {border: 0;}
.navSlideDown2 ul li a {display: block; padding: .1rem 0; transition: .5s;text-align: center;}
.navSlideDown2 ul li:hover a {color: #009E98;}

/* 产品下拉导航 */
.proSlideDown {display: flex; width: 100%;}
.proSlideDown .hd {width: 22%; padding-top: .2rem; padding-bottom: .4rem;}
.proSlideDown .hd ul li { margin-top: .3rem; position: relative; overflow: hidden;}
.proSlideDown .hd ul li::before {content: ""; position: absolute; left: -50%; top: -50%; width: .2rem; height: .2rem; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0); background: #009E98; transition: .5s;}
.proSlideDown .hd ul li::after {content: ""; position: absolute; background: url(../images/proSlideDown-jt.png) no-repeat right; background-size: contain; width: 6px; height: 12px; right: .2rem; top: 50%; transform: translateY(-50%); transition: .5s;}
.proSlideDown .hd ul li a {display: block; padding: .11rem .2rem; padding-right: .3rem; transition: .5s; font-size: var(--font18);}
.proSlideDown .hd ul li.on a {background: #E9EAEB; color: #444444;}
.proSlideDown .hd ul li.on::before {left: 0; top: 0;}
.proSlideDown .hd .list {border-top: 1px solid rgba(174, 174, 174,.26); margin-top: .5rem; padding:0 .2rem;}
.proSlideDown .hd .list dd {margin-top: .3rem;}
.proSlideDown .hd .list dd a {display: flex; justify-content: space-between;}
.proSlideDown .hd .list dd a:hover {color: #009E98;}
.proSlideDown .hd .list dd a:hover svg path {fill: #009E98;}
.proSlideDown .bd {flex: none; width: 78%; }
.proSlideDown .bd .inBox {display: flex; height: 100%;}
.proSlideDown .bd .inHd {background: #e9eaeb; width: 25%; padding-top: .3rem;}
.proSlideDown .bd .inHd ul li {transition: .5s; position: relative; overflow: hidden;}
.proSlideDown .bd .inHd ul li a {display: block; padding: .12rem .3rem; box-sizing: border-box;color: #8a8a8a;}
.proSlideDown .bd .inHd ul li::before {content: ""; position: absolute; left: -50%; top: -50%; width: .25rem; height: .25rem; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0); background: #009E98; transition: .5s;}
.proSlideDown .bd .inHd ul li::after {content: ""; position: absolute; background: url(../images/proSlideDown-jt.png) no-repeat right; background-size: contain; width: 6px; height: 12px; right: .2rem; top: 50%; transform: translateY(-50%); transition: .5s;}
.proSlideDown .bd .inHd ul li.on {background: #ffffff;}
.proSlideDown .bd .inHd ul li.on::before {left: 0; top: 0;}
.proSlideDown .bd .inHd .inHdlist {margin-top: .3rem; padding: 0 .3rem; padding-top: .5rem; border-top: 1px solid rgba(174, 174, 174,.26);}
.proSlideDown .bd .inHd .inHdlist dd a {display: flex; align-items: center; justify-content: space-between; color: #8A8A8A;}
.proSlideDown .bd .inHd .inHdlist dd a:hover {color: #009E98;}
.proSlideDown .bd .inHd .inHdlist dd a:hover svg path {fill: #009E98;}
.proSlideDown .bd .inBd {flex: none; width: 75%; padding: 0 8%; padding-top: .5rem; padding-right: 0;}
.proSlideDown .bd .inBd ul li .inBdBox {display: flex;    justify-content: space-between; align-items: flex-start;}
.proSlideDown .bd .inBd .inBdBox .inBdLe {width: 57%;}
.proSlideDown .bd .inBd .inBdBox .imgBox {width: 35%;display: flex; align-items: center; justify-content: center;    padding: .3rem;}
.proSlideDown .bd .inBd .inBdBox .imgBox img {max-width: 100%; }
.proSlideDown .bd .inBd .tle {display: flex; align-items: flex-end; justify-content: space-between; padding-right: .6rem; padding-bottom: .25rem; border-bottom: 1px solid rgba(137, 137, 137,.25);}
.proSlideDown .bd .inBd .tle span {font-size: 0.26rem;font-weight: 400;color: #444444; line-height: 1;}
.proSlideDown .bd .inBd .tle a {color: #009e98; font-size: var(--font15);}
.proSlideDown .bd .inBd dl {padding-top: .2rem;}
.proSlideDown .bd .inBd dl dd {margin-top: .2rem;}
.proSlideDown .bd .inBd dl dd a {font-size: var(--font15);color: #444444; font-family: Arial, Arial-Regular;}
.proSlideDown .bd .inBd dl dd a:hover {color: #009E98;}
/* 产品下拉推荐 */
.proSlideDownInfo {width: 25%;background: #ffffff; padding: .3rem; box-sizing: border-box; margin-top: .4rem; position: relative;}
.proSlideDownInfo .swiper {position: static;}
.proSlideDownInfo .swiper-slide .imgBox {display: flex; justify-content: center; align-items: center;}
.proSlideDownInfo .swiper-slide .imgBox img {max-width: 100%;}
.proSlideDownInfo .swiper-slide span {display: block; text-align: center; margin-top: .5rem; font-size: var(--font18); color: #333;}
.proSlideDownInfo .swiper-pagination {bottom: .05rem;}
.proSlideDownInfo .swiper-pagination .swiper-pagination-bullet-active {background: #009E98;}

/* 解决方案下拉 */
.soulSlideDown {padding: .5rem 0 .7rem;}
.soulSlideDown ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.soulSlideDown li {width: 24%; position: relative;}
.soulSlideDown li .imgBox {overflow: hidden; background: #fff;text-align: center;}
.soulSlideDown li .imgBox img {width:80%; transition: .5s;margin:0 auto}
.soulSlideDown li span {font-size: var(--font18); position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; padding: .15rem 0; background: rgba(0, 0, 0,.4); color: #fff;}
.soulSlideDown li:hover .imgBox img {transform: scale(1.1);}

/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub {width: 1.8rem; height: 0.56rem; min-height: 45px; background: #25BBB3;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

/* 下滑头部 */
.header:hover {background: #fff;}
.header:hover .headlogo .p1 {color: #333;}
.header:hover .headlogo .p2 {color: #333333;}
.header:hover nav >ul >li >a {color: #333;}
.header:hover .headSearch i svg path {fill: #333;}
.header:hover .headLuange .onAnge {color: #333;}
.header:hover .headLuange .onAnge svg path {fill: #333;}
.header:hover .mobmenu h4 {color: #333;}
.header:hover .mobmenu dl dd {background: #333;}

.header.fh {background: #fff;}
.header.fh .headlogo .p1 {color: #333;}
.header.fh .headlogo .p2 {color: #333333;}
.header.fh nav >ul >li >a {color: #333;}
.header.fh .headerBox {box-shadow: 0 0 .1rem rgba(0, 0, 0, 0.03);}
.header.fh .headSearch i svg path {fill: #333;}
.header.fh .headLuange .onAnge {color: #333;}
.header.fh .headLuange .onAnge svg path {fill: #333;}
.header.fh .mobmenu h4 {color: #333;}
.header.fh .mobmenu dl dd {background: #333;}

.header.fh2 .headlogo .p1 {color: #333;}
.header.fh2 .headlogo .p2 {color: #333333;}
.header.fh2 nav >ul >li >a {color: #333;}
.header.fh2 .headSearch i svg path {fill: #333;}
.header.fh2 .headLuange .onAnge {color: #333;}
.header.fh2 .headLuange .onAnge svg path {fill: #333;}
.header.fh2 .mobmenu h4 {color: #333;}
.header.fh2 .mobmenu dl dd {background: #333;}


/* =====首页===== */
/* 公用css */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#25BBB3 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #25BBB3; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* 了解更多 */
.more1 {display: inline-flex; align-items: center;}
.more1 i {width: 0.4rem; height: 0.4rem;min-width: 30px;min-height: 30px; background: #009e98; border-radius: 50%; margin-right: .16rem; transition: .4s;}
.more1 i svg {max-width: 70%;}
.more1 span {color: #ffffff;}

.more2 {display: inline-flex; align-items: center; padding: .12rem .3rem;background: #009e98; border-radius: 30px; transition: .5s;}
.more2 i {width: .2rem; margin-left: .1rem; transition: .5s;}
.more2 i svg {max-width: 100%;}
.more2 span {color: #ffffff;}
@media (any-hover: hover) {
    .more1:hover i {transform: rotate(45deg);}
    .more2:hover {box-shadow: 0 0 .1rem #009e98;}
    .more2:hover i {transform: rotate(45deg);}
}

/* banner */
.indexBanner {overflow: hidden; position: sticky; top: 0; z-index: 2; background: #fff;}
.bannerSwiper {height: 100vh;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .bjBox {position: relative; height: 100%;}
.bannerSwiper .bjBox img {width: 100%; height: 100%; object-fit: cover; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active .bjBox img, .bannerSwiper .swiper-slide-duplicate-active .bjBox img {transition: 6s linear; transform: scale(1,1);}
.bannerSwiper .tle img {width: 6.51rem; max-width: 100%;}
.bannerSwiper .con .text { margin-top: .3rem;}
.bannerSwiper .con .text span {font-size: var(--font22);font-weight: 500;color: #ffffff; display: inline-block; margin-right: .5rem;font-weight:300}
.bannerSwiper .more {margin-top: 1rem;}
/* banner 控件 */
.swControls {display: flex; align-items: center; justify-content: space-around; width: 40%;height: 1.2rem; position: absolute; left: auto; right: 0; top: auto; bottom: 0;  z-index: 11; overflow: hidden;}
.swControls { padding-left: 2%; box-sizing: border-box;}
.swControls::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; left: 100%;top: 0; background: #25BBB3; -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); transition: 1.5s;}
.swControls.on::after {left: 0;}
.swControls > div {position: relative;}
.swControls .swiper-pagination {width: auto; bottom: auto;}
.swControls .swiper-pagination span {width: 0.14rem; height: 0.14rem; margin: 0 .1rem !important; border: 1px solid #fff; opacity: 1; box-sizing: border-box; background: none;}
.swControls .swiper-pagination .swiper-pagination-bullet-active {background: #efefef;}
.swControls .swiper-num {margin-left: 20%;color: #ffffff;}
.swControls .swiper-num .actives {font-size: 0.4rem;font-weight: 700;}
.swControls .swjtBox {display: flex;}
.swControls .swjt {position: relative; margin: 0;width: 0.3rem; height: 0.3rem; border-radius: 50%; left: 0; top: auto;}
.swControls .swjt svg {max-width: 90%;}
.swControls .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: .3rem;}

.scrollDown {position: absolute; left: 4%; top: auto; z-index: 1;bottom: .6rem; display: flex;}
.scrollDown span {font-size: .14rem;letter-spacing: 0.01rem; color: #ffffff; margin-right: .12rem; text-transform: uppercase;writing-mode:vertical-rl; position: relative;}
.scrollDown i {width: 2px;height: .84rem;background: #EFEFEF; display: block; position: relative; overflow: hidden;}
.scrollDown i::after {content: ""; position: absolute;left: 0;width: 2px;height: 100%;background: #25BBB3; opacity: 1; animation: aline 3s infinite linear;}
@keyframes aline { from {bottom: 100%;}to {bottom: -100%;}}


.indexTle {}
.indexTle h3 {font-size: var(--font24);font-weight: 400;color: #009e98;}
.indexTle h4 {font-size: .46rem; font-weight: 700;color: #333333;}

.indexOne {padding: 1rem 0 .8rem; position: relative; z-index: 2; background: #fff;}
.indexOne::before {content: ""; background: #f6f6f6; height: 50%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.indexOne .tleBox {display: flex; align-items: center; justify-content: space-between;}
.indexOne .tleBox ul {display: flex;}
.indexOne .tleBox li:nth-child(2) {margin-left: 1rem;}
.indexOne .tleBox li .icBox {width: .35rem; height: .35rem; margin: auto;}
.indexOne .tleBox li .icBox img {max-width: 100%; filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.indexOne .tleBox li span {color: #888888; font-size: var(--font18); margin-top: .1rem; display: block;}
.indexOne .tleBox li.on .icBox img {filter: none; -webkit-filter:none;}
.indexOne .tleBox li.on span {color: #25BBB3;}
.indexOne .box {position: relative;}
.indexOne .box .tit {line-height: .9; opacity: 0.33;font-size: 2.75rem;font-weight: bolder; top: 0;    transform: translate(-50%, 0%); color: #c5c5c5; text-transform: uppercase;	font-family: 'Futura'; text-align: center;}
.inOneSwiper {padding-bottom: 15%;}
.inOneSwiper .imgBox {width: 100%; height: 100%;    padding-bottom: 100%;position: relative; background: rgba(235, 235, 235,.75); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.inOneSwiper .imgBox img {max-width: 85%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.inOneSwiper .con {position: absolute; left: 50%; top: 100%; transform: translate(-50%, 20%); text-align: center; padding-top: .4rem; white-space: nowrap; opacity: 0; visibility: hidden; transition: .2s;}
.inOneSwiper .con .p1 {font-weight: 400; color: #009e98;}
.inOneSwiper .con .p2 {font-size: var(--font32); font-weight: 700;color: #333333;}
.inOneSwiper .con .more {margin-top: .12rem;}
.inOneSwiper .con .more span {overflow: hidden;border-radius: 30px; padding: .16rem .45rem; color: #fff;  background: url(../images/indexOne-more-bj.png) no-repeat center; background-size: cover; display: inline-flex; transition: .4s;}
.inOneSwiper .con .more span:hover {box-shadow: 0 0 .1rem #25BBB3;}
.inOneSwiper .swiper-slide-active .con { transform: translate(-50%, -0%); opacity: 1; visibility: visible; transition: .5s; transition-delay: .5s;}
.inOneSwiper .swiper-pagination {text-align: left; color: #959595; bottom: .5rem;width: auto;}
.inOneSwiper .swiper-pagination span {color: #009E98;}
.inOneSwiper .swjt {right: 0; top: auto; bottom: .5rem; width: 0.41rem;height: 0.41rem; min-width: 30px; min-height: 30px; background: #cfcfcf; border: 1px solid #cfcfcf; border-radius: 50%; transition: .5s;}
.inOneSwiper .swjt svg {max-width: 35%;}
.inOneSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%); left: auto;}
.inOneSwiper .swjt:active {background: none; border-color: #25BBB3;}
.inOneSwiper .swjt:active svg path {fill: #25BBB3;}
@media (any-hover: hover) {
    .inOneSwiper .swjt:hover {background: none; border-color: #25BBB3;}
    .inOneSwiper .swjt:hover svg path {fill: #25BBB3;}
}

.indexOne .swiperBox {position: relative;}
.indexOne .swiperBox .item {position: absolute; left: 0; width: 100%; top: 1rem; opacity: 0;  }
.indexOne .swiperBox .item.on {opacity: 1; top: 0;transition: .8s;}
/* .indexOne .swiperBox .item {display: none;}
.indexOne .swiperBox .item.on {display: block;} */

.indexTwo {position: relative; background: url(../images/indexTwo-bj1.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 1.8rem 0 1rem;  z-index: 2;}
.indexTwo .bjBox {position: absolute; left: 0; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.indexTwo .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexTwo .indexTle h3 {color: #ffffff;}
.indexTwo .indexTle h4 {color: #ffffff;}
.indexTwo .le {width: 45%;}
.indexTwo .text {margin-top: .4rem;}
.indexTwo .text p {color: #fff; line-height: 1.7; text-align: justify; font-size: var(--font18);}
.indexTwo .numlist {margin-top: 1rem; width: 110%;}
.indexTwo ul { margin: auto; display: flex; align-items: center; justify-content: space-between; margin-top: .8rem;}
.indexTwo li .num {display: flex; align-items: flex-start;}
.indexTwo li .counter {font-size: 0.48rem;color: #fff; font-weight: 700; line-height: 1;}
.indexTwo li .jia {font-size: var(--font22);font-weight: 700; margin-left: .05rem; color: #fff;}
.indexTwo li .num {font-size: 0.48rem;color: #fff; font-weight: 700; line-height: 1;}
.indexTwo li .text2 {color: #fff;;display: block; margin-top: .05rem;}
.indexTwo .more {margin-top: .7rem;}
.indexTwo .more i {background: #fff;}

.indexThre {background: #fff; position: relative; z-index: 2;}
.indexThre .tleBox {padding: 1rem 0 .5rem; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexThre .swjtBox {position: relative; display: flex; align-items: center;}
.indexThre .swjt { position: relative;     margin: 0; right: 0; top: 0; bottom: .5rem; width: 0.41rem;height: 0.41rem; min-width: 30px; min-height: 30px; background: #cfcfcf; border: 1px solid #cfcfcf; border-radius: 50%; transition: .5s;}
.indexThre .swjt svg {max-width: 35%;}
.indexThre .swjt.swiper-button-prev {transform: rotate(180deg) translateX(50%); left: auto;}
.indexThre .swjt:active {background: none; border-color: #25BBB3;}
.indexThre .swjt:active svg path {fill: #25BBB3;}
@media (any-hover: hover) {
    .indexThre .swjt:hover {background: none; border-color: #25BBB3;}
    .indexThre .swjt:hover svg path {fill: #25BBB3;}
}
.indexThre .swiperBox {position: relative;}
.inThreSwiper .swiper-slide {overflow: hidden;}
.inThreSwiper .slide-inner img {width: 100%; max-width: 100%; min-height: 7.4rem; object-fit: cover; }
.inThreSwiper .con {top: 30%;}
.inThreSwiper .con h5 {font-size: 0.46rem;font-weight: 700;color: #ffffff;}
.inThreSwiper .con .text {margin-top: .3rem; width: 50%;}
.inThreSwiper .con .text p {color: #fff; font-size: var(--font18);}
.inThreSwiper2 .icBox {width: 0.59rem;height: 0.59rem; min-height: 40px; min-width: 40px;  background: none; border-radius: 50%; display: flex; align-items: center; justify-content:center; margin: auto; position: relative; transition: .5s;}
.inThreSwiper2 .icBox img {max-width: 60%; max-height: 60%;}
.inThreSwiper2 .swiper-slide .icBox::after {content: "";}
.inThreSwiper2 .swiper-slide .icBox::before {animation: playbtnscale 2s ease-out infinite; background: #fff; visibility: hidden;}
.inThreSwiper2 .swiper-slide .icBox::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; }}
.inThreSwiper2 .swiper-slide {cursor: pointer; height: auto;}
.inThreSwiper2 .swiper-slide span {text-align: center;color: #ffffff; font-size: var(--font15); margin-top: .15rem; display: block;}
.inThreSwiper2 .swiper-slide::after {height: 1px; content: ""; width: 50%;  border-bottom: 1px dashed #fff; opacity: .7; position: absolute; top: 30%;left: 100%; transform: translate(-50%, -50%); box-sizing: border-box;}
.inThreSwiper2 .swiper-slide:last-child::after {display: none;}
.inThreSwiper2 {padding: .3rem 0; padding-bottom: 0;}
.inThreSwiper2 .swiper-slide-thumb-active .icBox {background: #fff;}
.inThreSwiper2 .swiper-slide-thumb-active .icBox::before {visibility: visible;}
.inThreSwiper2 .swiper-slide .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}
.inThreSwiper2 .swiper-slide-thumb-active .icBox img {filter: none; -webkit-filter:none;}
.indexThre .inSwiperBox { top: auto; bottom: 0; z-index: 1;}

.indexFour {position: relative; z-index: 2; background: #fff;}
.indexFour .bjBox {position: absolute;width: 50%; left: 0; top: 0; height: 100%;}
.indexFour .bjBox img {max-width: 100%; max-height: 100%;}
.indexFour .tleBox {padding: 1rem 0 .5rem; position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.indexFour .tleBox .more span {color: #009E98;}
.indexFour .box {background: #009E98;margin: auto; position: relative;max-width: 1920px; overflow: hidden; }
.inFoSwiper2 .slideBox {display: flex; justify-content: space-between; height: 100%;}
/* .inFoSwiper2 .swiper-slide {height: auto;} */
.inFoSwiper2 .le {width: 50%; padding: 1rem; padding-left: 2rem; padding-bottom: 2.5rem;}
.inFoSwiper2 .le h5 {font-size: var(--font40); font-weight: 700; color: #ffffff;}
.inFoSwiper2 .le .text {padding-top: .2rem;}
.inFoSwiper2 .le p {font-size: var(--font18); color: #ffffff; margin-top: .1rem;font-weight: 400; display: flex;}
.inFoSwiper2 .le p i {margin-right: .05rem;}
.inFoSwiper2 .re {width: 50%; position: relative;}
.inFoSwiper2 .re img {width: 100%; height: 100%; object-fit: cover;}
.inFoSwiper1 {position: absolute; bottom: 1rem; width: 50%; padding: 0 1.5rem; padding-left: 2rem; box-sizing: border-box; left: 0; z-index: 1; margin-left: -.4rem;}
.inFoSwiper1 .icBox {width: 0.88rem; height: 0.88rem; border: 1px solid rgba(255, 255, 255 ,.4); transition: .5s; min-height: 60px; min-width: 60px; border-radius: 50%; margin: auto;}
.inFoSwiper1 .icBox img {max-width: 50%; filter: brightness(100); -webkit-filter:brightness(100);}
.inFoSwiper1 .swiper-slide {text-align: center; cursor: pointer;}
.inFoSwiper1 .swiper-slide span {color: #ffffff;  margin-top: .2rem; display: block;}
.inFoSwiper1 .swiper-slide-thumb-active .icBox {background: #fff;}
.inFoSwiper1 .swiper-slide-thumb-active .icBox img { filter: none; -webkit-filter:none;}

.indexFive {background: #fff; position: relative; z-index: 2;}
.indexFive .tleBox {padding: 1rem 0 ; position: relative; display: flex; align-items: center; justify-content: space-between;}
.indexFive .tleBox .more span {color: #009E98;}
.indexFive {padding-bottom: 1rem;}
.indexFive .swiperBox {position: relative;width: 106%; left: -3%;}
.indexFive .container {width: 1530px; max-width: 84%;}
.infiveSwiper {position: static;}
.infiveSwiper::before {content: ""; position: absolute; width: 10px; height: 100%; background: #fff; left: 0; top: 0;z-index: 2;}
.infiveSwiper::after {content: ""; position: absolute; width: 5px; height: 100%; background: #fff; right: 0; top: 0;z-index: 1;}
.infiveSwiper .slideBox {padding: .15rem .4rem; box-sizing: border-box; border-right: 1px solid #E9E9E9;}
.infiveSwiper .imgBox {overflow: hidden; margin-top: .35rem;}
.infiveSwiper .imgBox img {width: 100%; transition: 0.5s;}
.infiveSwiper .tit1 {color: #898989;}
.infiveSwiper .tit2 {font-size: var(--font28); font-weight: 500;color: #333333;}
.infiveSwiper .text {margin-top: .2rem;}
.infiveSwiper .text p {color: #666666; line-height: 1.7;}
.infiveSwiper .more {margin-top: .5rem;}
.infiveSwiper .more span {color: #009E98; margin-right: .1rem;}
.infiveSwiper .slideBox a:hover .imgBox img {transform: scale(1.1);}
.infiveSwiper .swjt {width: 40px;height: 40px; background: #cfcfcf; border-radius: 50%; right: 0; transform: translateX(100%); transition: .5s;}
.infiveSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%);left: 0;}
.infiveSwiper .swjt:active {background: #009E98;}

.infiveSwiper .swiper-pagination {bottom: -8%;}
.infiveSwiper .swiper-pagination span {background: #009E98;}

@media (any-hover: hover) {
    .infiveSwiper .swjt:hover {background: #009E98;}
}

/* =====底部===== */
.footer {background: #2f343a; padding: .6rem 0 .3rem; position: relative; z-index: 2;}
.foterlogo img {max-width: 1.2rem;}
.foterTop {display: flex; justify-content: space-between;    align-items: center;}
.foterTop .xian {height: 0.86rem;opacity: 0.2; background: #898989; width: 1px;}
.foterTop ul {display: grid; grid-template-columns: repeat(3,auto); width: 82%; }
.foterTop li {display: flex; align-items: center;}
.foterTop li .icBox {width: 0.8rem; height: 0.8rem; border: 1px solid rgba(137, 137, 137,.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.foterTop li .adcon {margin-left: .15rem;}
.foterTop li span {opacity: 0.3;font-size: var(--font15);font-weight: 400;color: #ffffff; display: block; margin-bottom: .1rem;}
.foterTop li p  {color: #ffffff;font-size: var(--font15); font-weight: 400;}
.foterTop li p a {color: #ffffff;font-size: var(--font15); font-weight: 400;}
.foterTop li p a:hover {color: #009E98;}
.foterTop li strong {display: block; line-height: 1; font-size: var(--font24);font-family: Arial, Arial-Bold; font-weight: 700; color: #ffffff; margin-top: .1rem;}
.foterTop li .icBox img {max-width: 40%;}
.foterBom {border-top: 1px solid rgba(255, 255, 255,.2); margin-top: .45rem;  display: flex; justify-content: space-between;}
.foternav {display: flex; justify-content: space-between;width: 56%;    padding: .6rem 0;}
.foternav dl {margin-right: .2rem;}
.foternav dl:last-child {margin-right: 0;}
.foternav dl dt { padding-bottom: .1rem;}
.foternav dl dt a {font-size: var(--font18); color: #ffffff;}
.foternav dl dd {margin: .1rem 0;}
.foternav dl dd a {font-size: var(--font15); color: rgba(255, 255, 255,.47);}
.foternav dl dd a:hover {color: #fff;}
.foterBom .xian {width: 1px; opacity: 0.2;background: #898989;}
.foterCode {width: 28%; display: flex; justify-content: space-between; padding: .6rem 0;}
.foterCode .item {text-align: center; width: 42%;}
.foterCode .item img {max-width: 100%;}
.foterCode .item span {color: #ffffff;display: block; margin-top: .2rem; font-size: var(--font14);opacity: 0.4;}
.foterCopy {display: flex; justify-content: space-between; flex-wrap: wrap; border-top: 1px solid rgba(255, 255, 255,.1); padding-top: .25rem;}
.foterCopy p , .foterCopy p a {font-size: var(--font15);font-weight: 400;color: rgba(255, 255, 255,.4);}
.foterCopy p a:hover {color: #fff;}


/* ================================================================================内页================================================================= */
.ny-banner {position: relative;}
.ny-banner .bjBox {overflow: hidden;}
.ny-banner .bjBox img {width: 100%;}
.ny-banner .en {font-size: 0.52rem; font-weight: 700;color: #ffffff; text-transform: uppercase;}
.ny-banner h2 {font-size: 0.46rem;  font-weight: 700; color: #ffffff;}

/* 面包屑 */
.mbx {display: flex; align-items: flex-start; padding: .2rem 0; top: auto; bottom: 0;}
.mbx .icBox {margin-right: .1rem;transform:translateY(-.02rem);}
.mbx a {position: relative; color: #fff;}
.mbx a::after {content: ">";margin: 0 .1rem;}
.mbx a:last-child::after {display: none;}
.mbx a:hover {color: #009E98 !important;}

/* =====关于我们===== */
.aboutSwiper {height: 100vh;}
.about-slide {overflow: hidden;}
.about-slide .bjBox {height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: -1;}

.aboutSwiper .swiper-pagination span {opacity: 1; background: #fff;}

.aboutTle h3 {font-size: 0.55rem;font-weight: 700;color: #ffffff; line-height: 1;}
.aboutTle span {font-size: 0.46rem; font-weight: 300;color: #ffffff; display: block;}

.aboutOne {height: 100%;}
.aboutOne .box {display: flex; align-items: center; height: 100%; }
.aboutOne .box .container {padding-top: 8%;}
.aboutOne .text {margin-top: .5rem; width:42%;}
.aboutOne .text p { font-weight: 400; text-align: justify; color: #ffffff; line-height: 1.8;font-size: var(--font18);}
.aboutOne .more {margin-top: 1rem;}
.aboutOne .numlist {margin-top: .9rem; width:45%;}
.aboutOne ul { margin: auto; display: flex; align-items: center; justify-content: space-between; margin-top: .8rem;}
.aboutOne li .num {display: flex; align-items: flex-start;}
.aboutOne li .counter {font-size: 0.42rem;color: #fff;line-height: 1;}
.aboutOne li .jia {font-size: var(--font22); margin-left: .05rem; color: #fff;}
.aboutOne li .num {font-size: 0.42rem;color: #fff;; line-height: 1;}
.aboutOne li .text2 {color: #fff;;display: block; margin-top: .1rem;}
@media screen and (min-width: 200px) and (max-width: 1024px) {
    .aboutSwiper {height: auto;}
}

.aboutTwo {height: 100%;}
.aboutTwo .swiperBox1 {padding-top: 12%;}
.abTwoSwiper1 .swiper-slide .more {margin-top: 1rem;}
.aboutTwo .swiperBox2 .swiper-pagination {top: auto; bottom: .55rem; z-index: -1; height: 1px;}
.aboutTwo .swiperBox2 .swiper-pagination { background: rgba(255, 255, 255,.35);}
.aboutTwo .swiperBox2 .swiper-pagination span {background: #0c9f99; height: 3px; top: -1px;}
.aboutTwo .swiperBox2 {position: absolute; bottom: 1rem; width: 100%; left: 0; z-index: 2;}
.abTwoSwiper2 {padding-bottom: .5rem;}
.abTwoSwiper2 .swiper-slide {cursor: pointer;}
.abTwoSwiper2 .swiper-slide span {font-size: var(--font20);font-weight: 400; color: #ffffff; text-align: center; display: block;}
.abTwoSwiper2 .swiper-slide i {width: 0.12rem;height: 0.12rem;opacity: 0.66;background: #ffffff; border-radius: 50%; display: block; margin: auto; margin-top: .3rem; position: relative; transition: .5s;}
.abTwoSwiper2 .swiper-slide i::after {content: ""; }
.abTwoSwiper2 .swiper-slide i::before {animation: playbtnscale2 2s ease-out infinite; background: #0c9f99; visibility: hidden;}
.abTwoSwiper2 .swiper-slide i::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale2 { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(5); opacity: 0; }}
.abTwoSwiper2 .swiper-slide-thumb-active i::before {visibility: visible;}
.abTwoSwiper2 .swiper-slide-thumb-active i {background: #0c9f99; opacity: 1;}
.abTwoSwiper2 .swiper-slide:hover i {background: #0c9f99; opacity: 1;}
.abTwoSwiper2 .swiper-slide:has(~ .swiper-slide-thumb-active) i {background: #0c9f99;opacity: 1;}

.aboutThre {height: 100%; background: #d2d5dc;}
.aboutThre .tle {position: absolute; left: 50%; transform: translate(-50%); top: 15%; z-index: 10;}
.aboutThre .tle .aboutTle h3 {color: #333;}
.aboutThre .tle .more {text-align: center; margin-top: .2rem;}
.aboutThre .pcSwiperBox {height: 100%; display: flex; align-items: center;}
.abThSwiper {height: auto;}
.abThSwiper  .swiper-wrapper {transition-timing-function: linear;}
.abThSwiper .imgBox {height: 100%;}
.abThSwiper .imgBox img {width: 100%;height: 100%;object-fit: cover;}
.abThSwiper .swiper-slide .item {position: absolute; width: 9%; white-space: nowrap;}
.abThSwiper .swiper-slide .item span {color: #333333; font-size: .18rem; display: block; text-align: center;}
.abThSwiper .swiper-slide .item .img {margin-top: .1rem;display: flex;justify-content: center;align-items: center; height: 2.5rem;}
.abThSwiper .swiper-slide .item .img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.abThSwiper .swiper-slide .item1 {left: 16%; bottom: 60%;}
.abThSwiper .swiper-slide .item2 {left: 16%; bottom: 17%;}
.abThSwiper .swiper-slide .item3 {bottom: 33%;left: 41.8%; width: 15%;}
.abThSwiper .swiper-slide .item4 {left: 74%; bottom: 60%;}
.abThSwiper .swiper-slide .item5 {left: 74%; bottom: 17%;}
.abThSwiper .swiper-pagination {bottom: 5%;}
.abThSwiper .swiper-pagination span {width: 0.13rem; height: 0.13rem; background: #b1b1b1; opacity: 1; margin: 0 .06rem !important;}
.abThSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #0c9f99;}
.mbSwiperBox {display: none; margin: 1rem 3%; position: relative;}
.abThSwiper2 .swiper-slide {text-align: center;}
.abThSwiper2 .swiper-slide .img {height: 3rem;}
.abThSwiper2 .swiper-slide .img img {max-width: 100%; max-height: 100%; object-fit: contain;}
.abThSwiper2 .swiper-slide span {display: block; margin-top: .2rem;}
.abThSwiper2 {position: static;}
.abThSwiper2 .swiper-pagination {bottom: -.8rem;}
.abThSwiper2 .swiper-pagination span {width: 0.13rem; height: 0.13rem; background: #b1b1b1; opacity: 1; margin: 0 .06rem !important;}
.abThSwiper2 .swiper-pagination .swiper-pagination-bullet-active {background: #0c9f99;}
@media screen and (min-width: 200px) and (max-width: 1024px) {
    .aboutThre {padding: 1rem 0;}
    .aboutThre .tle {position: relative; transform: none; left: 0; text-align: center;}
    .aboutThre .tle .more span {color: #333;}
    .pcSwiperBox {display: none;}
    .mbSwiperBox {display: block;}
}

.aboutFour ul {display: flex;}
.aboutFour li {position: relative; overflow: hidden;}
.aboutFour li .bjImg img {transition: .5s; width: 100%;}
.aboutFour li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.aboutFour li h4 {font-size: 0.48rem; font-weight: 700; color: #ffffff;}
.aboutFour li .more {margin-top: .25rem; text-align: center;}
.aboutFour li .more span {color: #fff;}
.aboutFour li .more .more1 i {margin-right: 0; margin-left: .15rem;}
.aboutFour li:hover .bjImg img {transform: scale(1.1);}


/* 关于我们--公司简介 */
.companyMain .container {width: 1400px;}
.companyOne {padding: 1.5rem 0;}
.companyOne .box {display: flex; justify-content: space-between;}
.companyOne .le .tle {text-align: right;}
.companyOne .le .tle span {font-size: 1.19rem; font-weight: 900;color: #009e98; display: block;font-family: Arial, Arial-Black;text-transform: uppercase; line-height: 1;}
.companyOne .re {width: 60%;}
.companyOne .re h4 {font-size: var(--font40);font-weight: 400;color: #009e98;}
.companyOne .re .text p {font-size: var(--font18);font-weight: 300;color: #666666; line-height: 1.8; margin-top: .3rem;}

.companyTwo {background: #f9f9f9; padding: .5rem 0 1rem;}
.companyTwo .box {display: flex; justify-content: space-between; align-items: center;}
.companyTwo .le {width: 61%;}
.companyTwo .le img {max-width: 100%;}
.companyTwo li {margin-top: .7rem;}
.companyTwo li .num {display: flex; align-items: flex-start;}
.companyTwo li .counter {font-size: 0.48rem;color: #009E98;line-height: 1;}
.companyTwo li .jia {font-size: var(--font22); margin-left: .05rem; color: #009E98;}
.companyTwo li .num {font-size: 0.48rem;color: #009E98;; line-height: 1;}
.companyTwo li .text2 {color: #666666;;display: block; margin-top: .1rem;}

.companyThre {padding: 1rem 0 1.5rem; position: relative; overflow: hidden;}
.companyThre .icon {position: absolute;}
.companyThre .icon img {max-width: 100%; max-height: 100%; object-fit: cover;}
.companyThre .icon1 {top: 0; left: 0; width: 38%;}
.companyThre .icon2 {right: 0; width: 12%; top: 0;}

.companyThre h3 {font-size: var(--font46); color: #fff;font-weight: 700;color: #333333; text-align: center;}
.companyThre .swiperBox1 {margin-top: 1rem; position: relative;}
.companyThreSwiper1 {position: static;}
.companyThreSwiper1 .con {display: flex;justify-content: space-between; max-width: 92%;margin: auto;}
.companyThreSwiper1 .imgBox {width: 47%; overflow: hidden;}
.companyThreSwiper1 .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.companyThreSwiper1 .con .text {width: 48%; margin: .5rem 0; padding-bottom: .5rem; position: relative;}
.companyThreSwiper1 .con .text .BTime {position: absolute; left: 0; top: 0; opacity: 0.02;font-size: 2.61rem;   font-weight: 700;color: #31a09a; line-height: .5;}
.companyThreSwiper1 .con .time {font-size: var(--font48); font-weight: 700; color: #31A09A;}
.companyThreSwiper1 .con .p1 {margin-top: .3rem; }
.companyThreSwiper1 .con .p1 p {color: #333333; line-height: 1.7;}
.companyThreSwiper1 .swjt {width: 0.6rem; height: 0.6rem;border: 1px solid #cfcfcf; border-radius: 50%; transition: .5s; left: 56%; top: auto; bottom: .2rem;}
.companyThreSwiper1 .swjt svg {max-width: 50%;}
.companyThreSwiper1 .swjt.swiper-button-prev {transform: rotate(180deg) translateX(150%);}
.companyThreSwiper1 .swjt:active {background: #319F9A;border-color: #319F9A;}
.companyThreSwiper1 .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .companyThreSwiper1 .swjt:hover {background: #319F9A; border-color: #319F9A;}
    .companyThreSwiper1 .swjt:hover svg path {fill: #fff;}
    .companyThreSwiper2 .swiper-slide:hover .c-dot {background: #319F9A;}
    .companyThreSwiper2 .swiper-slide:hover .c-dot::before {transform: scale(2);}
}
.companyThre .swiperBox2 {position: relative;z-index: 8;color: #FFFFFF; text-align: center; margin-top: .8rem;}
.companyThreSwiper2::before {content: "";position: absolute;top: 19px;left: 0; width: 100%; border-top: 1px solid #CFCFCF;}
.companyThreSwiper2 .swiper-slide {height: 90px;cursor: pointer;}
.companyThreSwiper2 .c-dot {margin: 0 auto; margin-top: 15px; display: flex;align-items: center;justify-content: center;width: 9px;height: 9px; background: #B7B7B6; border-radius: 50%;position: relative; transition: all 0.4s;}
.companyThreSwiper2 .c-dot::before {content: "";width: 100%; height: 100%;border-radius: 50%; background-color: transparent; position: absolute; z-index: 19;border: 1px solid #319F9A; transform: scale(0); transition: .5s;}
/* .companyThreSwiper2 .swiper-slide::after {height: 1px; content: ""; width: 0; background:#319F9A; position: absolute; top: 19px;left: 50%; transform: translate(-0%, -50%);} */
.companyThreSwiper2 .syear {width: 100%;transition: all 0.4s;line-height: 1; color: #787878;margin-top: 15px; height: 30px; display: flex; align-items: flex-end; justify-content: center;}
.companyThreSwiper2 .dsic {color: #787878; display: block; transition: .5s; font-size: .16rem; margin-top: 2px;} 
.companyThreSwiper2 .swiper-slide:active .c-dot {background: #319F9A;}
.companyThreSwiper2 .swiper-slide:active .c-dot::before {transform: scale(2);}
.companyThreSwiper2 .swiper-slide-thumb-active .c-dot {background: #319F9A;}
.companyThreSwiper2 .swiper-slide-thumb-active .c-dot::before {transform: scale(2);}
.companyThreSwiper2 .swiper-slide-thumb-active .syear {font-size: .3rem;color: #319F9A;}
.companyThreSwiper2 .swiper-slide-thumb-active .dsic {color: #319F9A;}
/* .companyThreSwiper2 .swiper-slide.swiper-slide-thumb-active::after {animation: toWidth100 5s linear forwards;}
@keyframes toWidth100 {0% {width: 0;} 100% { width: 100%;}} */
.companyFour {background: url(../images/companyFour-bj.jpg) no-repeat center; background-size: cover; padding: 2rem 0 2.5rem; background-attachment: fixed;}
.companyFour .con {text-align: center;}
.companyFour h3 {font-size: 0.56rem;font-weight: 300; color: #ffffff;}
.companyFour .more {margin-top: 1rem;}
.companyFour .more a {display: inline-block; font-size: var(--font18); color: #fff; padding: .16rem .54rem;background: #009e98;border-radius: 30px; transition: .5s;}
.companyFour .more a:hover {box-shadow: 0 0 .1rem #009E98;}

/* 关于我们----企业文化 */
.culturelist .item {display: flex; justify-content: space-between;}
.culturelist .item .list {width: 50%; padding: .2rem 0 1rem; display: flex; align-items: center; justify-content: center;}
.culturelist .item .imgBox {width: 50%; overflow: hidden;}
.culturelist .item .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.culturelist .item li {display: flex; align-items: center; margin-top: .8rem;}
.culturelist .item li .icBox {display: flex; align-items: center; justify-content: center;width: 0.84rem;height: 0.84rem; background: #f9f9f9; border-radius: 50%; margin-right: .2rem;}
.culturelist .item li .icBox img {max-width: 50%;}
.culturelist .item li span {font-size: 0.36rem;font-weight: 500;color: #009e98;}
.culturelist .item li p {font-size: var(--font18);color: #444444;}
.culturelist .item:nth-child(2) .imgBox {order: -1;}

/* 关于我们---荣誉资质 */
.honorsMain {padding: 1rem 0; padding-bottom: 2rem;}
.honorsBox .box {display: flex; justify-content: space-between; align-items: flex-start;}
.honorsnav {width: 15%; position: sticky; top: 1.4rem;} 
.honorsnav .ctitle1 > ul > li {margin-top: .2rem;}
.honorsnav .ctitle1 > ul > li .menu-li {display: flex; align-items: center; justify-content: space-between; padding: .14rem .25rem; transition: .5s; background: #f9f9f9; cursor: pointer; border-radius: 50px;}
.honorsnav .ctitle1 > ul > li .menu-li a {color: #333; font-size: var(--font18);transition: .5s;}
.honorsnav .ctitle1 > ul > li .menu-li i {width: .14rem; flex-shrink: 0; margin-left: .2rem; transition: .5s;}
.honorsnav .ctitle1 > ul > li .menu-li.on {background: #009E98;}
.honorsnav .ctitle1 > ul > li .menu-li.on a {color: #fff;}
.honorsnav .ctitle1 > ul > li .menu-li.on i svg path {fill: #fff;}
.honorsnav .ctitle2 {display: none;}
.honorsnav .ctitle2 ul {padding:.1rem;}
.honorsnav .ctitle2 ul li {padding: .17rem .1rem; border-bottom: 1px solid rgba(221, 221, 221,.74);}
.honorsnav .ctitle2 ul li:last-child {border: 0;}
.honorsnav .ctitle2 ul li a {color: #555555; display: block; transition: .5s;}
.honorsnav .ctitle2 ul li:hover a {color: #009E98;}
.honorsnav .ctitle2 ul li.on a {color: #009E98;}
.honorsnav .ctitle1 > ul > li.on .ctitle2 {display: block;}
.honorslist {width: 80%;}
.honorslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .8rem;}
.honorslist ul li .imgBox {position: relative;  padding-bottom: 17%; text-align: center;}
.honorslist ul li .imgBox::after {content: ""; background: url(../images/honer-img-icon.png) no-repeat bottom; background-size: 100%; z-index: -1; bottom: 0; width: 100%; height: 100%; position: absolute; left: 0;}
.honorslist ul li .picImg {display: inline-block; position: relative;width: 80%;}
.honorslist ul li .picImg::after {content: ""; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5) url(../images/fdj-icon2.png) no-repeat center; transition: .5s; opacity: 0;}
.honorslist ul li .picImg img {padding: .1rem; box-sizing: border-box;background: #f5f5f5;width: 100%; }
.honorslist ul li .con {border-bottom: 1px solid #dddddd; padding: 0 .15rem; padding-bottom: .15rem; margin-top: .1rem;}
.honorslist ul li .con span {font-size: var(--font16); color: #666666; font-family: Arial, Arial-Regular; display: block; background: url(../images/fdj-icon.png) no-repeat right; padding-right: 35px;}
.honorslist ul li:hover .con span {color: #ba0703;}
.honorslist ul li:hover .picImg::after {opacity: 1;}

/* =====产品中心===== */
.proCen ul {display: flex;}
.proCen li {width: 50%; position: relative;}
.proCen li .imgBox img {width: 100%;}
.proCen li .con {position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; top: 10%; text-align: center; width: 100%;}
.proCen li .con h5 {font-size: 0.46rem;font-weight: 700; color: #009e98;}
.proCen li .con p {font-size: 0.3rem;font-weight: 400;color: #797e82;}
.proCen li .con .more {margin-top: .5rem;}

/* 产品列表 */
.prolistMain {margin-bottom: 2rem;}
.prolistBanner { position: relative; padding: 2.3rem 0 1.5rem;z-index: 1;}
.prolistBanner .bjBox {background-size: cover !important; background-repeat: no-repeat !important; background-position: center right 20% !important; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.prolistBanner .tle h3 {font-size: 0.52rem; color: #05a09a; text-transform: uppercase;}
.prolistBanner .tle h4 {font-size: 0.46rem;font-weight: 700; color: #373737;}
.prolistBanner .code {margin-top: .4rem; display: flex; align-items: center;}
.prolistBanner .code .imgBox {margin-right: .1rem; max-width: 1.35rem;}
.prolistBanner .code .imgBox img {max-width: 100%;    mix-blend-mode: darken;}
.prolistBanner .code span {display: block; color: #000000;}
.prolistBanner .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.prolistBanner .mbx a {color: #888888;}

.prolistnav {border-bottom: 1px solid #D3D3D3;}
.prolistnav ul {display: flex;}
.prolistnav li {margin-right: .5rem; position: relative;}
.prolistnav li::after {content: ""; position: absolute; bottom: -.015rem; right: 0; left: auto;  width: 0; height: 0.03rem; background: #05a09a;}
.prolistnav li a {display: block; padding: .35rem 0;color: #333333; transition: .5s;}
.prolistnav li:hover a {color: #05A09A;}
/* .prolistnav li:hover::after {width: 100%; right: auto; left: 0;} */
/* .prolistnav li.on {order: -1;} */
.prolistnav li.on a {color: #05A09A;}
.prolistnav li.on::after {width: 100%;}

.prolistInfo {margin-top: 0.5rem;}
.prolistInfo .en {font-size: var(--font40); font-weight: 800; color: #05a09a;}
.prolistInfo .info {display: flex; margin-top: .3rem;}
.prolistInfo .info h5 {font-size: 0.42rem;font-weight: 700;color: #333333; flex-shrink: 0; line-height: 1; display: flex; align-items: center;}
.prolistInfo .info .xian {width: 2px;background: #05a09a; margin: 0 .3rem;}
.prolistInfo .info .text {color: #666666; font-size: var(--font18);}

.prolistnav3 {margin-top: .5rem;}
.prolistnav3 .box {background: #edf0f2; padding:.2rem .3rem;}
.prolistnav3 ul {display: flex; overflow-x: auto; white-space: nowrap;}
.prolistnav3 li a {font-size: var(--font18); color: #444444; display: block; padding: .08rem .3rem; border-radius: 30px; transition: .5s    ;}
.prolistnav3 li:hover a {background: #05A09A; color: #fff;}
.prolistnav3 li.on a {background: #05A09A; color: #fff;}
/* .prolistnav3 li:first-child {order: -2;}
.prolistnav3 li.on {order: -1;} */



.prolist {margin-top: .6rem;}
.prolist ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .4rem;}
.prolist li {background: #fafafa; padding: .4rem; box-sizing: border-box;    text-align: center;}
.prolist li .imgBox {height: 2.1rem; display: flex; align-items: center; justify-content:center ;}
.prolist li .imgBox img {max-width: 100%; max-height: 100%; transition: .5s;}
.prolist li span {display: block; text-align: center; margin-top: .4rem; font-size: var(--font18); color: #333333;}
.prolist li:hover .imgBox img {transform: scale(1.05);}
.prolist li:hover span {color: #009E98;}

/* 产品详情 */
.proDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat center; background-size: cover; padding: .3rem 0; padding-top: 2rem;}
.proDateOne .back a {display: inline-flex; align-items: center;}
.proDateOne .back span {color: #333; font-size: var(--font17); margin-left: .1rem;} 
@media (any-hover: hover) {
  .proDateOne .back a:hover svg path {fill: #05A09A;}
  .proDateOne .back a:hover span {color: #05A09A;}
}
.proDateOne .box {position: relative;    margin-top: 1rem;}
.proDateOne .le {width: 50%; position: relative; z-index: 2;}
.proDateOne .re {width: 42%; display: flex; align-items: center; justify-content: center; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);}
.proDateOne .re img {max-width: 100%;}
.proDateOne .tle h3 {font-size: 0.5rem;font-weight: 700;color: #05A09A;}
.proDateOne .tle h4 {font-size: 0.4rem;font-weight: 700;color: #05A09A;}
.proDateOne .tle span {font-size: var(--font24); color: #05A09A;}
.proDateOne .text {margin-top: .4rem; padding-bottom: .3rem; border-bottom: 1px solid rgba(249, 249, 249,.4);}
.proDateOne .text p {color: #333; font-size: .24rem;}
.proDateOne .mbxBox {margin-top: 1rem;}
.proDateOne .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.proDateOne .mbx a {color: #888888;}

.parameter {margin: .6rem 0; margin-top: 0;}
.parameter .container {width: 1250px;}
.parameternav {margin-bottom: .6rem; background: #efefef; padding: .35rem 0;}
.parameternav ul {display: flex; justify-content: center; overflow-x: auto; white-space: nowrap;}
.parameternav li {width: calc(100% / 3); text-align: center; position: relative;}
.parameternav li a {font-size: var(--font20);color: #818181;}
.parameternav li::after {content: "";width: 1px; height: .2rem; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); background: #b8b8b8; }
.parameternav li:last-child::after {display: none;}
.parameternav li a:hover {color: #05A09A;}
.parameter .box {display: flex; justify-content: space-between; align-items: flex-start;}
.parameter .box .le .tle {margin-bottom: .4rem; text-align: center;}
.parameter .box .le .tle h3 {font-size: .48rem;color: #333333;}
.parameter .box .le .tle i {display: inline-block; width: 0.64rem;height: 0.06rem;background: #05A09A;border-radius: 0.03rem; margin-top: .2rem;}
.parameter .box .le .item {margin-bottom: 1rem;}
.parameter .box .le .con {}
.parameter .box .le .con img {max-width: 100%;}
.parameter .box .le {width: 100%;}
.parameternav li.on a {color: #05A09A;}

#item1 , #item2 ,#item3 ,#item4 {position: relative; top: -1.3rem;}

/* 产品资料录入 */
/* .parameter .box .le .con .tableBox {overflow-x: auto;}
.parameter .box .le .con table {white-space: nowrap;}
.parameter .box .le .con table td {padding: 0 .1rem;} */

.proInfo {background: #f9f9f9;padding: 1rem 0;}
.proInfo .tleBox {display: flex; justify-content: space-between; align-items: center; position: relative;}
.proInfo .tleBox h3 {color: #333333; font-size: var(--font38);font-weight: 700;}
.proInfo .tleBox .swjt {position: relative; margin: 0; left: 0; display: inline-flex; align-items: center; justify-content: center; width: 0.61rem;height: 0.61rem;border: 1px solid rgba(135, 135, 135,.32); border-radius: 50%; transition: .5s;}
.proInfo .tleBox .swjt.swiper-button-prev {transform: rotate(180deg);margin-right: .1rem;}
.proInfo .tleBox .swjt svg {max-width: 50%;}
.proInfo .tleBox .swjt:active {background: #05A09A;}
.proInfo .tleBox .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
.proInfo .tleBox .swjt:hover {background: #05A09A;}
.proInfo .tleBox .swjt:hover svg path {fill: #fff;}
}
.proInfo .swiperBox {margin-top: .5rem;}
.proInfoSwiper .swiper-slide {height: auto; background: #fff;} 
.proInfoSwiper .swiper-slide a {display: block; padding: .3rem;box-sizing: border-box;}
.proInfoSwiper .swiper-slide h6 {color: #333333; font-size: var(--font18); position: relative;  display: flex;align-items: center;}
.proInfoSwiper .swiper-slide h6::before {content: ""; width: .05rem; height: .05rem;  background: #333; margin-right: .15rem;}
.proInfoSwiper .swiper-slide .imgBox {display: flex; align-items: center; justify-content: center; margin-top: .3rem;}
.proInfoSwiper .swiper-slide .imgBox img {max-width:83%; transition: .5s;}
.proInfoSwiper .swiper-slide .en {color: #b3b3b3; font-size: var(--font18); font-family: Arial, Arial-Regular; margin-left: .2rem;}
.proInfoSwiper .swiper-slide a:hover .imgBox img {transform: scale(1.05);}

/* =====行业解决方案===== */
.soluMain {padding: 1rem 0;}
.solunav ul {display: flex; justify-content: space-between; position: relative;}
.solunav ul::after {content: ""; height: 1px;opacity: 0.23; width: 85%; background: #b8b8b8;position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%);}
.solunav li {text-align: center;}
.solunav li .icBox {background: #fff; padding: 0 .1rem;  position: relative; z-index: 1; width: auto;  display: inline-block;}
.solunav li .icBox .ic {width: 0.84rem; margin: auto; height: 0.84rem;    min-width: 65px; min-height: 65px;  background: #f9f9f9; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.solunav li .icBox img {max-width: 50%;}
.solunav li span {font-size: var(--font18);font-weight: 400; color: #333333; display: block; margin-top: .1rem;}
.solunav li:hover .icBox .ic {background: #009E98;}
.solunav li:hover span {color: #009E98;}
.solunav li:hover .ic img { -webkit-filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%); filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%);}
.solunav li.on .icBox .ic {background: #009E98;}
.solunav li.on span {color: #009E98;}
.solunav li.on .ic img { -webkit-filter:invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%); filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(83deg) brightness(110%) contrast(100%);}

.solulist ul li {background: #f9f9f9; margin-top: .8rem; padding: 1rem;}
.solulist ul li .box {display: flex; align-items: center; justify-content: space-between;}
.solulist ul li .le {width: 50%;}
.solulist ul li .re {width: 42%; }
.solulist ul li .re img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.solulist ul li .tle .en {font-size: 0.4rem; font-weight: 300; color: #009e98;}
.solulist ul li .tle h5 {font-size: 0.48rem; font-weight: 700; color: #222222;}
.solulist ul li .text {margin-top: .4rem;}
.solulist ul li .text p {color: #444444; margin: .1rem 0;font-size: var(--font18);}
.solulist ul li .more {margin-top: .8rem;}
.solulist ul li .more span {color: #009E98;}
.solulist ul li:hover .imgBox img {transform: scale(1.05);}

/* 解决方案详情 */
.soulDateOne .tle h3 {color: #333;}
.soulInfo {background: #fff;}
.soulInfo .proInfoSwiper .swiper-slide {background: #f9f9f9;}

/* =====下载中心====== */
.downMain {}
.downlist .box {display: flex; justify-content: space-between; align-items: flex-start; position: relative; flex-wrap: wrap; min-height: 100vh;}
.downlist .box::before {content: ""; position: absolute; width: 100vw; height: 100%; background: linear-gradient(0deg,#dfdfdf 0%, #fcfcfc 100%); left: calc(-100vw + 18%);}
.downlist .le { width: 18%; padding-top: 1.1rem; position: sticky; top: .2rem;}
.downlist .le h3 {font-size: var(--font36); font-weight: 500; color: #009E98;}
.downlist .re {width: 78%; padding-top: 1.1rem;}
.downnav {border-left: 1px solid #CCCDD0; margin-top:0.2rem;}
.downnav .ctitle1 ul {position: relative;top: -0.1rem;padding-right: .2rem;}
.downnav .ctitle1 > ul >li {position: relative; margin: .3rem 0;}
.downnav .ctitle1 li .menu-li {position: relative;padding-left: .45rem;}
.downnav .ctitle1 > ul >li i {content: "";width: 0.09rem;height: 0.09rem; background: #00ADA4; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: .4s; opacity: 0;}
.downnav .ctitle1 > ul >li i::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #00ADA4; border-radius: 50%;  z-index: -1;}
.downnav .ctitle1 > ul >li .menu-li  a {font-weight: 400;color: #616161;font-size: var(--font18); }
.downnav .ctitle1 > ul >li.on i::after {animation: shubiao 1s infinite linear .65s;}
.downnav .ctitle1 > ul >li.on i {background: #00ADA4; opacity: 1;}
.downnav .ctitle1 > ul >li.on .menu-li  a {color: #00ADA4; font-weight: 700;}
.downnav .ctitle1 > ul >li:hover .menu-li  a {color: #00ADA4;}
.downnav .ctitle1 > ul >li:hover i {background: #00ADA4; opacity: 1;}
.downnav .ctitle2 {padding-left: .55rem; display: none;}
.downnav .ctitle2 ul {padding-top: .2rem;}
.downnav .ctitle2 ul li {margin: .1rem 0;}
.downnav .ctitle2 ul li a {color: #909090; width: 100%;  position: relative;margin-bottom: 0.14rem;transition: all ease-out 0.3s; display: block; padding-left: 10px;}
.downnav .ctitle2 ul li a::before {content: ""; width: 6px; height: 6px; border-radius: 50%; background: #B8B8B8;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);}
.downnav .ctitle2 ul li a:hover{color: #00ADA4;}
.downnav .ctitle2>ul>li>a.on ,.downnav .ctitle2>ul>li.on>a{color: #333;}
.downnav .ctitle2 ul li a:hover::before,.downnav .ctitle2 ul li a.on::before ,.downnav .ctitle2 ul li.on a::before{background: #00ADA4;}
.downnav .ctitle1 > ul >li.on .ctitle2 {display: block;}

.downnav .ctitle3 ul{padding-top: .05rem;}
.downnav .ctitle3 ul li a::before{display: none;}
.downnav .ctitle3 ul li a{font-size:0.14rem;    margin-bottom: 0.1rem;}
.downlist {}
.downnav .ctitle3 > ul > li.on > a{color: #00ADA4;}
.downnav .ctitle4 > ul > li.on > a{color: #00ADA4;}
.downlist .re ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem;}
.downlist .re li .imgBox {background: #ffffff;border: 0.04rem solid #d9e0e4; padding:.2rem .1rem;}
.downlist .re li .imgBox img {max-width: 100%;}
.downlist .re li {border-bottom: 1px solid #E5E5E5;}
.downlist .re li .bom {justify-content: flex-start; padding: .3rem 0;}
.downlist .re li .icBox {width: 0.36rem; height: 0.36rem; min-width: 30px; min-height: 30px; border-radius: 50%; background: #00ada4;box-shadow: 0rem 0rem 0.13rem 0rem rgba(226,225,224,0.33);  flex-shrink: 0;}
.downlist .re li .disc {font-size: var(--font18); margin-left: .1rem; font-weight: 400; color: #666666;}
.downlist .re li a:hover .disc {color: #00ADA4;}

/* =====资讯动态===== */
.neslist {padding: .5rem 0;}
.neslist li {padding: .45rem 0; border-bottom: 1px solid #EEEEEE;}
.neslist li a {display: flex; justify-content: space-between;}
.neslist li .imgBox {width: 24%; min-height: 2.15rem; overflow: hidden;}
.neslist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.neslist li .con {width: 74%;}
.neslist li h6 {font-size: var(--font24);font-weight: 500; color: #333333; transition: .5s;}
.neslist li .time { font-family: Arial, Arial-Regular;font-weight: 400; font-style: italic; color: #9f9f9f; margin-top: .1rem;}
.neslist li .text {margin-top: .3rem;}
.neslist li .text p {color: #666666; line-height: 1.7;}
.neslist li .more {margin-top: .5rem; text-align: right; color: #1BB6AE;font-style: italic;font-weight: normal;}
.neslist li:hover .imgBox img {transform: scale(1.1);}
.neslist li:hover h6 {color: #009E98;}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9; padding: .3rem 0 1rem ;}
.newsDateMain .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.newsDateMain .mbx a {color: #888888;}
.newsxq-box {padding: 0.3rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .4rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.34rem; color: #333;font-weight: 700;}
.newsxq-title span {display: block;margin-top: .1rem; color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: 100% !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #009E98; border-color: #009E98; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .15rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.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: 5px; overflow: hidden; min-height: .9rem;}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: .3rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .05rem;}
.newsDate .relist li:hover h6 {color: #009E98;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #009E98; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}


/* =====联系我们===== */
.contactOne {padding: 1rem 0; position: relative;}
.contactOne .win1920 {position: relative;}

.contactOne .le {width: 50%;}
.contactOne .le .telBox {margin: .7rem 0; justify-content: flex-start;}
.contactOne .telBox .icBox {width: .5rem; margin-right: .3rem;}
.contactOne .telBox .icBox img {max-width: 100%;}
.contactOne .telBox strong {display: block;font-size: 0.42rem;font-family: Arial, Arial-Bold; font-weight: 700; text-align: left; color: #29aea9; line-height: 1;}
.contactOne .telBox span {font-size: var(--font22); font-weight: 500; color: #333333;}
.contactOne .re {width: 50%; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); }
.contactOne .re img {width: 100%; height: 100%; object-fit: cover;}
.contactOne h3 {font-size: 0.44rem;color: #333333;}
.contactOne dd {display: flex; align-items: center; margin: .2rem 0;}
.contactOne dd p , .contactOne dd p a {color: #333; font-size: var(--font22);}
.contactOne dd p a:hover {color: #009E98;}
.contactOne .more {margin-top: 1rem; display: flex;}
.contactOne .more .a1 {margin-right: .35rem;background: #29aea9; color: #fff;}
.contactOne .more .a1 svg path {fill: #fff;}
.contactOne .more a {border: 2px solid #29aea9;  border-radius: 50px; padding: .12rem .28rem; transition: .5s;}
.contactOne .more a span {margin: 0 .05rem;}
.contactOne .more a:hover {background: #29aea9; color: #fff;}
.contactOne .more a:hover svg path {fill: #fff;}
.contactOne .codeBox {margin-top: 1rem; margin-left: .3rem;}
.contactOne .codeBox img {max-width: 2.5rem;}
.contactOne .bjImg {position: absolute; left: 0; bottom: -6%; width: 33%;}
.contactOne .bjImg img {max-width: 100%;}

.contactTwo {background: #f9f9f9; padding: 1rem 0;}
.contactTwo .container {width: 1200px;}
.contactTwo h3 {text-align: center;font-size: 0.52rem;font-weight: 700;color: #333333; }
.contactTwo .form {margin-top: .6rem;}

/* 留言 */
.hiMessagePop .itemBox {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.hiMessagePop .item {height: 0.73rem; min-height: 50px; background: #ffffff; border: 1px solid #e5eaf0; border-radius: 0.05rem; position: relative; overflow: hidden;}
.hiMessagePop .item input , .hiMessagePop .item textarea {height: 100%;  width: 100%; padding: 0 .2rem; box-sizing: border-box; position: relative; z-index: 1;}
.hiMessagePop .item input:focus + label {display: none;}
.hiMessagePop .item textarea:focus + label {display: none;}
.hiMessagePop .item label {position: absolute; z-index: 0; left: 0%; top: 50%; transform: translate(0, -50%); padding-left: .2rem; box-sizing: border-box;color: #999999;}
.hiMessagePop .item label i {color: #FF0000; font-style: normal; margin-left: 5px;}
.hiMessagePop .item2 {grid-column: 1 / 4;height: 2.1rem;}
.hiMessagePop .item2 textarea { padding: .2rem; resize: none; border: 0;}
.hiMessagePop .item2 textarea::placeholder {color: #999;}
.hiMessagePop .item.itemCode {overflow: visible;}
.hiMessagePop .item img {position: absolute;right: 0; height: 100%; object-fit: contain;width: 120px;border-radius:60px;}

.hiMessagePop .item.on label {display: none;}
.hiMessagePop .sub {display: flex; justify-content: center; margin-top: .5rem;}
.hiMessagePop .sub button {padding: .15rem .53rem;background: #009E98;border-radius: 50px; color: #fff;font-weight: 700; cursor: pointer;}
.hiMessagePop .sub button:active {box-shadow: 0 0 .1rem #009E98;}



/* 2024.9.14 */
.indexBanner .jddwjz .tle1{font-size:0.6rem;color:#fff;font-weight: bold;}