/* =====头部===== */
#c-placeholder {}
.header {position: relative; z-index: 999;}
.headerfh {height: .9rem; min-height: 75px;}
.headerBox {padding: 0 6%; box-sizing: border-box; position: fixed; height: .9rem; min-height: 75px; width: 100%; left: 0; top: 0; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); z-index: 99;}
.headerBox {display: flex; justify-content: space-between;}
.headerlogo {display: flex; align-items:center;}
.headerlogo a {position: relative;}
.headerlogo img {max-width: 1.8rem;}

/* 导航 */
nav {width: 60%;}
nav > ul {display: flex; align-items: center; height: 100%; justify-content: space-between;}
nav > ul > li {position: relative;display: flex; align-items: center; height: 100%; }
nav > ul > li > a {color: #626262; transition: .4s;}
nav > ul > li:hover > a , nav ul > li.on > a {color: #00ADA4;}
/* 下拉菜单1 */
.navTwo {position: fixed; width: 100%; left: 0; top: .9rem; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(.3rem); transition: .5s;}
.navTwo.on {opacity: 1; visibility: visible;transform: translateY(0);}
.navTwo .twoBox {display: flex; justify-content: space-between; background: rgba(255, 255, 255,.96);padding: .4rem; box-sizing: border-box; width: 41%; margin: auto; pointer-events: auto;}
.navTwo dl { width: 31%;}
.navTwo dl:last-child {margin-right: 0;}
.navTwo dl dt {font-size: 0.2rem;font-weight: 700; color: #353535; border-left: 0.05rem solid #00ADA4; line-height: 1; padding-left: .06rem; margin-bottom: .4rem; position: relative; box-sizing: border-box;}
.navTwo dl dt::after {content: ""; position: absolute; bottom: -.2rem; left: -.05rem; width: 100%; height: 1px; background: #E6E6E6; }
.navTwo dl dt a {color: #333;}
.navTwo dl dd {margin: .08rem 0;}
.navTwo dl dd a {font-size: var(--font14);font-weight: 500;color: #666666; transition: .4s;}
.navTwo dl dd a:hover {color: #00ADA4;}
/* 下拉菜单2 */
.navTwo2 {position: fixed; width: 100%; left: 0; top: .9rem;background: #f1f1f1; padding: .35rem 0; display: none;}
.navTwo2 ul {display: flex; justify-content: space-around; width: 1200px; max-width: 68%; margin: auto;}
.navTwo2 li {text-align: center;}
.navTwo2 li .icBox {height: .45rem; display: flex; align-items: center; justify-content: center;}
.navTwo2 li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.navTwo2 li span {display: block; margin-top: .15rem; transition: .4s;}
.navTwo2 li:hover .icBox img {filter: none; -webkit-filter:none;}
.navTwo2 li:hover span {color: #00ADA4;}

/* 头部右侧 */
.headerRe {display: flex; align-items: center;}
.heSearch {margin-right: .4rem;} 
.heluange a {color: #333333;opacity: .5;font-family: Helvetica, Helvetica-Regular;font-weight: 400; transition: .4s; display: inline-block; margin-left:.25rem;}
.heluange a:hover , .heluange a.on{font-weight: bold; opacity: 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: 2.4rem; height: 0.66rem; background-color: #333333;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
.hadbox-sec4 .form .f_sub:hover {background: #00ADA4;}

/* =====首页===== */
/* 公用css */
/* 滚动条 */
::-webkit-scrollbar {width: 5px; /* 纵向滚动条*/ height: 5px; /* 横向滚动条 */ background-color: #fff; scrollbar-width:thin;scrollbar-color:#00ADA4 #DDDDDD;}
/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #E5E5E5}
/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); background: #00ADA4;  border-radius: 5px;}
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#00ADA4 #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #00ADA4; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* 了解更多 */
.more1 {display: inline-flex;padding: .15rem .23rem; border-radius: 35px; background: #00ADA4; color: #ffffff; transition: .5s;}
.more1 svg {margin-left: .13rem;}
.more1:active {background: #fff; color: #00ADA4;}
.more1:active svg path {fill: #00ADA4;}
@media (any-hover: hover) {
    .more1:hover {background: #fff; color: #00ADA4;}
    .more1:hover svg path {fill: #00ADA4;}
}

/* banner */
.indexBanner {overflow: hidden; position: relative; z-index: 2; background: #fff;}
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%;height: 100%;object-fit: cover;}
/* .bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear; transform: scale(1,1);} */
.bannerSwiper .con {text-align: center;}
.bannerSwiper .str1 {font-size: 0.56rem; font-weight: 800;color: #ffffff;}
.bannerSwiper .str2 {font-size: var(--font26);font-weight: 200;color: #ffffff;}
.bannerSwiper .con .more {margin-top: .9rem;}
.bannerSwiper .swiper-pagination {bottom: .35rem;}
.bannerSwiper .swiper-pagination span {width: 0.14rem; height: 0.14rem;background: #ffffff; opacity: 1; margin: 0 .08rem !important;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #00ada4;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotate(180deg);}

.indexTle {text-align: center;color: #333333;}
.indexTle h3 {font-size: var(--font48);font-weight: 500; font-family: "Noto Sans SC";}
.indexOne {padding: 1rem 0;}
.indexOne ul {display: flex; justify-content: space-between;margin-top: .5rem;}
.indexOne li {width: 31.5%; position: relative; overflow: hidden;background: #f3f3f3; border-radius: 0.2rem;}
.indexOne li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexOne li .con {position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: .5rem .35rem; box-sizing: border-box;}
.indexOne li h5 {font-size: var(--font30);font-weight: 700;color: #ffffff;}
.indexOne li span {font-size: var(--font18); font-weight: 300; color: #ffffff;}
.indexOne li .more {width: 0.45rem; height: 0.45rem; min-width: 38px; min-height: 38px;    background: #00ada4; border-radius: 50%; position: absolute; bottom: .45rem; overflow: hidden;}
.indexOne li .more svg { max-width: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .5s;}
.indexOne li .more svg.svg1 {left: -50%;}
.indexOne li:nth-child(3) h5 {color: #333;}
.indexOne li:nth-child(3) span{color: #333;}

@media (any-hover: hover) {
.indexOne li:hover .imgBox img {transform: scale(1.1);}
.indexOne li:hover .more svg.svg1 {left: 50%;}
.indexOne li:hover .more svg.svg2 {left: 150%;}
}


.indexTwoSlide {position: relative;}
.indexTwoSlide .bd {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.indexTwoSlide .bd ul {height: 100%;}
.indexTwoSlide .bd ul li {height: 100%;}
.indexTwoSlide .bd ul li .bjBox {height: 100%;}
.indexTwoSlide .bd ul li img {height: 100%; width: 100%; object-fit: cover;}
.indexTwoSlide .hd {position: relative; z-index: 1; padding: 1rem 0;}
.indexTwoSlide .hd .indexTle {color: #fff;}
.indexTwoSlide .hd ul {display: flex; justify-content: space-between; margin-top: 1.2rem;}
.indexTwoSlide .hd li {position: relative;}
.indexTwoSlide .hd li .show {transition: .5s;transition: .5s;}
.indexTwoSlide .hd li .icBox {height: .45rem; display: flex; align-items: center; justify-content: center;}
.indexTwoSlide .hd li .icBox img {max-width: 100%; max-height: 100%;}
.indexTwoSlide .hd li span {font-size: var(--font24);font-weight: 700;color: #ffffff; margin-top: .12rem; display: inline-block; position: relative; line-height: 1.1;}
.indexTwoSlide .hd li span::after {content: ""; width: 0; height: 2px; background: #fff; position: absolute; transition: .5s; bottom: 0;left: 0;}
.indexTwoSlide .hd li .more {font-size: var(--font24);padding-bottom: .04rem; font-weight: 700; color: #ffffff; margin: auto; margin-top: .3rem; width: 0.45rem;height: 0.45rem;  background: rgba(255, 255, 255,.2); border-radius: 50%;}
.indexTwoSlide .hd li .hide {transition: .5s;position: absolute; left: 50%; top: 100%; transform: translate(-50%, -50%); opacity: 0; visibility: hidden;}
.indexTwoSlide .hd li.on .show {transform: translateY(-15%); }
.indexTwoSlide .hd li.on .hide {top: 115%; opacity: 1; visibility: visible; }
.indexTwoSlide .hd li.on span::after {width: 100%;}
.indexTwoSlide .hd .more {margin-top: 1.5rem; display: flex; justify-content: center;}
.indexTwoSlide .hd .more a {background: #FFFFFF; color: #07AEA6;}
.indexTwoSlide .hd .more a svg path {fill: #00ADA4;}
.indexTwoSlide .hd .more a:hover {box-shadow: 0 0 .1rem rgba(255, 255, 255, .8);}

.indexThre {background: #f9f9f9; padding: 1rem 0 .6rem 0;}
.indexThre .box {display: flex; justify-content: space-between; align-items: center;}
.indexThre .le .indexTle {text-align: left;}
.indexThre .le .text {margin: .4rem 0 .7rem 0;}
.indexThre .le .text p {color: #666666; font-family: "Noto Sans SC"; line-height: 1.7;}
.indexThre .numlist {margin-top: .8rem;}
.indexThre .numlist ul {display: flex; justify-content: space-between;}
.indexThre .numlist li {text-align: center;}
.indexThre .numlist li .num {display: flex; justify-content: center;}
.indexThre .numlist li em {font-size: var(--font22); font-weight: 400; color: #00ada4; margin-left: .1rem;}
.indexThre .numlist li .counter {font-size: var(--font40);font-weight: 400; color: #00ada4;}
.indexThre .numlist li span {color: #4a5058; display: block; margin-top: 0rem;}
.indexThre .le {width: 42.8%;}
.indexThre .re {width: 56%; position: relative;}
.indexThre .re > img {width: 100%;}
.indexThre .re .imgBox {max-width: .2rem; position: relative;}
.indexThre .re .imgBox img {max-width: 100%; z-index: 1; position: relative; z-index: 2;}
.indexThre .re .imgBox::after {content: ""; width: 1rem; height: 1rem;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);border-radius: 50%; background: #518a87; z-index: 0; opacity: 0;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(.1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(1); opacity: 0;}}
.indexThre .re ul li {position: absolute;}
.indexThre .re ul li:nth-child(odd) .imgBox::after {animation: scale 2s infinite;}
.indexThre .re ul li.li1 { left: 30%; top: 31%;}
.indexThre .re ul li.li2 { left: 32.5%; top: 31.5%;}
.indexThre .re ul li.li3 { left: 35.5%; top: 35%;}
.indexThre .re ul li.li4 { left: 39%; top: 36.5%;}
.indexThre .re ul li.li5 { left: 36.5%; top: 38.8%;}
.indexThre .re ul li.li6 { left: 38%; top: 39%;}
.indexThre .re ul li.li7 { left: 36%; top: 42%;}
.indexThre .re ul li.li8 { left: 37%; top: 43%;}
.indexThre .re ul li.li9 {left: 45%;top: 30%;}

.indexFour {padding: .9rem 0;}
.indexFour .box {display: flex; justify-content: space-between; margin-top: .7rem;}
.indexFour .box > div {width: 31.5%;background: #fafafa;}
.indexFour .box .sp1 {color: #666666; display: inline-block; font-size: var(--font14); font-family: "Noto Sans SC"; border-bottom: 2px solid #00ada4;}
.indexFour .item .imgBox {overflow: hidden;}
.indexFour .item .imgBox img {width: 100%; transition: .5s;}
.indexFour .item .con {padding: .4rem;}
.indexFour .item h5 {font-size: var(--font22);font-family: "Noto Sans SC"; font-weight: 500; color: #333333; margin-top: .14rem; transition: .4s;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexFour .item p {font-size: var(--font14); font-family: "Noto Sans SC";  font-weight: normal; color: #818181; margin-top: .18rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexFour .item .time { font-family: Arial, Arial-Regular; font-weight: 400; color: #6c6c6c; margin-top: .3rem;}
.indexFour .item:hover .imgBox img {transform: scale(1.1);}
.indexFour .item:hover h5 {color: #00ADA4;}
.indexFour .relist {padding: .5rem .35rem; box-sizing: border-box;}
.indexFour .relist ul {margin-top: .1rem;}
.indexFour .relist li {padding: .2rem 0; border-bottom: 1px solid #D9D9D9;}
.indexFour .relist li h6 {font-size: var(--font22);font-family: "Noto Sans SC"; font-weight: 500;color: #333333; transition: .4s; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.indexFour .relist li span {display: block;font-family: Arial, Arial-Regular; font-weight: 400;  color: #898989; text-align: right;}
.indexFour .relist li a:hover h6 {color: #00ADA4;}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: .8rem 0;}
.indexFive .box {display: flex; justify-content: space-between;}
.indexFive .le .indexTle {text-align: left; color: #fff;}
.indexFive .le .tit2 { font-family: "Noto Sans SC";   font-weight: 400;  color: #ffffff;}
.indexFive .le .leus {margin-top: 1rem; display: flex; align-items: center;}
.indexFive .le .icBox {width: 0.59rem;height: 0.59rem;border: 2px solid #ffffff; border-radius: 50%;}
.indexFive .le .icBox svg {max-width: 60%;}
.indexFive .le .uscon {margin-left: .13rem;color: #fff;}
.indexFive .le .uscon span {font-family: "Noto Sans SC"; font-weight: 400;color: #ffffff;}
.indexFive .le .uscon a {font-size: var(--font30); font-family: Arial, Arial-Regular; font-weight: 400; text-align: left; display: block;   color: #ffffff;}
.indexFive .re {width: 51%; margin-right: 1rem;}
.indexFive form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexFive form .inBox {width: 48%; padding: 0 .3rem;box-sizing: border-box; margin-top: .18rem; display: flex; align-items: center;height: 0.51rem; min-height: 40px; background: rgba(255, 255, 255,.31);border-radius: 0.05rem;}
.indexFive form .inBox label {font-size: var(--font14);font-family: "Noto Sans SC";font-weight: 400; color: #ffffff; margin-right: .1rem; flex-shrink: 0;}
.indexFive form .inBox label em {color: #EC2626;}
.indexFive form .inBox input {color: #fff; height: 100%; width: 100%;}
.indexFive form .inBox #verify_img {max-height: 80%;  margin-right: -.2rem; margin-left: 0 !important;}
.indexFive form .textBox {width: 100%; height: 1rem;}
.indexFive form .textBox textarea {width: 100%; height: 100%; background: none; border: 0; color: #fff; padding: .1rem 0;font-size: var(--font14);} 
.indexFive form .textBox textarea::placeholder {color: #fff; font-size: var(--font14);}
.indexFive form .sub {width: 100%;}
.indexFive form .sub button {padding: .14rem .5rem; border-radius: 26px; background: #fff; color: #00ADA4; margin-top: .4rem; cursor: pointer;}
.indexFive form .sub button:active {box-shadow: 0 0 10px #fff;}



/* 底部 */
.footer {padding: .5rem 0 0;background: #f6f6f6;}
.footer .links ul {display: flex; margin-top: .4rem;}
.footer .links li {margin-right: .1rem;}
.footer .links li:last-child {margin-right: 0;}
.footer .links li a {display: flex; align-items: center; justify-content: center; width: .5rem; height: .5rem; min-height: 40px; min-width: 40px; border-radius: 50%; background: #eee; transition: .5s;}
.footer .links li svg {max-width: 50%;}
.footer .links li a svg path {transition: .5s;}
.footer .links li:hover a {background: #00ADA4;}
.footer .links li:hover a svg path {fill: #fff;}
.foterBox {display: flex; justify-content: space-between;}
.foternav {display: flex; justify-content: space-between; width: 46%;}
.foternav dt {margin-bottom: .2rem;}
.foternav dt a {font-size: var(--font20); font-family: "Noto Sans SC"; font-weight: 400;color: #333333;}
.foternav dd {margin: 0.1rem 0;}
.foternav dd a {font-size: var(--font15); font-family: "Noto Sans SC";font-weight: 400; color: #989898;}
.foternav dd a:hover {color: #00ADA4;}
.foterUs {text-align: center;}
.foterUs .code {max-width: 2rem;}
.foterUs .code img {max-width: 100%;}
.foterUs span {display: block;color: #afafaf;margin-top: .1rem;}
.foterCopy {margin-top: 1rem;background: #07a69e; padding: .15rem 0;}
.foterCopy .box {display: flex; flex-wrap: wrap; justify-content: space-between;}
.foterCopy .box p , .foterCopy .box p a {font-size: var(--font14);font-family: "Noto Sans SC";color: #ffffff;}

/* ============================================================================内页============================================================================ */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; object-fit: cover;}
.ny-banner .banerBox {z-index: 2;}
.ny-banner .con {text-align: center;}
.ny-banner .con h2 {color: #fff;font-size: 0.56rem; font-weight: 800; color: #ffffff;}

/* 内页栏目导航 */
.nypronav {border-bottom: 1px solid #EBEBEB;}
.nypronav .box {display: flex; justify-content: center; align-items: center;}
.nypronav .item { font-weight: 500; color: #acacac; border-right: 1px solid #D0D0D0; line-height: 1; padding-right: .4rem; flex-shrink: 0;}
.nypronav ul {display: flex; flex-wrap: wrap;}
.nypronav ul li {margin-left:.4rem; position: relative;}
.nypronav ul li a {font-weight: 500;color: #666666; display: block;padding: .18rem 0;transition: .4s; }
.nypronav ul li::after {content: ""; width: 0; height: 1px; right: 0; background: #00ADA4; position: absolute; bottom: -1px; transition: .5s;}
.nypronav ul li:active::after , .nypronav ul li.on::after {width: 100%;  right: auto; left: 0;}
.nypronav ul li:active a , .nypronav ul li.on a {color: #00ADA4;}

@media (any-hover: hover) {
    .nypronav ul li:hover::after {width: 100%;  right: auto; left: 0;}
    .nypronav ul li:hover a {color: #00ADA4;}
}

/* =====产品中心===== */
.proOne {margin-bottom: 1rem;}
.proOne .disc {display: flex; align-items: center; margin: 1rem 0; padding-left: .5rem; flex-wrap: wrap;}
.proOne .disc .tit {font-size: var(--font42); font-weight: 800;color: #333333; margin-right: .5rem; flex-shrink: 0;}
.proOne .disc .text {width: 70%;}
.proOne .disc .text p {font-size: var(--font18); font-weight: 500; color: #666666;}
.proOne .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem;}
.proOne .list li {border: 1px solid #e1e1e1; padding: .5rem .25rem; box-sizing: border-box; text-align: center;} 
.proOne .list li .imgBox img {max-width: 100%;}
.proOne .list li h5 {margin: .3rem 0;font-size: var(--font26);font-weight: 500;color: #333333;}
.proOne .list li .more1:hover {box-shadow: 0 0 10px #00ADA4;}

/* 产品详情 */
.proDateMain {background: #fff;}
.proDateMain .container {width: 1370px; max-width: 80%;}
.mbx {padding: .2rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.11);   display: flex; align-items: center; color: #fff;}
.mbx a {display: inline-flex; flex-wrap: wrap; align-items: center; position: relative;color: #fff;font-size: var(--font14); margin: 0 0.05rem;     margin-top: .02rem;}
.mbx a img {margin-right: .1rem; flex-shrink: 1; object-fit: contain; margin-bottom: .05rem;}
.mbx a:hover {color: #00ADA4;}

.prodateOne {position: relative; z-index: 1;}
.prodateOne .mbxBox .container {width: 1550px; max-width: 84%;}
.prodateOne .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.prodateOne .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.prodateOne .box {padding: .3rem 0; display: flex; justify-content: space-between;position: relative; align-items: center; margin: auto;}
.prodateOne .box .le {width: 48%; position: relative; z-index: 3;}
.prodateOne .box .le .tag {display: inline-block; padding: .11rem .16rem; font-size: var(--font15);font-weight: 500;color: #ffffff;border: 2px solid rgba(255, 255, 255,.26); border-radius: 24px;}
.prodateOne .box .le h2 {color: #ffffff;font-size: 0.56rem;font-weight: 700; margin-top: .4rem;}
.prodateOne .box .le .text { margin-top: .3rem;}
.prodateOne .box .le .text p {font-size: var(--font18); font-weight: 500;color: #ffffff;}
.prodateOne .swiperBox {width: 38%;z-index: 2; position: relative;}
.prodeOneSwiper {width: 100%; margin: 0; position: static;}
.prodeOneSwiper .imgBox {height: 4.5rem; max-width: 6.8rem; padding: 0 .32rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; margin: auto;}
.prodeOneSwiper .imgBox img {width: 100%; max-height: 100%; object-fit: contain;}
.prodeOneSwiper .swjt {right: 0;width: 0.48rem; height: 0.48rem; min-width: 34px; min-height: 34px;  background: #ffffff; border-radius: 50%; transform: translateX(100%);}
.prodeOneSwiper .swjt.swiper-button-prev {transform:translateX(-100%) rotate(180deg); left: 0; right: auto;}
.prodeOneSwiper .swjt svg {max-width: 40%;}

.prodateTle {margin: .5rem 0; text-align: center;}
.prodateTle h3 {font-size: var(--font36);font-weight: 700;color: #333333;}
.prodateTwo ul {display: flex; justify-content: space-between;}
.prodateTwo li {background: #f9f9f9;border-radius: 0.1rem; width: 31%; padding: .4rem; box-sizing: border-box; display: flex; align-items: center;}
.prodateTwo li .icBox {width: 0.45rem;height: 0.45rem; margin-right: .3rem;}
.prodateTwo li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.prodateTwo li h6 {font-size: var(--font24); font-weight: 700; color: #333333;}
.prodateTwo li p {font-weight: 500;color: #606060; margin-top: .1rem;}

.prodateTwo .table3 tr td {padding: 0; padding: .1rem .25rem;border-radius: 0.1rem;}

.prodateThre {padding-top: .3rem;}
.prodateThre .box .tableBox {overflow-x: auto;}
.prodateThre table {min-width: 1024px;}
.prodateThre table tr {height: initial !important;}
.prodateThre table tr td {height:48.80pt;}

@media screen and (min-width: 200px) and (max-width: 767px) { 
    .prodateTwo .table3 tr {display: flex; flex-wrap: wrap;}
    .prodateTwo .table3 tr td {width: 100%; margin-top: .3rem;}
}

.prodateFour {padding-top: .3rem;}
.prodateFour .swiperBox {position: relative;}
.proDateFourSwiper {position: static;}
.proDateFourSwiper .imgBox {overflow: hidden; position: relative;border-radius: 0.1rem;}
.proDateFourSwiper .imgBox::after {content: "";width: 100%;height: 100%; background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 60% , rgba(0, 0, 0, 0.8)); bottom: 0;position: absolute; left: 0; }
.proDateFourSwiper .imgBox img {width: 100%; min-height: 4rem;  object-fit: cover; transition: .5s;}
.proDateFourSwiper .con {opacity: 1; transition: .8s;  position: absolute;  width: 100%;bottom: 0;align-items: flex-start; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;padding: .5rem .3rem;box-sizing: border-box;}
.proDateFourSwiper .con h5 {font-size: var(--font32); font-weight: 700;color: #ffffff;}
.proDateFourSwiper .con .more {color: #f9f9f9; margin-top: .1rem;}
/* .proDateFourSwiper .swiper-slide-active .con {opacity: 1; transform: translateY(0); } */
.proDateFourSwiper .swiper-slide:hover .imgBox  img {transform: scale(1.1);}
.proDateFourSwiper .swiper-pagination {display: none; bottom: -.7rem;}
.proDateFourSwiper .swiper-pagination span {background: #00ADA4;}
.proDateFourSwiper .swjt {flex-wrap: wrap; right: 2%;  width: 50px; height: 50px;}
.proDateFourSwiper .swjt .i1 {width: 25px;height: 25px;opacity: .86; display: block; background: #fff; -webkit-clip-path: polygon(0 0, 25% 0, 100% 100%, 75% 100%); clip-path: polygon(0 0, 25% 0, 100% 100%, 75% 100%); transition: .5s;}
.proDateFourSwiper .swjt .i2 {transform: rotateX(-180deg); width: 26px;height: 20px; position: relative; left: 20%; opacity: 1; display: block; background: #00ADA4; -webkit-clip-path: polygon(0 0, 25% 0, 100% 100%, 75% 100%); clip-path: polygon(0 0, 25% 0, 100% 100%, 75% 100%); transition: .5s;}
.proDateFourSwiper .swjt.swiper-button-prev {transform: rotateY(180deg); left: 2%;}
.proDateFourSwiper .swjt:active .i1 {background: #00ADA4;}
.proDateFourSwiper .swjt:active .i2 {left: 0; height: 25px;}
@media (any-hover: hover) {
    .proDateFourSwiper .swjt:hover .i1 {background: #00ADA4;}
    .proDateFourSwiper .swjt:hover .i2 {left: 0; height: 25px;}
}

.prodateFive {padding: .3rem 0; margin-bottom: 1rem;}
.prodateFive ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.prodateFive li {background: #f6f6f6; width: 48%; margin-bottom: .5rem;}
.prodateFive li a {display: flex; justify-content: space-between; align-items: center; padding: .45rem; box-sizing: border-box;}
.prodateFive li .le {display: flex; align-items: center; width: 70%;} 
.prodateFive li .re {flex-shrink: 0;width: .5rem; height: .5rem; border-radius: 50%; display: flex; align-items: center; justify-content:center ;border: 1px solid #c8c8c8; transition: .5s;}
.prodateFive li .tit {font-size: var(--font20); font-weight: 700; color: #333333; margin-left: .15rem;}
.prodateFive li:active .re {background: #00ADA4; border-color: #00ADA4;}
.prodateFive li:active .re svg path {fill: #fff;}
.prodateFive .more {display: flex; justify-content: center; margin-top: .3rem;}
.prodateFive .more a {color: #f9f9f9; padding: .14rem .28rem;background: #00ada4;border-radius: 30px;}
.prodateFive .more a span {margin-right: .15rem;}
@media (any-hover: hover) {
    .prodateFive li:hover .re {background: #00ADA4; border-color: #00ADA4;}
    .prodateFive li:hover .re svg path {fill: #fff;}
}


/* =====行业应用===== */
.cationNav {border-bottom: 1px solid rgb(246, 246, 246);}
.cationNav .container {width: 1300px; position: relative;}
.wrapnavSwiper {position: static;}
.wrapnavSwiper .swiper-slide {flex: 1;text-align: center; margin: 0 .3rem;}
.wrapnavSwiper .swiper-slide a {display: block; padding: .4rem 0; position: relative;}
.wrapnavSwiper .swiper-slide a::after {content: ""; width: 0; height: 0.03rem; transition: .5s; background: #00ADA4; position: absolute; bottom: 0; right: 0;}
.wrapnavSwiper .icBox {height: .45rem; display: flex; align-items: center; justify-content: center;}
.wrapnavSwiper .icBox img {max-width: 100%; max-height: 100%;filter: grayscale(100%); -webkit-filter:grayscale(100%); transition: .5s;}
.wrapnavSwiper .swiper-slide span {margin-top: .2rem; display: block; color: #333; transition: .5s;}
.wrapnavSwiper .swiper-slide a.on .icBox img {filter: none; -webkit-filter:none;}
.wrapnavSwiper .swiper-slide a.on span {color: #00ADA4;}
.wrapnavSwiper .swiper-slide a.on::after ,.wrapnavSwiper .swiper-slide a:hover::after {width: 100%; right: auto; left: 0;}
.wrapnavSwiper .nav_line {width: 2rem;height: 3px;background: #00ADA4;position: absolute; bottom: 0;}
.wrapnavSwiper .swjt {transform: translateX(100%); display: none;}
.wrapnavSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%);}
@media (any-hover: hover) {
    .wrapnavSwiper .swiper-slide a:hover .icBox img {filter: none; -webkit-filter:none;}
    .wrapnavSwiper .swiper-slide a:hover span {color: #00ADA4;}
}

.cationlist {margin: .5rem 0 1rem 0;}
.cationlist li {background: #f9f9f9; padding: .45rem; box-sizing: border-box; display: flex; justify-content: space-between; margin-top: .5rem;}
.cationlist li .imgBox {width: 43%; overflow: hidden;}
.cationlist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.cationlist li .con {width: 53%; padding: .4rem 0; padding-right: 1rem;}
.cationlist li h5 {font-size: var(--font38); font-weight: 500;color: #333333;}
.cationlist li .text {margin-top: .3rem;}
.cationlist li .text p {color: #666666; line-height: 1.7;}
.cationlist li .more {margin-top: .7rem;}
.cationlist li .imgBox:hover img {transform: scale(1.1);}

/* 详情 */
.cationDateMain .mbxBox .mbx { color: #6D6D6D; flex-wrap: wrap;}
.cationDateMain .mbxBox .mbx a {color: #6D6D6D;}
.cationDateMain .mbxBox .mbx img {filter: invert(51%) sepia(100%) saturate(2288%) hue-rotate(141deg) brightness(91%) contrast(101%);}
.cationDateMain .mbxBox .mbx a:hover {color: #00ADA4;}

.cationDateOne {background: #fafafa; position: relative;}
.cationDateOne .box {display: flex;}
.cationDateOne .le {width: 45%; padding: 1.6rem 0;}
.cationDateOne .imgBox {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); height: 100%; width: 50%;}
.cationDateOne .imgBox img {height: 100%; width: 100%; object-fit: cover;}
.cationDateOne h5 {font-size: 0.56rem;font-weight: 800; color: #333333;}
.cationDateOne .text {margin-top: .3rem;}
.cationDateOne .text p {font-size: var(--font18);font-weight: 500;color: #666666; line-height: 1.7;}

.cationDateTwo {margin-bottom: 1rem;}
.cationDateTwo .con {border: 1px solid #e1e1e1; padding: .5rem .25rem; box-sizing: border-box; text-align: center;} 
.cationDateTwo .con .imgBox img {max-width: 100%;}
.cationDateTwo .con h5 {margin: .3rem 0;font-size: var(--font26);font-weight: 500;color: #333333;}
.cationDateTwo .con .more1:hover {box-shadow: 0 0 10px #00ADA4;}
.cationDateTwo .swiperBox {position: relative;}
.cationDateTwo .swiper {max-width: 96%; position: static; margin: auto;}
.cationDateTwo .swiper-pagination {display: none; bottom: -.7rem;}
.cationDateTwo .swiper-pagination span {background: #00ADA4;}

/* =====关于我们===== */
.aboutOne {padding: .5rem 0;}
.aboutOne .top {display: flex; justify-content: center; align-items: center;}
.aboutOne .top .tople > div {display: inline-block;}
.aboutOne .top .since {font-size: var(--font34);font-family: Arial, Arial-Bold; font-weight: 700; font-style: italic; color: #00ada4;}
.aboutOne .top .counter {font-size: 0.8rem;font-family: Arial, Arial-Bold;font-weight: 700;font-style: italic;color: #00ada4; min-width: 1.8rem;}
.aboutOne .top .xian {width: 2px; height: 0.65rem;  background: #00ada4; margin: 0 .5rem;}
.aboutOne .top .topre span {display: block;font-size: var(--font30);font-weight: 700; color: #333333; line-height: 1.2;}
.aboutOne .text {width: 80%; margin: auto; padding-top: .2rem;}
.aboutOne .text p {margin-top: .4rem;color: #666666; line-height: 1.7; text-indent: 2em;}

.aboutTwo {margin-bottom: 1rem;}
.aboutTwo .prodateTle {margin-bottom: 0;}
.aboutTwo ul {display: flex; justify-content: space-between;}
.aboutTwo li { width: 31%; position: relative;}
.aboutTwo li .icBox {margin: auto; width: 1.06rem;height: 1.06rem; transform: translateY(50%); transition: .5s;}
.aboutTwo li .icBox img {max-width: 100%;}
.aboutTwo li .con {background: #eef6fa; border-radius: 0.1rem; padding: 1rem .2rem .8rem .2rem; text-align: center;}
.aboutTwo li .con span {font-size: var(--font18);font-weight: 700;color: #00ada4; display: block;}
.aboutTwo li .con strong {font-size: var(--font22); font-weight: 700; color: #333333; display: block; margin-top: .2rem;}
.aboutTwo li:hover .icBox {transform:  translateY(30%) rotateY(180deg);}
.aboutTwo li:nth-child(2) .con {background: #eef6fa url(../images/aboutTwo-libj.png) no-repeat center; background-size: cover;}

.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: .2rem 0 .8rem 0;}
.aboutThre .prodateTle h3 {font-size: var(--font40); color: #fff;}
.aboutThre .swiperBox1 {margin-top: 1rem; position: relative;}
.abThreSwiper1 {position: static;}
.abThreSwiper1 .con {display: flex;justify-content: space-between; max-width: 92%;margin: auto;}
.abThreSwiper1 .imgBox {width: 46%;border-radius: 0.3rem; overflow: hidden;}
.abThreSwiper1 .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.abThreSwiper1 .con .text {width: 50%; padding: .5rem 0;}
.abThreSwiper1 .con .time {font-size: var(--font48); font-weight: 700; color: #fff;}
.abThreSwiper1 .con .p1 {margin-top: .1rem;}
.abThreSwiper1 .con .p1 p {font-size: var(--font18); font-weight: 500; color: #fff;}
.abThreSwiper1 .swjt {width: 0.72rem; height: 0.72rem;background: rgba(255, 255, 255,.2);border-radius: 50%; transition: .5s; right: 2%;}
.abThreSwiper1 .swjt svg {max-width: 60%;}
.abThreSwiper1 .swjt.swiper-button-prev {transform: rotate(180deg); left: 2%;}
.abThreSwiper1 .swjt:active {background: #fff;}
.abThreSwiper1 .swjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .abThreSwiper1 .swjt:hover {background: #fff;}
    .abThreSwiper1 .swjt:hover svg path {fill: #00ada4;}
    .abThreSwiper2 .swiper-slide:hover .c-dot {background: #fff;}
    .abThreSwiper2 .swiper-slide:hover .c-dot::before {transform: scale(2);}
}

.aboutThre .swiperBox2 {position: relative;z-index: 8;color: #FFFFFF; text-align: center; margin-top: .8rem;}
.swiperBox2::before {content: "";position: absolute;top: 19px;left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.abThreSwiper2 .swiper-slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 65px;cursor: pointer;}
.abThreSwiper2 .c-dot {margin: 0 auto; margin-top: 15px; display: flex;align-items: center;justify-content: center;width: 9px;height: 9px; background: #fff; border-radius: 50%;position: relative; transition: all 0.4s;}
.abThreSwiper2 .c-dot::before {content: "";width: 100%; height: 100%;border-radius: 50%; background-color: transparent; position: absolute; z-index: 19;border: 1px solid #fff; transform: scale(0); transition: .5s;}
.abThreSwiper2 .swiper-slide::after {height: 1px; content: ""; width: 0; background:#fff; position: absolute; top: 19px;left: 50%; transform: translate(-0%, -50%);}
.abThreSwiper2 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font18); color: #fff; font-weight: 400;}
.abThreSwiper2 .swiper-slide:active .c-dot {background: #fff;}
.abThreSwiper2 .swiper-slide:active .c-dot::before {transform: scale(2);}
.abThreSwiper2 .swiper-slide-thumb-active .c-dot {background: #fff;}
.abThreSwiper2 .swiper-slide-thumb-active .c-dot::before {transform: scale(2);}
.abThreSwiper2 .swiper-slide-thumb-active .syear {font-weight: 700;}
.abThreSwiper2 .swiper-slide.swiper-slide-thumb-active::after {animation: toWidth100 5s linear forwards;}
@keyframes toWidth100 {0% {width: 0;} 100% { width: 100%;}}

.aboutFour {position: relative; padding: 1rem 0; overflow: hidden;}
.abFourSlideSwiper .swiper-wrapper {justify-content: center; align-items: center;}
.abFourSlideSwiper .swiper-slide {width: auto;}
.abFourSlideSwiper .con {cursor: pointer; display: flex; align-items: center;}
.abFourSlideSwiper .con .icBox {width: .5rem; margin-right: .18rem;}
.abFourSlideSwiper .con .icBox img {max-width: 100%;filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .6; transition: .4s;}
.abFourSlideSwiper .con h5 {font-size: var(--font36);font-weight: 400;color: #333; padding: .1rem 0;transition: 0.3s; position: relative;display: inline-block;}
.abFourSlideSwiper .con h5::after {content: ""; display: block; width: 0; transition: .5s; height: 0.05rem; background: #00ADA4; position: absolute; left: 0; bottom: 0;}
.abFourSlideSwiper .xian {margin: 0 .8rem;}
.abFourSlideSwiper .xian i {display: block; width: 1px; height: .4rem; background: #DCDCDC;}
.abFourSlideSwiper .swiper-slide.swiper-slide-thumb-active .icBox img {filter: none; -webkit-filter:none; opacity: 1    ;}
.abFourSlideSwiper .swiper-slide.swiper-slide-thumb-active h5 {color: #333333;}
.abFourSlideSwiper .swiper-slide.swiper-slide-thumb-active h5::after {width: 100%;}
.abFourSwiperBox {padding-bottom: .5rem;}
.abfoSwiper {position: relative; padding: .8rem 0; padding-bottom: 1.2rem; margin: auto;}
.abfoSwiper .swiper-slide {width: auto; text-align: center;}
.abfoSwiper .swiper-slide .imgBox {overflow: hidden;position: relative;border-radius: 0.1rem;}
.abfoSwiper .swiper-slide .imgBox img {max-width: 100%; transition: .5s;}
.abfoSwiper .swiper-slide .imgBox:hover img {transform: scale(1.1);}
.abfoSwiper .imgBox::after {content: "";width: 100%;height: 100%; background-image: linear-gradient(to bottom , rgba(255, 255, 255, 0.01) 60% , rgba(0, 0, 0, 0.8)); bottom: 0;position: absolute; left: 0; }
.abfoSwiper .imgBox img {min-height: 4rem; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.abfoSwiper .con {opacity: 1; transition: .8s; transform: translateY(0%); position: absolute; transition: .5s; width: 100%;bottom: 0;align-items: flex-start; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;padding: .5rem .3rem;box-sizing: border-box;}
.abfoSwiper .con h5 {font-size: var(--font32); font-weight: 700;color: #ffffff;}
.abfoSwiper .con .more {color: #f9f9f9; margin-top: .1rem;}
/* .abfoSwiper .swiper-slide-active .con {opacity: 1; transform: translateY(0%);} */
.abfoSwiper .swiper-slide:hover .imgBox  img {transform: scale(1.1);}
.abfoSwiper .swiper-pagination {display: none;}
.abfoSwiper .swiper-pagination span {background: #00ADA4;}
.abfoSwiper .swjt {width: .68rem;height: .68rem; z-index: 2; left: 45%;  top: auto; bottom: 0;}
.abfoSwiper .swjt::before {content: ""; position: absolute; width: 100%; height: 100%;background: #adbac2;  z-index: -1; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swjt::after {content: ""; display: block; position: absolute; width: 100%; height: 100%;  background: #07A69E; z-index: -2; transform: rotate(0deg); transition: .5s;}
.abfoSwiper .swiper-button-prev svg {transform: rotate(180deg);}
.abfoSwiper .swiper-button-next {right: auto; left: 52%;}
.abfoSwiper .swjt:hover::before {transform: rotate(-45deg);}
.abfoSwiper .swjt:hover::after {transform: rotate(20deg);}


/* 关于我们==企业认证 */
.certlist {margin: .8rem 0;}
.certlist .box {margin: 0 .5rem;}
.certlist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 10%; row-gap: .5rem;}
.certlist li .imgBox {border: 1px solid #dcdcdc; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.certlist li .imgBox img {max-width: 100%; transition: .5s;}
.certlist li {text-align: center;}
.certlist li span {font-size: var(--font18); font-weight: 500; color: #333333; display: block;margin-top: .3rem;}
.certlist li:hover .imgBox img {transform: scale(1.02);}

/* 关于我们==新闻动态 */
.newslist {margin: .8rem 0;}
.newslist li {padding: .4rem 0; border-bottom: 1px solid #EEEEEE;}
.newslist li a {display: flex; justify-content: space-between;}
.newslist li .imgBox {width: 23%; overflow: hidden;}
.newslist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.newslist li .con {width: 74%; padding: .1rem 0 .05rem 0;}
.newslist li h5 {font-size: var(--font24); font-family: "Noto Sans SC";font-weight: 500; color: #333333; transition: .4s;}
.newslist li .time { font-family: Arial, Arial-Regular;font-style: italic;color: #9f9f9f; margin-top: .1rem;}
.newslist li .disc {margin-top: .2rem;}
.newslist li .disc p {font-family: "Noto Sans SC"; font-weight: 300;color: #666666; line-height: 1.7;}
.newslist li .more {text-align: right;font-weight: normal; font-style: italic; color: #1bb6ae; margin-top: .4rem;}
.newslist li a:hover .imgBox img {transform: scale(1.1);}
.newslist li a:hover h5 {color: #00ADA4;}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9;}
.newsDateMain .container {width: 1280px;    max-width: 75%;}
.newsDate {margin-bottom: 1rem; padding-top: .6rem;}
.newsDate .mbx {color: #666666;} 
.newsDate .mbx {display: flex; flex-wrap: wrap; align-items: center;}
.newsDate .mbx img {margin-right: .1rem; margin-bottom: .05rem; filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.newsDate .mbx a {color: #666666;}
.newsDate .mbx a:hover {color: #00ADA4;}
.newsDate .box {margin-top: .5rem; display: flex; justify-content: space-between; align-items: flex-start;}
.newsDate .box .left {width: 100%; flex-shrink: 0;}
.newsDate .title {padding-bottom: .4rem; border-bottom: 1px solid #DEDEDE;}
.newsDate .title .time {color: #333333; font-size: var(--font20);}
.newsDate .title strong {font-weight: 700;color: #333333; margin-top: .3rem; font-size: var(--font40); display: block;}
.newsDate .editbox {padding: .3rem 0;}
.newsDate .editbox img {max-width: 100%;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #DEDEDE; padding-top: .5rem;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {display: flex;}
.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.prev svg {transform: rotate(-180deg);}
.newsPage a:hover span {color: #00ADA4;}
.newsPage a:hover svg path {fill: #00ADA4;}
.newsDate .right {position: sticky; top: 1rem;}
.newsDate .right .linksBox {width: 100px; background: #f0f0f2; margin-top: .3rem; padding: .3rem 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.newsDate .right .linksBox .tit {color: #b4b4bd;}
.newsDate .right ul li {margin-top: .25rem;}
.newsDate .right ul li a {width: 30px; height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #aeaeaf; transition: .5s;}
.newsDate .right ul li svg {max-width: 100%;}
.newsDate .right ul li svg path {fill: #fff;}
.newsDate .right ul li:hover a {background: #fff;}
.newsDate .right ul li:nth-child(1):hover a {background: #333;}
.newsDate .right ul li:hover svg path {fill: revert-layer;}

.newsInfo {background: #fff; padding: .7rem 0 1rem 0;}
.newsInfo .tit {margin: auto;  font-size: var(--font36);color: #333333;font-weight: 700;}
.newsInfo .swiperBox {position: relative;}
.newsDateSwiper {position: static; margin: auto; margin-top: .4rem;}
.newsDateSwiper .swiper-slide {height: auto; background: #f9f9f9;}
.newsDateSwiper .imgBox {overflow: hidden;}
.newsDateSwiper .imgBox img {width: 100%; transition: .5s;}
.newsDateSwiper .time {font-family: Arial, Arial-Regular;font-weight: 400;color: #999999; font-size: var(--font15);}
.newsDateSwiper .con {padding: .35rem .25rem;}
.newsDateSwiper .con h5 {margin-top: .1rem;color: #333333; font-size: var(--font20);color: #333333; font-weight: 600;}
.newsDateSwiper .con p {margin-top: .2rem;color: #666666; line-height: 1.7;}
.newsDateSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.newsDateSwiper .swiper-slide:hover .con h5 {color: #00ADA4;}
.newsDateSwiper .swjt {width: 0.5rem; height: 0.5rem;border: 1px solid #cccccc; border-radius: 50%; transition: .5s; right: -6%;}
.newsDateSwiper .swjt svg {max-width: 70%;}
.newsDateSwiper .swjt.swiper-button-prev {transform: rotate(180deg); left: -6%;} 
.newsDateSwiper .swjt:hover {background: #00ADA4; border-color: #00ADA4;}
.newsDateSwiper .swjt:hover path {fill: #fff;}
.newsInfo .swiperBox .swiper-pagination {bottom: -.5rem; display: none;}
.newsInfo .swiperBox .swiper-pagination span {background: #00ADA4;}







































/* =====下载中心===== */
.downMain {}
.downlist .box {display: flex; justify-content: space-between; align-items: flex-start; position: relative; flex-wrap: wrap;}
.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: 0rem;}
.downlist .le h3 {font-size: var(--font36); font-family: "Noto Sans SC"; font-weight: 500; color: #32bdb6;}
.downlist .re {width: 78%; padding-top: 1.1rem;}
.downnav {border-left: 1px solid #CCCDD0; margin-top: 1rem;}
.downnav ul {position: relative;top: -0.1rem;padding-right: .2rem;}
.downnav li {position: relative;padding-left: .45rem; margin: .3rem 0;}
.downnav 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 li i::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #00ADA4; border-radius: 50%;  z-index: -1;}
.downnav li a {font-weight: 400;color: #616161;font-size: var(--font18); }
.downnav li.on i::after {animation: shubiao 1s infinite linear .65s;}
.downnav li.on i {background: #00ADA4; opacity: 1;}
.downnav li.on a {color: #00ADA4; font-weight: 700;}
.downnav li:hover a {color: #00ADA4;}
.downnav li:hover i {background: #00ADA4; opacity: 1;}
.downlist .re ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.downlist .re li {width: 46%; padding: .28rem .2rem; border-bottom: 1px solid #E5E5E5;}
.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 a {display: flex; align-items: center;}
.downlist .re li .disc {margin-left: .2rem;font-size: var(--font18);   font-weight: 400; color: #666666;}
.downlist .re li a:hover .disc {color: #00ADA4;}
/* 手机端栏目导航 */
.wrapistnav {padding: .3rem 0; display: none;}
.wrapistnav .container {position: relative;}
.pronavSwiper .swiper-slide {width: auto; text-align: center;}
.pronavSwiper .swiper-slide a {display: block; padding: .3rem .1rem; position: relative; color: #999999; transition: .5s;}
.pronavSwiper {max-width: 90%; margin: auto; position: static;}
.pronavSwiper .swjt {right: -4%;}
.pronavSwiper .swjt.swiper-button-prev {right: auto; left: -4%; transform: rotate(180deg);}
.pronavSwiper .swiper-slide a.on {color: #00ADA4; font-weight: 600;}


/* =====人才引进====== */
.talentOne {padding: .2rem 0 1rem 0;}
.talentOne .text {width: 60%; margin: auto; text-align: center;}
.talentOne .text p {font-size: var(--font18); font-weight: 500;  color: #666666; line-height: 1.7;}

.talentTwo {background: url(../images/talentTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1.2rem 0 1.6rem 0;}
.talentTwo .prodateTle {text-align: left;}
.talentTwo .prodateTle h3 { color: #fff;}
.talentTwo .text {width: 45%; }
.talentTwo .text p {color: #fff; line-height: 1.8;}

.about4-Three {padding-bottom: .5rem;}
.about4-Three ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.about4-Three ul li {padding: .25rem;border: 1px solid rgba(20,88,228, .06);border-radius: 5px;display: flex; align-items: center;-webkit-transition: border .6s ease,box-shadow .6s ease;transition: border .6s ease,box-shadow .6s ease;}
.about4-Three ul li .ico_box {width: 90px;height: 90px;border-radius: 50%; padding: 15px; background: url(../images/about4-Three-icon-bj.png) no-repeat center;background-size: cover;margin-right: .25rem;}
.about4-Three ul li .ico_box img {-webkit-transition: transform .6s ease;transition: transform .6s ease;}
.about4-Three ul li .tit {font-size: var(--font24);}
.about4-Three ul li .des {margin-top: .10rem; color: #5c5c5c; font-size: var(--font14);}
.about4-Three ul li:hover {box-shadow: inset 0 0 0.1rem 0.05rem rgba(0, 173, 164,.06);}
.about4-Three ul li:hover .ico_box img {transform: rotateY(180deg);}

.about4-four { padding-bottom: .6rem;}
.about4-four ul li {margin-bottom: .1rem; display: none;}
.about4-four ul li .box {background: rgba(238, 239, 240,.4); padding: .05rem .4rem .25rem; box-sizing: border-box; display: flex; align-items: center;justify-content: space-between; flex-wrap: wrap; position: relative;}
.about4-four ul li .item.name {font-weight: 400;color: #333333; font-size: var(--font20);}
.about4-four ul li .item {padding-top: .2rem; margin-right: .2rem; color: #888888; width: calc(100% / 6); display: flex; flex-wrap: wrap;}
.about4-four ul li .item span {color: #666666;}
.about4-four ul li .money {} 
.about4-four ul li .date { text-align: right; padding-left: 5%; padding-right: 5%; box-sizing: border-box; color: #00ADA4; width: 20%;}
.about4-four ul li .btn {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;}
.about4-four ul li:hover {background: #fff;}
.about4-four .moreList {margin-top: .5rem;}
.about4-four .moreList a {color: #00ADA4;}
@media screen and (min-width: 200px) and (max-width: 767px) {
    .about4-four ul li .acquisition {width: 100%;}
}  

/* =====联系我们===== */
.contactOne {padding-top: .7rem; overflow: hidden;}
.contactOne .container {position: relative; padding-bottom: 1.6rem;}
.contactOne .bjBox {position: absolute; width: 100%; height: 100%; left: 0; bottom: -.5rem; text-align: center;}
.contactOne .bjBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.contactOne .box {display: flex; justify-content: space-between; width: 1200px; margin: auto; max-width: 80%;}
.contactOne .box .re {max-width: 25%; display: flex; align-items: center; justify-content: center;}
.contactOne .box .re img {max-width: 100%;}
.contactOne h4 {font-size: var(--font36);font-weight: 700;color: #00ada4;}
.contactOne dl {margin-top: .4rem;}
.contactOne dl dd {display: flex; align-items: center;margin: .15rem 0;}
.contactOne dd .icBox {min-width: .2rem; display: flex; align-items: center; justify-content: center; margin-right: .14rem;}
.contactOne dd .icBox img {max-width: 100%; max-height: 100%;}
.contactOne dl dd span {font-size: var(--font18); font-weight: 500; color: #666666;}

.contactTwo .tle {text-align: center;}
.contactTwo .tle h3 {font-size: var(--font48); font-family: "Noto Sans SC";font-weight: 500;color: #ffffff;}
.contactTwo .tle span {font-family: "Noto Sans SC"; font-weight: 400; color: #ffffff; display: block; margin-top: .1rem;}
.contactTwo .box {justify-content: center; margin-top: .6rem;}
.contactTwo .re {margin-right: 0;}
.contactTwo form .sub {display: flex; justify-content: center;}