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

/* 导航 */
.header nav {width: 55%;}
.header nav > ul {display: flex; align-items: center; height: 100%; justify-content: space-between;}
.header nav > ul > li {position: relative;display: flex; align-items: center; height: 100%; }
.header nav > ul > li > a {color: #333; transition: .4s; position: relative; font-size: var(--font20); display: flex; align-items: center; height: 100%;}
.header nav > ul > li > a::after {content: ""; position: absolute; left: 0%; bottom: 0; left: 50%; width: 0%;height: 0.04rem; background: #00955D;border-radius: 0.01rem; transition: .5s;}
.header nav > ul > li:hover > a , nav ul > li.on > a {color: #00955D;}
.header nav > ul > li:hover > a::after , nav ul > li.on > a::after {width: 100%; left: 0%;}
/* 下拉菜单 */
.navTwo {line-height: initial; width: max-content; padding: .1rem;position: absolute;top: 100%;left: 50%;transform: translate(-50%, 50px);z-index: 10;background: #fff;opacity: 0;pointer-events: none;transition: all 0.4s;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.06);}
.navTwo.on {opacity: 1;pointer-events: auto;transform: translate(-50%, 0);}
.navTwo dl {padding: 0 .1rem;}
.navTwo dl dd a {font-size: var(--font14);display: block;padding: .12rem .05rem;border-bottom: 1px solid #dbdbdb;text-align: center; transition: .4s;}
.navTwo dl dd:last-child a {border: none;} 
.navTwo dl dd a:hover {color: #00955D;}
/* 下拉菜单2 */
.navTwo2 {position: fixed; width: 100%; left: 0; top: .9rem;background: #fff;border-top: 1px solid #e5e5e5; padding: .35rem 0; display: none;}
.navTwo2 ul {display: flex; justify-content: space-around; width: 1200px; max-width: 68%; margin: auto;}
.navTwo2 li {text-align: center;}
.navTwo2 li .icBox {height: .45rem; display: flex; align-items: center; justify-content: center;}
.navTwo2 li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.navTwo2 li span {display: block; margin-top: .15rem; transition: .4s;}
.navTwo2 li:hover .icBox img {filter: none; -webkit-filter:none;}
.navTwo2 li:hover span {color: #00955D;}

/* 头部右侧 */
.headerRe {display: flex; align-items: center;}
.heSearch {margin-left: .4rem;} 


/* ===============首页改板================== */
/* 头部2 */
.header2 {background: #fff; padding-top: .2rem; position: sticky; top: 0; z-index: 11;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.06);}
.head2logo {}
.head2logo a {}
.head2logo img {max-width: 3rem; max-height: 100%;}
.header2Box .box {display: flex; justify-content: space-between; align-items: center;}
/* 导航 */
.header2 nav > ul {display: flex; justify-content: space-between;}
.header2 nav > ul > li {padding: .2rem 0; position: relative;}
.header2 nav > ul > li > a {color: #333333; font-size: var(--font18);font-weight: 400;  font-family: "montRegular"; display: flex; align-items: center;}
.header2 nav > ul > li > a > i {margin-left: .05rem;}
.header2 nav > ul > li:hover > a , nav ul > li.on > a {color: #00955D;}
.header2 .navTwo2 {top: 1.3rem;}
@media screen and (min-width: 200px) and (max-width: 1580px) {
    .header2 .navTwo2 {top: 1.56rem;}
}
/* 头部右侧 */
.head2Re {width: 68%;}
.headTop {display: flex; justify-content: flex-end;}
.headTop .lang {padding: 0 .27rem; height: 0.46rem; min-height: 40px; border: 1px solid #888888; border-radius: 50px; display: flex; align-items: center; justify-content: center; position: relative;}
.headTop .lang span {margin: 0 .1rem;}
.headTop .dlBox {opacity: 0; visibility: hidden; transition: .5s; transform: translateY(30%); position: absolute; top: 100%; background: #fff; box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0,.3); width: 100%; left: 0; text-align: center; z-index: 1;}
.headTop .dlBox .item a {padding: .1rem 0; transition: .5s; display: block;}
.headTop .dlBox .item:hover a {background: #00955D; color: #fff;}
.headTop .lang:hover .dlBox {transform: translateY(0); opacity: 1; visibility: visible;}
.heus {margin-left: .15rem;}
.heus a {height: 0.46rem; min-height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 .15rem; background: #00955D; border-radius: 50px; color: #fff;    font-weight: 300;}

/* 公用部分 */
.more5 {display: inline-flex; align-items: center; padding: .15rem .20rem; background: #00955d;border-radius: 30px; transition: .5s;}
.more5 span {font-size: var(--font15); margin-left: .1rem; color: #fff;}
.more5:active {box-shadow: 0 0 .1rem #00955D;}
@media (any-hover: hover) {
    .more5:hover {box-shadow: 0 0 .1rem #00955D;}
}

.index2Tle .p1 {font-size: var(--font24); margin-bottom: .1rem;}
.index2Tle .tit {font-size: var(--font46);font-weight: 700;}
.index2Tle .tit span {display: block; line-height: 1; text-transform: uppercase;}

/* banner */
.bannerSwiper2 {overflow: hidden; position: relative; z-index: 2; background: #fff;}
.bannerSwiper2 {height: 100%;}
.bannerSwiper2 .imgBox {height: 100%;}
.bannerSwiper2 .imgBox img {width: 100%;height: 100%; object-fit: cover;}
.bannerSwiper2 .con .str1 {font-size: .62rem; line-height: 1.2;font-weight: 500; color: #fff;}
.bannerSwiper2 .con .more {margin-top: .5rem;}
/* 控件 */
.bannerSwiper2 .swjt.swiper-button-prev {transform: rotate(180deg); left: auto; top: 35%;}
.bannerSwiper2 .swjt {top: 63%; right: 2%;}
.bannerSwiper2 .pagtion {left: auto; right: 2%; top: 50%;   bottom: auto; width: auto; transform: translateY(-50%);}
.bannerSwiper2 .pagtion .swiper-pagination-bullet {margin: .1rem 0; display: block; position: relative; opacity: 1; width: auto; height: auto; background: none;}
.bannerSwiper2 .pagtion .pag {width: 28px; height: 28px; border: 2px solid transparent; border-color: transparent; background: none; opacity: 1; box-sizing: border-box; display: block; border-radius: 50%; position: relative; margin: auto;}
.bannerSwiper2 .pagtion .pag i {width: 4px;height: 4px;background: #616161;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.bannerSwiper2 .pagtion .svgBox {width: 130%; height: 130%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: .4s;}
.bannerSwiper2 .pagtion .svgBox svg {fill: none;transform: rotate(-90deg); fill: none;stroke-width:3px;stroke:#00955D;stroke-dasharray:130; stroke-dashoffset:130; overflow: visible;}
.bannerSwiper2 .pagtion .swiper-pagination-bullet span {opacity: 0;}
.bannerSwiper2 .pagtion .swiper-pagination-bullet-active .pag {border-color: rgb(255, 255, 255)}
.bannerSwiper2 .pagtion .swiper-pagination-bullet-active .pag svg {animation: dashTooffset 6s linear forwards;}
.bannerSwiper2 .pagtion .swiper-pagination-bullet-active .pag i {opacity: 0;}
.bannerSwiper2 .pagtion .swiper-pagination-bullet-active span {opacity: 1;}
.bannerSwiper2 .pagtion .swiper-pagination-bullet span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 10px; color: #fff;}
@keyframes dashTooffset {0% {stroke-dashoffset: 130;}100% {stroke-dashoffset: 0;}}

.index2one {background: url(../images/home2/index2one-bj.jpg)no-repeat center; background-size: cover; padding: .8rem 0 1.6rem;}
.index2one ul {display: flex;}
.index2one li {width: calc(100%/4);border: 1px solid #eaeaea; margin-left: -1px; padding: .4rem .2rem; background: #fff; margin-top: .6rem; transition: .5s;}
.index2one li .icBox {height: .75rem; display: flex; align-items: center;}
.index2one li .icBox img {max-width: .8rem; max-height: 100%;}
.index2one li .p1 {color: #333333; font-weight: 700; font-size: var(--font24); margin-top: .35rem; transition: .5s;}
.index2one li .p2 {margin-top: .15rem;}
.index2one li .p2 p {color: #666666; font-size: var(--font14);    height: 1.5rem; overflow-y: auto;}
.index2one li .more {display: flex; align-items: center; margin-top: .45rem;}
.index2one li .more span {margin-left: .08rem; transition: .5s;}
.index2one li:hover {box-shadow: 0 0 .1rem #ddd; position: relative; z-index: 1;}
.index2one li:hover .p1 {color: #00955D;}
.index2one li:hover .more {color: #00955D;}
.index2one li:hover .more path {fill: #00955D;}

.index2Two {background: url(../images/home2/index2Two-bj.jpg) no-repeat center; background-size: cover; padding: 1.3rem 0 3.2rem; box-sizing: border-box;}
.index2Two .box {display: flex; justify-content: space-between;}
.index2Two .le {width: 50%;}
.index2Two .le .text {margin-top: .3rem;}
.index2Two .le .text p {font-weight: 300; line-height: 1.6; color: #DCE4EC;}
.index2Two .le .more {margin-top: .5rem;}
.index2Two .re {width: 32%;}
.index2Two .re ul {display: flex;justify-content: space-between; flex-wrap: wrap; row-gap: .5rem;}
.index2Two .re li:last-child {width: 100%;}
.index2Two .re li .p1 {color: #ffffff;opacity: 0.35;}
.index2Two .re li .num {display: flex; align-items: flex-end; line-height: 1; margin-top: .15rem;}
.index2Two .re li .counter {font-size: 0.6rem;color: #ffffff;}
.index2Two .re li .em {font-size: .35rem;color: #ffffff; margin-left: .1rem;}

.index2Thre {padding: 1rem 0;}
.index2Thre ul {display: flex; justify-content: space-between;}
.index2Thre li {width: 23%; text-align: center; margin-top: 1rem;}
.index2Thre li .icBox {height: .65rem; display: flex; align-items: center;justify-content: center;}
.index2Thre li .icBox img {max-height: 100%; max-width: 100%;}
.index2Thre li .p1 {margin-top: .4rem;color: #00955d; font-size: var(--font19);}
.index2Thre li .p2 {margin-top: .25rem;font-weight: 300;}
.index2Thre li .more {display: flex; justify-content: center; margin-top: .4rem;}
.index2Thre li .more a {background: #00955d;border-radius: 50px; padding: .14rem .36rem; transition: .5s; color: #fff;}
.index2Thre li .more a:hover {box-shadow: 0 0 .1rem #00955D;}

.index2Four {background: #f3f3f3;padding: .9rem 0; z-index: 1; position: relative;}
.index2Four dl {width: 30%; position: relative; z-index: 1;}
.index2Four dl dd {margin: .33rem 0;}
.index2Four dd .p1 {font-size: var(--font14);color: #00955d;font-family: "montLight";font-weight: 300;}
.index2Four dd .p2 {display: flex; align-items: center; font-size: var(--font20);  font-family: "montMedium"; margin-top: .1rem;}
.index2Four dd .p2 .icBox {margin-right: .1rem;}
.index2Four dd .p3 {color: #666666;font-family: "montLight"; margin-top: .1rem;}
.index2Four .mapBox {position: absolute; right: 0; bottom: 0; z-index: 0; width: 76%;}
.index2Four .mapBox img {width: 100%;}
.index2Four li {position: absolute;right: 0; top: 0; z-index: 1;}
.index2Four li .cirle {position: relative;}
.index2Four li .cirle i {width: .12rem; height: .12rem; border-radius: 50%; display: block;background: #00955d; position: relative; z-index: 2;}
.index2Four li .cirle::after {background: #fff; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1;  animation: scale 2s infinite;}
.index2Four li.li1_1 .cirle i {width: 0.14rem;height: 0.14rem;}
.index2Four li.li1_2 .cirle i {width: 0.2rem;height: 0.2rem;}
.index2Four li.li2 .cirle i {background: #ffffff;}
.index2Four li.li2 .cirle::after {background: #7c8a94;animation: scale2 2s infinite;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}
@keyframes scale2 {0% {transform:translate(-50%, -50%) scale(1); opacity: .9; }100% { transform:translate(-50%, -50%) scale(6);opacity: 0;}}
.index2Four ul .li1 {right: 12.5%;top: 55%;}
.index2Four ul .li1_1 {right: 11%;top: 52%;}
.index2Four ul .li1_2 {right: 10.5%;top: 57%;}
.index2Four ul .li2_1 {top: 45%;right: 80%;}
.index2Four ul .li2_2 {top: 39%;right: 70.5%;}
.index2Four ul .li2_2 .cirle::after {animation-delay: 1.5s;}
.index2Four ul .li2_3 {top: 78%;right: 72%;}
.index2Four ul .li2_4 {top: 60.5%;right: 45.35%;}
.index2Four ul .li2_4 .cirle::after {animation-delay: 1.5s;}
.index2Four ul .li2_5 {top: 22%;right: 39.5%;}
.index2Four ul .li2_5 .cirle::after {animation-delay: 1.5s;}
.index2Four ul .li2_6 {top: 12%;right: 35%;}

.inTouch {text-align: center; padding: .8rem 0;}
.inTouch .text {margin-top: .2rem;}
.inTouch .text p {color: #555555; font-size: var(--font14);font-weight: 300;}
.inTouch form {margin-top: .3rem; display: flex; justify-content: center;  margin-top: .35rem; position: relative;}
.inTouch form .inBox {position: relative;}
.inTouch form input {max-width: 100%; width: 5.4rem; height: 0.57rem; min-height: 40px; background: #333333; border-radius: 0.05rem; padding: 0 .25rem; padding-right: 150px; box-sizing: border-box; color: #fff;} 
.inTouch form button { background: #00955d;border-radius: 0.05rem; margin-left: .1rem;width: 0.57rem;height: 0.57rem; min-height: 40px; min-width: 40px; cursor: pointer;}
.inTouch form button svg {max-width: 50%;}
.inTouch form .imgCode {position: absolute; right: 0; top: 102%; height: 100%; max-width: 45%;}
.inTouch form .imgCode img {width: auto;height: 100%;object-fit: contain;position: absolute;left: 0; top: 0; transform: translateX(-110%);}

/* 底部 */
.footer2 {padding: .3rem 0;}
.footer2 .box {border-top: 1px solid rgba(85, 85, 85,.35); padding-top: .35rem; display: flex; align-items: center; justify-content: space-between;}
.follow .tit {color: #333333;font-weight: 700;	font-family: 'AliBaBold'; font-size: var(--font20);}
.follow dl {display: flex; margin-top: .2rem;}
.follow dd {margin-right: .18rem;}
.follow dd a {display: flex; align-items: center; justify-content: center; width: 0.4rem; height: 0.4rem; min-height: 30px; min-width: 30px; background: #CCCCCC; border-radius: 50%; transition: .5s;}
.follow dd svg {max-width: 50%;}
.follow dd svg path {fill: #fff;}
.follow dl dd:hover a {background: #00955d;}
.footer2 .le {flex: 1; margin-right: .5rem;}
.foternav2 {margin-top: .35rem; width: 70%;}
.foternav2 ul {display: flex; justify-content: space-between;}
.foternav2 li a {font-size: var(--font18); font-family: "montRegular"; color: #333; transition: .5s;}
.foternav2 li a:hover {color: #00955D;}
.coryRight2 {margin-top: .2rem;}
.coryRight2 p {color: #868686; font-size: var(--font15);  font-family: "montLight";}
.coryRight2 p a:hover {color: #00955D;}
.footer2 .re {flex-shrink: 0;}
.footer2 .re a {padding: .12rem .21rem;background: #00955d;border-radius: 40px; color: #fff; font-size: var(--font15);}
.footer2 .re a span {margin-right: .15rem;}



/* 头部留言弹窗 */
#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: 1px solid rgba(189, 189, 189,.62); border-radius: 5px}
#c-sub-pop .c-box .inBox input {border: 0; 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 input {width: calc(100% - 120px);}
#c-sub-pop .c-box .inBox img {position: absolute;top: 50%; left: calc(100% - 6px); width: 116px; height: 48px;-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; font-size: 16px; border-radius: 30px; background: #00955D; 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 #00955D;}

@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: 40px;}
  #c-sub-pop .c-box .inBox img {width: 88px; height: 36px;}
}





/* =====首页===== */
/* 公用css */
/* 滚动条 */
::-webkit-scrollbar {width: 5px; /* 纵向滚动条*/ height: 5px; /* 横向滚动条 */ background-color: #fff; scrollbar-width:thin;scrollbar-color:#00955D #DDDDDD;}
/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #E5E5E5}
/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); background: #00955D;  border-radius: 5px;}
.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: .12rem .25rem; border: 1px solid #ffffff; border-radius: 30px; color: #ffffff; transition: .5s;}
.more1 svg {margin-left: .18rem;}
.more1:active {background: #fff; color: #00955D;}
.more1:active svg path {fill: #00955D;}
.more2 {display: inline-flex; background: #00955d;border-radius: 30px; color: #fff; padding: .14rem .4rem; transition: .5s;}
.more3 {display: inline-flex;background: none;border-radius: 30px; border: 1px solid #fff; color: #fff; padding: .14rem .4rem; transition: .5s;}
.more2:active {-webkit-box-shadow: 0 0 0 0.1rem rgba(0, 149, 93,.2); box-shadow: 0 0 0 0.1rem rgba(0, 149, 93,.2);}
.more3:active {background: #fff; color: #00955D;}

@media (any-hover: hover) {
    .more1:hover {background: #fff; color: #00955D;}
    .more1:hover svg path {fill: #00955D;}
    .more2:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(0, 149, 93,.2); box-shadow: 0 0 0 0.1rem rgba(0, 149, 93,.2);}
    .more3:hover {background: #fff; color: #00955D;}
}

/* banner */
.indexBanner {overflow: hidden; position: relative; z-index: 2; background: #fff;}
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%;height: 100%; object-fit: cover;}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {}
.bannerSwiper .str1 {font-size: 0.72rem; font-weight: 800;color: #ffffff; line-height: 1.2;   font-family: "FUTURA";}
.bannerSwiper .str2 {margin-top: .35rem; font-size: 0.72rem;font-family: "FUTURA";font-weight: 700;text-align: left;color: rgba(255, 255, 255,.17); position: relative; display: inline-block;}
.bannerSwiper .str2::after {content: ""; position: absolute; width: 100%; height: .1rem; background: #fff; opacity: .17;left: 0; bottom: 0;}
.bannerSwiper .swiper-pagination {align-items: center; width: auto; height: 100%; display: flex; flex-direction: column; justify-content: center; left: 1%;}
.bannerSwiper .swiper-pagination span {width: 0.12rem;height: 0.12rem;opacity: 0.24;background: #ffffff; display: block; margin: .05rem 0 !important;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #00955D; opacity: 1;}

/* 首页 */
.indexOne {padding: 1rem 0;}
.indexOne ul {display: flex; justify-content: space-between;}
.indexOne li {text-align: center; width: 30%;}
.indexOne li .imgBox img {max-width: 100%;}
.indexOne li .tle {margin: .5rem 0;}
.indexOne li h5 {font-size: var(--font30);font-weight: 700; color: #222222;}
.indexOne li span {font-size: var(--font18);font-weight: 500;color: #666666;display: block;}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1.6rem 0; position: relative;}
.indexTwo .box {display: flex; justify-content: flex-end; overflow: hidden;}
.indexTwo .le {position: absolute; left: 0%; top: 50%; transform: translate(-0%, -50%); width: 50%;width: 50%; overflow: hidden; height: 100%;}
.indexTwo .le img {width: 100%; height: 100%; object-fit: cover;}
/* .indexTwo .le::after {content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #00955D; position: absolute; transition: 1s;} */
.indexTwo .le img {max-width: 100%;}
.indexTwo .box .re {width: 45%;}
.indexTwo .re .sm {font-size: var(--font22);font-weight: 700;color: #ffffff;}
.indexTwo .re h4 {font-size: var(--font40);font-weight: 700;color: #ffffff; line-height: 1.1; margin-top: .2rem;}
.indexTwo .re .text {margin-top: .4rem;}
.indexTwo .re .text p {font-weight: 500;color: #ffffff; line-height: 1.7;}
.indexTwo .re .more {margin-top: .5rem;}
/* .indexTwo .bigBox.on .le::after {left: 100%;} */

.indexThre {background: #f9f9f9; padding: 1rem 0;}
.indexThre .bigBox {max-width: 2400px; margin: auto; position: relative;}
.indexThre .re {width: 50%; position: absolute; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); height: 100%; overflow: hidden;}
.indexThre .re img {width: 100%; height: 100%; object-fit: cover;}
.indexThre .le {width: 48%;}
.indexThre .le h3 {font-size: var(--font48);font-weight: 700;color: #222222;}
.indexThre .le li {margin-top: .5rem;}
.indexThre .le li:last-child {padding-bottom: .5rem;}
.indexThre .le li h5 {font-size: var(--font30);font-weight: 700;color: #222222; position: relative;}
.indexThre .le li h5::before {content: ""; position: absolute;content: ""; position: absolute; width: 0; height: 1px; background: #eee;opacity: 0.38;background: #000000;left: -101vw; top: 50%; transition: .5s;}
.indexThre .le li span {font-size: var(--font15);font-weight: 500; color: #666666;}
.indexThre .le li:hover h5::before {width: 100vw;}

.indexThre2 {padding: 1rem 0 1.5rem; padding-bottom: 0;}
.indexThre2 .tle {text-align: center;}
.indexThre2 .tle h3 {font-size: var(--font48);font-weight: 700; color: #222222;}
.indexThre2 ul {display: flex; justify-content: space-between; margin-top: 1rem;}
.indexThre2 li { background: none;  width: 23%; position: relative; transition: .5s;}
.indexThre2 li a {border: 5px solid #E1E1E1; display: block; transition: .5s; height: 100%; transition-delay: 0.7s;}
.indexThre2 li .i1 {position: absolute; height: 0; left: 0; top: 0; background: #00955d; content: ""; width: .05rem; transition: .2s;transition-delay: .4s;}
.indexThre2 li .i2 {display: block; width: 0;top: 0; left: 50%; background: #00955d; height: .05rem; transition: .5s; position: absolute; transition-delay: .7s;}
.indexThre2 li .i3 {position: absolute;display: block;width: 100%;top: 0;right: 0;}
.indexThre2 li .i3::after { position: absolute; height: 0; left: auto; right: 0; top: 0; background: #00955d; content: ""; width: .05rem; transition: .2s;transition-delay: .4s;}
.indexThre2 li .i4 {top: auto; bottom: 0;background: #5d6c81;}
.indexThre2 li .i5 {top: auto; bottom: 0;background: #5d6c81;}
.indexThre2 li .i6 {top: auto; bottom: 0;}
.indexThre2 li .i6::after {top: auto; bottom: 0;background: #5d6c81;} 
.indexThre2 li .con {padding: .65rem .4rem; height: 100%; transition: .5s;}
.indexThre2 li .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.indexThre2 li .tle {margin-top: .6rem; text-align: left;}
.indexThre2 li .tle h4 {font-size: var(--font28); color: #333333; line-height: 1.2; text-transform: uppercase;}
.indexThre2 li .xian {font-size: var(--font14);opacity: 0.4;font-weight: 700;color: #5e5e5e; margin-top: .25rem;}
.indexThre2 li p {margin-top: .25rem;color: #5e5e5e; line-height: 1.7;}
.indexThre2 li:hover a {border-color: transparent; transition-delay: 0s;}
.indexThre2 li:hover .con {background: #F8FBFE;}
.indexThre2 li:hover .icBox img {filter: none; -webkit-filter:none;}
.indexThre2 li:hover .i1 {height: .25rem;}
.indexThre2 li:hover .i2 {width: 100%; left: 0;  transition-delay: 0s;}
.indexThre2 li:hover .i3::after {height: .25rem;}   

@media screen and (min-width: 200px) and (max-width: 1280px) {
    .indexThre2 ul {flex-wrap: wrap;}
    .indexThre2 li {width: 48%; margin: .3rem 0;}
}
@media screen and (min-width: 200px) and (max-width: 640px) {
    .indexThre2 li {width: 100%;}
}




.indexFour {padding: 1.2rem 0;}
.indexFour .tle {text-align: center;}
.indexFour .tle h3 {font-size: var(--font48);font-weight: 700; color: #222222;}
.indexFour .swiperBox {margin-top: .5rem;}
.inFoSwiper .imgBox { display: flex; align-items: center; justify-content: center; height: 60px;}
.inFoSwiper .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.inFoSwiper .swiper-pagination {display: none;}

.indexFive {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.indexFive .box {text-align: center;}
.indexFive h4 {font-size: 0.52rem;color: #ffffff;}
.indexFive .more {margin-top: .7rem;}

.indexFive2 {background: url(../images/indexFive-bj.jpg) no-repeat center; background-size: cover; padding: 1.8rem 0; background-attachment: fixed;}
.indexFive2 .tle .icBox {display: flex; align-items: center; font-size: var(--font24); color: #fff; font-family: Arial, Helvetica, sans-serif;font-weight: 700;}
.indexFive2 .tle .icBox i {width: 1.2rem;height: 1px;opacity: 1; background: rgba(255, 255, 255, 1); margin-left: .1rem;}
.indexFive2 .tle h3 {font-size: .48rem; color: #FFFFFF; margin-top: .2rem;}
.indexFive2 ul {display: flex; margin-top: 1rem;}
.indexFive2 li .num {display: flex; align-items: center; font-size: .72rem; color: #fff; font-family: Impact; font-weight: 500;    line-height: 1;}
.indexFive2 li .num .counter {min-width: 1.15rem;}
.indexFive2 li {margin-right: 1.65rem;}
.indexFive2 li:first-child .num {align-items: flex-end;}
.indexFive2 li .num span {font-size: var(--font24); font-family: Arial;}
.indexFive2 li .text {font-size: var(--font24);color: #FFFFFF;margin-top: .1rem; }
@media screen and (min-width: 200px) and (max-width: 760px) {
    .indexFive2 {padding: 1rem 0;}
    .indexFive2 .tle h3 {text-align: center;}
    .indexFive2 ul {flex-wrap: wrap; justify-content: space-between;}
    .indexFive2 li {margin-right: 0; width: 40%; margin: .4rem 0; text-align: center;}
    .indexFive2 li .text {font-size: var(--font18);}
    .indexFive2 li:last-child {width: 100%; text-align: center;}
    .indexFive2 li .num {justify-content: center;}
}


/* =====底部===== */
.foterBox {display: flex; justify-content: space-between; padding: .4rem 0 .6rem 0;}
.foterlogo {text-align: center;}
/* .foterlogo img {max-width: 50%;} */
.foterus {margin-top: 0rem;}
.foterus .item .icBox {width: .5rem; height: .5rem; border: 1px solid #eee;border-radius: 50%;display: flex; align-items: center;justify-content: center;}



.foterus .item {display: flex; align-items: center; margin: .1rem 0;}
.foterus span {color: #333333;  margin-left: .15rem;}


.foterBox .links ul li {position: relative;}
.foterBox .links ul li > a {width: 0.5rem; height: 0.5rem;min-width: 40px;min-height: 40px; background: rgba(0, 0, 0, 0.1); border-radius: 50%;transition: .5s;}
.foterBox .links ul li > a svg {max-width: 50%; margin: auto;}
.foterBox .links ul li > a svg path {transition: .5s; fill: #fff;}
.foterBox .links ul li:hover > a {background: #00955D;}
.foterBox .links ul li:hover > a img {filter: brightness(100); -webkit-filter:brightness(100);}
.foterBox .links ul li:hover > a svg path {fill: #fff;}

.foterBox .links .wxCode {position: absolute; left: 50%;top: 150%;transform: translate(-50%, 0%); transition: .5s; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0,.2); padding: .1rem; border-radius: 5px; box-sizing: border-box;}
.foterBox .links .wxCode::after {content: "";width: .15rem; height: .1rem; background: #fff;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);  position: absolute; left: 50%; top: -2%; transform: translate(-50%, -50%);}
.foterBox .links .wxCode img {max-width: 1rem;}
.foterBox .links ul li:hover .wxCode {visibility: visible; opacity: 1; top: 100%; }


.foternav {display: flex; width: 53%; justify-content: space-between; margin-top: .2rem;}
.foternav dl dt {margin-bottom: .2rem;}
.foternav dl dt a {color: #333333; font-size: var(--font20); font-weight: 700;}
.foternav dl dd {margin: .07rem 0; font-size: var(--font18);}
.foternav dl dd a {color: #8a8a8a; }
.foternav dl dd a:hover {color: #00955D;}
.foterCode {margin-top: .2rem; text-align: center;}
.foterCode span {color: #8A8A8A;font-size: var(--font14); margin-top: 0.15rem; display: block;}
.foterCopy .box {padding: .25rem 0; border-top: 1px solid #DDDDDD;}
.foterCopy .box p , .foterCopy .box p a {color: #8a8a8a; font-size: var(--font14);}
.foterCopy .box p a:hover {color: #00955D;}


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

/* =====内页banner===== */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .con {text-align: center;}
.ny-banner .con h2 {font-size: 0.7rem;font-family: "FUTURA";; font-weight: 900;  color: #ffffff; text-transform: uppercase;}
.mbx {color: #fff;}
.mbx a {font-size: var(--font18);font-weight: 500;color: #fff; margin: 0 5px;}
.mbx a:hover {color: #00955D;}

/* ====关于我们===== */
.aboutTle h3 {font-size: var(--font40); font-weight: 700; color: #00955d;}

.aboutOne { padding: 1.25rem 0;}
.aboutOne .box {display: flex; justify-content: space-between;}
.aboutOne .le {width: 25%;}
.aboutOne .re {width: 66%;}
.aboutOne .le li {display: flex; margin-top: .7rem;}
.aboutOne .le li .icBox {width: .4rem; margin-right: .2rem;}
.aboutOne .le li .icBox img {max-width: 100%;}
.aboutOne .le li .num {display: flex;font-size: var(--font42);font-family: Arial, Arial-Regular;color: #222222;}
.aboutOne .le li .m2 {font-size: .25rem;}
.aboutOne .le li span {color: #222222;}
.aboutOne .re .str {color: #222222;font-weight: 700; font-size: var(--font24);}
.aboutOne .re .text p {margin-top: .3rem;color: #555555; line-height: 1.6; }
.aboutOne .imgBox {position: relative; margin-top: .7rem;padding-bottom: 31%;}
.aboutOne .imgBox .img {position: absolute; width: 100%; height: 100%; left: 0; top: 0;  background: url(../images/aboutOne-img.jpg) no-repeat center; background-size: 100%; background-attachment: fixed;}

.aboutTwo {background: #f6f6f6; padding: 1rem 0; overflow: hidden;}
.aboutTwo .aboutTle {text-align: center;}
.aboutTwo .swiperBox1 {position: relative; margin-top: 1rem;}
.aboutTwo .swiperBox1::before {content: ""; position: absolute;width: 0.14rem;height: 0.14rem;background: #00955d; border-radius: 50%; top: 0; transform: translateY(-50%); left: 0;}
.abTwoSwiper1 .swiper-slide {width: auto;}
.abTwoSwiper1 .year {padding: .2rem 0; text-align: center; cursor: pointer; color: #999999;font-size: var(--font18);font-family: Arial, Arial-Regular; transition: .4s;}
.abTwoSwiper1 .swiper-slide-thumb-active  .year {color: #00955D;}
.abTwoSwiper1 .year:hover {color: #00955D;}
/* .abTwoSwiper1 .swiper-slide-thumb-active .year, .abTwoSwiper1 .swiper-slide-thumb-active+.swiper-slide .year{color: #00955D;}
.abTwoSwiper1 .swiper-slide-thumb-active+.swiper-slide+.swiper-slide .year {color: #00955D;} */
.abTwoSwiper1 .swiper-slide:has(~ .swiper-slide-thumb-active) .year {color: #00955D;}
.aboutTwo .swiper-pagination {height: 1px; background: #bdbec0;}
.aboutTwo .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #00955D;}
.aboutTwo .swjt {transform: translateX(calc(100% + .4rem));top: 0;}
.aboutTwo .swiperBox2 {margin-top: 1.2rem;}
.abTwoSwiper2 {overflow: visible;}
.abTwoSwiper2 .swiper-slide {}
.abTwoSwiper2 .time {font-size: 0.56rem; font-family: Arial, Arial-Regular; font-weight: 400;color: #00955d; line-height: 1;}
.abTwoSwiper2 .swiper-slide:nth-child(2n + 1) .time {padding-top: .6rem;}
.abTwoSwiper2 h5 {font-size: var(--font24);font-weight: 700;color: #333333; margin-top: .24rem;}
.abTwoSwiper2 .text {margin-top: .2rem;}
.abTwoSwiper2 .text p {color: #4f4f4f;}
.abTwoSwiper2 .imgBox img {max-width: 100%;}
.aboutTwo .his_btm {margin-top: .8rem; text-align: center; font-size: var(--font14);}
.aboutTwo .his_btm i {animation: heart 1.3s linear infinite;}
.aboutTwo .his_btm svg path {fill: rgba(23,28,35,.5);}
.aboutTwo .his_btm span {color: rgba(23,28,35,.5); margin-top: .2rem; display: block;}
@keyframes heart{from{transform:translate(0,0);opacity: 0;} to{transform:translate(0,50%); opacity: 1;}}

.aboutThre {background: #00955D; position: relative; overflow: hidden;}
.aboutThre .aboutTle h3 {color: #fff;}
.aboutThre .le {padding: 1.5rem 0; width: 45%;}
.aboutThre .le .text {margin-top: .3rem;}
.aboutThre .le .text p {color: #ffffff; line-height: 1.8;}
.aboutThre .le .text p {margin-bottom: .3rem;}
.aboutThre .le .text p:last-child {margin-bottom: 0;}
.aboutThre .re {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); height: 100%; width: 50%; overflow: hidden;}
.aboutThre .re img {width: 100%; height: 100%; object-fit: cover;}
.aboutThre2 {background: #444;}
.aboutThre2 .le {margin-left: auto;}
.aboutThre2 .re {transform: translate(-0%, -50%); left: 0;}

.customer {position: relative;}
.customer .aboutTle {position: absolute;left: 50%;transform: translateX(-50%);top: .5rem;width: 100%;}
@media screen and (max-width:1024px) {
    .customer .aboutTle {padding: .6rem 0; position: relative; left: 0; transform: none; top: 0 !important;}
    .customer .aboutTle p {margin-bottom: 0 !important;}
}
@media screen and (max-width:767px) {
    .customer .aboutTle {top: .3rem;}
    .customer .aboutTle p {padding: 0 !important;}
}


.aboutFour {padding: 1.1rem 0;}
.aboutFour .aboutTle {text-align: center;}
.aboutFour ul {display: flex; justify-content: space-between;}
.aboutFour li {text-align: center; margin-top: .7rem; width: 30%;}
.aboutFour li .imgBox {display: flex; align-items: center; justify-content: center;}
.aboutFour li .imgBox img {max-width: 100%; transition: .5s;}
.aboutFour .con {margin-top: .3rem;}
.aboutFour .con h5 {font-size: var(--font30); font-weight: 700;color: #222222;}
.aboutFour .con span {color: #666666; font-size: var(--font18); margin-top: .1rem; display: block;}
.aboutFour .con .more {margin-top: .3rem; color: #00955D;}
.aboutFour li:hover .imgBox img {transform: scale(1.1);}

.aboutFive {background: #f9f9f9;}
.aboutFive .aboutTle {text-align: center;}
.aboutFive .aboutTle h3 {color: #00955D;}

.aboutSix {padding: 1rem 0 1.5rem 0; background-color: #f5f5f5;}
.aboutSix .box {display: flex; justify-content: space-between; gap: .4rem;}
.aboutSix .le {width: 40%;}
.aboutSix .le .contact-addr {margin-top: 20px; color: #333; font-size: var(--font18);}
.aboutSix .le .contact-addr strong {font-weight: 700; color: #333;}
.aboutSix .le .contact-cards {margin-top: .35rem; display: flex; flex-direction: column; gap: .12rem;}
.aboutSix .le .contact-card {display: flex; align-items: center; justify-content: space-between; gap: .2rem; padding: .2rem; background: #fff; border-radius: .15rem; }
.aboutSix .le .contact-card-info {flex: 1; min-width: 0;}
.aboutSix .le .contact-card-info li {display: flex; align-items: center; margin: 8px 0;}
.aboutSix .le .contact-card-info li:first-child {margin-top: 0;}
.aboutSix .le .contact-card-info li:last-child {margin-bottom: 0;}
.aboutSix .le .contact-card-info .icBox {width: .28rem; height: .28rem; min-width: 18px; min-height: 18px; margin-right: .14rem; flex-shrink: 0;}
.aboutSix .le .contact-card-info .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.aboutSix .le .contact-card-info span,
.aboutSix .le .contact-card-info a {color: #333; font-size: var(--font18); line-height: 1.4; word-break: break-all;}
.aboutSix .le .contact-card-info a:hover {color: #00955D;}
.aboutSix .le .contact-card-qr {width: 1.2rem; height: 1.2rem; min-width: 90px; min-height: 90px; flex-shrink: 0; background: #e8e8e8; border-radius: .06rem; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.aboutSix .le .contact-card-qr img {width: 100%; height: 100%; object-fit: cover; display: block;}
.aboutSix .le .follow {margin-top: .45rem;}

@media screen and (max-width: 767px) {
  .aboutSix .box {flex-direction: column;}
  .aboutSix .le,
  .aboutSix .re {width: 100%;}
  .aboutSix .le .contact-card-qr {width: 1rem; height: 1rem; min-width: 72px; min-height: 72px;}
  .aboutSix .le .contact-cards {flex-direction: column !important;}
  .aboutSix .le .contact-card {width: 100% !important;}
  .aboutSix .le .contact-card-info li {margin: 10px 0 !important;}
  .aboutSix .le .contact-card-info span, .aboutSix .le .contact-card-info a {font-size: .24rem !important;}
}

.aboutSix .re {width: 50%;}
.aboutSix form {margin-top: 20px;}
.aboutSix .inBox {margin-bottom: .2rem;}
.aboutSix .inBox label {display: block;color: #333333; margin-bottom: .1rem;}
.aboutSix .inBox label em {color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.aboutSix .inBox input , .aboutSix .inBox textarea { padding: 0 .15rem; width: 100%; height: 0.45rem; min-height: 38px; background: #ffffff; border: 1px solid #dadada;border-radius: 0.05rem;}
.aboutSix .inBox input::placeholder , .aboutSix .inBox textarea::placeholder {color: rgba(191, 191, 191,.5);font-size: var(--font14);}
.aboutSix .inBox textarea {resize: none; height: .8rem; min-height: 60px; padding: .15rem;}
.aboutSix .inBox .codeBox {position: relative;}
.aboutSix .inBox .codeBox input {padding-right: 110px;}
.aboutSix .inBox .codeBox .imgCode { position: absolute; height: 80%; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: .1rem;border-radius: 0.18rem; overflow: hidden;}
.aboutSix .inBox .codeBox .imgCode img {border-radius: 20px;}
.aboutSix .sub button {padding: .15rem 0; width: 100%;background: #00955d; border-radius: 30px; color: #fff; font-size: var(--font18); cursor: pointer;}

.aboutQual {padding: 1.1rem 0;}
.aboutQual .aboutTle {text-align: center;}
.aboutQual .box {display: flex; justify-content: center; gap: .25rem; margin-top: .7rem; flex-wrap: wrap;}
.aboutQual .imgBox {width: 2.4rem; height: 3.2rem; background: #2E9BEE; overflow: hidden; border: 1px solid #eee;}
.aboutQual .imgBox img {width: 100%; height: 100%; object-fit: cover; display: block;}

.proOne {padding: 1rem 0; overflow: hidden;}
.proOne .le {width: 42%; padding: .3rem 0 .8rem 0;}
.proOne h5 {font-size: var(--font30);font-weight: 700;color: #333333;}
.proOne .text {margin-top: .5rem;}
.proOne .text p {color: #666666; text-align: justifyLeft; line-height: 1.7;}
.proOne .more {margin-top: .8rem;}
.proOne .box {display: flex; justify-content: space-between;}
.proOne .bigBox {max-width: 1920px; margin: auto; position: relative;}
.proOne .re {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); height: auto; width: 50%;}
.proOne .re img {width: 100%; height: 100%; object-fit: cover;}

.prolist ul li {background: #f9f9f9; padding: 1rem 0;}
.prolist li .box {display: flex; justify-content: space-between;}
.prolist li .imgBox {width: 33%; overflow: hidden;}
.prolist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.prolist li .con {width: 62%; padding: .4rem 0;}
.prolist li h6 {font-size: var(--font36);font-weight: 700; color: #333333; display: inline-block;}
.prolist li .text {margin-top: .25rem;}
.prolist li .text p {color: #666666; line-height: 1.7;}
.prolist li .imgBox:hover img {transform: scale(1.1);}
.prolist li h6:hover {color: #00955D;}
.prolist li:nth-child(even) , .prolist li:last-child {background: #fff;}
.prolist li:nth-child(even) .con {order: -1;}

.proDateThre {background: #F9F9F9; padding: 1.2rem 0; overflow: hidden;}
.proDateThre .box {display: flex; justify-content: space-between; }
.proDateThre .le .tle strong {font-size: var(--font48);font-weight: 400; color: #333; line-height: 1.25;}
.proDateThre .le .text {margin-top: .45rem;}
.proDateThre .le span {font-weight: 400;color: #666666;}
.proDateThre .le .more { margin-top: 1.4rem;}
.proDateThre .le .more a {display: inline-flex;font-weight: 400;color: #fff;}
.proDateThre .le .more svg {margin-left: .1rem; transition: .5s;}
.proDateThre .le .more a:hover svg {margin-left: .2rem;}
.proDateThre .le {width: 30%;}
.proDateThre .re {width: 55%;}
.proDateThre .re .reTit {font-weight: 400; color: #1d1d1d; font-size: var(--font19);font-weight: 700; padding-left: .25rem;}
.proDateThre .re ul {margin-top: .4rem;}
.proDateThre li { cursor: pointer; margin-bottom: .15rem;}
.proDateThre li .f_tit {position: relative; padding: .22rem 0; background: #EBF1F7;padding-left: .4rem; padding-right: 1rem; transition: .5s;}
.proDateThre li .f_tit .tit {font-weight: 500; color: #666; position: relative; }
.proDateThre li .but {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: .6rem;}
.proDateThre li .but .i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: var(--font29);font-weight: 400; color: #00955D;}
.proDateThre li .but .i2 {display: flex;justify-content: center; align-items: center; width: 0.25rem;height: 0.25rem;background: rgba(166, 155, 99 ,.15); border-radius: 50%; opacity: 0; padding-bottom: .05rem;}
.proDateThre li .jut {display: none;}
.proDateThre li .jut .font {width: 100%; padding: .1rem 0; padding-left: .4rem; padding-right: 1rem;}
.proDateThre li .jut .font p {font-size: var(--font15); color: #666666;}
.proDateThre li.on .f_tit {background: none;}
.proDateThre li.on .tit {color: #333;}
.proDateThre li.on .i1 {opacity: 0;}
.proDateThre li.on .i2 {opacity: 1;}
.proDateThre li.on .but svg {transform: rotate(90deg);}

/* 产品详情 */
.proDateOne {background: #fdfdfd; padding: 1rem 0;}
.proDateOne .box {display: flex;}
.proDateOne .le {width: 46%; 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: #00955D;}
.proDateOne .con {width: 51%; padding: .6rem 1rem; box-sizing: border-box;}
.proDateOne .con h4 {font-size: var(--font32); 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: #00955D; 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: #00955D; margin-left: .2rem;}
.proDateOne .more a:hover {box-shadow: 0 0 10px #00955D;}

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

/* ====服务团队===== */
.serveOne {background: #f9f9f9; padding: 1rem 0;}
.serveOne .tit {font-size: var(--font48);font-weight: 700; color: #00955d; text-align: center;}
.serveOne ul {display: flex; justify-content: space-between;}
.serveOne li {text-align: center; margin-top: .8rem; width: 32%; text-align: center;}
.serveOne li .counter {font-size: 0.7rem; font-weight: 700; color: #333333; display: inline-block;}
.serveOne li .jia {color: #333333;font-weight: 700; font-size: var(--font42); display: inline-block;}
.serveOne li p {color: #666666; padding-top: .2rem; width: 50%; margin: auto;}
.serveOne li:nth-child(2) p {width: 80%;}

.servelist {padding-bottom: .5rem;}
.servelist li {display: flex; justify-content: space-between; padding: .85rem 0; border-bottom: 1px dashed rgba(158, 158, 158,.55);}
.servelist li:last-child {border: 0;}
.servelist li .imgBox {width: 42%; display: flex; align-items: center; justify-content: center;}
.servelist li .imgBox img {max-width: 100%; max-height: 100%; object-fit: cover;}
.servelist li .con {padding: .52rem 0; width: 53%;}
.servelist li h5 {font-size: var(--font40);font-weight: 700; color: #333333;}
.servelist li .p1 {color: #666666;font-weight: 500; margin-top: .2rem;}
.servelist li .p2 {margin-top: .5rem;}
.servelist li .p2 p {color: #666666; margin: .1rem 0;}
.servelist li .p2 p span {color: #00955D;}
.servelist li:nth-child(even) .con {order: -1;}

/* =====邮箱===== */
.contactOne .box {padding: 1.2rem 0; border-bottom: 1px solid rgba(184, 184, 184,.24);}
.contactOne ul {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: .2rem; margin-bottom: .3rem;}
.contactOne li {display: flex; align-items: center; }
.contactOne li .icBox {width: 0.56rem;height: 0.56rem; min-width: 40px; min-height: 40px; background: #f8f8f8; border-radius: 50%; margin-right: .2rem; flex-shrink: 0;}
.contactOne li .icBox img {max-width: 50%;}
.contactOne li span {color: #B8B8B8;}
.contactOne li p , .contactOne li p a {color: #333333; font-size: var(--font24);}
.contactOne li p a:hover {color: #00955D;}

.contactTwo .tle {font-size: var(--font48); font-weight: 500; color: #00955d; text-align: center;}
.contactTwo form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.contactTwo form .inBox {width: 49%;}
.contactTwo form .inBox input , .contactTwo form .inBox textarea {background: #fafafa;border-color: 1px solid #dadada;}
.contactTwo form .inBox.inTextBox {width: 100%;}
.contactTwo form .inBox.inTextBox textarea {height: 1.4rem;}
.contactTwo form .inBox.inCode {width: 100%;}
.contactTwo form .sub {width: 50%; margin: auto; margin-top: .8rem;}