@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(2.5);}
}

/* m_nav */
.m_nav{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;background: #ffffff;display: none;}
.m_nav .close{position: absolute;right: 1%;top: 1%;z-index: 3;}
.m_nav .close img{width: 24px;}
.m_nav .tabs{width: 40%;height: 100vh;overflow: auto;background: #f7f8fa;box-sizing: border-box;padding: 1rem 0;}
.m_nav .tabs .nLi h2 a{display: block;position: relative;color: #333;line-height: 0.8rem;padding: 0.8rem 0.5rem;font-weight: normal;}
.m_nav .tabs .nLi h2 a::before{content: "";width: 2px;height: 40%;position: absolute;left: 0;top: 50%;transform: translateY(-50%) scale(1,0);background: #5DAB73;opacity: 0;}
.m_nav .tabs .nLi.on h2 a{background: #fff;color: #5DAB73;}
.m_nav .tabs .nLi.on h2 a::before{transform: scale(1) translateY(-50%);opacity: 1;}
.m_nav .tabs .navSub{width: 60%;position: absolute;right: 0;top: 0;height: 100vh;box-sizing: border-box;padding: 1rem 0.5rem;display: none;}
.m_nav .tabs .innerLi{border-bottom: 1px dashed #cacaca;}
.m_nav .tabs .innerLi h3 a{display: block;line-height: 0.8rem;padding: 0.6rem 0;font-weight: normal;position: relative;}
.m_nav .tabs .innerLi h3 a.arr::before{content: "";width: 7px;height: 7px;border-left: 1px solid #b3b3b3;border-bottom: 1px solid #b3b3b3;position: absolute;right: 0;top: 50%;;transform: rotateZ(-45deg) translateY(-50%);margin-top: -4px;}
.m_nav .tabs .innerLi .innerNav{display: none;}
.m_nav .tabs .innerLi ul{padding: 0 0 0.5rem 0.5rem;}
.m_nav .tabs .innerLi ul li a{display: block;color: #555;line-height: 0.8rem;padding: 0.2rem 0;}
.m_nav .tabs .innerLi.on h3 a{font-weight: bold;}
.m_nav .tabs .innerLi.on h3 a::before{transform: rotateZ(135deg) translateY(-50%);}


/* paginationStyle */
.swiper-pagination.paginationStyle{bottom: 1rem;display: flex;align-items: center;justify-content: center;}
.swiper-pagination.paginationStyle .swiper-pagination-bullet{width: 0.66rem;height: 4px;margin: 0 4px;border-radius: 0;background: #fff;opacity: 0.5;transition:all 0.3s linear;}
.swiper-pagination.paginationStyle .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;width: 1.33rem;}
.swiper-pagination.paginationStyle.gray .swiper-pagination-bullet{background: #D8D8D8;opacity: 1;}
.swiper-pagination.paginationStyle.gray .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #5DAB73;}

/* header */
.header{position: fixed;left: 0;top: 0;z-index: 9;width: 100%;box-sizing: border-box;padding-right: 1.4rem;line-height: 3rem;}
.header .logo{padding: 2.46rem;padding: 0 2.46rem 0 1.33rem;position: relative;}
.header .logo::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;background: url(../images/logoBg.svg) no-repeat right bottom;background-size: cover;}
.header .logo img{position: relative;z-index: 2;height: 1rem;}
.header .nav .nLi{padding: 0 0.66rem;}
.header .nav .nLi h2{position: relative;}
.header .nav .nLi h2::before{content: "";width: 100%;height: 8px;position: absolute;left: 0;bottom: 1.1rem;background: #5DAB73;transform: skew(-20deg) scale(0,1);opacity: 0;}
.header .nav .nLi h2 a{display: block;position: relative;z-index: 2;color: #fff;font-weight: normal;}
.header .nav .nLi.on h2::before,
.header .nav .nLi:hover h2::before{transform: skew(-20deg) scale(1,1);opacity: 1;}
.header .nav{position: relative;}
.header .nav .navSub{position: absolute;left: 0;top: 100%;display: none;border-top: 1px solid #D8D8D8;width: 100%;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);}
.header .nav .navSub1{width: 31.3rem;}
.header .nav .navSub1 .wrap{padding: 2rem 2rem 2rem 3.33rem;background: #FFFFFF;}
.header .nav .navSub .picWrap{width: 38.4%;}
.header .nav .navSub .picWrap .pic{height: 0;padding-bottom: 46.66%;position: relative;overflow: hidden;margin-bottom: 8px;}
.header .nav .navSub .picWrap .pic .tit{color: #FFFFFF;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;width: 100%;}
.header .nav .navSub .picWrap p{color: #666666;line-height: 0.93rem;}
.header .nav .navSub1 ul{width: 61.6%;}
.header .nav .navSub1 ul li{width: 41.66%;margin: 1rem 8.34% 0 0;display: flex;}
.header .nav .navSub1 ul li:first-child,
.header .nav .navSub1 ul li:nth-child(2){margin-top: 0;}
.header .nav .navSub1 ul li a{display: block;color: #222222;line-height: 0.93rem;position: relative;padding-right: 0.5rem;min-width: 4rem;box-sizing: border-box;}
.header .nav .navSub1 ul li a:before{content: "";width: 8px;height: 12px;position: absolute;right: 0;top: 50%;margin-top: -6px;background: url(../images/rightArr.svg) no-repeat center;filter: brightness(0) invert(0.5);opacity: 0.5;}
.header .nav .navSub1 ul li a:hover{color: #5DAB73;}
.header .nav .navSub1 ul li a:hover::before{filter: brightness(1) invert(0);opacity: 1;}
.header .nav .navSub2{background: #FFFFFF;width: 100%;min-width: 1400px;left: 50%;transform: translateX(-50%);}
.header .nav .navSub2 .wrap{align-items: flex-start;}
.header .nav .navSub2 .tabs{flex-shrink: 0;width: 8.4rem;min-height: 13.5rem;background: url(../images/navBg.png) no-repeat center;background-size: cover;box-sizing: border-box;padding: 2rem 0 2rem 2rem;position: relative;}
.header .nav .navSub2 .tabs li{margin-top: 0.46rem;position: relative;}
.header .nav .navSub2 .tabs li:first-child{margin-top: 0;}
.header .nav .navSub2 .tabs li:before{content: "";width: 1.33rem;height: 2px;background: #5DAB73;position: absolute;transform-origin:left center;transform: scale(0,1);position: absolute;left: 0;top: 50%;margin-top: -1px;}
.header .nav .navSub2 .tabs li a{display: block;color: #222222;line-height: 0.93rem;}
.header .nav .navSub2 .tabs li.active a{color: #5DAB73;transform: translateX(1.6rem);}
.header .nav .navSub2 .tabs li.active:before{transform: scale(1);}
.header .nav .navSub2 .tabs .more{display: flex;align-items: center;color: #222;font-weight: bold;position: absolute;left: 2rem;bottom: 0.3rem;}
.header .nav .navSub2 .tabs .more img{filter: brightness(0) invert(0.1);margin-left: 4px;}
.header .nav .navSub2 .tabs .more:hover{color: #5DAB73;}
.header .nav .navSub2 .tabs .more:hover img{filter: brightness(1) invert(0);}
.header .nav .navSub2 .right{flex: 1;overflow: hidden;box-sizing: border-box;padding: 1.3rem;}
.header .nav .navSub2 .picWrap{width: 27.57%;}
.header .nav .container{position: relative;overflow: hidden;}      
.header .nav .container ul{height: 10.93rem;overflow: auto;width: 70.6%;}
.header .nav .container li{width: 47.6%;margin: 0.66rem 2.4% 0 0;}
.header .nav .container li:first-child,
.header .nav .container li:nth-child(2){margin-top: 0;}
.header .nav .container li a{display: flex;width: 100%;height: 3.2rem;box-sizing: border-box;padding: 0.66rem;background: url(../images/navBg1.png) no-repeat right bottom;background-size: cover;}
.header .nav .container li:nth-child(2n) a{background-image: url(../images/navBg2.png);}
.header .nav .container li:nth-child(3n) a{background-image: url(../images/navBg3.png);}
.header .nav .container li .icon{flex-shrink: 0;margin-right: 0.4rem;margin-top: 4px;height: 0.66rem;}
.header .nav .container li .text{flex: 1;overflow: hidden;line-height: 0.93rem;}
.header .nav .container li .text h3{color: #222222;font-weight: normal;}
.header .nav .container li .text p{color: #999999;}
.header .nav .container li:hover .text h3{color: #5DAB73;}
.header .form{margin: 0 0.66rem 0 1.33rem;border: 1px solid rgba(255, 255, 255, 0.6);border-radius: 0.66rem;}
.header .form .text{width: 5rem;height: 1.26rem;box-sizing: border-box;padding-left: 0.5rem;color: #fff;line-height: 1.26rem;border: none;background: none;}
.header .form .text::placeholder {color: rgba(255, 255, 255, 0.6);}
.header .form .subm{width: 1.63rem;height: 1.26rem;border: none;background: url(../images/icon_search.svg) no-repeat center;cursor: pointer;filter: brightness(0) invert(1);}
.header .btn{padding: 0 0.6rem;height: 1.33rem;background: #5DAB73;border-radius: 0.66rem;color: #fff;line-height: 1.33rem;}
.header .btn img{margin-right: 8px;}
.header.fixed,
.header:hover{background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header.fixed .logo::before,
.header:hover .logo::before{opacity: 1;}
.header.fixed .nav .nLi h2 a,
.header:hover .nav .nLi h2 a{color: #222222;}
.header.fixed .form,
.header:hover .form{border-color: #60AD73;}
.header.fixed .form .text,
.header:hover .form .text{color: #222;}
.header.fixed .form .text::placeholder,
.header:hover .form .text::placeholder{color: #999;}
.header.fixed .form .subm,
.header:hover .form .subm{filter: brightness(1) invert(0);}
.header.fixed .menuIcon span,
.header:hover .menuIcon span{background: #5DAB73;}
.header.fixed .menuIcon span,
.header:hover .menuIcon span{background: #5DAB73;}

/* moreStyle */
.moreStyle{width: 2.7rem;margin: 0 auto;color: #222222;line-height: 0.73rem;}
.moreStyle:hover{color: #5DAB73;}


/* adForm */
.adForm{padding: 2.66rem 0;background: url(../images/formBg.jpg) no-repeat center;background-size: cover;}
.adForm .title{color: #222222;text-align: center;margin-bottom: 1.33rem;line-height: 1.4;}
.adForm .formItem{width: 17.1%;box-sizing: border-box;border: 1px solid #CCCCCC;background: #fff;height: 2rem;border-radius:6px;}
.adForm .formItem dt{flex-shrink: 0;width: 2rem;position: relative;text-align: center;margin-right: 0.5rem;}
.adForm .formItem dt::before{content: "";width: 1px;height: 0.5rem;background: #D8D8D8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.adForm .formItem dd{flex: 1;overflow: hidden;}
.adForm .formItem dd .text{width: 100%;height: 2rem;color: #222;border: none;background: none;line-height: 2rem;}
.adForm .formItem.codeItem{width: 19.4%;box-sizing: border-box;padding-left: 0.5rem;}
.adForm .formItem.codeItem dd{box-sizing: border-box;padding-right: 4.3rem;position: relative;}
.adForm .formItem.codeItem dd .pic{width: 4.33rem;height: calc(100% - 2px);position: absolute;right: 0;top: 1px;cursor: pointer;}
.adForm .formItem.codeItem dd .pic img{width: 100%;height: 100%;}
.adForm .btn{width: 11.11%;height: 2rem;background: #5DAB73;position: relative;color: #fff;line-height: 2rem;cursor: pointer;border-radius: 6px;}
.adForm .btn > div{width: 100%;height: 100%;}
.adForm .btn input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;border: none;background: none;opacity: 0;}
.adForm .btn img{margin-right: 8px;}
.adForm .btn.down{background: #222222;}
.adForm .btn:hover{background: #417A4F;}
.nyAdForm .formItem,
.nyAdForm .formItem.codeItem{width: 21%;}
/* footer */
.footer{background: url(../images/footerBg.jpg) no-repeat center;background-size: cover;color: #FFFFFF;line-height: 0.93rem;}
.footer .top{padding: 1.33rem 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.footer .top .logo img{height: 1rem;}
.footer .select{width: 10.66rem;position: relative;}
.footer .select dt{padding: 0 0.5rem;border: 1px solid rgba(255, 255, 255, 0.3);color: #FFFFFF;line-height: 1.5rem;cursor: pointer;}
.footer .select dt::before{content: "";width: 1px;height: 0.5rem;background: #FFFFFF;opacity: 0.24;position: absolute;right: 1.5rem;top: 50%;transform: translateY(-50%);}
.footer .select dt::after{content: "";width: 0;height: 0;border: 4px solid transparent;border-top-color: #fff;position: absolute;right: 0.6rem;top: 50%;transform: translateY(-50%);}
.footer .select dd{position: absolute;left: 0;top: 100%;background: #fff;width: 100%;display: none;}
.footer .select dd ul{max-height: 8rem;overflow: auto;}
.footer .select dd li a{display: block;padding: 6px 0.5rem;color: #444;line-height: 0.93rem;}
.footer .select dd li a:hover{background: #efefef;}
.footer .med{padding: 1.33rem 0 1rem;}
.footer .med .text{flex: 1;overflow: hidden;}
.footer .med .text .tel{margin-bottom: 0.7rem;font-family: "DINBold";}
.footer .qrcode{flex-shrink: 0;}
.footer .qrcode li{width: 3.33rem;margin-left: 1rem;text-align: center;line-height: 1.06rem;}
.footer .qrcode li .pic{width: 100%;height: 3.33rem;border-radius: 6px;}
.footer .btm{padding: 0.5rem 0;background: rgba(0, 0, 0, 0.06);color: #fff;line-height: 1.06rem;}
.footer .btm span{margin-right: 0.66rem;}
.footer .btm span:last-child{margin-right: 0;}
.footer .btm span img{margin-right: 5px;}
.footer .btm a:hover{text-decoration: underline;opacity: 0.8;}


@media screen and (max-width: 1860px){
.header{padding-right: 1rem;}
.header .nav .nLi{padding: 0 0.4rem;}
.header .form{margin: 0 0.5rem 0 1rem;}
.header .form .text{width: 4rem;}
.header .logo{padding: 0 2rem 0 1rem;}
.header .logo img{height: 0.8rem;}
}
@media screen and (max-width: 1620px){
.header{line-height: 2.8rem;}
.header .logo{padding: 0 1.2rem 0 1rem;}
/* .header .logo img{height: 0.6rem;} */
/* .header .nav .nLi h2 a{font-size: 0.6rem;} */
}
@media screen and (max-width: 1480px){
.header .nav .nLi{padding: 0 0.3rem;}
.header .nav .navSub2{min-width: auto;width: 1100px;}
}

@media screen and (max-width: 1300px){
.header{line-height: 2.4rem;}
.header .nav .nLi h2::before{bottom: 0.8rem;}
.bread{top: 2.4rem;}
.header .form{margin: 0 0.5rem;}
.header .form .text{width: 3rem;}
.adForm .formItem{height: 1.6rem;}
.adForm .formItem dt{width: 1.5rem;margin-right: 0.2rem;}
.adForm .formItem.codeItem dd{padding-right: 3rem;}
.adForm .formItem.codeItem dd .pic{width: 3rem;}
.adForm .formItem dd .text{line-height: 1.6rem;height: 1.6rem;}
.adForm .btn{height: 1.6rem;line-height: 1.6rem;}
}


@media screen and (max-width: 1200px){
.header .nav,.header .form{display: none;}
.header .menuIcon{display: block;}

.adForm .formItem{width: 17%;}

}
@media screen and (max-width: 1024px){
.adForm .formItem dt{width: 1rem;}
.adForm .formItem dt img{height: 0.5rem;}
/* .adForm .formItem{width: 24%;} */
.adForm .btn{flex-shrink: 0;width: 96px;}
.adForm .btn img{margin-right: 4px;height: 15px;}
.adForm{padding: 1rem 0;}
.adForm .title{margin-bottom: 0.6rem;}
.adForm .form form{display: block;overflow: hidden;}
.adForm .formItem{width: 49% !important;margin-bottom: 10px;float: left;height: 1.6rem;box-sizing: border-box;}
.adForm .formItem:nth-child(2n){float: right;}
.adForm .btn{float: left;margin-right: 0.5rem;height: 1.5rem;}
.adForm .formItem.codeItem{width: 100%;}
}

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


.header{line-height: 2rem;position: relative;background: #FFFFFF;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.header .logo{padding: 0 1rem 0 0.6rem;}
.header .logo img{height: 0.6rem;}
.header .logo::before{opacity: 1;}
.header .btn{line-height: 1.2rem;height: 1.2rem;padding: 0 0.4rem;}
.header .btn img{height: 12px;}
.header .menuIcon span{background: #5DAB73;}

.swiper-pagination.paginationStyle{bottom: 0.5rem;}
.swiper-pagination.paginationStyle .swiper-pagination-bullet{height: 2px;width: 0.5rem;}
.swiper-pagination.paginationStyle .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1rem;}

.footer .top{justify-content: center;padding: 0.6rem 0;}
.footer .top .logo{display: none;}
.footer .med{padding: 0.6rem 0;display: block;}
.footer .qrcode{margin-top: 0.5rem;}
.footer .qrcode li{margin: 0 0.5rem 0 0;}
.footer .btm{font-size: 12px;line-height: 24px;text-align: center;}
.footer .btm > .flexBetween{display: block;}
.footer .btm .left span{display: block;margin: 0;}

}

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