/* lodding */

.lodingBox {display: flex;justify-content: center;align-items: center;height: 100%;}

.lodingBox svg {width: 60%;margin: auto;}

.fv {position: fixed;top: 0;left: 0;width: 100%;min-width: 70%;height: 100%;background: #fff;z-index: 1000; display: none;}

#svgLoGo {fill: none;}

#svgLoGo path {stroke: #00787e; stroke-width: 1px; }

#svgLoGo #cls2 {stroke-dasharray: 2383; stroke-dashoffset: 2383; animation: lineAnm 20s linear 0s forwards;}

#svgLoGo #cls4 { stroke-dasharray: 2450; stroke-dashoffset: 2450; animation: lineAnm 20s linear 0s forwards;}

#svgLoGo #cls5 { stroke-dasharray: 4997; stroke-dashoffset: 4997; animation: lineAnm 20s linear 0s forwards;}

#svgLoGo #cls6 { stroke-dasharray: 2450; stroke-dashoffset: 2450; animation: lineAnm 20s linear 0s forwards;}

#svgLoGo #cls3 { stroke-dasharray: 2450; stroke-dashoffset: 2450; animation: lineAnm 20s linear 0s forwards;}

#svgLoGo #cls1 { stroke-dasharray: 2216; stroke-dashoffset: 2216; animation: lineAnm 20s linear 0s forwards;}

#svgLoGo #cls7 { stroke: #5cb531; stroke-dasharray: 2066; stroke-dashoffset: 2066; animation: lineAnm 7s linear 0s forwards ,  lineFill2 .5s linear 2s forwards;; }

#svgLoGo {animation: lineFill .5s linear 2s forwards;}

@keyframes lineAnm {to {stroke-dashoffset: 0;}}

@keyframes lineFill { from  {fill: transparent;} to {fill: #00787e;}}

@keyframes lineFill2 {from  {fill: transparent;} to { fill: #5cb531; }}





/* =====头部===== */

#c-placeholder {}

.header {position: relative; z-index: 999;}

.headerfh {height: 1rem; min-height: 75px;}

.headerBox {position: fixed; height: 1rem; 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 {margin-left: 1%; display: flex; align-items:center ;}

.headerlogo a {position: relative;}

.headerlogo img {max-width: 2rem;}

/* 导航栏目 */

nav {width: 72%;}

nav ul {display: flex; justify-content: space-between; height: 100%;}

nav ul > li {position: relative;display: flex;align-items: center;}

nav ul > li > a {color: #333; }

nav ul > li > a span {position: relative;}

nav ul > li > a svg path {fill: #00787E;}

nav ul > li > a i {display: inline-flex; transition: .5s;}

nav ul > li:hover > a , nav ul > li.on > a {color: #00787E !important;}

nav ul > li:hover > a i , nav ul > li.on > a i {transform: rotateX(-180deg);}

.hetel {color: #00787d; font-size: var(--font22);font-weight: 700; display: flex; align-items: center;}

/* 二级下拉 */

.navTwo {line-height: initial; width: max-content;position: absolute;pointer-events: none; top: 100%; opacity: 0; left: 0; transform: translateY(15%); z-index: 10;transition: all 0.4s;}

.navTwo .box {display: flex;  padding: .25rem;background: #fff;border-bottom-left-radius: .7rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}

.navTwo .box .navImgBox {margin-right: .1rem; border-radius: 0.1rem; overflow: hidden; max-width: 2rem;}

.navTwo .box .navImgBox img {width: 100%; height: 100%; object-fit: cover; min-height:2rem;}

.navTwo.on {opacity: 1;pointer-events: auto; transform: translateY(-1%);}

.navTwo dl {padding-right: .4rem; padding-left: .2rem;}

.navTwo dl dd {margin: 8px 0;}

.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #7A7A7A;}

.navTwo dl dd a i {margin-right: .1rem;}

.navTwo dl dd a:hover {color: #5BB531;}

.navTwo dl dd a i svg path {transition: .5s;}

.navTwo dl dd a:hover i svg path {fill: #5BB531;}

/* 头部右侧 */

.headerRe {display: flex; align-items: center; height: 100%;}

.heSearch {padding: 0 .4rem;background: #5BB531; height: 100%; display: flex; align-items: center;} 

/* 搜索下拉 */

.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: #5BB531;}



/* 公用css */

/* 滚动条 */

.headerNavScroll {scrollbar-width:thin;scrollbar-color:#00787D #C6C6C6; overflow-y: auto;}

.headerNavScroll::-webkit-scrollbar {width: 3px;}

.headerNavScroll::-webkit-scrollbar-thumb {background: #00787D; border-radius: 5px;}

.headerNavScroll::-webkit-scrollbar-track {background: #C6C6C6;}

/* 了解更多 */

.more1 {display: flex; align-items: center; justify-content: center; width: 1.66rem; height: 0.58rem;     min-width: 118px;min-height: 42px; border: 1px solid #fcfcfc; position: relative; z-index: 1; transition: .5s;}

.more1 .en {opacity: 0.7;font-size: .54rem;font-weight: 800; color: #00787e;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}

.more1 span {margin-right: .15rem; transition: .4s;}

.more1 svg {transition: .4s;}

.more1::after {content: ""; width: 0; height: 100%; left: 0; background: #fff; position: absolute; transition: .5s; z-index: -2;}

.more1:hover::after { width: 100%;}

.more1:hover span {opacity: 0;}

.more1:hover svg {opacity: 0;}

.more2 {width: 0.78rem;height: 0.78rem;background: #00787e; transition: .5s;}

.more2 a {font-size: var(--font40);font-weight: 700;color: #ffffff; transition: .5s; padding-bottom: .1rem; height: 100%; width: 100%;}

.more2:hover {border-radius: .1rem; background: #5BB531;}

.more2:hover a {transform: rotate(180deg);}

.more3 {width: 1.66rem;height: 0.58rem;  min-width: 118px;min-height: 42px; border: 1px solid #666666; transition: .5s;}

.more3 span {margin-right: .15rem;}

.more3:hover {background: #00787D; border-color: #00787D;}

.more3:hover {color: #fff;}

.more3:hover svg path {fill: #fff;}







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

/* banner */

.indexBanner { position: relative;}

.bannerSwiper {height: 100%;}

.bannerSwiper .imgBox {height: 100%;}

.bannerSwiper .imgBox img {width: 100%;height: auto; min-height: 100%; transition: 1s linear 2s;transform: scale(1.1,1.1); object-fit: cover;}

.bannerSwiper .swiper-pagination span {width: 28px;height: 2px;background: #ffffff; opacity: 1;}

.bannerSwiper .swiper-pagination {bottom:5px; max-width: 75%; left: 50%;  transform: translate(-50%, -50%); text-align: left;}

.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #00787E; opacity: 1;}	

.bannerSwiper .swiper-slide-active .imgBox img, .bannerSwiper .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1,1);}

.banFox {position: absolute; bottom: -.65rem; width: 100%; z-index: 2;}

.banFox .box {display: flex; justify-content: flex-end;}

.banFox .box .con {position: relative;padding: .45rem;  z-index: 1;}

.banFox .box .con::after {content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7;background: linear-gradient(0deg,#00787d 0%, #47b7bc 100%);}

.banFox .box .con span {color: #ffffff;font-weight: 400;}

.banFox .box .con h3 {font-weight: 700;color: #ffffff; font-size: var(--font32); margin-top: .1rem;}

.banFox .box .con .more {display: flex; align-items: center; justify-content: space-between; margin-top: .15rem;}

.banFox .box .con .more .imgtext {margin-left: .8rem;}

.banFox .box .con .more .imgtext img {max-width: 3.2rem;}



/* 首页内容 */

.indexTle .en {font-size: var(--font28);font-weight: 500; line-height: 1; color: #666;}

.indexTle h3 {font-size: var(--font46);font-weight: 700;color: #333333; line-height: 1.2; margin-top: .1rem;}



.indexOne {background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}

.indexOne .box {display: flex; justify-content: space-between;margin-top: .4rem; align-items: center;}

.indexOne .le .more {margin-top: .5rem;}

.indexOne .le .more a svg {transition: .5s;}

.indexOne .le .more a:hover svg {transform: translateX(20%);}

.indexOne .le .more a:hover svg path {fill: #00787d;}

.indexOne .re {width: 75%;}

.indexOne ul li {border-bottom: 1px dashed #c3c6c7; position: relative;}

.indexOne ul li::after {content: ""; position: absolute; bottom: 0; width: 0; left: 0; height: 1px; border-bottom: 1px dashed #00787d; transition: .5s;}

.indexOne ul li a {display: flex;padding: .2rem; font-size: var(--font18);font-weight: 500;color: #666666;}

.indexOne ul li a .time {margin-right: 1.4rem;flex-shrink: 0;}

.indexOne ul li:hover a {color: #00787E; font-weight: 700;}

.indexOne ul li:hover::after {width: 100%;}



.indexTwo {margin: .5rem 0 .8rem 0; position: relative;}

.indexTwo .textEn {position: absolute; left: 0; bottom: 0;}

.indexTwo .textEn img {max-width: 1.2rem;}

.indexTwo .textName {position: absolute; right: 0; text-align: center; bottom: 0; right: 2%; font-weight: 400;color: #333333;letter-spacing: 0.06rem;}

.indexTwo .textName .text { writing-mode:vertical-rl;}

.indexTwo .textName .nam { writing-mode:vertical-rl; margin-top: 1.5rem;}

.indexTwo .textName .mouse {margin-top: .1rem;}

.indexTwo .textName .mouse img {animation: shubiao2 1.5s infinite;}

@keyframes shubiao2 {0% {transform: translateY(-10px); opacity: 0;}100% { transform: translateY(0px); opacity: 1; }}

.indexTwo .tle {display: flex; justify-content: space-between; align-items: center;}

.indexTwo .box {margin-top: .5rem;}

.indexTwo ul {display: flex; flex-wrap: wrap; justify-content: space-between;}

.indexTwo li {position: relative; overflow: hidden; margin-top: .25rem; min-height: 4.6rem;}

.indexTwo li a {display: block; width: 100%; height: 100%;}

.indexTwo li .imgBox {position: relative; z-index: 1; height: 100%;}

.indexTwo li .imgBox::after {content: ""; position: absolute; width: 100%; left: 0; bottom: 0; height: 70%; background: linear-gradient(0deg,rgba(0, 120, 126) 0%, rgba(255, 255, 255,0) 100%); z-index: 0;}

.indexTwo li .imgBox img {width: 100%; height: 100%;object-fit: cover;}

.indexTwo li .imgBox span {position: absolute; width: 100%; z-index: 1; left: 0; bottom: 0; padding: .5rem; padding-bottom: .4rem; font-size: var(--font24);color: #ffffff;font-weight: 500; box-sizing: border-box;}

.indexTwo li .imgBox span {opacity: 1; transition: .5s;}

.indexTwo li .hide {position: absolute; left: 0; bottom: -100%; width: 100%; height: 100%; background: rgba(0, 120, 126,.9); z-index: 1; padding: .5rem; box-sizing: border-box; text-align:center; transition: .5s;}

.indexTwo li .hide h4 {font-size: var(--font24);font-weight: 700;color: #ffffff;margin-top: .15rem;}

.indexTwo li .hide p {font-weight: 500;color: #ffffff; width: 80%; margin: auto; padding-top: .2rem;}

.indexTwo li .hide .more {margin-top: .2rem;}

.indexTwo li:nth-child(1) {width: 62%;}

.indexTwo li:nth-child(2) {width: 36%;}

.indexTwo li:nth-child(3) {width: 49%;}

.indexTwo li:nth-child(4) {width: 49%;}

@media (min-width: 1000px) {

    .indexTwo li:hover .imgBox span {opacity: 0;}

    .indexTwo li:hover .hide {bottom: 0;}

}



.indexThre {background: #fcfcfc; padding: .8rem 0;}

.indexThre .tle span {font-size: var(--font24);font-weight: 500; color: #666666; display: block; margin-top: .4rem;}

.indexThre ul {display: flex;justify-content: space-between; align-items: flex-start;}

.indexThre li {margin-top: .6rem; width: 32%;background: #00787e;}

.indexThre li:nth-child(2) {margin-top: -.5rem;}

.indexThre li:nth-child(3) {margin-top: -1.5rem;}

.indexThre li .imgBox {position: relative;}

.indexThre li .imgBox img {width: 100%;}

.indexThre li .hide {position: absolute; opacity: 0; transition: .5s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 120, 126,.9); }

.indexThre li .con {font-size: var(--font20); font-weight: 500;color: #ffffff; text-align: center;height: 1.15rem; display: flex; align-items: center; justify-content: center; transition: .5s;}

.indexThre li:hover .hide {opacity: 1;}

.indexThre li:hover .con {background: #5bb531;}

.indexThre .box {position: relative;}

.indexThre .textBox {display: flex; justify-content: flex-end; position: absolute; width: 100%; bottom: 0;}

.indexThre .textBox .con {display: flex; align-items: flex-end; width: 66%; justify-content: space-between;}

.indexThre .textBox .en {font-size: var(--font46);font-weight: 700;color: rgba(51, 51, 51,.1); line-height: 1; text-transform: uppercase;}

.indexThre .textBox .con .more2 {flex-shrink: 0;}



.indexFour {padding: .65rem 0 .75rem 0; position: relative;}

.indexFour .textEn {position: absolute; right: 1.5%;  top: 50%; transform: translate(0%, -50%);}

.indexFour .textEn span {writing-mode:vertical-rl;font-size: var(--font46);font-family: "DINRegular";font-weight: 400;color: rgba(51, 51, 51,.06); text-transform: uppercase;}

.indexFour .box {display: flex; justify-content: space-between;}

.indexFour .le {width: 61%; padding: 0 .2rem .2rem 0; position: relative; box-sizing: border-box; z-index: 1; overflow: hidden;}

.indexFour .le::after {width: calc(100% - 0.2rem); content: ""; height: calc(100% - 0.2rem); bottom: 0; right: 0;background: #00787e; position: absolute; z-index: -1;}

.indexFour .le img {max-width: 100%; height: 100%; object-fit: cover;}

.indexFour .re {width: 35%;}

.indexFour .re h4 {font-size: var(--font34);font-weight: 500;color: #00787e; margin-top: .3rem;}

.indexFour .re .textImg {margin-top: .4rem;}

.indexFour .re .textImg img {max-width: 100%;}

.indexFour .re .more {margin-top: .5rem;}

.indexFour .textcon {margin: .5rem 0; position: relative;}

.indexFour li {display: flex; align-items: center;}

.indexFour li i {flex-shrink: 0; width: .13rem;height: .13rem; background: #1a7266; border-radius: 50%; border: 0.03rem solid #fff;box-shadow: 0rem 0.01rem 0rem 0rem rgba(210,173,173,0.23); box-sizing: border-box;}

.indexFour li span {font-size: var(--font22); font-weight: 500;color: #1a7266; margin-left: .2rem;}

.indexFour li .xian {border-left: 1px dashed #1a7266; height: .35rem; width: 1px;margin-left: 0.06rem; margin-top: .1rem; margin-bottom: .1rem;}

.indexFour .textcon .textbj {opacity: 0.05;font-size: 1.89rem; font-weight: 800; color: #00787e; position: absolute; left: 0; top: 50%; transform: translate(-3%, -50%); z-index: -1;}









.indexFive {background: #fcfcfc; padding-top: .4rem; position: relative; }

.indexFive .indexTle {text-align: center;}

.indexFive .swiperBox {position: relative; margin-top: .6rem;}

.infiveSwiper {position: static;} 

.infiveSwiper .imgBox {position: relative; display: flex; align-items: center; justify-content: center;}

.infiveSwiper .imgBox img {max-width: 100%;}

.infiveSwiper .imgBox i {font-style: normal;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;}

.infiveSwiper .imgBox i {min-width: 40px;min-height: 40px;width: 0.6rem;height: 0.6rem; background: #00787d; border-radius: 0.1rem;}

.infiveSwiper .swiper-slide:hover .imgBox i {opacity: 1;transform: translate(-50%,-50%) scale(1);}

.infiveSwiper .swiper-slide span {position: relative; display: block; margin-top: .15rem; padding: .1rem .2rem; border-top: 1px solid #F2F2F2;border-bottom: 1px solid #F2F2F2; text-align: center;color: #333333; transition: .5s;}

.infiveSwiper .swiper-slide:hover span {background: #00787d; color: #fff;}

.infiveSwiper .swjt {width: 0.78rem;height: 0.78rem; border: 1px solid #00787e; background: none; transform: translateX(150%); transition: .5s;}

.infiveSwiper .swjt svg path {fill: #00787d;}

.infiveSwiper .swjt.swiper-button-prev {transform: rotateY(180deg) translateX(150%);}

.infiveSwiper .swjt:hover {background: #00787e;}

.infiveSwiper .swjt:hover svg path {fill: #fff;}

.infiveSwiper .swiper-pagination {bottom: -.5rem; display: none;}

.infiveSwiper .swiper-pagination span { background: #00787d;}

.indexFive .more {display: flex; justify-content: center; margin: auto; margin-top: .8rem; position: relative; z-index: 9;}



.indexSix {position: relative; margin-top: -8%; background: #fcfcfc;}

.indexSix .imgbox {width: 100%; position: relative; padding-bottom: 28%;}

.indexSix .imgbox img {width: 100%; position: absolute;}



/* =====底部===== */

.footer {position: relative; z-index: 2; padding-top: 2.4rem; margin-top: -7%;}

.footer .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}

.footer .bjBox img {width: 100%; height: 100%; object-fit: unset;}

.foternav {display: flex; justify-content: space-between; flex-wrap: wrap;}

.foternav dl {margin-right: .15rem;}

.foternav dl:last-child {margin-right: 0;}

.foternav dl dt {margin-bottom: .3rem;}

.foternav dl dt a {font-size: var(--font18);font-weight: 700;color: #ffffff;}

.foternav dl dd , .foternav dl p {margin: .1rem 0;}

.foternav dl dd a , .foternav dl p , .foternav dl p a {font-size: var(--font15);color: #f2f2f2; font-weight: 350;}

.foternav dl a:hover {color: #fff; font-weight: 700;}

.copyright {margin-top: .8rem; padding: .16rem 0; border-top: 1px solid rgba(255, 255, 255,.1);}

.copyright , .copyright a {font-size: var(--font14);font-weight: 350;color: #ffffff;}

.copyright a:hover {font-weight: 700;}





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

.ny-banner {position: relative;}

.ny-banner .imgBox img {width: 100%;}

.ny-banner .con {background: rgba(0, 120, 125,.9);padding: .25rem 1.5rem; text-align: center; white-space: nowrap;}

.ny-banner .con .en {font-weight: 400;color: #ffffff; font-weight: 350;}

.ny-banner .con h2 {font-size: .6rem;font-weight: 800;color: #ffffff;}

.ny-banner .con .smTle {margin-top: .1rem;font-weight: 350; color: #ffffff;}

.ny-banner .con .smTle span {position: relative; padding: 0 .25rem;}

.ny-banner .con .smTle span::before , .ny-banner .con .smTle span::after {content: "";  width: 0.5rem; height: 1px;background: #ffffff; position: absolute; left: 0%; top: 50%; transform: translate(-100%, -50%);}

.ny-banner .con .smTle span::after {left: auto; right: 0;transform: translate(100%, -50%);}



.bannernav {position: absolute;bottom: 0;width: 100%; padding-bottom: .15rem; z-index: 1;}

.bannernav::after {content: ""; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(0deg,rgba(0, 120, 126,.6) 0%, rgba(255, 255, 255,0) 100%); z-index: -1;}

.bannernav .navbox {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.bannernav ul {display: flex; margin-top: .1rem; flex-wrap: wrap;}

.bannernav ul li {padding:0 .25rem; margin-top: .1rem; position: relative; display: flex; justify-content: space-between; align-items: center; color: #fff;}

.bannernav ul li:first-child {padding-left: 0;}

.bannernav ul li:last-child {padding-right: 0;}

.bannernav ul li:last-child::after {display: none;}

.bannernav ul li a {color: #ffffff; font-size: var(--font18); display: block; padding: .1rem .31rem; transition: .5s;}

.bannernav ul li::after {content: "/"; right: 0; position: absolute; right: -4%;}

.bannernav ul li:hover a , .bannernav ul li.on a {background: #00787D;}

.mbx {display: flex; color: #fff; align-items: center; margin-top: .2rem;}

.mbx .onpotion {display: flex; align-items: center;}

.mbx .onpotion img {margin-right: .1rem;}

.mbx .mbxlist {color: #fff;}

.mbx .mbxlist a {color: #fff;}

.mbx .mbxlist a:hover {color: #00787D;}



/* ======关于我们===== */

/* 手机端栏目导航 */

.aboutnav {padding: .3rem 0; display: none;}

.aboutnav .container {position: relative;}

.aboutnavSwiper .swiper-slide {width: auto; text-align: center;}

.aboutnavSwiper .swiper-slide a {display: block; padding: .3rem 0; position: relative;  color: #999999;  transition: .5s;}

.aboutnavSwiper {max-width: 90%; margin: auto; position: static;}

.aboutnavSwiper .swjt {right: -4%;}

.aboutnavSwiper .swjt.swiper-button-prev {right: auto; left: -4%; transform: rotate(180deg);}

.aboutnavSwiper .swiper-slide a.on {color: #00787D; font-weight: 600;}



/* 关于我们标题 */

.aboutTle .smTleBox {display: flex; align-items: flex-end; flex-wrap: wrap;}

.aboutTle .smTle {position: relative;display: inline-block; z-index: 1;}

.aboutTle .smTle h3 {font-size: 0.55rem; font-weight: 700;color: #333333;line-height: 1; }

.aboutTle .smTle .abEn {position: absolute; left: 0%; top: 110%; transform: translate(0%, -100%); font-size: 1.06rem;font-weight: 800;color: #fcfcfc; z-index: -1; line-height: 1;}

.aboutTle .smTleBox .en {font-size: var(--font24); font-weight: 500; color: #666666; margin-left: .2rem;}



.aboutOne {padding:1.2rem 0 .9rem; position: relative; z-index: 1; max-width: 1920px; margin: auto;}

.aboutOne::after {width: 30%; background: #00787d; height: 0; position: absolute; content: ""; right: 0;top: 0; z-index: -1; transition: 1s; transition-delay: .5s;}

.aboutOne .box {display: flex; justify-content: space-between;}

.aboutOne .aboutTle span {font-size: var(--font24);font-weight: 500;color: #333333; display: block; margin: .4rem 0 ;}

.aboutOne .text {padding-top: .2rem;}

.aboutOne .text p {margin-top: .3rem; font-weight: 400;color: #666666;}

.aboutOne .le {width: 65%;}

.aboutOne .re {width: 30%;}

.aboutOne .imgBox {position: relative;}

.aboutOne .imgBox::after {content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: #00787D; transition: 1s;}

.aboutOne .imgBox img {width: 100%;}

.aboutOne .re .disc {text-align: right; margin-top: .3rem; position: relative;}

.aboutOne .re .disc span {display: block; font-size: var(--font17);font-weight: 400;color: #ffffff; font-weight: 350; margin-top: .05rem;}

.aboutOne .re .disc strong {font-size: var(--font24); font-weight: 500;color: #ffffff;}

.aboutOne .re .disc .enImg {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); }

.aboutOne .re .disc .enImg img {max-width: 3rem;}

.aboutOne.on::after {height: 100%;}

.aboutOne.on .imgBox::after {width: 1%;}



.aboutTwo {background: #fcfcfc; padding: 1rem 0 .5rem 0; position: relative;}

.aboutTwo .imgBox {position: absolute; width: 50%; left: 0; top: 0; height: 100%; overflow: hidden;}

.aboutTwo .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.aboutTwo .box {display: flex; justify-content: flex-end;}

.aboutTwo .con {width: 50%; padding-left: .6rem;}

.aboutTwo .aboutTle .abEn {color: #333333;opacity: 0.1;}

.aboutTwo .aboutTle span {font-size: var(--font36);font-weight: 700;color: #00787d; margin: .25rem 0; display: block;}

.aboutTwo .con .text {padding-right: .4rem; max-height: 3.8rem; margin-top: .4rem;}

.aboutTwo .con .text.headerNavScroll::-webkit-scrollbar {width: 0.06rem;}

.aboutTwo .con .text p {font-weight: 500;color: #666666;margin-top: .3rem;}

.aboutTwo .con .text p:first-child {margin-top: 0;}



.aboutThre {padding-bottom: 2rem; background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover;padding: 1rem 0;}

.aboutThre .aboutTle {text-align: center;}

.aboutThre .aboutTle .smTle {display: block; text-align: center; width: 100%;}

.aboutThre .aboutTle span {font-size: var(--font24); font-weight: 500;color: #666666; margin: .1rem 0; display: block;} 

.aboutThre .box {position: relative;}

.aboutThre .yearBox {max-width: 2400px; width: 100%; margin: auto; position: absolute; left: 50%; top: 32%; transform: translate(-50%, -50%); z-index: 1;} 

.aboutThre .svgBox {height: 100%; position: relative;}

.aboutThre .svgBox svg {width: 100%; height: 100%; display: block;}

.abthSwiper {height: 100%; position: absolute; width: 100%; bottom: 0; overflow: visible;}

.abthSwiper ul li {position: absolute; text-align: center; cursor: pointer;}

.abthSwiper ul li span {font-size: var(--font30); font-weight: 500;text-align: center; color: #00787d; display: block; transition: .4s; opacity: 1;}

.abthSwiper ul li i {display: inline-block;width: 0.11rem; height: 0.11rem;background: #00787d; position: relative; border-radius: 50%;}

.abthSwiper ul li i::after { content: ""; width: 300%; height: 300%; border: 1px solid #197DC7; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0);border-radius: 50%; transition: .5s;}

.abthSwiper ul li.on i::after {transform: translate(-50%, -50%) scale(1);}

.abthSwiper ul li.on span {opacity: 0;}

.abthSwiper ul li.li1 {left:12%;bottom: 29%;}

.abthSwiper ul li.li2 {left: 25%;bottom: 13%;}

.abthSwiper ul li.li3 {left: 39%;bottom: 22%;}

.abthSwiper ul li.li4 {left: 55%;bottom: 51.5%;}

.abthSwiper ul li.li5 {left: 71%;bottom: 57%;}

.abthSwiper ul li.li6 {left: 85%;bottom: 36%;}

.abthSwiper .swjt {width: 0.78rem;height: 0.78rem; border: 1px solid #00787e; right: 3%; background: none; transition: .5s;}

.abthSwiper .swjt svg path {fill: #00787d;}

.abthSwiper .swjt.swiper-button-prev {transform: rotateY(180deg) ; right: auto; left: 3%;}

.abthSwiper .swjt:hover {background: #00787e;}

.abthSwiper .swjt:hover svg path {fill: #fff;}

@media screen and (min-width: 200px) and (max-width: 1300px) {

    .abthSwiper ul li.li1 {bottom: 27%;}

    .abthSwiper ul li.li2 {bottom: 12%;}

    .abthSwiper ul li.li3 {bottom: 21%;}

    .abthSwiper ul li.li4 {bottom: 51%;}

    .abthSwiper ul li.li5 {bottom: 55%;}

    .abthSwiper ul li.li6 {bottom: 33%;}

}

.aboutThre .listcon .item .num {font-size: 3.97rem; text-align: center;font-weight: 700;color: rgba(0, 120, 125,.2); line-height: 1;font-family: "Noto Serif SC";}

.aboutThre .listcon .con {text-align: center;margin-top: .3rem;}

.aboutThre .listcon .con .time {font-size: var(--font24); font-weight: 500; text-align: center; color: #333333;}

.aboutThre .listcon .con p {font-size: var(--font28);font-weight: 500;color: #333333; width: 80%; margin: auto;}

.aboutThre .listcon .item {display: none;}
.aboutThre .listcon .item.on {display: block;}

.aboutThre2 {height: 0; visibility: hidden; opacity: 0;}

.aboutThre2 .swiperBox1 {position: relative; margin-top: .6rem;}

.aboutThre2 .swiperBox1 .container {position: relative;}

.aboutThre2 .swiperBox1 .abfourSwiper1 .year {font-size: 2.4rem;color: rgba(0, 120, 125,.2); text-align: center;font-family: "Noto Serif SC"; font-weight: 700; line-height: 1;}

.aboutThre2 .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; }

.aboutThre2 .swiperBox2 .abfourSwiper2 {padding: .5rem 0;}

.aboutThre2 .swiperBox2 .abfourSwiper2 p {font-size: var(--font24);color: #333333; position: relative;}

.aboutThre2 .swiperBox2 .abfourSwiper2 p span {position: relative;}

.aboutThre2 .swiperBoxAll {position: relative;}

.aboutThre2 .swiperBoxAll .swjt {width: 0.78rem;height: 0.78rem; border: 1px solid #00787e; right: 3%; background: none; transition: .5s;}

.aboutThre2 .swiperBoxAll .swjt svg path {fill: #00787d;}

.aboutThre2 .swiperBoxAll .swjt.swiper-button-prev {transform: rotateY(180deg) ; right: auto; left: 3%;}

.aboutThre2 .swiperBoxAll .swjt:hover {background: #00787e;}

.aboutThre2 .swiperBoxAll .swjt:hover svg path {fill: #fff;}

.aboutThre2 .swiperBox3 {position: relative;z-index: 8;color: #00787e; text-align: center;}

.aboutThre2 .swiperBox3::before {content: "";position: absolute;top: 19px;left: 0; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2);}

.aboutThre2 .swiperBox3 .swiper-slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 80px;cursor: pointer;}

.aboutThre2 .swiperBox3 .c-dot {margin: 0 auto; margin-top: 15px; display: flex;align-items: center;justify-content: center;width: 9px;height: 9px; background: #00787e; border-radius: 50%;position: relative; transition: all 0.4s;}

.aboutThre2 .swiperBox3 .c-dot::before {content: "";width: 100%; height: 100%;border-radius: 50%; background-color: transparent; position: absolute; z-index: 19;border: 14px solid rgba(0, 120, 126,.8); transform: scale(0); transition: .5s;}

.aboutThre2 .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font24);}

.aboutThre2 .swiperBox3 .swiper-slide-thumb-active .c-dot {background: transparent;}

.aboutThre2 .swiperBox3 .swiper-slide-thumb-active .c-dot::before {transform: scale(1);}

@media screen and (min-width: 200px) and (max-width: 1028px) {

    .aboutThre2 {height: auto; opacity: 1; visibility: visible;}

    .aboutThre .box {display: none;}

}

@media screen and (min-width: 200px) and (max-width: 768px) {

    .aboutThre2 .c-yun-box {display: none;}

    .aboutThre2 .swiperBox1 .abfourSwiper1 .year {font-size: 1.5rem;}

    .aboutThre2 .swiperBox2 .abfourSwiper2 p {font-size: var(--font18);}

    .aboutThre2 .swiperBox3 .swiper-slide {height: 60px;}

    .aboutThre2 .swiperBox3::before {top: 18px;}

    .aboutThre2 .swiperBoxAll .swjt {width: 30px; height: 30px; display: none;}

    .aboutThre2 .swiperBoxAll .swjt svg {max-width: 50%;}

    .aboutThre2 .swiperBox3 .c-dot {width: 6px; height: 6px;}

    .aboutThre2 .swiperBox3 .c-dot::before {border: 10px solid rgba(0, 120, 126,.8);}

}



.aboutFive {padding: .6rem 0;}

.aboutFive .tle {display: flex; justify-content: space-between;}

.aboutFive .tle .aboutTle .xian {margin-top: .35rem;}

.aboutFive .tle .tlelogo img {max-width: 3rem;}

.aboutFive ul {display: flex; justify-content: space-between;}

.aboutFive li {margin-top: .4rem; width: 30.5%; position: relative; min-height: 6rem;}

.aboutFive li .imgBox {overflow: hidden; height: 100%;}

.aboutFive li .imgBox img {width: 100%; height: 100%; object-fit:cover; transition: .5s;}

.aboutFive li .con {position: absolute;padding: .5rem; box-sizing: border-box; bottom: 0; width: 100%;}

.aboutFive li .xian {display: block; height: 1px; background: #ffffff; margin: .35rem 0; position: relative;}

.aboutFive li .xian::after {content: ""; position: absolute; width: 60%; background: #5BB531; left: 0;bottom: 0; height: 100%;}

.aboutFive li p {font-size: var(--font24); font-weight: 500; color: #ffffff;}

.aboutFive li:hover .imgBox img {transform: scale(1.1);}



.aboutSix {padding-bottom: .8rem;}

.aboutSix .box {display: flex; justify-content: space-between; align-items: center;}

.aboutSix .le {width: 49%; padding: .15rem 0 0 0.15rem; position: relative; box-sizing: border-box; z-index: 1; overflow: hidden;}

.aboutSix .le::after {width: calc(100% - 0.15rem); content: ""; height: calc(100% - 0.2rem); top: 0; left:0;background: #00787e; position: absolute; z-index: -1;}

.aboutSix .le img {max-width: 100%; height: 100%; object-fit: cover;}

.aboutSix .re {width: 47%;}

.aboutSix li {margin-top: .2rem; padding-bottom: .3rem; border-bottom: 1px solid #F2F2F2;}

.aboutSix li:last-child {border: 0;}

.aboutSix li .litle h5 {color: #00787E; font-size: var(--font32);font-weight: 800;}

.aboutSix li .text p {color: #666666; margin-top: .2rem;}



.aboutSeven {background: #fff; padding-bottom: 2rem;}





/* =====新闻中心===== */

.tleXian {width: 0.52rem;height: 2px;background: #ffffff; position: relative;margin-left: .2rem;}

.tleXian::after {content: ""; width: 25%; height: 100%; background: #5cb531; position: absolute; left: -10%; top: 50%; transform: translate(-100%, -50%);}



.newsMain {padding-bottom: 2rem;}

.newsInfo {margin-top: 1rem; }

.newsInfo .box {background: url(../images/newsInfo-bj.jpg) no-repeat center; background-size: cover;padding: .4rem; box-sizing: border-box;}



.newsInSwipr .slideBox {display: flex; justify-content: space-between;}

.newsInSwipr .imgBox {width: 47%; overflow: hidden;}

.newsInSwipr .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.newsInSwipr .con {width: 48%; padding: .4rem 0; padding-right: .2rem;}

.newsInSwipr .con .time { font-weight: 350; color: #ffffff;}

.newsInSwipr .con h5 {font-size: var(--font24); font-weight: 700;color: #ffffff; margin-top: .1rem;}

.newsInSwipr .con .tleXian {margin-top: .1rem;}

.newsInSwipr .con .text {margin-top: .3rem;}

.newsInSwipr .con .text p { font-weight: 350; color: #f2f2f2;}

.newsInSwipr .con .more2 {margin-top: .4rem;background: #ffffff;}

.newsInSwipr .con .more2 a { color: #00787D; }

.newsInSwipr .swiper-pagination { text-align: right; bottom: .5rem; padding-right: .2rem;}

.newsInSwipr .swiper-pagination span {width: 0.1rem; height: 0.1rem; background: #ffffff; opacity: 1;}

.newsInSwipr .swiper-pagination .swiper-pagination-bullet-active {background: #5bb531;}



.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; row-gap: 0;}

.newslist li {margin-top: .5rem;background: #fcfcfc; position: relative; z-index: 1;}

.newslist li .imgBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0; transition: .5s;}

.newslist li .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.newslist li .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .86; background: #00787d;}

.newslist li a {display: block; width: 100%; height: 100%; padding: .4rem; box-sizing: border-box;}

.newslist li .time {font-weight: 350; text-align: left; color: #666666; transition: .5s;}

.newslist li .tle {position: relative;z-index: 1;}

.newslist li .tle h5 {font-size: var(--font20);font-weight: 700;color: #00787d; margin-top: .25rem;transition: .5s;}

.newslist li .tle .en {position: absolute; z-index: -1;bottom: 0; left: 0; font-size: 1.06rem;font-weight: 800;color: rgba(51, 51, 51,.06); line-height: .9; transition: .5s;}

.newslist li p {font-size: var(--font14);;color: #666666; margin-top: .25rem;transition: .5s;}

.newslist li .more {justify-content: flex-start; margin-top: .3rem; font-weight: 500; color: #666666;transition: .5s;}

.newslist li svg {margin-left: .15rem;}

.newslist li:hover .tle .en {opacity: 0;}

.newslist li:hover .imgBox {opacity: 1;}

.newslist li:hover .time {color: #fff;}

.newslist li:hover h5 {color: #fff;}

.newslist li:hover p {color: #fff;}

.newslist li:hover .more {color: #fff;}

.newslist li:hover .more svg path {fill: #fff;}



/* 详情 */

.newsDateMain {padding-top: .4rem; padding-bottom: 2rem;}

.newsDateMain .mbx {color: #333;}

.newsDateMain .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .6; margin-right: .1rem;}

.newsDateMain .mbx a {padding: 0 .05rem;}

.newsDateMain .mbx a:hover {color: #00787D;}

.newsDateMain .container {width: 1500px;}

.newsxq-box {padding: 0.5rem 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:.9rem .4rem ; box-sizing: border-box;}

.newsxq-title {border-bottom: 0.01rem solid #ddd; padding-bottom: 0.4rem;}

.newsxq-title strong {display: block; font-size: 0.4rem; color: #333; margin-bottom: 0.1rem;}

.newsxq-title span {display: block; font-size: var(--font16); color: #777; margin: .1rem .3rem 0 0; }

.newsxq-title .titleDisc {display: flex; flex-wrap: wrap;}

.newsxq-editbox {margin: .3rem 0;}

.newsxq-editbox img {max-width: 100%; height: auto !important;}

.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .1rem;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;}

.newsDate .relist li { padding: .3rem 0; border-bottom: 1px solid #F2F2F2;}

.newsDate .relist li .time {font-size: var(--font14); font-weight: 500;color: #999999;}

.newsDate .relist span {color: #999999; font-size: var(--font14);}

.newsDate .relist h6 {color: #333333; font-size: var(--font18); transition: .35s;font-weight: 700;margin-top: .1rem;}

.newsDate .relist li:hover h6 {color: #00787d;}

.newsDate .relist li:hover .reImg img {transform: scale(1.05);}

.newsDate .news-right::after {content: ""; background: linear-gradient(99deg,#00787d 0%, #5bb531 100%); width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem;  transform: translate(-50%, -50%);}

/* 新闻分页 */

.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;}

.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.78rem;height: 0.78rem;min-width: 35px;min-height: 35px;   border: 1px solid #00787E;}

.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;}

.backlist a {width: 1.68rem; min-width: 125px; min-height: 42px; height: 0.58rem;background: #00787D;color: #fff;}

.backlist svg {margin-right: .1rem;}

.backlist a:active {background: #05b0b6;}

.newsxq-page a:active .news-prev,.newsxq-page a:active .news-next {background: #00787D; border-color: #00787D; }

.newsxq-page a:active svg path {fill: #fff;}

@media (any-hover: hover) {

    .newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next {background: #00787D; border-color: #00787D; }

    .newsxq-page a:hover svg path {fill: #fff;}

}





/* =====产品中心===== */

.procenOne {margin-top: .5rem; overflow: hidden;}

.procenOne li {padding: .5rem 0; display: flex; justify-content: space-between; position: relative;}

.procenOne li::after {content: ""; position: absolute; left: -100vw; bottom: 0; width: 200vw; height: 1px; background: #F2F2F2;}

.procenOne li:last-child::after {display: none;}

.procenOne .imgBox {width: 44%; padding:0 .1rem .1rem; position: relative; box-sizing: border-box; z-index: 1;}

.procenOne .imgBox::after {width: calc(100% - 0.15rem); content: ""; height: calc(100% - 0.1rem); bottom: 0; right:0;background: #00787e; position: absolute; z-index: -1;}

.procenOne .imgBox img {max-width: 100%; height: 100%; object-fit: cover; min-height: 3.5rem;}

.procenOne .con {width: 48%; padding: .2rem 0;}

.procenOne .con h6 {font-size: var(--font24);font-weight: 500;color: #333333;}

.procenOne .con .xian {height: 1px;background: #f2f2f2;margin: .4rem 0; width: 100%; position: relative;}

.procenOne .con .xian::after {content: "";width: 0.75rem;height: 0.05rem;background: #00787d; position: absolute; left: 0; bottom: 0;-webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);}

.procenOne .con .text p {font-weight: 400;color: #666666;}

.procenOne .con .more {margin-top: .3rem;}

.procenOne li:nth-child(even) .con {order: -1;}



.procenTwo {background: none; margin-top: 0; position: relative;}

.procenTwo .imgbox {padding-bottom: 26%;}

.procenTwo .aboutTle span {font-size: 0.28rem;font-weight: 500;color: #666666;}

.procenTwo .aboutTle .smTleBox {justify-content: center; margin: .1rem 0 .3rem 0; flex-wrap: wrap;}

.procenTwo .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 1600px; max-width: 92%; z-index: 3;}

.procenTwo .con .text { padding-top: .35rem; text-align: center; margin: auto;}

.procenTwo .con .text p {font-weight: 400; color: #666666;}

.procenTwo .con .more { margin: auto;margin-top: .4rem;}



/* 产品详情 */

.proDateOne {margin-top: .6rem;}

.proDateOne .box {background: #ffffff;box-shadow: 0.04rem 0.04rem 0.12rem 0.01rem rgba(51,51,51,0.15); padding: .6rem; box-sizing: border-box;}

.proDateOne .box {display: flex; justify-content: space-between; position: relative;}

.proDateOne .imgBox {width: 49%; padding:0 .1rem .1rem; position: relative; box-sizing: border-box; z-index: 1;}

.proDateOne .imgBox::after {width: calc(100% - 0.15rem); content: ""; height: calc(100% - 0.1rem); bottom: 0; right:0;background: #00787e; position: absolute; z-index: -1;}

.proDateOne .imgBox img {max-width: 100%; height: 100%; object-fit: cover; min-height: 3.5rem;}

.proDateOne .con {width: 46%; padding: .2rem 0;}

.proDateOne .con h6 {font-size: var(--font24);font-weight: 500;color: #333333;}

.proDateOne .con .xian {height: 1px;background: #f2f2f2;margin: .4rem 0; width: 100%; position: relative;}

.proDateOne .con .xian::after {content: "";width: 0.75rem;height: 0.05rem;background: #00787d; position: absolute; left: 0; bottom: 0;-webkit-clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);clip-path: polygon(10% 0, 100% 0%, 90% 100%, 0% 100%);}

.proDateOne .con .text p {font-weight: 400;color: #666666;}

.proDateOne .con .more {margin-top: .3rem;  display: flex;}

.proDateOne .con .more a:nth-child(2) {margin-left: .35rem;}

.proDateOne .con .more a span {margin-right: 0;}

.proDateOne .con .more a svg {margin-right: .15rem;}

.proDateOne .con .more31 {background: #00787d;}

.proDateOne .con .more31 span {color: #fff;}

.proDateOne .con .more a:hover {background: #5BB531; border-color: #5BB531;}

.proDateTwo {margin-top: .8rem;}

.proDateThre {margin-top: .8rem;}

.proDateMain .backlist {display: flex; justify-content: center; margin-top: 1.5rem;}


.proDateMain .table1 tr {display: flex; flex-wrap: wrap; align-items:center;}
.proDateMain .table1 tr td {width:16%; padding: .1rem 0;}


.proDateMain .table2 tr {line-height: initial !important;}
.proDateMain .table2 td {padding: .2rem;}
.proDateMain .table2 tr:nth-child(even) td {padding:.01rem 0;}


.proDateMain .table3 tr td {padding: 0 .1rem}
.proDateMain .table3 tr td img {max-width: 100%}


@media screen and (min-width: 200px) and (max-width: 1028px) {   
    .proDateMain .table1 tr td {width: 33%; margin-top:.3rem;}
    
    .proDateMain .table2 tbody tr {display: flex; flex-wrap: wrap;}
    .proDateMain .table2 tbody tr td {width:100%;}
    .proDateMain .table2 tbody tr:nth-child(even) {display:none;}
}
        
@media screen and (min-width: 200px) and (max-width: 768px) {  
    .proDateMain .proDateOne .imgBox img {min-height: auto;}
    
    .proDateMain .table1 tr td {width: 100%;text-align:center}    

    .proDateMain .table3 tr  {display: flex; flex-wrap: wrap;}
    .proDateMain .table3 tr td {width:50%;margin-bottom:.3rem; ;}
}


/* =====研发中心===== */
.deveMain {padding-bottom: 2rem;}
.deveOne {background: #f7f7f7; padding: .8rem 0; position: relative; overflow: hidden;}
.deveOne .aboutTle {position: relative; padding-left: .5rem;}
.deveOne .aboutTle .abEn {color: #333333; opacity: .1;}
.deveOne .aboutTle span {font-size: var(--font24); color: #333; margin-top: .2rem; display: block;}
.deveOne .aboutTle::before {content: ""; position: absolute;left: 0; height: 100%; width: 2px; background: url(../images/deveOne-tle-icon.png) no-repeat center;}
.deveOne .le {width: 65%; position: relative; background: #fff; padding: 1rem 0 .6rem 0; padding-right: 15%; box-sizing: border-box;}
.deveOne .le .text {padding-left: .5rem;}
.deveOne .le .text p {color: #666666; margin-top: .3rem; line-height: 1.7;}
.deveOne .re {position: absolute;right: 0;top: 50%; transform: translate(0%, -50%);width: 47%; z-index: 1;}
.deveOne .re img {width: 100%;}
.deveOne .re::after { content: ""; width: 100%; height: 100%; left: -4%; top: 40%; z-index: -1; position: absolute; background: url(../images/deveOne-img-bj.png) no-repeat center; background-size: cover;}

.deveTwo {padding: 1rem 0; padding-bottom: .5rem;}
.deveTwo .aboutTle {text-align: center;}
.deveTwo .aboutTle .smTleBox {justify-content: center;}
.deveTwo .aboutTle .smTle .abEn {left: 50%;transform: translate(-50%, -100%); color: #f0f0f0;}
.deveTwo .aboutTle .xian {margin-top: .2rem;}
.deveTwo .swiperBox {position: relative; margin-top: .5rem;}
.deveTwoSwiper {position: static;}
.deveTwoSwiper .swiper-slide {height: auto;}
.deveTwoSwiper .swiper-slide a {display: block; width: 100%; height: 100%; background: #00787d; transition: .35s;}
.deveTwoSwiper .imgBox {position: relative;}
.deveTwoSwiper .imgBox img {width: 100%;}
.deveTwoSwiper .hide {position: absolute; opacity: 0; transition: .5s; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 120, 126,.9); }
.deveTwoSwiper .con {font-size: var(--font18); font-weight: 500;color: #ffffff; padding: .25rem .1rem; box-sizing: border-box; text-align: center;  display: flex; align-items: center; justify-content: center; transition: .5s;}
.deveTwoSwiper .swiper-slide:hover .hide {opacity: 1;}
.deveTwoSwiper .swiper-slide:hover a {background: #5cb531;}
.deveTwoSwiper .swjt {width: 0.78rem;height: 0.78rem; border: 1px solid #00787e; background: none; transform: translateX(150%); transition: .5s;}
.deveTwoSwiper .swjt svg path {fill: #00787d;}
.deveTwoSwiper .swjt.swiper-button-prev {transform: rotateY(180deg) translateX(150%);}
.deveTwoSwiper .swjt:hover {background: #00787e;}
.deveTwoSwiper .swjt:hover svg path {fill: #fff;}
.deveTwoSwiper .swiper-pagination {bottom: -.8rem; display: none;}
.deveTwoSwiper .swiper-pagination span { background: #00787d;}

@media screen and (min-width: 200px) and (max-width: 1300px) { 
    .deveOne .le {width: 100%;}
    .deveOne .re {position: relative; transform: none; top: 0; width: 60%; margin-left: auto;}
}
@media screen and (min-width: 200px) and (max-width: 768px) { 
    .deveOne .le {padding-right: .5rem;}
    .deveOne .re {width: 100%;}
    .deveTwoSwiper .swjt {display: none;}
    .deveTwoSwiper .swiper-pagination {display: block;}
}



/* =====公司活动===== */

.cortiveMain {background: #f7fcff; padding-bottom: 2rem;padding-top: .4rem}

.cortivelist li {padding: .4rem 0; border-bottom: 1px solid rgba(187, 187, 187,.5);}

.cortivelist li:last-child {border: 0;}

.cortivelist li a {display: flex; justify-content: space-between;}

.cortivelist .imgBox {width: 30%; overflow: hidden;}

.cortivelist .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}

.cortivelist .con {width: 68%; position: relative;}

.cortivelist .con .en {opacity: 0.06;font-size: 1.06rem; font-weight: 800;color: #333333; position: absolute;top: 0; left: 0; line-height: .9;}

.cortivelist .con .text {width: 80%;}

.cortivelist .con .time { font-weight: 400;color: #666666;}

.cortivelist .con h6 {font-size: var(--font20);font-weight: 700;color: #333333; margin-top: .2rem; transition: .5s;}

.cortivelist .con p {margin-top: .2rem;font-size:var(--font15);font-weight: 500;color: #666666;}

.cortivelist .con .xian {margin-top: .5rem; height: 1px;opacity: 0.5;background: #bbbbbb;}

.cortivelist .con .more {display: flex; margin-top: .4rem;}

.cortivelist .con .more span {margin-right: .12rem;}

.cortivelist li:hover .imgBox img {transform: scale(1.1);}

.cortivelist li:hover .more {color: #00787D;}

.cortivelist li:hover .more svg path {fill: #00787D;}

.cortivelist li:hover h6 {color: #00787D;}



/* =====招聘信息===== */

.hiresMain {padding-bottom: 2rem;}

.hiresOne {padding-top: 1rem;}

.hiresOne .aboutTle .abEn {color: rgba(51, 51, 51,.1);}

.hiresOne .aboutTle .xian {margin-top: .2rem;}

.hiresOne .box {display: flex; justify-content: space-between;}

.hiresOne .le .text {margin-top: .3rem;}

.hiresOne .le span {display: block;color: #666666; font-size: var(--font18);}

.hiresOne .swiperBox {width: 70%;}

.hiresOneSwipr .swiper-slide {padding: .15rem .2rem; box-sizing: border-box; height: auto;}

.hiresOneSwipr .slideBox {position: relative; text-align: center; height: 100%; background: #ffffff;box-shadow: 0rem 0.02rem 0.08rem 0rem rgba(183,183,183,0.16); padding: .25rem; box-sizing: border-box;}

.hiresOneSwipr .slideBox::after {content: "";width: 0;height: 2px ;background: #5bb531; position: absolute; left: 0; bottom: 0; transition: .5s;}

.hiresOneSwipr .slideBox:hover::after {width: 100%;}

.hiresOneSwipr .slideBox p {margin-top: .2rem;color: #333333;}

.hiresOneSwipr .slideBox p span {display: block;}

.hiresOne .swiperjtBox {position: relative; display: flex; margin-top: .7rem;}

.hiresOne .swiperjtBox .swjt {position: relative; top: auto; left: 0; bottom: 0; margin: 0; width: 0.78rem;height: 0.78rem; border: 1px solid #00787e; right: 3%; background: none; transition: .5s;}

.hiresOne .swiperjtBox .swjt svg path {fill: #00787d;}

.hiresOne .swiperjtBox .swjt.swiper-button-prev {transform: rotateY(180deg) ; right: auto; left: 0; margin-right: .35rem;}

.hiresOne .swiperjtBox .swjt:active {background: #00787e;}

.hiresOne .swiperjtBox .swjt:active svg path {fill: #fff;}

@media (any-hover: hover) {

    .hiresOne .swiperjtBox .swjt:hover {background: #00787e;}

    .hiresOne .swiperjtBox .swjt:hover svg path {fill: #fff;}

}



.hiresTwo {margin-top: 1rem;}

.hiresTwo .aboutTle {text-align: center;}

.hiresTwo .aboutTle .smTleBox {justify-content: center;}

.hiresTwo .aboutTle .smTle .abEn {left: 50%;transform: translate(-50%, -100%);}

.hiresTwo .aboutTle .xian {margin-top: .2rem;}



/* 招聘信息 */

.joinTwo {padding-top: .8rem; padding-bottom: 1rem;}

.joinTwo .thead {background: #00787e;height: 0.83rem; padding-left: .5rem; box-sizing: border-box;}

.joinTwo .thead ul {display: flex; align-items: center;height: 100%;}

.joinTwo .thead ul li {color: #ffffff; width: calc(100% / 6); padding: 0 .15rem;}

.joinTwo .tbody li { border-bottom: 1px solid rgba(185, 185, 185,.35);}

.joinTwo .tbody li:last-child {border: 0;}

.joinTwo .tbody li dl {display: flex; padding-left: .5rem;}

.joinTwo .tbody li dl dd {color: #666; padding: .3rem .15rem; width: calc(100% / 6);cursor: pointer;}

.joinTwo .tableBox {overflow-x: auto; display: block; margin-top: .59rem;scrollbar-width:4px;border: 1px solid #f2f2f2;}

.joinTwo .tbody li dl dd {flex-shrink: 0;}

.joinTwo .tableBox::-webkit-scrollbar {width: 4px; height: 4px;}

.joinTwo .tableBox::-webkit-scrollbar-thumb {/*控制滑块*/ border-radius: 5px;background: #00787e}

.joinTwo .tableBox::-webkit-scrollbar-track {/*控制轨道*/border-radius: 5px; background: #DDDDDD;}

.joinTwo .tableBox .box {min-width: 768px;}





/* ======联系我们====== */

.contactMain {padding-bottom: 2rem;}

.contactTle .smTle {display:flex; align-items: flex-end; flex-wrap: wrap;}

.contactTle .smTle h3 {font-size: var(--font36);font-weight: 700;color: #333333; line-height: 1; margin-right: .3rem;}

.contactTle .smTle span {font-weight: 400;color: #666666;}

.contactTle .xian { height: 1px; background: #f2f2f2; position: relative; margin-top: .4rem;}

.contactTle .xian::after { content: ""; width: 0.75rem; height: 0.05rem; background: #00787d; position: absolute; left: 0; bottom: 0; -webkit-clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);}



.contactOne {margin-top: .68rem;}

.contactOne ul {display: flex; justify-content: space-between;}

.contactOne li {width: 47%;background: #00787d; padding: .35rem .3rem; box-sizing: border-box; margin-top: .5rem;}
.contactOne li .imgBox {height:100%;}

.contactOne li h5 {font-size: var(--font28); font-weight: 700;color: #ffffff;}

.contactOne li h6 {font-size: var(--font18); font-weight: 500;color: #ffffff; margin-top: .1rem;}

.contactOne li i {display: block; opacity: 0.5;background: #f2f2f2; margin: .3rem 0; height: 1px;}

.contactOne li dd {display: flex;font-size: var(--font15); font-weight: 500; color: #f2f2f2; margin: 5px 0;}

.contactOne li dd .icBox {margin-right: .1rem;}
.contactOne li a:hover {text-decoration: underline; text-decoration-color: #fff;}


.contactTwo li:nth-child(2) {width: 64%; padding: 0;}

.contactTwo li .imgBox img {width: 100%; height: 100%; object-fit: cover;}



.contactThre {margin-top: .8rem;}

.contactThre dl {margin-top: .4rem;}

.contactThre dd {display: flex; margin-top: .2rem; align-items: center;}

.contactThre dd .icBox {margin-right: .2rem;}

.contactThre dd p , .contactThre dd p a {font-size: var(--font18);font-weight: 500; color: #333333;}

.contactThre dd p strong {font-size: var(--font40); color: #00787D;}

.contactThre dd p a:hover {color: #00787D;}

.contactThre .mapBox {margin-top: .65rem;}

.contactThre .mapBox img {max-width: 100%;}

/* 产品详情录入 */
.table1 {    background-color: #e0e8ec;}
.table1 tr td p {text-align: center;}