/* load */
.home-load {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 199;background: #fff;display: none; transition: 2s;}
.home-load .svgBox {display: flex;justify-content: center; height: 100%; align-items: center;}
.home-load svg {stroke: #00CCCC; stroke-width: 1px;fill: hsl(189, 68%, 75%, 0%);;max-width: 40%;}
.home-load svg path:nth-child(1) { stroke-dasharray: 3382;stroke-dashoffset: 3382;}
.home-load svg path:nth-child(2) { stroke-dasharray: 1840;stroke-dashoffset: 1840;}
.home-load svg path:nth-child(1) {animation: loadShow 2s linear forwards 2s ,color-change 1s ease-in forwards 4s;}
.home-load svg path:nth-child(2) {animation: loadShow 2s linear forwards,color-change 1s ease-in forwards 2s;}
@keyframes loadShow {to {stroke-dashoffset: 0;}}
@keyframes color-change {to {stroke: transparent;fill: #00CCCC;}}
.home-load.on {opacity: 0; visibility: hidden;}


/* =====头部===== */ 
body {}
#c-placeholder {height: 1.1rem; min-height: 80px;}
.header {position: fixed; width: 100%; left: 0; top: 0; z-index: 99;transition: .5s;}
.headBox {border-bottom: 1px solid rgba(0, 0, 0,.05);}
.headBox .box {display: flex; justify-content: space-between; height: 1.1rem; min-height: 80px; align-items: center;}
.headlogo img {max-width: 2.5rem;}
.headlogo .logo2 {display: none; }
/* 导航 */
nav {width: 50%; margin-left: 5%;    height: 100%;}
nav ul {display: flex; justify-content: space-between;    height: 100%;}
nav ul > li {display: flex; align-items: center; position: relative;}
nav ul > li > a {color: #ffffff; font-size: var(--font18);	font-family: 'monBold'; font-weight: 700; transition: .5s; position: relative;}
nav ul > li > a::before {content: ""; width: 100%; height: .16rem;top: 0; position: absolute; background: url(../images/jt-down.svg) no-repeat center; background-size: contain; transform: translateY(-150%); transition: .5s; opacity: 0;}
nav ul > li:hover > a::before {transform: translateY(-100%); opacity: 1;}
nav ul > li:hover > a {color: #007299 !important;}
nav ul > li.on > a {color: #007299 !important;}
/* 下拉 */
.navTwo {line-height: initial; min-width: 140px; width: max-content;position: absolute; left: 50%; top: 100%; transform: translate(-50%, 15%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}
.navTwo .innavBox {display: flex; justify-content: center; padding:.1rem .2rem; background: #fff;border-radius: 0.1rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translate(-50%, 0%);}
.navTwo dl dd {margin: .15rem 0;}
.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666; font-size: var(--font15);}
.navTwo dl dd span {transition: .4s;text-transform: capitalize;}
.navTwo dl dd a i {margin-right: .1rem;}
.navTwo dl dd a i svg path {transition: .5s;}
.navTwo dl dd:hover span {color: #00CCCC;}
.navTwo dl dd:hover svg path {fill: #00CCCC;}
/* 头右侧 */
.headre {display: flex; align-items: center;}
.headSearch {cursor: pointer;}
.heedUs {margin-left: .6rem;}
.heedUs a {padding: .16rem .3rem; background: #00CCCC; border-radius: 50px; color: #fff;font-weight: 700;font-family: 'monBold'}

/* 头部下滑样式 */
.header.c-head-move {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.header.c-style2 {background: #fff;}
.header.c-style2 .headlogo .logo1 {display: none;}
.header.c-style2 .headlogo .logo2 {display: block;}
.header.c-style2 nav ul li a  {color: #333;}
.header.c-style2 .headSearch i svg path {fill: #333;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}

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

/* 头部留言弹窗 */
#c-sub-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; }
#c-sub-pop .c-box {position: absolute;top: 50%; left: 50%;padding: 40px; box-sizing: border-box; width: 530px;max-width: 92%;  border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); z-index: 1;}
#c-sub-pop .c-pop-bj {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
#c-sub-pop .c-box .c-close { transition: all 0.5s; display: inline-flex; margin-left: auto; float: right; cursor: pointer;     margin-top: -20px;    margin-right: -20px;}
#c-sub-pop .c-box .c-close img,
#c-sub-pop .c-box .c-close svg {width: 24px;height: 24px; display: block; transition: .5s;}
#c-sub-pop .c-box .c-close:hover svg {transform: rotate(180deg);}
#c-sub-pop .c-box .tit {color: #333; font-size: 30px; margin-top: .2rem; font-weight: 600; text-align: center;}
#c-sub-pop .c-box .inBox {margin-top: .2rem; position: relative;  border-radius: 5px}
#c-sub-pop .c-box .inBox input {border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px; height: .58rem; min-height: 45px; width: 100%; padding: 0 10px;box-sizing: border-box; font-size: 16px;}
#c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c;}
#c-sub-pop .c-box .incode {border: 1px solid rgba(189, 189, 189,.62);}
#c-sub-pop .c-box .incode input {width: calc(100% - 120px); border-color: transparent;}
#c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 116px; height: 85%;-webkit-transform: translate(-100%, -50%);transform: translate(-100%, -50%);}
#c-sub-pop .c-box .insub {display: flex; justify-content: center; margin-top: .4rem;}
#c-sub-pop .c-box .insub button {cursor: pointer; height: auto; line-height: initial; border-radius: 30px; background: #00CCCC; border: 0;  padding: .15rem .5rem; display: flex; align-items: center; justify-content:center; color: #fff; font-weight: 700; transition: .4s;}
#c-sub-pop .c-box .insub button:active {box-shadow: 0 0 5px #00CCCC;}
@media screen and (min-width: 200px) and (max-width: 768px){
  #c-sub-pop .c-box .c-close {margin-top: -15px;margin-right: -15px;}
  #c-sub-pop .c-box { padding: 25px;}
  #c-sub-pop .c-box .tit {font-size: 24px;}
  #c-sub-pop .c-box .inBox input {min-height: 45px;}
  #c-sub-pop .c-box .inBox img {width: 88px; height: 36px;}
}




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

/* 了解更多 */
.more1 {display: inline-flex; align-items: center; background: #00cccc;border-radius: 60px; height: .65rem; position: relative;}
.more1 .icBox {position: absolute; width: .65rem; height: .65rem; border-radius: 50%;left: 0; transition: .5s; overflow: hidden;}
.more1 i {background: #fff; height: 100%; transition: .5s;}
.more1 span {color: #fff; font-size: var(--font18); padding: 0 .3rem;padding-left: .8rem; transition: .5s;}
.more1 i svg path {transition: .5s;}


@media (any-hover: hover) {
.more1:hover span {padding-left: .3rem; padding-right: .8rem;}
.more1:hover .icBox {left: calc(100% - .65rem);  transform: rotate(45deg);}
.more1:hover .icBox i {background: transparent; transition-delay: .4s;}
.more1:hover .icBox svg path {fill: #fff;transition-delay: .4s;}
  
}

/* ===============公用css end!!!!===================*/


/* ======首页======= */
/* banner */
.indexBanner {position: relative;}
.bannerSwiper {height: 100vh;}
.bannerSwiper .bjBox {overflow: hidden; height: 100%;}
.bannerSwiper .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.bannerSwiper .swiper-slide .bjBox img, .indexSwiper .swiper-slide .bjBox video {width: 100%;height: 100%;object-fit: cover;}
.bannerSwiper .swiper-slide .bjBox img {width: 100%; height: auto;min-height: 100%;transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active .bjBox img, .indexSwiper .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .con .p1 {font-size: 0.99rem;font-weight: 700;color: #ffffff;	font-family: 'monBold';}
.bannerSwiper .con .p1 span {display: block; line-height: 1;}
.bannerSwiper .con .more {margin-top: 1rem;}
.bannerSwiper .swiper-slide-prev {clip-path: polygon(0% -200%, 100% -200%, 100% -200%, 0% 0%);opacity: 0;transition: clip-path 3000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index: 3;}
.bannerSwiper .swiper-slide-active {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 200%); opacity: 1;transition: clip-path 3000ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease;z-index: 2;}
.indexBanner .slideDown {width: 100%; position: absolute; left: 50%; bottom: 0; z-index: 1;} 
.indexBanner .slideDown i {animation:shubiao 1.5s infinite; display: block; width: .6rem; cursor: pointer;}
.indexBanner .slideDown i svg {max-width: 100%;}
@keyframes shubiao {0% {transform: translateY(-10px);opacity: 0;} 100% {transform: translateY(0px);opacity: 1;}}
/* 控件 */
.indexBanner .pagtion {position: absolute;right: 2%; width: auto;bottom: auto;top: 50%; left: auto;}
.indexBanner .pagtion .item {display: flex; align-items: center; margin: .3rem 0; width: auto; height: auto; background: none; opacity: 1;}
.indexBanner .pagtion .item i {width: 6px;height: 6px;opacity: 0.72;background: #ffffff; border-radius: 50%; margin-right: .2rem; position: relative; transition: .5s;}
.indexBanner .pagtion .item i::after {content: ""; width: .26rem; height: .26rem; background: url(../images/logo-icon.png) no-repeat center; background-size: contain;}
.indexBanner .pagtion .item i::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; transition: .5s;}
.indexBanner .pagtion .item span {color: #ffffff;font-weight: 700;font-family: 'monBold'; opacity: 0; transition: .5s;}
.indexBanner .pagtion .item.swiper-pagination-bullet-active i {background: none;}
.indexBanner .pagtion .item.swiper-pagination-bullet-active i::after {opacity: 1; transform: translate(-50%, -50%) scale(1);}
.indexBanner .pagtion .item.swiper-pagination-bullet-active span {opacity: 1;}

.indexTle h3 {visibility: hidden; font-size: 0.73rem;font-family: 'monBold';font-weight: 700;color: #00cccc; text-transform: uppercase; line-height: 1;}

.indexOne {background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding: 1rem 0; position: relative;}
.indexOne .swiperBox {display: flex; justify-content: space-between;}
.indexOne .swiperBox1 {width:80%;}
.inOneSwiper1 .slideBox {display: flex; justify-content: space-between; align-items: flex-start;}
.inOneSwiper1 .con {margin-top: .7rem; width: 50%; padding-bottom: 1rem;}
.inOneSwiper1 .con .tit1 {font-weight: 700;color: #333333; font-size: var(--font30);} 
.inOneSwiper1 .con .text {margin-top: .3rem;}
.inOneSwiper1 .con .text p {color: #666666; font-size: var(--font15); padding-left: 15px; position: relative; line-height: 1.6;font-family: 'monLight';}
.inOneSwiper1 .con .text p::before {content: "";  width: 6px; height: 6px; border-radius: 50%;background: #00cccc; position: absolute;top: .1rem; left: 0;}
.inOneSwiper1 .con .more {margin-top: .5rem;}
.inOneSwiper1 .slideBox .imgBox {width:65%;}
.inOneSwiper1 .slideBox .imgBox img {max-width: 100%;}
.indexOne .swiperBox2 {width: 20%; height: 30%; position: absolute; right: 0; right: 8.33vw;top: 50%;transform: translateY(-50%);}
.indexOne .swiperBox2 .line {position: absolute; right: .12rem; height: 75%; width: 1px;background: #000000;  bottom: 12.5%;}
.inOneSwiper2 {height: 100%; text-align: right; padding-right: .1rem;}
.inOneSwiper2 .slide {padding-right: .3rem; display: flex; align-items: center; justify-content: flex-end;}
.inOneSwiper2 .slide a {color: #5B5B5B; transition: .5s; cursor: pointer;}
.inOneSwiper2 .slide i { width: .1rem; height: .08rem;background: #343534;transition: background-color .5s cubic-bezier(.435,.25,.15,.965),transform .5s cubic-bezier(.435,.25,.15,.965); position: absolute; top: 0;right: 0; transform: skew(-30deg) translateY(-50%); top: 50%;}
.inOneSwiper2 .slide.swiper-slide-thumb-active a {font-size: var(--font24); color: #00CCCC;}
.inOneSwiper2 .slide.swiper-slide-thumb-active i {background: #00cccc;   transform: skew(-30deg) translateY(-50%) scale(1.5);}
.inOneSwiper2 .slide a:hover {color: #00CCCC;}
.inOneSwiper2 .slide:hover i {background: #00cccc;}
/* 控件 */
.inOneSwiper1 .pagtion {text-align: left; bottom: .3rem;}
.inOneSwiper1 .pagtion span {width: 6px;height: 6px;opacity: 0.72;background: #000000; border-radius: 50%; margin: 0 .2rem !important; position: relative; transition: .5s;}
.inOneSwiper1 .pagtion span::after {content: ""; width: .26rem; height: .26rem; background: url(../images/logo-icon.png) no-repeat center; background-size: contain;}
.inOneSwiper1 .pagtion span::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; transition: .5s;}
.inOneSwiper1 .pagtion span.swiper-pagination-bullet-active {background: none;}
.inOneSwiper1 .pagtion span.swiper-pagination-bullet-active::after {opacity: 1; transform: translate(-50%, -50%) scale(1);}

.indexTwo {padding-top: 1.4rem;}
.indexTwo .tleBox {display: flex; justify-content: space-between;}
.indexTwo .tleCon {width: 50%;}
.indexTwo .indexTle .more {margin-top: 1rem;}
.indexTwo .tleCon .text p {color: #666666; line-height: 1.7;font-family: 'monLight';}
.indexTwo .tleCon ul {display: flex; justify-content: space-between; margin-top: .6rem;}
.indexTwo .tleCon li .num {color: #333333;font-weight: 700; font-size: var(--font48);	font-family: 'monBold'; display: flex;}
.indexTwo .tleCon li span {color: #666666; font-size: var(--font18); 	font-family: 'monLight'; display: block;}
.indexTwo .mapBox {display: inline-flex; position: relative;}
.indexTwo .mapBox > img {max-width: 100%;}
.indexTwo .mapBox li {position: absolute; padding-bottom: 8%;}
.indexTwo .mapBox li .liCon { padding-left: .2rem;}
.indexTwo .mapBox li i {position: absolute; left: 0; height: 100%; width: 2px; top: 0; height: 100%; background: linear-gradient(0deg,#ffffff 0%, #00cccc 86%);}
.indexTwo .mapBox li i::before {content: ""; position: absolute; width: 0.11rem; height: 0.11rem; background: #00cccc; border-radius: 50%; top: 0; left: 50%; transform: translateX(-50%);}
.indexTwo .mapBox li .counter {color: #00cccc; font-size: var(--font48);font-weight: 700;	font-family: 'monBold'; line-height: 1;}
.indexTwo .mapBox li .text {color: #8d8d8d; }
.indexTwo .mapBox li .text span {display: block;margin-top: .05rem;}
.indexTwo .mapBox ul li:nth-child(1) {left:29%; top: 8%;}
.indexTwo .mapBox ul li:nth-child(2) {left:27.7%; top:65%;}
.indexTwo .mapBox ul li:nth-child(3) {left:53%; top: 33%;}
.indexTwo .mapBox ul li:nth-child(4) {left:80%; top: 18%;}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.indexTleBox {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexTleBox .more {margin-top: .1rem;}
.indexThre .container {position: relative;}
/* 列表内容 */
.indexThre .conlist {position: absolute;}
.indexThre .conlist ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexThre .conlist li {width: 50%; margin-top: 1rem; opacity: .3; transition: .5s;}
.indexThre .conlist li:nth-child(1) {margin-top: 0;}
.indexThre .conlist li:nth-child(6) {margin-top: 0;}
.indexThre .conlist li.left {}
.indexThre .conlist li.left .info {width: 55%;}
.indexThre .conlist li.right {width: 29%; position: relative;     left: 3%;}
.indexThre .conlist li .num {color: #ffffff; font-size: var(--font24); font-weight: 700;	font-family: 'monBold';}
.indexThre .conlist li .tit1 {font-size: var(--font28);color: #ffffff;font-family: 'monBold'; margin-top: .1rem; transition: .5s;}
.indexThre .conlist li span {color: #ffffff;	font-family: 'monLight'; display: block; margin-top: .05rem;}
.indexThre .conlist li.li6 {order: -6;}
.indexThre .conlist li.li1 {order: -5;}
.indexThre .conlist li.li5 {order: -4;}
.indexThre .conlist li.li2 {order: -3;}
.indexThre .conlist li.li4 {order: -2;}
.indexThre .conlist li.li3 {order: -1;}
.indexThre .conlist li.on {opacity: 1;}
.indexThre .conlist li.on .tit1 {color: #00CCCC;}
/* 圆内容 */
.indexThre .cirleBox {width: 6.31rem;height: 6.31rem; border-radius: 50%; margin: auto; position: relative; margin-top: 1rem;}
.indexThre .cirleBox .svgBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.indexThre .cirleBox .wc {max-width: 100%; transition: .5s; position: absolute;}
.indexThre .cirleBox .imglist {width: 90%; height: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden;}
.indexThre .cirleBox .imglist img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .cirleBox .imglist .imgBox {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.1); opacity: 0; border-radius: 50%;transition: opacity 1s cubic-bezier(.435,.25,.15,.965),transform 1.5s cubic-bezier(.435,.25,.15,.965);overflow: hidden;}
.indexThre .cirleBox .imglist .imgBox.on {opacity: 1; transform: translate(-50%, -50%);}
/* 圆点定位 */
.indexThre .cirdot {width: 0;transform-origin: 50%;height: 48%;position: absolute;bottom: 50%;left: 50%}
.indexThre .cirdot li {position: absolute; height: calc(100% + .16rem);transform-origin: 50% 100%; transition: opacity .5s cubic-bezier(.435,.25,.15,.965);top: -.15rem; left: 0;}
.indexThre .cirdot li i {width: 0.12rem;height: 0.12rem;background: #848892;border: 0.02rem solid #00cccc; border-radius: 50%;  position: absolute; top: 0; left: 50%;transform: translate(-50%);}
.indexThre .cirdot li:nth-child(1) {transform: rotate(45deg);}
.indexThre .cirdot li:nth-child(1) i {transform:translate(-50%)rotate(-45deg);}
.indexThre .cirdot li:nth-child(2) {transform: rotate(90deg);} 
.indexThre .cirdot li:nth-child(2) i {transform: translate(-50%)rotate(-90deg);} 
.indexThre .cirdot li:nth-child(3) { transform: rotate(135deg);}
.indexThre .cirdot li:nth-child(3) i {transform: translate(-50%)rotate(-135deg);} 
.indexThre .cirdot li:nth-child(4) {transform: rotate(225deg);}
.indexThre .cirdot li:nth-child(4) i {transform: translate(-50%)rotate(-225deg);} 
.indexThre .cirdot li:nth-child(5) {transform: rotate(270deg);}
.indexThre .cirdot li:nth-child(5) i {transform: translate(-50%)rotate(-270deg);} 
.indexThre .cirdot li:nth-child(6) {transform: rotate(315deg);}
.indexThre .cirdot li:nth-child(6) i {transform: translate(-50%)rotate(-315deg);} 
.indexThre .cirleBox#on1 .wc {transform: rotate(-5deg);}
.indexThre .cirleBox#on2 .wc {transform: rotate(40deg);}
.indexThre .cirleBox#on3 .wc {transform: rotate(85deg);}
.indexThre .cirleBox#on4 .wc {transform: rotate(175deg);}
.indexThre .cirleBox#on5 .wc {transform: rotate(220deg);}
.indexThre .cirleBox#on6 .wc {transform: rotate(265deg);}
.indexThre .cirleBox#on1 .cirdot li:nth-child(1) {opacity: 0;}
.indexThre .cirleBox#on2 .cirdot li:nth-child(2) {opacity: 0;}
.indexThre .cirleBox#on3 .cirdot li:nth-child(3) {opacity: 0;}
.indexThre .cirleBox#on4 .cirdot li:nth-child(4) {opacity: 0;}
.indexThre .cirleBox#on5 .cirdot li:nth-child(5) {opacity: 0;}
.indexThre .cirleBox#on6 .cirdot li:nth-child(6) {opacity: 0;}

.indexFour {background: #f9f9f9; padding: 1rem 0 1.5rem;}
.indexFour .swiperBox {margin-top: .6rem; position: relative;}
.inFoSwiper {position: static;}
.inFoSwiper .slide {width: 58%;border-radius: 10px; overflow: hidden;}
.inFoSwiper .slide .morelinks {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1;}
.inFoSwiper .slide .imgBox {overflow: hidden; position: relative;}
.inFoSwiper .slide .imgBox::after {content: ""; position: absolute; width: 100%; height: 100%; background: #fff; opacity: .4;left: 0; top: 0; transition: .5s;}
.inFoSwiper .slide .imgBox img {width: 100%;}
.inFoSwiper .info {position: absolute; bottom: 0; width: 100%; left: 0; z-index: 1;}
.inFoSwiper .info::after {content: ""; position: absolute;bottom: 0; height: 0; width: 100%; left: 0;background: rgba(255, 255, 255,.95); transition: .5s; z-index: -1;} 
.inFoSwiper .info {display: flex; justify-content: space-between; padding: .4rem; flex-wrap: wrap;}
.inFoSwiper .info .con {flex: 1; margin-right: 1rem; opacity: 0;transition: .5s;}
.inFoSwiper .info .more {flex-shrink: 0; opacity: 0; transition: .5s;}
.inFoSwiper .info .p1 {color: #00cccc; font-size: var(--font14);font-weight: 400;}
.inFoSwiper .info .p2 { margin-top: .1rem;}
.inFoSwiper .info .p2 p {color: #333333;font-size: var(--font18);font-weight: 700;	font-family: 'monBold';}
.inFoSwiper .swiper-slide-active .imgBox::after {opacity: 0;}
.inFoSwiper .swiper-slide-active .info::after {height: 100%;}
.inFoSwiper .swiper-slide-active .con {opacity: 1; transition-delay: .5s;}
.inFoSwiper .swiper-slide-active .more {opacity: 1; transition-delay: .5s;}
/* 控件 */
.inFoSwiper .pagtion {bottom: -.8rem;}
.inFoSwiper .pagtion span {width: 6px;height: 6px;opacity: 0.37;background: #000000; border-radius: 50%; margin: 0 .15rem !important; position: relative; transition: .5s;}
.inFoSwiper .pagtion span::after {content: ""; width: .26rem; height: .26rem; background: url(../images/logo-icon.png) no-repeat center; background-size: contain;}
.inFoSwiper .pagtion span::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; transition: .5s;}
.inFoSwiper .pagtion span.swiper-pagination-bullet-active {background: none; opacity: 1;}
.inFoSwiper .pagtion span.swiper-pagination-bullet-active::after {opacity: 1; transform: translate(-50%, -50%) scale(1);}

.indexFive {padding: 1rem 0 2rem; overflow: hidden;}
.indexFive .swiperBox {margin-top: 1rem;}
.inFiSwiper {overflow: visible;}
.inFiSwiper .slide a {overflow: hidden; display: block;background: #ffffff;border-radius: 0.2rem;box-shadow: 0.05rem -0.03rem 0.65rem 0rem rgba(0,0,0,0.05); }
.inFiSwiper .slide .imgBox {position: relative; overflow: hidden;}
.inFiSwiper .slide .imgBox img {width: 100%; transition: .5s;}
.inFiSwiper .slide .imgBox em {font-size: var(--font14);font-family: 'AliBaRegular'; position: absolute; left: 0; bottom: 0;background: rgba(5, 183, 184,.8); border-radius: 0rem 0.2rem 0rem 0rem; padding: .12rem .2rem; color: #fff;}
.inFiSwiper .slide .info {padding: .35rem;}
.inFiSwiper .slide .info .p1 {color: #05b7b7; font-size: var(--font14); font-family: 'AliBaRegular';}
.inFiSwiper .slide .info .p2 {margin-top: .1rem; font-size: var(--font24);font-weight: 700;	font-family: 'AliBaBold'; line-height: 1.3;}
.inFiSwiper .slide .info .p2 P {transition: .5s;}
.inFiSwiper .slide .info .p3 {font-family: 'AliBaRegular';margin-top: .2rem;}
.inFiSwiper .slide .info .p3 p {color: #818181; }
.inFiSwiper .slide:hover .imgBox img {transform: scale(1.05);}
.inFiSwiper .slide:hover .p2 p {color: #00cccc;}

/* =====公用提交===== */
.tactUs {background: url(../images/tactUs-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0; overflow: hidden;}
.tactUs .box {display: flex; justify-content: space-between; align-items: center;}
.tactUs .tit {color: #ffffff; font-size: var(--font36);font-weight: 700;	font-family: 'monBold';}
.tactUs .text { margin-top: .2rem;}
.tactUs .text p {color: #ffffff;	font-family: 'monLight';}
.tactUs .le {width: 38%;}
.tactUs .re {width: 46%;}
.tactUs .re form {display: flex;}
.tactUs .re form .inBox {width: 5.27rem;height: 0.68rem; min-height: 55px;}
.tactUs .re form .inBox input {background: none; height: 100%; color: #fff;border: 1px solid #ffffff;}
.tactUs .re form .inBox input:focus {  border-color: #fff !important;  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);}
.tactUs .re form .insub {margin-left: .2rem;}
.tactUs .re form .insub button {height: 100%; display: flex; align-items: center; background: #ffffff; border-radius: 0.05rem; color: #151518;	font-family: 'AliBaBold'; font-size: var(--font15);}
.tactUs .re form .insub svg {margin-left: .3rem;}

/* =====底部===== */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding: .9rem 0 .4rem;}
.foterBox {display: flex; justify-content: space-between;}
.foterUs {margin-right: 5%;}
.foterUs .tit {color: #333333;font-weight: 700;	font-family: 'AliBaBold'; font-size: var(--font20);}
.foterUs dl {display: flex; margin-top: .2rem;}
.foterUs dl dd {margin-right: .18rem;}
.foterUs dl dd a {display: flex; align-items: center; justify-content: center; width: 0.54rem; height: 0.54rem; min-height: 40px; min-width: 40px; background: #ffffff; border-radius: 50%; transition: .5s;}
.foterUs dl dd svg {max-width: 50%;}
.foterUs ul {margin-top: .3rem;}
.foterUs li {display: flex; align-items: center; margin-top: .15rem;}
.foterUs li .icBox {width: .25rem; display: flex; align-items: center; justify-content: center; margin-right: .1rem;}
.foterUs li .p1 a {color: #333333;font-weight: 700;	font-family: 'AliBaBold'; font-size: var(--font20); transition: .5s;}
.foterUs li .p2 {color: #333333; opacity: .6;}
.foterUs li .p1 a:hover {color: #00cccc;}
.foterUs dl dd:hover a {background: #00cccc;}
.foterUs dl dd a:hover svg path {fill: #fff;}
/* 底部导航 */
.foternav {width: 65%;display: flex; flex-wrap: wrap; justify-content: space-between; }
.foternav dl {width: 25%; padding-right: .2rem; box-sizing: border-box;}
.foternav dl dt {color: #333333;font-weight: 700;	font-family: 'AliBaBold'; font-size: var(--font20); padding-bottom: .15rem;}
.foternav dl dd {margin: .15rem 0;}
.foternav dl dd a {font-size: var(--font15);color: #333333; opacity: .4; 	font-family: 'AliBaRegular';}
.foternav dl dd a:hover {color: #00CCCC; opacity: 1;}
.foterCopy {margin-top: 1rem;}
.foterCopy p , .foterCopy p a {color: rgba(51, 51, 51,.8); font-size: var(--font15);font-family: 'AliBaRegular';} 
.foterCopy p a:hover {color: #00CCCC;}




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

/* ========关于我们========= */
.aboutBanner {position: relative;}
.aboutBanner .swiper-slide {overflow: hidden;}
.aboutBanner .con .tit {font-size: 0.99rem;font-weight: 700;color: #ffffff;}
.aboutBanner .slide-inner img {width: 100%;} 
/* 控件 */
.aboutBanner .pagtion {left: auto; right: 2%; width: auto;bottom: auto; top: 50%;     transform: translateY(-50%);}
.aboutBanner .pagtion span {display: block; width: 6px;height: 6px;opacity: 0.72;background: #FFFFFF; border-radius: 50%; margin: .3rem 0 !important; position: relative; transition: .5s;}
.aboutBanner .pagtion span::after {content: ""; width: .26rem; height: .26rem; background: url(../images/logo-icon.png) no-repeat center; background-size: contain;}
.aboutBanner .pagtion span::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); opacity: 0; transition: .5s;}
.aboutBanner .pagtion span.swiper-pagination-bullet-active {background: none;}
.aboutBanner .pagtion span.swiper-pagination-bullet-active::after {opacity: 1; transform: translate(-50%, -50%) scale(1);}

.aboutOne {background: #fff; padding-bottom: 1rem;}
.aboutOne .titBox .p1 {font-size: 0.99rem;font-weight: 700;	font-family: 'monBold'; line-height: 1;}
.aboutOne .titBox .p1 .sp1 {color: #00CCCC;}
.aboutOne .titBox .p1 .sp3 {display: block;}
.aboutOne .list {padding: 1.5rem 0;}
.aboutOne .list ul {display: flex; justify-content: space-between;}
.aboutOne .list li {padding: .45rem .35rem; flex: 1;margin: 0 .11rem;background: #ffffff;border-radius: 0.2rem; overflow: hidden; transition: .5s; position: relative; z-index: 1;}
.aboutOne .list li .titBox {display: flex; align-items: center;}
.aboutOne .list li .titBox .icBox {width: .82rem;}
.aboutOne .list li .titBox .icBox img {max-width: 100%; filter: invert(50%) sepia(41%) saturate(3292%) hue-rotate(145deg) brightness(109%) contrast(102%);-webkit-filter:invert(50%) sepia(41%) saturate(3292%) hue-rotate(145deg) brightness(109%) contrast(102%);}
.aboutOne .list li .titBox span {color: #00cccc; font-size: var(--font28);font-weight: 400; margin-left: .3rem; line-height: 1.3; transition: .5s;}
.aboutOne .list li .text {margin-top: .7rem;}
.aboutOne .list li .text p {color: #333333;	font-family: 'monLight'; transition: .5s;}
.aboutOne .list li .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0; transition: .5s;}
.aboutOne .list li .bjBox::after {content: ""; background: #00cccc; opacity: .8; position: absolute; width: 100%; left: 0; height: 100%;top: 0; }
.aboutOne .list li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .videoBox {margin-top: .8rem;}
.aboutOne .videoBox video {width: 100%;}

@media screen and (min-width: 960px) {
  @media (any-hover: hover) {
  .aboutOne .list li:hover {flex: 1.5;}
  .aboutOne .list li:hover .bjBox {opacity: 1;}
  .aboutOne .list li:hover .titBox .icBox img {filter: none; -webkit-filter:none;}
  .aboutOne .list li:hover .titBox span {color: #fff;}
  .aboutOne .list li:hover .text p {color: #fff;}
  }
}

.aboutTwo {background: #f3f5f9; padding: 1.5rem 0;}
.aboutTwo .list {padding: 0; margin-top: .8rem;}
.aboutTwo .tit {font-size: 0.5rem;color: #333333;	font-family: 'monBold';}

.aboutThre {padding: 1rem 0; padding-bottom: 2rem; background: #f3f5f9;}
.aboutThre .tit {font-size: 0.5rem;color: #333333;	font-family: 'monBold';}
.aboutThre .box {display: flex; justify-content: space-between; margin-top: 1rem; align-items: center;}
.abThSwiper1 {max-height: 2.8rem; flex-shrink: 0; margin-right: 1rem;}
.abThSwiper1 .year {font-size: 0.9rem;color: #D6DBE3;	font-family: 'monRegular'; line-height: 1; height: 100%; display: flex; align-items: center; cursor: pointer; transition: .5s;}
.abThSwiper1 .swiper-slide-thumb-active .year {color: #00CCCC;}
.abThSwiper2 {padding-bottom: .3rem;}
.abThSwiper2 .slideBox {display: flex; justify-content: space-between;}
.abThSwiper2 .imgBox {width: 57%;border-radius: 200px; overflow: hidden;}
.abThSwiper2 .imgBox img {width: 100%;height: 100%; object-fit: cover; transform: scale(1.2); opacity: 0; transition: opacity 1s cubic-bezier(.435,.25,.15,.965),transform 1.5s cubic-bezier(.435,.25,.15,.965);overflow: hidden;}
.abThSwiper2 .swiper-slide-active .imgBox img {opacity: 1; transform: scale(1);}
.abThSwiper2 .text {width: 38%; margin-top: .8rem;}
.abThSwiper2 .text p {color: #707070; font-size: var(--font18); line-height: 1.6;  font-weight: 300;	font-family: 'monLight';}
.aboutThre .swControl {width: 33%;position: absolute;bottom: .2rem; z-index: 1; left: auto; height: 2px;right: 0; display: flex; align-items: center;}
.aboutThre .swControl .swiper-pagination {position: relative; width: 30%; background: #f3f5f9; height: 3px;}
.aboutThre .swControl .swiper-pagination span {background: #222;}
.aboutThre .swControl .jtBox {display: flex;}
.aboutThre .swControl .swjt {position: relative; margin: 0;}
.aboutThre .swControl .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: .3rem;}

.aboutFour {padding: 1rem 0;}
.aboutFour .tle {display: flex; justify-content: space-between; align-items: center;}
.aboutFour .tit {font-size: 0.5rem;color: #333333;	font-family: 'monBold';}
.aboutFour .nav ul {display: flex; gap: .2rem;}
.aboutFour .nav li a {width: 1.8rem; height: .6rem; min-width: 100px; display: flex; align-items: center; justify-content: center; border: 1px solid #021326; color: #333; transition: .5s; border-radius: 1rem;}
.aboutFour .nav li.tab-active a {background: #05b0b6; color: #fff; border-color: #05b0b6;}
.aboutFour .swiperBox {margin-top: .6rem;}
.aboutFour .swiperBox .item.item-hidden {display: none;}
.aboutFour .swiperBox .item.item-visible {display: block;}
.aboutFour .swiper {--swiper-theme-color: #00CCCC;}
.aboutFour .swiper .swiper-slide .imgBox img {width: 100%;}


/* ======产品====== */
.proOne { background: url(../images/proOne-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
/* 产品导航 */
.proOnenav ul {display: flex; justify-content: space-between; position: relative; z-index: 1;}
.proOnenav ul::after {content:""; width: 86%; left: 7%; height: 1px; background: #C8CBCE; position: absolute; top: .03rem; z-index: -1;}
.proOnenav li {width: calc(100% / 4); text-align: center;}
.proOnenav li i {width: 0.1rem;height: 0.06rem; background: #8d8d8d;transform: skew(-35deg); display: block; margin: auto; transition: .5s;}
.proOnenav li span {color: #5B5B5B;	font-family: 'monRegular'; margin-top: .3rem; display: block; transition: .5s;}
.proOnenav li.on i {transform:scale(2) skew(-35deg); background: #00CCCC;}
.proOnenav li.on span {font-size: var(--font20); color: #00CCCC;}
@media (any-hover: hover) {
.proOnenav li:hover i { background: #00CCCC;}
.proOnenav li:hover span {color: #00CCCC;}
}

.proOneCon {margin-top: 1rem; display: flex; justify-content: space-between; align-items: center;}
.proOneCon .imgBox {width: 40%; display: flex; align-items: center; justify-content: center;}
.proOneCon .imgBox img {max-width: 100%;}
.proOneCon .info {flex: 1; margin-left: 5%;}
.proOneCon .info .tit {font-size: 0.6rem;color: #333333;font-weight: 700;	font-family: 'monBold';}
.proOneCon .info .text {margin-top: .5rem;}
.proOneCon .info .text p {color: #666666; padding-left: 15px; position: relative; line-height: 1.8;	font-family: 'monRegular';}
.proOneCon .info .text p::before {content: "";  width: 6px; height: 6px; border-radius: 50%;background: #00cccc; position: absolute;top: .1rem; left: 0;}

.proTwo {padding: 1rem 0; padding-bottom: 2rem;}
.proTwo .tleBox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.proTwo .tleBox .tit {font-size: 0.73rem;font-weight: 700;color: #00cccc;	font-family: 'monBold';}
.proTwo .tleBox ul {display: flex; flex-wrap: wrap; width: 55%; justify-content: space-between;}
.proTwo .tleBox li {display: flex; align-items: center; width: 50%; margin: .05rem 0;}
.proTwo .tleBox li i {margin-right: 5px;}
.proTwo .list {margin-top: 1.2rem;}
.proTwo .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem;}
.proTwo .list li {background: #f3f5f9;border-radius: 0.2rem; padding: .4rem; text-align: center;}
.proTwo .list li .imgBox {display: flex; justify-content: center; align-items: center;}
.proTwo .list li .imgBox img {width: 100%; max-width: 100%; transition: .5s;}
.proTwo .list li span {color: #333333; font-size: var(--font20); display: block; margin-top: .1rem;}
.proTwo .list li:hover .imgBox img {transform: scale(1.03);}
.proTwo .list li:hover span {color: #00CCCC;}
.proOnenav li a{text-transform:capitalize}
/* 产品详情 */
.back{position: relative;top:0;}
.proDateOne {background: url(../images/proDateOne-bj.jpg) no-repeat center; background-size: cover; padding:.3rem 0 0 0; padding-top: 1.5rem;}
.proDateOne .back a {display: inline-flex; align-items: center;}
.proDateOne .back span {color: #333; font-size: var(--font17); margin-left: .1rem;} 
@media (any-hover: hover) {
  .proDateOne .back a:hover svg path {fill: #00cccc;}
  .proDateOne .back a:hover span {color: #00cccc;}
}
.proDateOne .box {position: relative;  display: flex; justify-content: space-between; align-items: center; }
.proDateOne .le {width: 50%; position: relative; z-index: 2;}
.proDateOne .re {width: 42%; display: flex; align-items: center; justify-content: center;}
.proDateOne .re img {max-width: 100%;}
.proDateOne .tle h3 {font-size: 0.4rem;font-weight: 700;color: #00cccc;    line-height: 1;}
.proDateOne .tle h4 {font-size: 0.3rem;font-weight: 700;color: #00cccc;}
.proDateOne .tle span {font-size: var(--font24); color: #00cccc;}
.proDateOne .text {margin-top: .4rem; padding-bottom: .3rem; border-bottom: 1px solid rgba(249, 249, 249,.4);}
.proDateOne .text p {color: #333;}
.proDateOne .text {margin-top: .5rem;}
.proDateOne .text p {color: #666666; padding-left: 15px; position: relative; line-height: 1.8;	font-family: 'monRegular';}
.proDateOne .text p::before {content: "";  width: 6px; height: 6px; border-radius: 50%;background: #00cccc; position: absolute;top: .1rem; left: 0;}

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

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

/* ======应用===== */



/* =======news====== */
.ny-banner {position: relative;}
.ny-banner .bjBox img {width: 100%; min-height: 4.5rem; object-fit: cover;}
.ny-banner .tit {font-size: 0.99rem;font-weight: 700;color: #ffffff;	font-family: 'monBold';}

.newslist {margin: 1rem 0 2rem; }
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem;}
.newslist li a {overflow: hidden; display: block;background: #ffffff;border-radius: 0.2rem;box-shadow: 0.05rem -0.03rem 0.65rem 0rem rgba(0,0,0,0.05); }
.newslist li .imgBox {position: relative; overflow: hidden;}
.newslist li .imgBox img {width: 100%; transition: .5s;}
.newslist li .imgBox em {font-size: var(--font14);font-family: 'AliBaRegular'; position: absolute; left: 0; bottom: 0;background: rgba(5, 183, 184,.8); border-radius: 0rem 0.2rem 0rem 0rem; padding: .12rem .2rem; color: #fff;}
.newslist li .info {padding: .35rem; padding-bottom: .8rem;}
.newslist li .info .p1 {color: #05b7b7; font-size: var(--font14); font-family: 'AliBaRegular';}
.newslist li .info .p2 {margin-top: .1rem; font-size: var(--font24);font-weight: 700;	font-family: 'AliBaBold'; line-height: 1.3;}
.newslist li .info .p2 p {transition: .5s;}
.newslist li .info .p3 {font-family: 'AliBaRegular';margin-top: .2rem;}
.newslist li .info .p3 p {color: #818181; }
.newslist li:hover .imgBox img {transform: scale(1.05);}
.newslist li:hover .p2 p {color: #00cccc;}

/* 新闻详情 */
.proDateNav {background: rgba(239, 235, 232,.6); padding: .3rem 0; padding-top: .2rem;}
.proDateNav .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.proDateNav .box .mbx {margin-top: .1rem; margin-right: 1rem;}
.proDateNav .page {display: flex; align-items: center; margin-top: .1rem; }
.proDateNav .page a {display: flex; align-items: center;}
.proDateNav .page a i {margin-top: -.02rem;}
.proDateNav .page a span {margin: 0 .1rem;}
.proDateNav .page .prev {margin-right: 1rem;}
.proDateNav .page .prev i {transform: rotate(180deg);}
.proDateNav .page a:hover {color: #00cccc;}
.proDateNav .page a:hover svg path {fill: #00cccc;}


/* 新闻详情 */
.mbx a {color: #666666; margin-top: .2rem; position: relative;}
.mbx a:hover {color: #00cccc;}

.newsDateMain {padding-top: 0; padding-bottom: 1rem;}
.newsxq-box {padding: 0.6rem 0; 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:.55rem ; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #F2F2F2; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: var(--font26); color: #333; font-weight: normal;}
.newsxq-title .titleDisc {margin-top: .2rem;}
.newsxq-title .titleDisc ul {display: flex; align-items: center; flex-wrap: wrap;}
.newsxq-title .titleDisc ul li {display: flex;align-items: center; color: #666; margin-right: .3rem;}
.newsxq-title .titleDisc li .icBox { margin-right: .15rem;}
/* 编辑框内容 */
.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;}
.newsxq-box .news-right h2 {	font-family: 'monBold'; font-size: var(--font26);}
.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(--font16) ;transition: .35s;font-weight: 700;margin-top: .1rem;		font-family: 'monBold';}
.newsDate .relist li:hover h6 {color: #00cccc;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: linear-gradient(99deg,#007299 0%, #00cccc 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{display: flex; align-items: center;} 
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; margin-top: .02rem;color: #666666;}
.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: #00cccc;color: #fff;}
.backlist svg {margin-right: .1rem;}
.backlist a:active {background: #05b0b6;}

.newsxq-page .pagefy:active em {color: #00cccc; }
.newsxq-page .pagefy:active svg path {fill: #00cccc;}
@media (any-hover: hover) {
.newsxq-page .pagefy:hover em {color: #00cccc; }
.newsxq-page .pagefy:hover svg path {fill: #00cccc;}
}


/* 联系我们 */
.tactOne {background: #f3f5f9; padding: 1rem 0 1.5rem;}
.tactOne .box {display: flex; justify-content: space-between;}
.tactOne .tit {font-size: 0.7rem;color: #333333;	font-family: 'monBold';}
.tactOne .le {width: 46%; padding-right: .9rem; border-right: 1px dashed rgba(51, 51, 51,.5);}
.tactOne .re {width: 54%; padding-left: .9rem;}
.tactOne .le .addrs {margin-top: .8rem;}
.tactOne .le .addrs dt {color: #00cccc; font-size: var(--font28);font-weight: 700;	font-family: 'AliBaBold'; margin-bottom: .4rem;}
.tactOne .le .addrs dd {display: flex; align-items: center; margin: .2rem 0;}
.tactOne .le .addrs dd .icBox {margin-right: .1rem;}
.tactOne .le .addrs dd span , .tactOne .le .addrs dd span a {color: #333333;	font-family: 'AliBaRegular';font-weight: 400; font-size: var(--font18);}
.tactOne .le .addrs dd span a:hover {color: #00CCCC;}
.tactOne .le .links {margin-top: 1rem;}
.tactOne .le .links dl {display: flex; margin-top: .2rem;}
.tactOne .le .links dl dd {margin-right: .18rem;}
.tactOne .le .links dl dd a {display: flex; align-items: center; justify-content: center; width: 0.66rem; height: 0.66rem; background: #ffffff; border-radius: 50%; transition: .5s;}
.tactOne .le .links dl dd svg {max-width: 50%;}
.tactOne .le .links dl dd:hover a {background: #00cccc;}
.tactOne .le .links dl dd:hover svg path {fill: #fff;}

.tactOne .formBox {margin-top: .6rem; background: #ffffff;border: 1px solid #c5c5c5;border-radius: 0.5rem; padding: .5rem; box-sizing: border-box;}
.tactOne .formBox .tit2 {font-size: var(--font20);font-family: 'monBold'; color: #00CCCC; padding-bottom: .2rem; border-bottom: 1px solid #E9E9E9;}
.tactOne .formBox form {margin-top: .4rem;}
.tactOne form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactOne form .inBox {width: 48.5%; margin-bottom: .2rem;}
.tactOne form .inBox label {color: #333333;font-family: 'monLight'; font-size: var(--font15);font-weight: 300;}
.tactOne form .inBox input {margin-top: .1rem; height: 0.5rem; min-height: 38px; background: #f2f6f7;border-radius: 8px; border-color: transparent;}
.tactOne form .inBox.insect input {font-size: var(--font15);}
.tactOne form .inCode .codeBox {position: relative;}
.tactOne form .inCode input {padding-right: 100px;}
.tactOne form .inCode img {position: absolute; padding: .1rem; box-sizing: border-box; right: 0; top: 0; height: 100%;}
.tactOne form .sub {width: 100%; display: flex; justify-content: center;}
.tactOne form .sub button {padding: .14rem .25rem; height: auto; line-height: initial;	font-family: 'monBold'; background: #00cccc;border-radius: 0.1rem; display: flex; align-items: center;}
.tactOne form .sub button i {margin-left: .14rem;}
.tactOne form .layui-form-select dl dd.layui-this {color: #00CCCC;}
.tactOne form input:focus , .tactOne form .layui-textarea:focus {border-color: #00CCCC !important; box-shadow: 0 0 0 3px rgba(0, 204, 204,.1);}
.tactOne form .layui-form-danger+.layui-form-select .layui-input, .tactOne form  .layui-form-danger:focus {border-color: #ff5722 !important;     box-shadow: 0 0 0 3px rgba(255,87,34,.08);}

.tactTwo {padding: 1rem 0;}
.tactTle {padding-bottom: .4rem; border-bottom: 1px solid #f1ebf4;}
.tactTle .t1 {font-size: .5rem; font-weight: 700;}
.tactTle .t2 {font-size: var(--font28); color: #00cccc; font-weight: 700;}

.tactTwo .list {padding-bottom: 1rem; border-bottom: 1px solid #f7f7f7;}
.tactTwo .list .tit {font-size: var(--font28); text-align: center; margin: .4rem 0;}
.tactTwo .list ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem;}
.tactTwo .list li {background: #f7f7f7; min-height: 3rem; padding-top: .6rem; text-align: center;}
.tactTwo .list li .icBox {margin-bottom: .3rem; height: .5rem; display: flex; align-items: center; justify-content: center;}
.tactTwo .list li .icBox img {max-height: 100%; object-fit: contain;}
.tactTwo .list li .p1 , .tactTwo .list li .p2 {font-size: .24rem; font-weight: 600; }
.tactTwo .list li .p2 a {margin-top: 0; color: #333;}
.tactTwo .list li .p3 {font-size: var(--font18); color: #6d6d6d;}

.tactTwo .links {margin-top: 1rem;}
.tactTwo dl {display: flex;align-items: center;}
.tactTwo dl dt {font-size: .24rem; margin-right: .2rem;}
.tactTwo dl .ddbox {display: flex;}
.tactTwo dl dd {}
.tactTwo dl dd a {display: flex; align-items: center; justify-content: center; width: 0.66rem; height: 0.66rem; background: #ffffff; border-radius: 50%; transition: .5s;}
.tactTwo dl dd svg {max-width: 50%;}
.tactTwo dl dd svg path {fill: revert-layer;}
.tactTwo dl dd:hover a {background: #00cccc;}
.tactTwo dl dd:hover svg path {fill: #fff;}

.tactMap img {width: 100%;}

.tactThre {padding: 1rem 0;}
.tactThre .formBox {width: 75%;}
.tactThre form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactThre form .inBox {width: 32%; margin-top: .3rem;}
.tactThre form .inBox label {color: #333333;font-family: 'monLight'; font-size: var(--font15);font-weight: 300;}
.tactThre form .inBox input , .tactThre form .inBox textarea {margin-top: .1rem; height: 0.5rem; min-height: 38px; background: #f2f6f7;border-radius: 8px; border-color: transparent;}
.tactThre form .inBox.inMessage {width: 100%;} 
.tactThre form .inBox textarea {height: 1.6rem; resize: none;}
.tactThre form .inBox.insect {width: 66%;}
.tactThre form .inBox.insect input {font-size: var(--font15);}
.tactThre form .inCode {width: 60%;}
.tactThre form .inCode .codeBox {position: relative;}
.tactThre form .inCode input {padding-right: 100px;}
.tactThre form .inCode img {position: absolute; padding: .1rem; box-sizing: border-box; right: 0; top: 0; height: 100%;}
.tactThre form .sub {width: 100%; margin-top: .3rem;}
.tactThre form .sub button {padding: .14rem .25rem; height: auto; line-height: initial;	font-family: 'monBold'; background: #00cccc;border-radius: 0.1rem; display: flex; align-items: center;}
.tactThre form .sub button i {margin-left: .14rem;}
.tactThre form .layui-form-select dl dd.layui-this {color: #00CCCC;}
.tactThre form input:focus , .tactThre form .layui-textarea:focus {border-color: #00CCCC !important; box-shadow: 0 0 0 3px rgba(0, 204, 204,.1);}
.tactThre form .layui-form-danger+.layui-form-select .layui-input, .tactThre form  .layui-form-danger:focus {border-color: #ff5722 !important;box-shadow: 0 0 0 3px rgba(255,87,34,.08);}


@media screen and (max-width: 767px) {
.tactTwo .list ul {grid-template-columns: repeat(2,1fr);}

.tactThre .formBox {width: 100%;}
.tactThre form .inBox {width: 48%;}
.tactThre form .inBox.insect {width: 100%;}
.tactThre form .inCode {width: 100%;}
.tactThre form .sub {display: flex; justify-content: center;}
}


/* ====================Customer=================== */
.cationOne .list {padding: 1rem 0;}
.cationOne .list ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .2rem;}
.cationOne .list li {height: 1.8rem; border-radius: .1rem; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; padding: .1rem;}
.cationOne .list li img {max-width: 70%; max-height: 70%; object-fit: contain;}

@media screen and (min-width: 200px) and (max-width: 767px) {
  .cationOne .list ul {grid-template-columns: repeat(3,1fr);}
  .cationOne .list li {height: 1.2rem;}
}