/* =====头部===== */ 
body {min-width: 1250px;overflow-x: auto;}
#c-placeholder {height: 1rem;min-height: 80px;}
header {min-width: 1250px; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s; background: rgba(255, 255, 255,.7); box-shadow: -0.17rem 0rem 0.08rem 0.17rem rgba(18,50,20,0.01); }
.headBox {height: 1rem; min-height: 70px; display: flex; justify-content: space-between; box-sizing: border-box;}
.headBox .logo img {max-width: 3rem; height: auto;}

/* 头部右侧 */
.headBox .re {display: flex; align-items: center;}
/* 导航 */
nav {height: 100%; width: 50%; margin-right: 10%;}
@media screen and (max-width: 1440px){
  nav {margin-right: 5%;}
}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%;}
nav .layui-nav {background: none; padding: 0; position: static;}
nav .layui-nav .layui-nav-item {line-height: initial; display: flex; align-items: center; position: static;}
nav .layui-nav .layui-nav-item > a {padding: 0; font-size: var(--font18);color: #000; position: relative; font-weight: 700; line-height: 1; display: inline-flex; align-items: center;}
nav .layui-nav .layui-nav-more {position: relative; right: -2px;}
nav .layui-nav .layui-this:after, nav .layui-nav-bar {display: none;}
.layui-nav .layui-nav-item > a:hover, .layui-nav .layui-nav-item.layui-this > a {color: #1BA581;}

/* 下拉 */
nav .layui-nav-child { top: 100%;  box-sizing: border-box;width: 100%;    box-shadow: 0 2px 4px rgba(0, 0, 0, .01);}
.layui-nav .layui-nav-child a {padding: 0 10px; line-height: normal;background: none !important;}
nav .layui-nav-child .ddBox {display: flex; justify-content: center; padding: .2rem 0;}
nav .layui-nav-child dd {text-align: center; }
nav .layui-nav-child dd span {display: block; font-size: var(--font16); margin-top: .1rem;}
nav .layui-nav-child dd .imgBox {overflow: hidden;}
nav .layui-nav-child dd .imgBox img {width: 100%; transition: .5s; max-height: 150px; object-fit: cover;}
nav .layui-nav-child dd:hover .imgBox img {transform: scale(1.1);}
.layui-anim-upbit {animation: fadeIn .5s !important;}
/* 搜索按钮 */
.heSearch {cursor: pointer; margin-right: .65rem;}
.heSearch a {}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; 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; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #2AA667;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
}
/* 留言弹窗按钮 */
.headus a {padding: .15rem .3rem;background: linear-gradient(83deg,#41a741 0%, #1ba581 100%);border-radius: 100px;}
/* 留言弹窗 */
#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; }
#c-sub-pop .c-box .inBox input::placeholder {color: #9c9c9c; font-size: var(--font14);}
#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 .inBox.inText textarea {height: 1rem; min-height: 60px; border: 0;border: 1px solid rgba(189, 189, 189,.62); border-radius: 5px; width: 100%; padding: 10px;box-sizing: border-box;  resize: none;}
#c-sub-pop .c-box .inBox.inText textarea::placeholder {color: #9c9c9c; font-size: var(--font14);}

#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: linear-gradient(83deg,#41a741 0%, #1ba581 100%); 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 #41a741;}
@media screen and (min-width: 200px) and (max-width: 767px){
  #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;}
}
.jddwjz{left:56%}
/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#2AA667 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #2AA667; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {display: inline-flex; padding: .14rem .32rem;background: linear-gradient(83deg, #41a741 0%, #1ba581 100%); border-radius: 100px;transition: .5s; position: relative;z-index: 1; overflow: hidden;}
.more1:hover { -webkit-box-shadow: 0 0 0 0.1rem rgba(27, 165, 129,.2); box-shadow: 0 0 0 0.1rem rgba(27, 165, 129,.2);}

.more2 {padding: .14rem .25rem;}
.more2 i {transform: rotate(145deg); color: #fff; margin-left: .14rem;}



/* ======首页======= */
/* banner */
.indexBanner {overflow: hidden; position: relative;}
.indexBanner .swiper {height: 100%;}
.indexBanner .slide .bjBox {height: 100%;}
.indexBanner .slide .bjBox img {width: 100%;height: 100%; min-height: 450px;transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block; object-fit: cover;}
.indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img { transition: 6s linear;transform: scale(1, 1);}
.indexBanner .slide .box {}
.indexBanner .slide .con1 {}
.indexBanner .slide .con1 .p2 {margin-top: .35rem;}
.indexBanner .slide .con1 .more {margin-top: .5rem;}
/* 控件 */
.indexBanner .swiper-pagination {bottom: .4rem;}
.indexBanner .swiper-pagination span {background: #a2a2a2;opacity: 0.22;}
.indexBanner .swiper-pagination .swiper-pagination-bullet-active {background: #2AA667;opacity: 1;}
.indexBanner .swjt {width: 0.64rem;height: 0.64rem;background: rgba(0, 0, 0, 0.2); border-radius: 50%; transition: .5s;}
.indexBanner .swjt svg {max-width: 50%;}
.indexBanner .swjt.swiper-button-next {right: 2%; transform: rotate(180deg);}
.indexBanner .swjt.swiper-button-prev {left: 2%;}
.indexBanner .swjt:active {background: #1BA581;}
.indexBanner .swjt:active i {color: #fff;}
@media (any-hover: hover) {
  .indexBanner .swjt:hover {background: #1BA581;}
  .indexBanner .swjt:hover i {color: #fff;}
}

.indexTle .text {margin-top: .4rem;}

.indexOne {padding: 1rem 0;}
.indexOne .box {display: flex; justify-content: space-between;}
.indexOne .le {width: 35%;}
.indexOne .re {width: 60%;}
.indexOne .re .swiper {height: 100%;}
.indexOne .re .swiper .swiper-slide > div {height:5rem; max-height: 100%;}
.indexOne .thumbBox {background: url(../images/indexOne-thumbBox-xian.png); background-repeat: repeat-x;background-position-y: .16rem; background-position-x: .1rem; margin-top: 1rem; padding-top: .1rem;}
.indexOne .thumbBox {display: flex; align-items: flex-start;}
.indexOne .thumbBox .swiper {padding-left: .1rem;margin: 0;flex: 1;}
.indexOne .thumbBox .slide {cursor: pointer;}
.indexOne .thumbBox .slide .cirle {position: relative; z-index: 1; display: inline-block;}
.indexOne .thumbBox .slide .cirle::after {content: ''; width: 200%; height: 200%; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: #2aa667; position: absolute; z-index: -1; opacity: 0;}
.indexOne .thumbBox .slide .cirle::before {content: ''; width: 300%; height: 300%; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: #fff; position: absolute; z-index: 1; opacity: 1;}
.indexOne .thumbBox .slide .cirle i {display: block; width: 0.1rem;height: 0.1rem;background: #d0d0d0; border-radius: 50%; position: relative; z-index: 1;transition: .5s;}
.indexOne .thumbBox .slide span {display: block;font-size: var(--font14); color: #737373; margin-top: .2rem;}
.indexOne .thumbBox .slide.swiper-slide-thumb-active .cirle::after {animation: scalemap 2s linear infinite; z-index: 1;}
.indexOne .thumbBox .slide.swiper-slide-thumb-active .cirle i {background: #2aa667;}
.indexOne .thumbBox .slide.swiper-slide-thumb-active span {color: #2aa667;}
/* 控件 */
.indexOne .thumbBox .jtBox {position: relative; display: flex; background: #fff;}
.indexOne .thumbBox .jtBox .swjt {position: relative;margin: 0; top: 0; height: auto; left: 0;}
.indexOne .thumbBox .jtBox .swjt i { color: #d0d0d0;}
.indexOne .thumbBox .jtBox .swjt.swiper-button-next { right: 0;}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}
.indexTwo .box {margin-top: .6rem;}
.indexTwo ul {display: flex; justify-content: space-between;}
.indexTwo li {position: relative; width: 23%;background: #ffffff; border-radius: 0rem 0.25rem 0rem 0.25rem;box-shadow: 0rem 0rem 0.11rem 0rem rgba(3,0,0,0.03); padding: .5rem .35rem 1.2rem .35rem;}
.indexTwo li .links {position: absolute; left: 0; top: 0; width: 100%; height: 100%; left: 0; top: 0;} 
.indexTwo li .icBox {height: .5rem; display: flex; align-items: center;}
.indexTwo li .icBox img {max-width:100%; max-height: 100%;}
.indexTwo li .t1 {margin-top: .4rem; font-size: var(--font22);color: #2aa667;}
.indexTwo li .text {margin-top: .2rem;}
.indexTwo li .text p {font-size: var(--font15);color: #666; line-height: 1.7;}
.indexTwo li .more {position: absolute; bottom: .4rem; left: .1rem; transition: .5s;}
.indexTwo li .more .more1 {background: none; z-index: 1;}
.indexTwo li .more .more1::after {content: ''; position: absolute; width: 0; height: 100%; z-index: -1; left: 0; bottom: 0;background: linear-gradient(83deg, #41a741 0%, #1ba581 100%); transition: .5s;}
.indexTwo li .more .more1 span {color: #333;}
.indexTwo li .more .more1 i {color: #2aa667;}
.indexTwo li:hover .more {left: .35rem;}
.indexTwo li:hover .more1::after {width: 100%;}
.indexTwo li:hover .more1 span {color: #fff; transition: .5s;}
.indexTwo li:hover .more1 i {color: #fff; transition: .5s;}


.indexThre {padding: 1rem 0; position: relative; overflow: hidden;}
.indexThre .box {display: flex; justify-content: space-between;}
.indexThre .le {width: 48%;}
.indexThre .re {width: 50%; transform: translateX(15%);position: relative; overflow: hidden;border-radius: 0rem 1.5rem 0rem 1.5rem;}
.indexThre .re img {width: 100%;}
.indexThre .le .text {margin-top: .3rem; text-align: justify;}
.indexThre .le p {line-height: 1.8;}
.indexThre .le .codeBox {margin-top: .5rem; padding-bottom: .35rem; border-bottom: 1px solid rgba(181, 185, 197,.2);}
.indexThre .le .codeBox .xcxCode {text-align: center; position: relative;}
.indexThre .le .codeBox span {display: block;}
.indexThre .le .codeBox .xcxCode .hideCode {border-radius: 5px; padding: .05rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%) translate(110%); box-shadow: 0 0 .1rem rgba(0, 0, 0,.1); box-sizing: border-box; opacity: 0; visibility: hidden; transition: .5s;}
.indexThre .le .codeBox .xcxCode .hideCode img {max-width: 1.5rem;}
.indexThre .le .codeBox .xcxCode:hover .hideCode { opacity: 1; visibility: visible; }
.indexThre .le .libox {margin-top: .7rem;}
.indexThre .le .libox ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexThre .le li {display: flex; align-items: center; margin-right: .5rem;}
.indexThre .le li:last-child {margin-right: 0;}
.indexThre .le li .icBox {margin-right: .1rem;}
.indexThre .le li .icBox img {max-width: .5rem;}
.indexThre .le li .p1 {color: #616161;}

@media screen and (max-width: 1440px) {
  .indexThre .le li {margin-right: .2rem;}
}

.indexFour {background: #fafafa;padding: 1rem 0;}
.indexFour .tle {padding-bottom: .3rem; border-bottom: 1px solid #EEEEEE;}
.indexFour .swiperBox {margin-top: .5rem; position: relative;}
.indexFour .swiper {padding: 0 .05rem;    --swiper-theme-color: #2AA667; position: static;}
.indexFour .slide .time {color: #a4a4a4; margin-top: .35rem;}
.indexFour .slide .jt {width: 0.5rem; height: 0.5rem; border: 1px solid #c6c6c6; border-radius: 50%; margin-top: .3rem;transition: .5s;}
.indexFour .slide .imgBox {overflow: hidden; position: relative; border-radius: 0.1rem;}
.indexFour .slide .imgBox img {width: 100%; height: 100%; object-fit: cover;transition: .5s linear;}
.indexFour .slide:hover .imgBox img {transform: scale(1.1, 1.1); }
.indexFour .slide:hover .jt {background: #2AA667; border-color: #2AA667;}
.indexFour .slide:hover .jt i {color: #fff;}
.indexFour .pagtion {bottom: -.5rem;}

.indexFive {padding: 1rem 0; overflow: hidden; position: relative;}
.indexFive .box {display: flex; justify-content: space-between; align-items: flex-start;}
.indexFive .box .le {width: 39%;}
.indexFive .box .re {width: 65%; position: relative;}
.indexFive .box .le .text {width: 80%;}
.indexFive .box .le .more {margin-top:1.8rem;}
.indexFive .swiperBox {width: 130%;}
.indexFive .swiper {padding: .11rem;}
.indexFive .slide {height: auto;}
.indexFive .slide .slideInfo {height: 100%; padding: .6rem .3rem; padding-bottom: .4rem; background: #ffffff; border-radius: 0.15rem; box-shadow: 0rem 0rem 0.1rem 0rem rgba(3,0,0,0.03); }
.indexFive .slide .p1 {position: relative; display: flex; padding-bottom: .12rem; border-bottom: 1px solid rgba(198, 198, 198,.36);}
.indexFive .slide .p1::after {content: ''; background: url(../images/indexFive-douhao.png) no-repeat center; position: absolute; right: 0; transform: translateY(-110%);}
.indexFive .slide .p1::after {width: .3rem; height: .25rem; top: 0; background-size: contain;}
.indexFive .slide .p1 .Q , .indexFive .slide .p2 .A {width: .28rem; height: .28rem; min-height: 20px; min-width: 20px; color: #fff;background: #2aa667; border-radius: 0.06rem; flex-shrink: 0; margin-right: .15rem;}
.indexFive .slide .p2 .A {background: #eeeeee; color: #333;}
.indexFive .slide .p2 {display: flex; margin-top: .2rem;}
.indexFive .pagtion {position: relative; margin-top: .5rem;}
.indexFive .swiper-pagination-progressbar {background: rgba(198, 194, 197,.2);}
.indexFive .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #2AA667;}
.indexFive .swjt {position: relative; display: inline-flex; top: 0;margin: 0; left: 0; width: 0.5rem; height: 0.5rem; background: #E6E6E6; border-radius: 50%; margin-top: .3rem;transition: .5s;}
.indexFive .swjt i {color: #333;}
.indexFive .swjt:hover {background: #2AA667;}
.indexFive .swjt:hover i {color: #fff;}

/* 右侧固定导航栏 */
.navbar {position: fixed; right: 1%; top: 50%; transform: translateY(-50%) translateX(200%); z-index: 99; opacity: 0; transition: 0s; visibility: hidden;}
.navbar ul {background: url(../images/navbar-xian.png) left; padding: .2rem 0; background-repeat: repeat-y; padding-left: .09rem;}
.navbar li {font-size: var(--font15);color: #666666; margin-top: .25rem;}
.navbar li:first-child {margin-top: 0;}
.navbar li .cirle {position: relative; z-index: 1; display: inline-block; transform: translateX(-100%);}
.navbar li .cirle::after {content: ''; width: 200%; height: 200%; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: #2aa667; position: absolute; z-index: -1; opacity: 0;}
.navbar li .cirle i {display: block; width: 0.1rem;height: 0.1rem;background: #d0d0d0; border-radius: 50%; position: relative; z-index: 1;transition: .5s;}
.navbar li a.active .cirle::after {animation: scalemap 2s linear infinite; z-index: 1;}
.navbar li a.active .cirle i {background: #2aa667;}
.navbar li a.active {color: #2aa667;}
.navbar li a:hover {color: #2aa667;}
.navbar.visible {opacity: 1;transform: translateY(-50%) translateX(0%); transition: 1s; visibility: visible;}
html {scroll-behavior: smooth;}



/* ========================== 底部 ========================== */
.footer {background: #fafafa;padding-top: .7rem;}
.footer .foterBox {display: flex; justify-content: space-between;}
.footer .foterle {width: 25%;}
.footer .form {background: rgba(206, 206, 206,.14); border-radius: 0.27rem; height: .53rem; min-height: 35px; display: flex; justify-content: space-between; margin-top: .3rem;}
.footer .form input {padding: 0 .2rem; height: 100%;}
.footer .form input::placeholder {color: #8E8E8E; opacity: .6; font-size: var(--font15);}
.footer .form button {background: linear-gradient(94deg,#40a743 0%, #1ca57f 100%);border-radius: 0.28rem; padding: 0 .34rem; height: 100%; flex-shrink: 0; cursor: pointer;}
.foternav {display: flex; justify-content: space-between; width: 65%;}
.foternav dl dt , .foternav dl dt a {font-size: var(--font18); font-weight: 700; color: #333; position: relative; padding-bottom: .2rem;}
.foternav dd {margin: .1rem 0;}
.foternav dd a {color: #666666;font-weight: 400;}
.foternav dd a:hover {color: #2AA667;}
.foterCopy {margin-top: 1rem;}
.foterCopy p {border-top: 1px solid rgba(198, 198, 198,.3);padding: .25rem 0;}
.foterCopy p , .foterCopy p a {font-size: var(--font15); color: #666;}
.foterCopy p a:hover {color: #2AA667;}


.codelist {display: flex; margin-top: .4rem;}
.codelist .item {text-align: center;}
.codelist .item:first-child {margin-right: .24rem;}
.codelist .item .code img {max-width: 100%;}
.codelist .item span {display: block; font-size: var(--font14); color: #282828; margin-top: .1rem;}

/* 回到顶部 */
.layui-fixbar li {width: .5rem; height: .5rem; min-height: 35px; min-width: 35px;  border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.layui-fixbar .layui-icon-top:before {content: '';}
.layui-fixbar .layui-icon-top::after {content: ''; width:100%; height: 100%; background: url(../images/top-back.png) no-repeat center;    background-size: 30%;display: block;}


/* ==========================内页=============================== */
.ny-banner {position: relative; }
.ny-banner .imgBox img {width: 100%;}
.ny-banner .box {top: 60%; }
.ny-banner .box .t1 {   text-align: left;}
.ny-banner .w1400{    width: 1200px;
    margin: 0 auto;
    min-width: 73%;
    max-width: 80%;}
.mbx {padding: .15rem 0; border-bottom: 1px solid #eee;}
.layui-breadcrumb a:hover {color: #2AA667 !important;}
.ny-main .box img {max-width: 100%;}


/* 内页栏目导航 */
.ny-nav {border-bottom: 1px solid #e2e2e2; padding: .1rem 0;}
.ny-nav ul {display: flex; justify-content: center;}
.ny-nav ul li {position: relative; overflow: hidden; border-radius: 100px; margin: 0 .1rem; z-index: 1;}
.ny-nav ul li a {padding: .15rem .26rem;color: #333;display: block; transition: .5s;}
.ny-nav ul li::after {content: ''; position: absolute; z-index: -1; width: 0; height: 100%; left: 0;top: 0; background: linear-gradient(93deg,#40a743 0%, #1ca57f 100%); border-radius: 100px; transition: .5s;}
.ny-nav ul li:hover a , .ny-nav ul li.on a {color: #fff;}
.ny-nav ul li:hover::after , .ny-nav ul li.on::after {width: 100%;}

.ny-main .main {padding: .8rem 0;}

.ny-main .main img {max-width: 100%;}
/* .newslist{margin-top:0.5rem} */

/* =====News===== */
.img-gradient {background-image: -moz-linear-gradient( 90deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%); background-image: -ms-linear-gradient( 90deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%);}
.newslist .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newslist .listnav {width: 22%;  border-radius: .2rem; overflow: hidden; padding: .35rem .25rem; box-sizing: border-box; position: sticky; top: 1.5rem;}
.newslist .list {flex: 1; max-width: calc(100% - 22%); margin-left: .7rem;}
.newslist .listnav .tit {position: relative; display: inline-block;}
.newslist .listnav .tit::after {content: ''; width: 60%; height: 2px; background: #fff; position: absolute; bottom: 0; left: 0;}
.newslist .listnav dl {margin-top: .25rem;}
.newslist .listnav dl dd {margin-bottom: .1rem;}
.newslist .listnav dl dd a {display: flex; justify-content: space-between; align-items: center; padding: .15rem .3rem; color: #fff; border-radius: 100px; transition: .5s;}
.newslist .listnav dl dd a::after {content: "\e65c"; transform: rotate(180deg); font-weight: 700; opacity: 0;}
.newslist .listnav dl dd.on a {background: #fff; font-weight: 700;color: #3ca74d;}
.newslist .listnav dl dd.on a::after {opacity: 1;}
.newslist .listnav dl dd:hover a {background: #fff; font-weight: 700;color: #3ca74d;}
.newslist .listnav dl dd:hover a::after {opacity: 1;}
.newslist .list ul li {padding: .5rem 0; border-top: 1px solid #F2F2F2;}
.newslist .list ul li:first-child {border: 0; padding-top: 0;}
.newslist .liBox {display: flex; justify-content: space-between;}
.newslist .liBox .imgBox {width: 38%; overflow: hidden;border-radius: .1rem;}
.newslist .liBox .imgBox img {transition: .5s; width: 100%; height: 100%; object-fit: cover;}
.newslist .liBox .info {width: 58%; margin-top: .15rem;}
.newslist .liBox .time {color: #2AA667;}
.newslist .liBox .tit {font-size: var(--font20); padding-bottom: .2rem; border-bottom: 1px solid #F2F2F2; margin-top: .2rem;}
.newslist .liBox .text {margin-top: .2rem;}
.newslist .liBox .text p {color: #666666;}
.newslist .liBox .more {margin-top: .3rem;}
.newslist .liBox:hover .imgBox img {transform: scale(1.1);}
.newslist .liBox:hover .tit p {color: #2AA667;}
/* 新闻详情 */
.newsDateMain {background: #f9f9f9; padding: .3rem 0 1rem ;}
.newsDateMain .mbx img {filter: brightness(0); -webkit-filter:brightness(0); opacity: .5;}
.newsDateMain .mbx a {color: #888888;}
.newsxq-box {padding: 0.3rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .4rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.34rem; color: #333;font-weight: 700;}
.newsxq-title span {display: block;margin-top: .1rem; color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: 100% !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #eeeeee;border-radius: 0.05rem;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #2AA667; border-color: #2AA667; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .15rem;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-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: 5px; overflow: hidden; min-height: .9rem;}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: .3rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .05rem;}
.newsDate .relist li:hover h6 {color: #2AA667;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #2AA667; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}


/* 合作表单 */
.aboutSix .re {width: 50%;}
.aboutSix form {margin-top: .5rem;}
.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;}

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

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

.tactOne {padding: 1rem 0;}
.tactOne .box {display: flex; justify-content: space-between;}
.tactOne .le {width: 48%;}
.tactOne .re {width: 40%;}
.tactOne .le .p1 {margin-top: .45rem;}
.tactOne .form input::placeholder {color: #333;font-family: 'popMedium';}
.tactOne .form input::-webkit-input-placeholder {color: #333;font-family: 'popMedium';}
.tactOne .form input::-moz-placeholder{color: #333;font-family: 'popMedium';}
.tactOne .form input::-moz-placeholder {color: #333;font-family: 'popMedium';}
.tactOne .form input::-ms-input-placeholder {color: #333;font-family: 'popMedium';}
.tactOne .form textarea::placeholder {font-size: var(--font14); color: #9D9D9D;}
.tactOne .form textarea::-webkit-textarea-placeholder {font-size: var(--font14); color: #9D9D9D;font-family: 'popRegular';}
.tactOne .form {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tactOne .form .inBox { margin-top: .45rem; width: 46%;}
.tactOne .form input , .tactOne .form textarea {border: 0; border-bottom: 2px solid #333; box-shadow: none; background: none; height: auto; padding: 0; padding-bottom: .15rem;}
.tactOne .form .inTxtBox {width: 100%;}
.tactOne .form .inTxtBox textarea {resize: none; margin-top: .6rem; padding-bottom: .2rem;}
.tactOne .form .inCode {display: flex;}
.tactOne .form .inCode img {margin-left: .1rem; max-width: 1.5rem;}
.tactOne .form .sub {width: 100%; margin-top: .6rem;}
.tactOne .form .sub button {background: #2aa667; padding: .16rem .32rem; cursor: pointer;}
.tactOne .form .sub button i {transform: rotate(180deg); display: inline-block;}
.tactOne .re dl dd {margin-top: .9rem;}
.tactOne .re dl dd:first-child {margin-top: .4rem;}
.tactOne .re dl dd .p1 {font-size: var(--font20); font-weight: 700;font-family: 'popBold';}
.tactOne .re dl dd .p2 {font-size: var(--font14);color: #666666;}
.tactOne .re dl dd .p3 {display: flex; align-items: center; margin-top: .1rem;}
.tactOne .re dl dd .p3 .icBox {width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin-right: .12rem;background: #efefef; border-radius: 50%;}
.tactOne .re dl dd .p3 .icBox img {max-width: 50%;}
.tactOne .re dl dd .p3 p , .tactOne .re dl dd .p3 p a {color: #2aa667;font-family: 'popMedium';}


/* 申请合作 */
.touchMain {padding: 0 !important;}
.img-gradient2 {background-image: -moz-linear-gradient( -79deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%);background-image: -webkit-linear-gradient( -79deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%); background-image: -ms-linear-gradient( -79deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%);}
.touch {background: url(../images/touch-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0 .6rem;}
.touch .tit {font-size: var(--font48);font-weight: 700;color: #00955d; }
.touch .form {width: 36%;margin-top: .4rem;}
.touch .form .line {margin-top: .15rem; position: relative; height: .55rem; min-height: 40px;padding:0 .25rem; background: #fff; border-radius: .1rem; color: #333;overflow: hidden; display: flex; align-items: center;}
.touch .form .line .label {min-width: .9rem; flex-shrink: 0;}
.touch .form .line input {height: 85%; color: #333;flex: 1; box-shadow: none; border: 0;}
.touch form .line.inTextBox {height: auto;}
.touch form .line.inTextBox textarea {height: 1.4rem;border: 0; resize: none;padding: .15rem 0;}
.touch form .line.inTextBox textarea::-webkit-input-placeholder {color: #333;}
.touch form .line.inCode {width: 100%; padding-right: 0;}
.touch form .line.inCode img {max-width: 2rem; object-fit: contain;}
.touch form .sub { margin-top: .3rem; border-radius: 100px;}
.touch form .sub button {padding: .15rem; width: 100%; display: block; color: #fff; cursor: pointer;}



/* 联系我们改 */
.img-gradient3 {background-image: -moz-linear-gradient( 65deg, rgb(28,165,127) 0%, rgb(64,167,67) 100%);background-image: -webkit-linear-gradient( 65deg, rgb(28,165,127) 0%, rgb(64,167,67) 100%);background-image: -ms-linear-gradient( 65deg, rgb(28,165,127) 0%, rgb(64,167,67) 100%);}
.img-gradient4 {background-image: -moz-linear-gradient( 54deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%);background-image: -webkit-linear-gradient( 54deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%); background-image: -ms-linear-gradient( 54deg, rgb(64,167,67) 0%, rgb(28,165,127) 100%);}
.tact  {padding: .8rem 0;}
.tact .box {display: flex; justify-content: space-between;}
.tact .le {border-radius: 6px; width: 32%; padding: .55rem .45rem;}
.tact .re {flex: 1; max-width: calc(100% - 32%); margin-left: .7rem; margin-top: .4rem;}
.tact .le .tit {position: relative;display: inline-block; padding-bottom: .2rem;}
.tact .le .tit::after {content: ""; background: #fff; width: 25%; position: absolute; left: 0; bottom: 0; height: 2px; }
.tact .le dl {margin-top: .4rem;}
.tact .le dl dd {display: flex; align-items: center; padding: .2rem 0; border-bottom: 1px dashed rgba(255, 255, 255,.2);}
.tact .le dl dd .icBox {width: .45rem; height: .45rem; display: flex; align-items: center; justify-content: center; min-height: 35px; min-width: 35px; border: 1px solid rgba(236, 236, 236,.5); border-radius: 5px; flex-shrink: 0;}
.tact .le dl dd .icBox img {max-width: 50%;}
.tact .le dl dd .con {margin-left: .4rem;}
.tact .le dl dd .con .p1 {color: #fff; font-size: var(--font15); opacity: .7;}
.tact .le dl dd .con .p2 , .tact .le dl dd .con .p2 a {color: #fff; }
.tact .le dl dd .con .p2.tel {font-size: var(--font20);}
.tact .re .form {margin: .25rem 0;}
.tact .re .form .line.inTextBox {height: auto;}
.tact .re .form .line.inTextBox textarea {width: 100%; height: 2rem;border: 0; min-height: 100px; resize: none;padding: .15rem; border: 1px solid #dddddd; border-radius: 5px;}
.tact .re .form .sub {display: inline-block; overflow: hidden;border-radius: 100px;padding: .15rem .6rem; margin-top: .3rem;}
.tact .re .form .sub button {color: #fff;  display: block; cursor: pointer;}
.tact .re .links {margin-top: .5rem}
.tact .re .links .dlBox {margin-top: .3rem;}
.tact .re .links dl {display: flex;}
.tact .re .links dl dd {margin-right: .15rem; position: relative;}
.tact .re .links dl dd .icBox {width: .53rem; height: .53rem; background: #26a575; border-radius: 50%;}
.tact .re .links dl dd .icBox svg {max-width: 50%;}
.tact .re .links dl dd .code {position: absolute; top: 100%; left: 50%; transform: translateX(-50%);  width: 250%; box-shadow: 0 0 .1rem rgba(0, 0, 0,.1); opacity: 0; visibility: hidden; transition: .5s;}
.tact .re .links dl dd .code img {width: 100%;}
.tact .re .links dl dd:hover .code {opacity: 1; visibility: visible;}