/* =====头部===== */
body {min-width: 1200px; overflow-x: auto;}
#c-placeholder {height: 1rem; min-height: 80px; }
.header {z-index: 999;position: fixed; top: 0; width: 100%; left: 0;  z-index: 99; min-width: 1280px;   border-bottom: 1px solid transparent;}
.headerlogo img {max-width: 3.8rem;}
.header .headerBox {height: 1.2rem; min-height: 80px; display: flex; align-items: center; justify-content: space-between;}
nav {width: 63%; height: 100%;}
nav ul {display: flex; align-items: center; justify-content: space-between; height: 100%;}
nav ul li {position: relative; height: 100%; display: flex; align-items: center;}
nav ul li > a {font-size: var(--font18);color: #fff; position: relative; font-weight: 700; transition: .5s;}
nav ul li > a::after {content: ""; position: absolute; width: 0; bottom: -5px; left: 0; height: 3px; background: #37ADDF; transition: .5s;}
nav ul li:hover > a::after {width: 100%;}
nav ul li.on > a::after {width: 100%;}
/* 二级下拉 */
nav > ul > li .navSedBox {line-height: initial; position: absolute;  left: 50%; top: 100%; transform: translate(-50%, 0%); background: #fff;box-shadow: 0 2px 6px rgb(0 0 0 / 10%); width: max-content; text-align: center; display: none;}
nav > ul > li .navSedBox dd a {font-size: var(--font15);display: block; padding:.15rem .25rem; color: #333; transition: .5s;  }
nav > ul > li .navSedBox dd img {filter: brightness(100); transition: .5s; margin-right: 10px; opacity: 0;}
nav > ul > li .navSedBox dd:hover img {margin-right: 0; opacity: 1;}
nav > ul > li .navSedBox dd:hover a {background: #1C853E; color: #fff;}



/* 搜索下拉 */
.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: #258CC4;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}

.header:hover {background: #fff; border-color: #eee;}
.header:hover nav ul li > a {color: #333;}
/* .header:hover nav ul li > a::after {background: #333;} */
.header:hover .heSearch svg path {fill: #333;}

.header.fh {background: #fff; border-color: #eee;}
.header.fh .headerBox {height: 1rem;}
.header.fh nav ul li > a {color: #333;}
/* .header.fh nav ul li > a::after {background: #37ADDF;} */
.header.fh .heSearch svg path {fill: #333;}

/* =====首页===== */
/* 公用css */
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#00955D #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #00955D; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* 了解更多 */
.more1 {display: inline-flex; padding: .14rem .35rem;min-height: 40px; background: #37ADDF; color: #ffffff; transition: .5s;border-radius: 30px;}
.more1:hover {box-shadow: 0 0 .1rem #37ADDF;}
.more2 {display: inline-flex; padding: .13rem .22rem; background: #ffffff; border-radius: 30px;}
.more2 span {margin-right: .2rem; font-size: var(--font15); color: #164B7D;}


.indexBanner .imgBox img {width: 100%;}
.indexBanner .box .con {text-align: center;}
.indexBanner .box .con .p1 {font-size: var(--font24); font-weight: 300;color: #ffffff;}
.indexBanner .box .con h2 {font-size: 0.5rem;font-weight: 700;color: #ffffff; margin-top: .1rem;}
.indexBanner .box .more {margin-top: .5rem;}
.indexBanner .swiper-pagination {bottom: .45rem;}
.indexBanner .swiper-pagination span {background: #fff;}    
.indexBanner .swiper-pagination-bullet-active {opacity: 1;}

.indexTle h3 {font-size: var(--font46);font-weight: 700;color: #333333;}

.indexOne {padding: 1rem 0;}
.indexOne .box {display: flex; justify-content: space-between; align-items: center;}
.indexOne .le {width: 45%;}
.indexOne .le .text p {color: #666666; line-height: 1.75; margin-top: .3rem; text-indent: 2em;}
/*.indexOne .imgBox {border-radius: 0.2rem; overflow: hidden; width: 49%;}*/
.indexOne .imgBox img {width: 100%;}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: .7rem 0 1rem;}
.indexTwo .indexTle {text-align: center;}
.indexTwo ul {display: flex; justify-content: space-between; margin-top: .65rem;}
.indexTwo li {width: 23%; padding: .45rem .4rem .7rem .4rem; text-align: center; background: #f9f9f9;border-radius: 0.1rem;box-shadow: 0rem 0.12rem 0.65rem 0rem rgba(0,0,0,0.07); }
.indexTwo li .icBox {width: 1rem;height: 1rem; background: #ffffff; border-radius: 50%; margin: auto; display: flex; align-items: center; justify-content: center;}
.indexTwo li h5 {color: #333333; font-size: var(--font18);font-weight: 700; margin-top: .3rem;}
.indexTwo li .text p {color: #666666; font-size: var(--font15);margin-top: .1rem;}
.indexTwo li .icBox img {max-width: 80%; transition: .5s;}
.indexTwo li:hover .icBox img {transform: rotateY(180deg);}

.indexThre {padding-top: .75rem;}
.indexThre .indexTle {text-align: center;}
.indexThre ul {display: flex; justify-content: space-between; margin-top: .55rem;}
.indexThre ul li {position: relative; flex: 1; overflow: hidden; height: 5.8rem; transition: 1s; margin-right: .15rem;}
.indexThre ul li:last-child {margin-right: 0;}
.indexThre ul li .bjBox {height: 100%; position: relative;}
.indexThre ul li .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexThre ul li .show {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;opacity: 1; transition: .5s;transition-delay: 1s;}
.indexThre ul li .shcon {text-align: center;}
.indexThre ul li .show .icBox {width: 1.02rem;  height: 1.02rem; margin: auto;  background: #37ADDF; border-radius: 50%;}
.indexThre ul li .show .icBox img {max-width: 60%;}
.indexThre ul li .show strong {text-align: center; font-size: var(--font30);font-weight: 700;color: #ffffff; display: block; margin-top: .5rem;}
.indexThre ul li .show span {font-family: Arial, Arial-Regular; color: #ffffff; margin-top: .2rem; display: block; text-transform: uppercase;}
.indexThre ul li .hide {position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: .2rem .8rem; transition: .5s;}
.indexThre ul li .hide {opacity: 0;}
.indexThre ul li .hide .icBox img {}
.indexThre ul li .hide .hiTle h6 {font-size: var(--font36); font-weight: 700;color: #ffffff; margin-top: .35rem;}
.indexThre ul li .hide p {color: #ffffff; font-size: var(--font18); margin-top: .3rem; line-height: 1.7;}
.indexThre ul li .hide .more { margin-top: .4rem;}
.indexThre ul li.on {flex: 2;}
.indexThre ul li.on .show {opacity: 0;transition-delay: 0s; }
.indexThre ul li.on .hide {opacity: 1; transition-delay: .6s;}

.indexFour {padding: 1.78rem 0 1.35rem;background: #f9f9f9; }
.indexFour .box {display: flex; justify-content: space-between;}
.indexFour .numlist {margin-top: .8rem;}
.indexFour .numlist ul {display: flex; justify-content: space-between;}
.indexFour li .counter {font-size: 0.56rem; font-family: Arial, Arial-Regular; font-weight: 400; text-align: left; color: #37addf; margin-right: .1rem;}
.indexFour li .jia {font-size: var(--font24);font-family: Arial, Arial-Regular; font-weight: 400; color: #37addf;}
.indexFour li span {font-size: var(--font15);font-weight: 400; color: #565656;}
.indexFour li {display: flex; align-items: center; line-height: 1;}
.indexFour .le .text {margin-top: .65rem;}
.indexFour .le .text p {color: #666666; line-height: 1.7;}
.indexFour .le {width: 54%;}
.indexFour .re {width: 40%;}
.indexFour .re img {max-width: 130%;}
@media screen and (min-width: 200px) and (max-width: 1580px) {
  .indexFour .le {width: 45%;}
  .indexFour .re {width: 50%;}
  .indexFour .re img {max-width: 100%;}
}

.indexFive {padding: .8rem 0 .6rem;}
.indexFive .indexTle {text-align: center;}
.indexFive .swiperBox {margin-top: .8rem;}
.indexFive .imgBox {text-align: center;}
.indexFive .imgBox img {max-width: 100%;}
.indexFive .swiperBox {position: relative; padding-bottom: .8rem;}
.indexFive .swiper {position: static;}
.indexFive .swiper-pagination span {opacity: 0.6;background: #bababa;}
.indexFive .swiper-pagination span.swiper-pagination-bullet-active {background: #37addf; opacity: 1;}

.indexSix {padding: 1.2rem 0;}
.indexSix .box {display: flex; justify-content: space-between;}
.indexSix .swiperBox {width: 46%; overflow: hidden; border-radius: .2rem;}
.indexSix .swiperBox img {width: 100%; height: 100%; object-fit: cover;}
.indexSix .info {width: 50%;margin-top: .2rem;}
.indexSix .info .text {margin-top: .3rem;}
.indexSix .info .p1 {color: #666; line-height: 1.7;}
.indexSix .info .p2 {color: #3d3d3d; font-size: var(--font22); font-weight: 700;}

.footer {padding: .25rem 0;background: #153656; text-align: center;}
.footer p , .footer p a {color: #ffffff;}
/* =========================================================================内页=============================================================================== */
.ny-banner {height: 300px; position: relative; z-index: 1; overflow: hidden;}
.ny-banner .nyTitle { z-index: 1; text-align: center;}
.ny-banner .nyTitle h3 {font-size: .4rem;font-weight: 700;color: #ffffff;}
.ny-banner .nyTitle h4 {text-transform: uppercase; font-size: var(--font34);color: rgba(255, 255, 255, 0.5);font-weight: 700;}
.ny-banner:after {content: "";display: block;position: absolute;top: 0;left: 0;background-color: #000;opacity: 0.4;z-index: 0;width: 100%;height: 100%;}
.ny-banner .imgBox {height: 100%;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;}

/* 内页栏目导航*/
.nynavlist {width: 100%; bottom: 0; z-index: 1;border-bottom:1px solid #ddd;}
.nynavlist ul {display: flex;justify-content: center;flex-wrap: wrap;}
.nynavlist ul li a {padding:.28rem .64rem;display: block; transition: .5s;}
.nynavlist ul li a {font-size: var(--font18); color: #333;}
.nynavlist ul li:hover a {background: #37ADDF;color:#fff  }
.nynavlist ul li.on a {background: #37ADDF;color:#fff  }


/* 产品中心 */
.products-list {margin: 50px 0;}
.products-list .container {width: 1200px;}
.products-list .box-row { display: flex; flex-wrap: wrap;margin: 0 -20px;}
.products-list .box-col { flex: 0 0 31%; max-width: 31%; margin: 0 13px 30px 13px;     box-shadow: 0px 0px 25px 0px rgb(24 25 25 / 3%);}
.products-list .box-col:hover .maks {opacity: 1;}
.products-list .box-col:hover .item .img-box .maks {opacity: 1;}
.products-list .item a {text-align: center;}
.products-list .item .f_wodebut1{margin-left: auto;margin-right: auto;}
.products-list .item .img-box {position: relative;width: 100%;box-sizing: border-box;}
.products-list .item .img-box img { object-fit: cover; object-fit: cover; left: 50%;top: 50%; width: 100%;}
.products-list .item .img-box .maks {opacity: 0;  position: absolute;  z-index: 1;  left: 0;  top: 0;  width: 100%;  height: 100%;  display: flex;  justify-content: center;  align-items: center;  background: rgba(5, 89, 147,.8);  transition: 0.3s;}
.products-list .item .img-box .maks .maks-btn {  display: inline-block;  padding: 10px 30px;    border: 2px solid #fff;  color: #fff;  font-size: 16px;}
.products-list .item .con {padding: .3rem 0 ;font-weight: bold; border-top:1px solid #eee; margin: 0;  font-size: 16px;  white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;  color: #1f242a;}
.products-list .item em {display: none;margin-bottom: 0.05rem;color: #999;}
.products-list .item span {display: block;}

/* 产品详情 */
.proDateOne {background: #fdfdfd; padding: 0.5rem 0;}
.proDateOne .box {display: flex;}
.proDateOne .le {width: 45%; background: #fff;border-radius: 0.1rem; box-shadow: 0rem 0rem 0.21rem 0rem rgba(0,0,0,0.03); overflow: hidden;}
.proDateSwiper {height: 100%;}
.proDateSwiper .imgBox {display: flex; justify-content: center; align-items: center; height: 100%; padding: .25rem; box-sizing: border-box;}
.proDateSwiper .imgBox img {max-width: 100%; max-height: 100%;}
.proDateSwiper .swiper-pagination-bullet-active {background: #37ADDF;}
.proDateOne .con {width: 54%; padding: .5rem; box-sizing: border-box;}
.proDateOne .con h4 {font-size:36px; font-weight: 700;color: #333; border-bottom: 1px solid #C3C3C3; padding-bottom: .2rem;}
.proDateOne .con .text {margin-top: .3rem;}
.proDateOne .con .text p {font-weight: 400;color: #767676;}
.proDateOne .con .more {display: flex; margin-top: 1rem;}
.proDateOne .more a {background: #37ADDF; border-radius: 0.1rem; padding: .15rem .32rem; color: #ffffff; font-weight: 700; font-size: var(--font18); transition: .5s;}
.proDateOne .more a:nth-child(2) {background: #37ADDF; margin-left: .2rem;}
.proDateOne .more a:hover {box-shadow: 0 0 10px #37ADDF;}

.proDateTwo {padding:0.5rem 0;}
.proDateTwo .tit {text-align: center;font-size: var(--font48); font-weight: 400;color: #1d1d1d;}
.proDateTwo .box {margin-top: .5rem;}
.proDateTwo img {max-width: 100%;}

.proDateOne .con .text span{
  display: block; margin-bottom: 5px}


.pro-editbox table{width: 100%!important;}
.pro-editbox .table0 tr td{padding: 10px!important; background: #e5e5e3}
.pro-editbox .table0 tr td:nth-child(odd){background: #37addf!important; color: #fff!important;}

.pro-editbox .table2 { border-collapse: collapse; text-align: center}
.pro-editbox .table2 tr td{border: 1px solid #ddd; padding: 10px!important }

.pro-editbox .table-pic2 { border-collapse: collapse; background: #f5f5f5; margin-bottom: 20px }
.pro-editbox .table-pic2 tr td{border: none!important; padding: 0!important}

.tray tr td{border: 1px solid #ddd!important;}
.value-table{width: 100%!important;}
.value-table tr{display: flex}
.value-table tr td{display: flex; align-items: center;justify-content: center;width: 20%!important;}


.pro-editbox .htable-pic2 { border-collapse: collapse; text-align: center!important;}
.pro-editbox .htable-pic2 tr td{border: 1px solid #ddd; padding: 10px!important }


.contact-banner{display:none}



.pro-editbox .htable-pic2 tr td,.pro-editbox .htable-pic2 tr td:nth-child(odd){background:#fff!important;}
.products-list .item span{font-size: 18px}
.products-list .item h3{display: block; font-size: 15px; color: #666}

.proDateOne .con span{display: block; font-size: 16px; color: #666; font-weight: normal}


.pro-editbox ul li{LIST-STYLE-TYPE: disc!important; margin-left: 20px; }

.about-right{border-radius: 0.2rem;
  overflow: hidden;
  width: 49%;}


.products-list .item h3,.proDateOne .con span{display: none}