
/* header */
.header{background: #FFFFFF;line-height: 3.3rem;color: #636162;position: relative;z-index: 9;}
.header .logo img{height: 2.47rem;}
.header .nav .nLi{position: relative;padding: 0 0.87rem;}
.header .nav .nLi h2 a{display: block;font-weight:normal;color:#333}
.header .nav .nLi.on h2 a,
.header .nav .nLi:hover h2 a{color: #87BF77;}
.header .nav .nLi .navSub1{width: 7.13rem;position: absolute;left: 0;top: 100%;background: #FFFFFF;display: none;}
.header .nav .nLi .navSub1 ul{padding: 0.47rem 0.67rem 0.67rem 1rem;border-top: 4px solid #87BF77;}
.header .nav .nLi .navSub1 ul a{display: block;color: #636162;line-height: 0.8rem;padding: 0.31rem 0;}
.header .nav .nLi .navSub1 ul a:hover{color: #87BF77;text-decoration: underline;}
.headerForm{margin-left: 1.2rem;padding: 3px 3px 3px 0;border: 1px solid rgba(216, 216, 216, 0.7);border-radius: 0.93rem;/* background: url(../images/icon_search.svg) no-repeat 0.6rem center;background-size: 0.53rem; */position: relative;}
.headerForm .text{width: 5rem;height: 1.6rem;border: none;background: none;width: 3.83rem;box-sizing: border-box;padding-left: 0.4rem;}
.headerForm .text::placeholder{color: #D0D0D0;}
.headerForm .subm{width: 3rem;height: 1.6rem;border: none;background: #87BF77;border-radius: 0.8rem;color: #fff;cursor: pointer;}
.headerForm .select{width: 4.2rem;}
.headerForm .select dt{position: relative;color: #959193;line-height: 1.6rem;padding-left: 1rem;cursor: pointer;}
.headerForm .select dt::before{content: "";border: 0.24rem solid transparent;border-top-color: #87BF77;position: absolute;right: 0.6rem;top: 50%;transform: translateY(-50%);margin-top: 0.25em;}
.headerForm .select dt::after{content: "";width: 1px;height: calc(100% + 6px);position: absolute;right: 0;top: -3px;background: #E2E2E2;}
.headerForm .select dd{position: absolute;left: 0;top: 100%;width: 100%;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 0.8rem;background: #fff;display: none;}
.headerForm .select dd li{padding: 0 1rem;border-top: 1px solid #E3E3E3;color: #959193;line-height: 1.5rem;cursor: pointer;}
.headerForm .select dd li:first-child{border-top: none;}
.headerForm .select dd li:hover{color: #87BF77;}

.header .nav .nLi1{position: static;}
.header .nav .nLi .navSub2{width: 100%;position: absolute;left: 0;top: 100%;background: #FFFFFF;border-top: 1px solid #E9E9E9;display: none;}
.header .nav .nLi .navSub2 > .w1400{padding: 1.73rem 0 1.33rem;}
.header .nav .nLi .navSub2 .list{display: flex;justify-content: space-between;}
.header .nav .nLi .navSub2 .list li{width: 17.7%;}
.header .nav .nLi .navSub2 .list .tit{display: flex;align-items: center;border-bottom: 1px solid #E9E9E9;padding-bottom: 0.66rem;position: relative;color: #87BF77;font-weight: bold;line-height: 1;margin-bottom: 0.4rem;}
.header .nav .nLi .navSub2 .list .tit .icon{height: 0.8rem;margin-right: 6px;}
.header .nav .nLi .navSub2 .list dd a{display: block;color: #787878;line-height: 0.7rem;padding: 0.3rem 0;display: flex;align-items: flex-start;}
.header .nav .nLi .navSub2 .list dd a img{margin-left: 2px;}
.header .nav .nLi .navSub2 .list dd a:hover{color: #87BF77;text-decoration:underline}
.header .nav .nLi .navSub2 .list .tit:hover span{text-decoration:underline}
/* 切换按钮 */
.btnStyle{width: 1.67rem;height: 1.67rem;box-sizing: border-box;border: 1px solid #D8D8D8;background: #FFFFFF;border-radius: 4px;margin-right: 0.33rem;cursor: pointer;}
.btnStyle img{height: 0.4rem;filter: brightness(0) invert(0.5);}
.btnStyle:hover{border-color: #87BF77;background: #87BF77;}
.btnStyle:hover img{filter: brightness(0) invert(1);}
/* .btnStyle.swiper-button-disabled{pointer-events: none;opacity: 0.5;} */

/* 更多按钮 */
.moreBtn{width: 5rem;height: 1.67rem;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 4px;color: #636162;}
.moreBtn img{height: 0.4rem;filter: brightness(0) invert(0.3);margin-left: 0.5rem;}
.moreBtn:hover img{filter: brightness(1) invert(0);}
.moreBtn.white{border-color: #FFFFFF;color: #fff;}
.moreBtn.white img{filter: brightness(0) invert(1);}
.moreBtn.white:after{background: #fff !important;}
.moreBtn.white:hover,
a:hover .moreBtn.white{color: #87BF77 !important;}
.moreBtn.white:hover img,
a:hover .moreBtn.white img{filter: brightness(1) invert(0) !important;}
.moreBtn.green{border-color: #87BF77;color: #87BF77;}
.moreBtn.green img{filter: brightness(1) invert(0);}
.moreBtn1{border-radius: 0.83rem;}

/* 日期 */
.dateStyle img{margin-right: 7px;}

/* 更多 */
.readMore{color: #636162;}
.readMore img{filter: brightness(0) invert(0.6);margin-left: 7px;}
a:hover .readMore{color: #87BF77;}
a:hover .readMore img{filter: brightness(1) invert(0);}

/* 合作伙伴 */
.logoScroll{padding: 1px;height: 15.2rem;}
.logoScroll .btnStyle{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;margin: 0;}
.logoScroll .btnStyle.prev{left: 0;}
.logoScroll .btnStyle.next{right: 0;}
.logoScroll .btnStyle.swiper-button-disabled{pointer-events: none;opacity: 0.4;}
.logoScroll .swiper-slide{height: 7.6rem;}
.logoScroll .swiper-slide a{width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #D8D8D8;background: #FAFAFA;}
.logoScroll .swiper-slide a img{max-width: 90%;max-height: 90%;}
.logoScroll .swiper-slide a:hover img{transform: scale(1.1);}

/* footer */
.footer{background: #FFFFFF;}
.footer .contTop{padding: 2rem 0 2rem 1rem;box-sizing: border-box;}
.footer .contTop .left{max-width: 15rem;}
.footer .contTop .logo img{height: 3rem;}
.footer .contTop .form{margin: 1.33rem 0 0.73rem;}
.footer .contTop .text{width: 9.33rem;box-sizing: border-box;padding: 0 0.5rem;border: 1px solid #D8D8D8;border-radius: 2px;background: #F8F8F8;color: #031834;line-height: 1.67rem;margin-right: 5px;}
.footer .contTop .subm{width: 1.93rem;height: 1.67rem;border: 1px solid #D8D8D8;border-radius: 2px;background: #F8F8F8 url(../images/icon_arr2.svg) no-repeat center;background-size: auto 0.4rem;cursor: pointer;}
.footer .contTop .subm:hover{border-color: #87BF77;background-color: #87BF77;background-image: url(../images/icon_right_arr.svg);}
.footer .contTop .infoText{color: #031834;line-height: 1rem;margin-top:1rem}
.footer .contTop .infoText p{margin-top: 0.5rem;}
.footer .nav{padding-top: 1.23rem;color: #959193;line-height: 1.2rem;}
.footer .nav dl{margin-left: 2rem;}
.footer .nav dl:first-child{margin-left: 0;}
.footer .nav dl dt{color: #3D3D3D;line-height: 1;margin-bottom: 0.67rem;font-weight: bold;}
.footer a:hover{color: #679D5F;text-decoration: underline;}
.footer .contBtm > .w1400{padding: 0.5rem 0 0.5rem 1rem;position: relative;box-sizing: border-box;color: #636162;}
.footer .contBtm > .w1400::before{content: "";width: 1920px;height: 1px;background: #D8D8D8;position: absolute;left: 0.25rem;top: 0;}
.footer .contBtm .left span{margin-right: 0.67rem;}
.footer .contBtm .left span:last-child{margin-right: 0;}
.footer .contBtm .left span img{margin-right: 8px;}
.footer .contBtm .right li{margin-right: 0.67rem;position: relative;z-index: 2;}
.footer .contBtm .right li:last-child{margin-right: 0;}
.footer .contBtm .right .icon{width: 1.4rem;height: 1.4rem;box-sizing: border-box;background: #FFFFFF;border: 1px solid #D2D2D2;border-radius: 4px;}
.footer .contBtm .right li:hover .icon{border-color: #679D5F;background: #679D5F;}
.footer .contBtm .right li:hover .icon img{filter: brightness(0) invert(1);}
.footer .contBtm .right li .ma {position: absolute;bottom: calc(100% + 1rem);left: 50%;transform: translateX(-50%);width: 130px;border-radius: 4px;padding: 6px;background: #fff;box-sizing: border-box;box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);visibility: hidden;opacity: 0;transition: 0.3s;}
.footer .contBtm .right li .ma::before {content: "";position: absolute;bottom: -0.38rem;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 0.47rem solid transparent;border-right: 0.47rem solid transparent;border-top: 0.4rem solid #fff;}
.footer .contBtm .right li .ma img {width: 100%;}
.footer .contBtm .right li:hover .ma {visibility: initial;opacity: 1;bottom: calc(100% + 0.38rem);}
 
/* 线条 */
.lineStyle{flex-direction: column;width: 0.6rem;height: 100%;text-align: center;color: rgba(255, 255, 255, 0.3);position: absolute;left: 0;top: 0;}
.lineStyle span{flex-shrink: 0;font-size: 0.47rem;color: #959193;font-family: "Poppins-Regular";margin: 0.47rem 0;}
.lineStyle i{width: 1px;background: #D8D8D8;}
.lineStyle .line1{height: 4.57rem;flex-shrink: 0;position: relative;}
.lineStyle .line1::before{content: "";width: 2px;height: 1.2rem;background: #87BF77;position: absolute;left: 0;bottom: 0;}
.lineStyle .line2{flex: 1;}
.lineStyle.white i{background: rgba(255, 255, 255, 0.4);}
.lineStyle.white span{color: #FFFFFF;}

/* 新闻 */
.newsWrap{display: block;background: #F4F4F4;border-radius: 5px;overflow: hidden;}
.newsWrap .pic{padding-bottom: 8.5rem;}
.newsWrap .text{padding: 1.53rem;color: #888888;line-height: 0.67rem;}
.newsWrap .text .tit{color: #262626;line-height: 1.07rem;height: 3.2rem;overflow: hidden;margin: 10px 0  1rem;}
.newsWrap:hover .text .tit,
.newsWrap:hover .text .readMore{color: #87BF77;}

/* 飘窗 */
.float{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 8;background: #FFFFFF;box-shadow: 0 0 20px 0 rgba(100,100,100,0.13);border-radius: 0.4rem;overflow: hidden;width: 5.66rem;}
.float .top{height: 1rem;padding: 0 8px;display: flex;justify-content: flex-end;align-items: center;background: #87BF77;border-radius: 0.4rem 0.4rem 0 0;}
.float .top .close{height: 60%;cursor: pointer;}
.float .title{padding: 0.6rem;background: url(../images/float_bg.jpg) no-repeat center;background-size: cover;color: #fff;text-align: center;line-height: 1;}
.float .title .en{font-weight: normal;text-transform: uppercase;margin-top: 5px;font-family: "Poppins-Regular";opacity: 0.8;}
.float .cont{padding: 0.66rem 0 0.9rem;}
.float .cont .btn{width: 4.06rem;height: 1.13rem;box-sizing: border-box;border-radius: 0.66rem;margin: 0 auto 0.7rem;color: #87BF77;font-weight: bold;border: 1px solid #87BF77;cursor: pointer;}
.float .cont .btn .icon{height: 0.66rem;margin-right: 0.2rem;}
.float .cont .qrcode{color: #787878;line-height: 1;font-weight: bold;text-align: center;}
.float .cont .qrcode .pic{width: 4rem;height: 4rem;border: 1px solid #87BF77;border-radius: 0.3rem;margin: 0 auto 0.5rem;}
.float .cont .qrcode .pic img{width: 100%;height: 100%;}

/*弹窗-在线咨询*/
.popup-online-service{padding: 1.5rem;background-color: #fff;text-align: center;}
.popup-online-service .pic{width: 5rem;height: 5rem;}
.popup-online-service .tit{margin-top: 1em;}
.popup-online-service .btn{background-image: linear-gradient(to right, #5AA03B , #95E078);padding: 3px;border-radius: 27px;margin-top: 40px;max-width: 264px;margin: 20px auto 0;}
.popup-online-service .btn a{display:block;height: 46px;padding: 0 30px;border-radius:23px;border: 1px solid rgba(255,255,255,0.4);color: #fff;line-height: 46px;font-weight: bold;text-align: left;position: relative;}
.popup-online-service .btn a:before{content:"";width:48px;height:48px;position: absolute;right: 10px;top:20px;background: url(../images/icon-jt.svg) no-repeat center;background-size: 100%;}


/* 手机导航搜索 */
.m_nav .headerForm{margin-left: 0;}
.mm-listview > li.formLi > a{overflow: inherit;position: relative;z-index: 3;}
.mm-listview > li.formLi .headerForm .select dd li::after{display: none;}
.mm-listview > li.formLi .headerForm .text{width: calc(100% - 5.6rem - 3px);}
@media screen and (max-width: 1620px){

}
@media screen and (max-width: 1480px){

}

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


@media screen and (max-width: 1024px){
.header .nav .nLi{padding: 0 0.25rem;}
.headerForm{margin-left: 0.5rem;background-position: 0.3rem center;}
.headerForm .text{height: 1.3rem;width: 3rem;}
.headerForm .subm{width: 2.4rem;height: 1.3rem;}
.headerForm .select{width: 3.2rem;}
.headerForm .select dt{line-height: 1.3rem;padding-left: 0.3rem;}
.headerForm .select dt::before{right: 0.3rem;}


.footer .nav dl{margin-left: 1rem;}
.footer .contTop .text{width: 8rem;}
.footer .contTop .infoText{max-width: 10rem;}

.footer .contBtm .right{display: none;}
.footer .contBtm .left{width: 100%;}

.lineStyle .line1{height: 1.7rem;}

.newsWrap .pic{padding-bottom: 56%;}
.newsWrap .text{padding: 0.8rem;}
.newsWrap .text .tit{margin-bottom: 0.8rem;}
}

@media screen and (max-width: 760px){
.header{line-height: 2.2rem;}
.header .logo img{height: 1.8rem;}
.header .nav,
.header .headerForm{display: none;}   
.header .menuIcon{display: block;}

.moreBtn{width: 3.4rem;height: 1.3rem;}
.moreBtn img{margin-left: 0.2rem;}

.btnStyle{width: 1.3rem;height: 1.3rem;}

.logoScroll{height: 8rem;}
.logoScroll .swiper-slide{height: 4rem;}

.footer .nav{display: none;}
.footer .contTop{padding: 1rem 0 1rem 1rem;}
.footer .contTop .left{width: 100%;}
.footer .contTop .infoText{max-width: none;}
.footer .contTop .logo{display: none;}
.footer .contTop .form{margin:  0 0 0.5rem;}

.footer .contBtm .left{flex-wrap: wrap;line-height: 1.7;}
.footer .contBtm .left span{width: 100%;margin: 0;}

.newsWrap .text .tit{line-height: 0.8rem;height: auto;}
}

@media screen and (max-width: 468px){
}