/* in_tit */
.in_tit .title{text-align: center;}

/* banner */
.banner{position:relative;overflow:hidden;}
.banner .img img{width: 100%;}
.banner .info{position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0, -50%);}
.banner .info .t1{font-size: 2.68vw;color:#fff;letter-spacing: 2px;}
@media screen and (max-width:1080px){
.banner .img img{object-fit: cover;height: 100%;}
.banner .info .t1{font-size: 30px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 77px;}
.banner .info .t1{font-size: 26px;}
}
@media screen and (max-width:520px){
.banner .img{height: 168px;}
.banner .info .t1{font-size: 22px;}
}


/* crumb */
.crumb{position: absolute;left: 0;bottom: 3.5%;width: 100%;}
.crumb .text{display: flex;align-items: center;font-size: .858vw;color: #fff;}
.crumb .text img{width: 1.1vw;}
.crumb .text a{position: relative;margin: 0 .58vw;}
.crumb .text a:nth-child(2){margin-left: .28vw;}
.crumb .text a:hover{text-decoration: revert;}
@media screen and (max-width:1080px){
.crumb{bottom: 5%;}
.crumb .text{font-size: 15px;}
.crumb .text img{width: 20px;}
.crumb .text a{margin: 0 10px;}
}
@media screen and (max-width:520px){
.crumb .text{font-size: 14px;}
.crumb .text img{width: 18px;}
}


/* bnav */
.bnav{background: #00883F;position: sticky;top: 4.6vw;z-index: 99;}
.bnav .w1600{display: flex;align-items: center;justify-content: space-between;}
.bnav ul{display: flex;align-items: center;}
.bnav ul li{margin-right: 2.5vw;padding: 1.2vw 0;}
.bnav ul li:nth-last-child(1){margin-right: 0;}
.bnav ul li a:after{content:"";display:block;position:absolute;left:50%;bottom: -10px;transform:translate(-50%,0);width:0;height: 2px;background-color: #ffffffc7;transition:all .5s;}
.bnav ul li#cur a:after,.bnav ul li:hover a:after,.bnav ul li a.active:after{width: 100%;}
.bnav ul li a{display: block;font-size: .85vw;position: relative;z-index: 9;transition: .3s;color: #fff;}
.bnav ul li a{color: #fff;font-size: .845vw;position: relative;}
.bnav .lx{border-radius: 50px;border: 1px solid rgba(255,255,255,0.5);padding: .45vw 1.28vw;}
.bnav .lx:hover{background: #589c69;border-color: #589c69;}
.bnav .lx a{display: flex;align-items: center;}
.bnav .lx img{width: 1.1vw;}
.bnav .lx p{font-size: .845vw;color: #fff;margin-left: 5px;}
@media screen and (max-width:1080px){
.bnav{position: initial;}
.bnav ul li{margin-right: 40px;padding: 20px 0;}
.bnav ul li a{font-size: 16px;}
.bnav .lx{padding: 8px 16px;}
.bnav .lx img{width: 20px;}
.bnav .lx p{font-size: 15px;}
}
@media screen and (max-width:880px){
.bnav{
    overflow-x: scroll;
}
.bnav .lx{display: none;}
.bnav ul{justify-content: space-between;width: 100%;}
.bnav ul li{margin-right: 0;}
.bnav ul li a{font-size: 15px;}
}
@media screen and (max-width:520px){
.bnav .w1600{display: block;}
.bnav ul{width: max-content;}
.bnav ul li{padding: 10px 24px;}
.bnav ul li:nth-child(1){padding-left: 0;}
}

/* about */
.about{padding: 4vw 0;}
.about img{width: 100%;}
.about .t1{font-size: 1.68vw;text-align: center;}
@media only screen and (max-width:1080px){
.about{padding: 60px 0;}
.about .t1{font-size: 26px;}
}
@media only screen and (max-width:520px){
.about{padding: 30px 0;}
.about .t1{font-size: 22px;}
}

 

/* nright */
.nright{width: 25%;position: sticky;top: 6vw;height: max-content;}
.nright .wrap{background: #fff;border-radius: 10px;padding: 1.58vw;margin-bottom: 1.28vw;}
.nright .wrap:nth-last-child(1){margin-bottom: 0;}
.nright .wrap .ul li:nth-child(1){padding-bottom: 1vw;margin-bottom: 1vw;border-bottom: 1px solid #eee;}
.nright .wrap .ul li p{font-size: .85vw;margin-bottom: .85vw;color: #666;font-weight: bold;}
.nright .wrap .ul li a{font-size: .85vw;color: #222;line-height: 1.68;}
.nright .wrap .ul li a:hover{color: #00883F;}
.nright .wrap dl dd{padding-bottom: .88vw;margin-bottom: .88vw;border-bottom: 1px solid #eee;}
.nright .wrap dl dd:nth-last-child(1){margin-bottom: 0;}
.nright .wrap dl dd a{font-size: .85vw;line-height:2;position:relative;padding-left: 1.2vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #333;}
.nright .wrap dl dd a:before {content:"";display:block;width: .58vw;height: .58vw;background-color:#ccc;position:absolute;transition:.4s;top: 50%;left: 0;transform: translate(0,-50%);}
.nright .wrap dl dd a:hover:before {background-color:#00883F;}
.nright .wrap .shake h3{font-size: .941vw;margin-bottom: 1.28vw;}
.nright .wrap .shake ul{display: flex;align-items: center;}
.nright .wrap .shake ul li{position: relative;text-align: center;margin-right: 1vw;}
.nright .wrap .shake ul li img{width: 6vw;}
.nright .wrap .shake ul li p{font-size: .835947vw;margin-top: 8%;}
@media only screen and (max-width:1080px){
.nright{top: 100px;}
.nright .wrap{padding: 15px;border-radius: 10px;margin-bottom: 15px;}
.nright .wrap .ul li p{font-size: 16px;margin-bottom: 10px;}
.nright .wrap .ul li a{font-size: 14px;}
.nright .wrap dl dd{margin-bottom: 10px;padding-bottom: 10px;}
.nright .wrap dl dd a{font-size: 15px;padding-left: 12px;}
.nright .wrap dl dd a:before{width: 6px;height: 6px;}
.nright .wrap .shake h3{font-size: 16px;margin-bottom: 20px;}
.nright .wrap .shake ul li{margin-right: 15px;}
.nright .wrap .shake ul li img{width: 115px;}
.nright .wrap .shake ul li p{font-size: 14px;}
}
@media only screen and (max-width:768px){
.nright{width: 100%;position: initial;margin-top: 20px;}
.nright .wrap .shake h3{font-size: 15px;margin: 20px 0;}
.nright .wrap .shake ul li img{width: 100px;}
}


/* newslist */
.newslist{padding: 4vw 0;background: #EEF7F7;}
.newslist .w1600{display: flex;justify-content: space-between;}
.newslist .list{width: 70%;}
.newslist .item{background: #fff;border-radius: 20px;margin-bottom: 1.5%;}
.newslist .item a{display: flex;align-items: center;justify-content: space-between;padding: 1.58vw;}
.newslist .item .img{padding-bottom: 15%;position:relative;overflow:hidden;width: 22%;margin-right: 3%;border-radius: 12px;}
.newslist .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.newslist .item:hover .img img{transform:scale(1.04)}
.newslist .item .info{width: 75%;}
.newslist .item .info .t1{font-size: 1.1vw;color:#222;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.newslist .item .info .t2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;font-size: .8vw;color:#666;line-height:1.58;margin:1vw 0;}
.newslist .item .info .date{font-size:.9vw;color:#666}
.newslist .item:hover{background: #00883F;}
.newslist .item:hover .info .t1,.newslist .item:hover .info .t2,.newslist .item:hover .info .date{color: #fff;}
@media only screen and (max-width:1080px){
.newslist{padding: 60px 0;}
.newslist .item{border-radius: 10px;}
.newslist .item a{padding: 15px;}
.newslist .item .img{border-radius: 5px;width: 25%;padding-bottom: 20%;}
.newslist .item .info{width: 72%;}
.newslist .item .info .t1{font-size: 18px;}
.newslist .item .info .t2{font-size: 14px;margin: 15px 0;}
.newslist .item .info .date{font-size: 14px;}
}
@media only screen and (max-width:768px){
.newslist .w1600{flex-wrap: wrap;}
.newslist .list{width: 100%;}
.newslist .item{margin-bottom: 2.5%;}
}
@media only screen and (max-width:520px){
.newslist{padding: 30px 0;}
.newslist .item a{padding: 15px;}
.newslist .item .img{width: 36%;padding-bottom: 30%;}
.newslist .item .info{width: 60%;}
.newslist .item .info .t1{font-size: 16px;}
.newslist .item .info .t2{margin: 10px 0;}
}


/* newslist2 */
.newslist2{padding: 4vw 0;background: #EEF7F7;}
.newslist2 .w1600{display: flex;justify-content: space-between;}
.newslist2 .ul{display:flex;justify-content:space-between;flex-wrap:wrap;width: 70%;height: max-content;}
.newslist2 .ul li{margin-bottom: 2%;}
.newslist2 .ul li a{display:flex;align-items:center;justify-content:space-between;padding: .8vw;background: #fff;border-radius: 10px;}
.newslist2 .ul li .date{background:#00883F;border-radius:8px;padding: .58vw 0;text-align:center;width: 10%;}
.newslist2 .ul li .date .d{color:#fff;font-weight:700;font-size:2vw}
.newslist2 .ul li .date .y{color:#fff;font-size:.8vw}
.newslist2 .ul li .info{width: 82%;border-left:1px solid #6666665e;padding-left: 4%;}
.newslist2 .ul li .info .t1{font-size: 1.1vw;margin-bottom: .68vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;transition:.58s;}
.newslist2 .ul li .info .t2{color:#666;line-height: 1.58;font-size: .835947vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;}
.newslist2 .ul li:hover .info .t1{color: #00883F;}
.newslist2 .ul li .icon{width: 2.613vw;}
@media screen and (max-width: 1080px){
.newslist2{padding: 60px 0;}
.newslist2 .ul li a{padding:15px 10px;}
.newslist2 .ul li .date{padding: 5px 0;width: 30%;}
.newslist2 .ul li .date .d{font-size: 30px;}
.newslist2 .ul li .date .y{font-size: 14px;}
.newslist2 .ul li .info{width: 60%;}
.newslist2 .ul li .info .t1{font-size: 16px;margin-bottom: 8px;}
.newslist2 .ul li .info .t2{font-size: 14px;-webkit-line-clamp: 1;}
.newslist2 .ul li .icon{width: 36px;}
}
@media screen and (max-width: 768px){
.newslist2 .w1600{flex-wrap: wrap;}
.newslist2 .ul{width: 100%;}
}
@media screen and (max-width: 520px){
.newslist2{padding: 30px 0;}
.newslist2 .ul li a{padding:10px;}
.newslist2 .ul li{width: 100%;margin-bottom: 10px;}
.newslist2 .ul li .date{width: 20%;}
.newslist2 .ul li .date .d{font-size: 24px;}
.newslist2 .ul li .date .y{font-size: 13px;}
.newslist2 .ul li .info{width: 70%;}
.newslist2 .ul li .info .t2{font-size: 14px;-webkit-line-clamp: 1;height: auto;}
.newslist2 .ul li .icon{width: 32px;}
}



/* news */
.news{padding-bottom: 4vw;background: #EEF7F7;}
.news .w1600{display: flex;justify-content: space-between;}
.news .cont{width: 70%;border-radius: 20px;background: #fff;}
.news .cont .info{padding: 2vw;}
.news .cont .info .title{font-size: 2vw;color: #333;margin-bottom: 1vw;}
.news .cont .info .date{font-size: .85vw;color: #333;}
.news .cont .info .text{margin-top: 1.58vw;padding-top: 1.58vw;border-top: 1px solid #eee;}
.news .cont .info .text p{line-height: 2;color: #333;font-size: .85vw;text-indent: 2em;}
.news .cont .info .text img{text-align:center;margin:.5vw auto;display:flex;justify-content:center;text-indent:0}
@media only screen and (max-width:1080px){
.news{padding-bottom: 60px;}
.news .cont{border-radius: 10px;}
.news .cont .info{padding: 25px;}
.news .cont .info .title{font-size: 26px;margin-bottom: 15px;}
.news .cont .info .date{font-size: 14px;}
.news .cont .info .text{margin-top: 20px;padding-top: 20px;}
.news .cont .info .text p{font-size: 16px;}
}
@media only screen and (max-width:768px){
.news .w1600{flex-wrap: wrap;}
.news .cont{width: 100%;}
}
@media only screen and (max-width:520px){
.news{padding-bottom: 30px;}
.news .cont .info{padding: 20px;}
.news .cont .info .title{font-size: 22px;margin-bottom: 12px;}
.news .cont .info .text{margin-top: 15px;padding-top: 15px;}
.news .cont .info .text p{font-size: 14px !important;}
.news .cont .info .text span{font-size: 14px !important;}
}


/* kq01 */
.kq01{padding: 4vw 0;}
.kq01 .text{font-size: .941vw;color: #333;line-height: 1.88;width: 56%;margin: 0 auto;text-align: center;}
.kq01 ul{display: flex;justify-content: space-between;margin: 2.58vw 0;}
.kq01 ul li{width: 24%;border-radius: 10px;background: #F4F4F4;}
.kq01 ul li>div{padding: .58vw;}
.kq01 ul li .info{padding: 1.5vw .68vw .28vw;}
.kq01 ul li .info .t1{font-size: 1.45vw;font-weight: bold;margin-bottom: 1vw;}
.kq01 ul li .info .txt p{font-size: .9vw;line-height: 1.68;margin: 5px 0;}
.kq01 ul li .img{padding-bottom: 80%;position:relative;overflow:hidden;border-radius: 10px;}
.kq01 ul li .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.kq01 ul li:hover .img img{transform:scale(1.04)}
.kq01 ul li:hover{background: #00883F;}
.kq01 ul li:hover .info .t1,.kq01 ul li:hover .info .txt p{color: #fff;}
.kq01 .bg{text-align: center;}
.kq01 .bg img{width: 80%;}
@media screen and (max-width:1080px){
.kq01{padding: 60px 0;}
.kq01 .text{font-size: 15px;width: auto;line-height: 1.68;}
.kq01 ul{margin: 20px 0;flex-wrap: wrap;}
.kq01 ul li{width: 49%;margin: 1% 0;}
.kq01 ul li>div{padding: 15px;}
.kq01 ul li .info{padding: 20px 10px 10px;}
.kq01 ul li .info .t1{font-size: 20px;margin-bottom: 15px;}
.kq01 ul li .info .txt p{font-size: 14px;margin: 2px 0;}
.kq01 .bg img{width: auto;}
}
@media screen and (max-width:520px){
.kq01{padding: 60px 0;}
.kq01 .text{font-size: 14px;line-height: 1.68;}
.kq01 ul{margin: 20px 0;flex-wrap: wrap;}
.kq01 ul li{width: 100%;margin: 2% 0;}
.kq01 ul li>div{padding: 12px;}
.kq01 ul li .info{padding: 15px 8px 0px;}
.kq01 ul li .info .t1{margin-bottom: 10px;}
}



/* kq02 */
.kq02{padding: 4vw 0;background: #00883F;position: relative;}
.kq02 .in_tit .tit{color: #fff;}
.kq02 .in_tit .tit img{filter: brightness(0) invert(1);}
.kq02 .in_tit .title{color: #fff;}
.kq02 ul{display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 5;margin: 4vw 0 1vw;}
.kq02 ul li{text-align: center;cursor: pointer;}
.kq02 ul li .icon{background: #FFFFFF;border-radius: 50%;width: 5.2vw;height: 5.2vw;display: flex;align-items: center;justify-content: center;position: relative;margin: 0 auto;transition: all ease .3s;}
.kq02 ul li:hover .icon{transform: translateY(-5px);}
.kq02 ul li .icon:after{position: absolute;content: "";left: 50%;top: 50%;width: 6.1vw;height: 6.1vw;border-radius: 50%;background: #ffffff4a;z-index: 5;transform: translate(-50% , -50%);}
.kq02 ul li .icon img{width: 2.09vw;position: relative;z-index: 9;}
.kq02 ul li .t1{font-size: .95vw;color: #fff;margin-top: 1.28vw;}
.kq02 ul li .info{background: #fff;border:2px solid #fff;border-radius:10px;height: 100%;left:50%;position:absolute;top: 50%;width: 50%;padding:2vw;z-index:10;transform: translate(-50% , -50%) scale(0);opacity: 0;transition: all ease .5s;}
.kq02 ul li .info:after{position: absolute;content: "";left: 50%;top: 50%;width: 102.5%;height: 110%;border-radius: 10px;background: #ffffff4a;z-index: -3;transform: translate(-50% , -50%);}
.kq02 ul li .info h2{font-size: 1.68vw;color: #333;margin-bottom: 2vw;}
.kq02 ul li .info p{font-size: .941vw;color: #666;line-height: 1.68;}
.kq02 ul li .info .bt{position: absolute;right: 2vw;}
.kq02 ul li .info .bt img{width: 1.986vw;filter: invert(.58);}
.kq02 .line{position: absolute;top: 14.5vw;z-index: 1;text-align: center;}
.kq02 .line img{width: 95%;}
.kq02 ul li .info.show{opacity: 1;transform: translate(-50% , -50%) scale(1);}
@media screen and (max-width:1080px){
.kq02{padding: 60px 0;}
.kq02 .line{top: 60%;}
.kq02 ul{margin: 30px 0 10px;}
.kq02 ul li .icon{width: 75px;height: 75px;}
.kq02 ul li .icon img{width: 35px;}
.kq02 ul li .t1{font-size: 16px;margin-top: 10px;}
.kq02 ul li .info{padding: 25px;}
.kq02 ul li .info .bt{right: 25px;}
.kq02 ul li .info .bt img{width: 30px;}
.kq02 ul li .info h2{font-size: 24px;margin-bottom: 20px;}
.kq02 ul li .info p{font-size: 15px;}
}
@media screen and (max-width:768px){
.kq02 .line{top: 59%;}
.kq02 ul{position: initial;}
.kq02 ul li .t1{font-size: 14px;}
.kq02 ul li .info{height: auto;width: 60%;padding: 20px;}
.kq02 ul li .info:after{width: 104.5%;}
}
@media screen and (max-width:640px){
.kq02{padding: 30px 0;}
.kq02 .line{top: 55%;}
.kq02 .line img{height: 15px;}
.kq02 .cont{overflow-x: scroll;}
.kq02 ul{width: max-content;margin: 20px 0 30px;}
.kq02 ul li{margin-right: 80px;}
.kq02 ul li .icon{width: 68px;height: 68px;}
.kq02 ul li .icon img{width: 28px;}
.kq02 ul li .t1{font-size: 14px;margin-top: 12px;}
.kq02 ul li .info{height: auto;width: 84%;padding: 15px;top: 60%;}
.kq02 ul li .info:after{width: 104.5%;height: 115%;}
.kq02 ul li .info .bt{right: 15px;}
.kq02 ul li .info .bt img{width: 25px;}
.kq02 ul li .info h2{font-size: 20px;}
.kq02 ul li .info p{font-size: 14px;}
.kq02 .cont::-webkit-scrollbar{height:2px}
.kq02 .cont::-webkit-scrollbar-thumb{border-radius:4px;background-color:#fff}
.kq02 .cont::-webkit-scrollbar-track{background-color:#A5BD29}
}


/* kq03 */
.kq03{padding: 4vw 0;}
.kq03 .ul{margin-top: 4vw;}
.kq03 .ul li{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3vw;align-items: center;flex-direction: row-reverse;}
.kq03 .ul li:nth-last-child(1){margin-bottom: 0;}
.kq03 .ul li:nth-child(odd){flex-direction: row;}
.kq03 .ul li .info{width: 39%;}
.kq03 .ul li .info .t1{font-size: 1.68vw;color: #333;margin-bottom: 1.58vw;font-weight: bold;}
.kq03 .ul li .info .text{font-size: .941vw;color: #333;line-height: 2;}
.kq03 .ul li .info .icon{margin-top: 2%;}
.kq03 .ul li .info .icon img{max-width: 100%;}
.kq03 .ul li .img{width: 55%;}
.kq03 .ul li .img img{width: 100%;border-radius: 4px;}
@media screen and (max-width:1080px){
.kq03{padding: 60px 0;}
.kq03 .ul{margin-top: 40px;}
.kq03 .ul li{margin-bottom: 30px;}
.kq03 .ul li .info .t1{font-size: 26px;margin-bottom: 10px;}
.kq03 .ul li .info .text{font-size: 15px;}
}
@media screen and (max-width:768px){
.kq03 .ul li{margin-bottom: 25px;}
.kq03 .ul li .info .t1{font-size: 22px;}
.kq03 .ul li .info .text{font-size: 14px;}
}
@media screen and (max-width:668px){
.kq03 .ul li{border-radius: 4px;}
.kq03 .ul li .info{width: 100%;order: 1;background: #fff;box-shadow: 0 0 2px rgba(0, 0, 0, .1);padding: 20px;}
.kq03 .ul li .img{width: 100%;}
.kq03 .ul li .img img{border-radius: 0;}
}
@media screen and (max-width:520px){
.kq03{padding: 30px 0;}
.kq03 .ul{margin-top: 3px;}
.kq03 .ul li{margin-bottom: 15px;}
.kq03 .ul li .info{padding: 15px;}
.kq03 .ul li .info .t1{font-size: 18px;}
.kq03 .ul li .info .text{line-height: 24px;}
}


/* ch01 */
.ch01{padding: 4vw 0;background: #F5F8F6;}
.ch01 ul{display: flex;align-items: center;justify-content: space-between;}
.ch01 ul li{width: 32%;border-radius: 10px;position: relative;transition: all .35s;}
.ch01 ul li:after{content:'';position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;background:rgba(255,255,255,.08);border-radius:50%}
.ch01 ul li:hover{box-shadow: 1px 0px 2px 2px rgb(51 125 254 / 10%);transform: translateY(-6px);}
.ch01 ul li .info{padding: 1.68vw;color: #fff;}
.ch01 ul li .info .num{font-size: 3vw;font-weight:800;opacity:.25;position:absolute;top: .58vw;right: 1.05vw;}
.ch01 ul li .info .t1{font-size: 1.45vw;margin-bottom: .28vw;position:relative;z-index:2;font-weight: bold;}
.ch01 ul li .info .t2{font-size:.8vw;letter-spacing:4px;opacity:.75;margin-bottom:16px;text-transform:uppercase;position:relative;z-index:2}
.ch01 ul li .info .text{font-size: .835947vw;line-height: 1.68;opacity:.95;position:relative;z-index:2;min-height: 4.3vw;}
.ch01 ul li .info dl{margin-top: 1vw;position:relative;z-index:2;}
.ch01 ul li .info dl dd{display:inline-block;background:rgba(255,255,255,.18);border-radius:20px;padding: .25vw .88vw;font-size: .8vw;margin-right: .28vw;}
.ch01 ul li:nth-child(1){background:linear-gradient(135deg,#0f7a4a,#00a254)}
.ch01 ul li:nth-child(2){background:linear-gradient(135deg,#1a5fb4,#3b82d6)}
.ch01 ul li:nth-child(3){background:linear-gradient(135deg,#d97706,#f59e0b)}
@media screen and (max-width:1080px){
.ch01{padding: 60px 0;}
.ch01 ul li .info{padding: 20px;}
.ch01 ul li .info .t1{font-size: 20px;margin-bottom: 6px;}
.ch01 ul li .info .t2{font-size: 14px;letter-spacing: 2px;}
.ch01 ul li .info .text{font-size: 14px;}
.ch01 ul li .info dl{margin-top: 15px;}
.ch01 ul li .info dl dd{font-size: 13px;padding: 5px 10px;margin-right: 8px;}
.ch01 ul li .info .num{font-size: 30px;top: 16px;}
}
@media screen and (max-width:768px){
.ch01 ul{flex-wrap: wrap;}
.ch01 ul li{width: 49%;margin: 1% 0;}
}
@media screen and (max-width:520px){
.ch01{padding: 60px 0;}
.ch01 ul li{width: 100%;}
}



/* ch02 */
.ch02{padding-top: 4vw;}
.ch02 .wrap{padding: 4vw 0;}
.ch02 .wrap:nth-child(1){padding-top: 0;}
.ch02 .wrap:nth-child(even){background: #F5F8F6;}
.ch02 .wrap .top{margin-bottom: 2vw;display: flex;align-items: center;}
.ch02 .wrap .top .num{width: 4.5vw;height: 4.5vw;background:linear-gradient(135deg,#00883f,#00a254);border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size: 2vw;font-weight: bold;box-shadow:0 6px 20px rgba(0,136,63,.25);}
.ch02 .wrap .top  .name{margin-left: 1.2vw;}
.ch02 .wrap .top  .name .cn{font-size: 1.68vw;font-weight: bold;color:#0b3d2e;letter-spacing:2px;}
.ch02 .wrap .top  .name .en{font-size: .835947vw;letter-spacing:5px;color:#7da;text-transform:uppercase;margin-top:4px;}
.ch02 .wrap .page .icon{display: flex;align-items: center;}
.ch02 .wrap .page .icon img{width: 1.254vw;}
.ch02 .wrap .page .icon p{font-size: 1.1vw;color: #009348;font-weight: bold;}
.ch02 .wrap .page ul{display: flex;align-items: center;margin: 1vw 0 2vw;}
.ch02 .wrap .page ul li{margin-right: .68vw;background: #eaf6ef;border: 1px solid #bfe6d0;color: #0b6b3c;border-radius: 24px;padding: .35vw .88vw;display: flex;align-items: center;font-size: .82vw;}
.ch02 .wrap .page ul li i{width: 6px;height: 6px;background: #00883F;border-radius: 50%;margin-right: 5px;}
.ch02 .wrap .cont{display:flex;justify-content:space-between}
.ch02 .wrap .cont .left{width:45%}
.ch02 .wrap .cont .left ul li{background:#fff;border-radius:14px;box-shadow: 10px 1px 19px 3px rgb(0 0 0 / 10%);margin-bottom:20px;border-left: 5px solid #00994d;}
.ch02 .wrap .cont .left ul li:nth-last-child(1){margin-bottom: 0;}
.ch02 .wrap .cont .left ul li .info{padding: 1.5vw;}
.ch02 .wrap .cont .left ul li .info .title{display:flex;align-items:center}
.ch02 .wrap .cont .left ul li .info .title .tag{width: 1.28vw;height: 1.28vw;border-radius: 8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size: .835947vw;font-weight: bold;background: #00984c;margin-top: .1vw;}
.ch02 .wrap .cont .left ul li .info .title h5{font-size: 1.1vw;font-weight:700;color: #019b4e;margin-left: .5vw;}
.ch02 .wrap .cont .left ul li .info .text{font-size:.835947vw;line-height: 1.88;color:#555;margin-top: .58vw;}
.ch02 .wrap .cont .right{width: 52%;}
.ch02 .wrap .cont .right dl{display:flex;justify-content:space-between;height: 100%;}
.ch02 .wrap .cont .right dl dd{width:32%;background:#fff;border-radius:14px;border-top:3px solid #ccc;transition:transform .3s;border-top-color:#00883f;box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 10%);}
.ch02 .wrap .cont .right dl dd:hover{box-shadow: 1px 0px 2px 2px rgb(51 125 254 / 10%);transform: translateY(-6px);}
.ch02 .wrap .cont .right dl dd .info{padding: 1.5vw;}
.ch02 .wrap .cont .right dl dd .icon{width: 2.58vw;height: 2.58vw;border-radius: 10px;display:flex;align-items:center;justify-content:center;background:#e8f5ee;}
.ch02 .wrap .cont .right dl dd .icon img{width:1.254vw}
.ch02 .wrap .cont .right dl dd .t1{font-size: 1.1vw;color:#0b3d2e;font-weight:700;margin: 1vw 0;}
.ch02 .wrap .cont .right dl dd .text{font-size:.835947vw;line-height: 1.88;color:#555;}
@media screen and (max-width:1080px){
.ch02{padding-top: 60px;}
.ch02 .wrap{padding: 60px 0;}
.ch02 .wrap .top{margin-bottom: 25px;}
.ch02 .wrap .top .num{width: 50px;height: 50px;font-size: 24px;border-radius: 10px;}
.ch02 .wrap .top .name{margin-left: 15px;}
.ch02 .wrap .top .name .cn{font-size: 22px;}
.ch02 .wrap .top .name .en{font-size: 14px;letter-spacing: 2px;}
.ch02 .wrap .page .icon img{width: 24px;}
.ch02 .wrap .page .icon p{font-size: 18px;}
.ch02 .wrap .page ul{margin: 10px 0 20px;flex-wrap: wrap;}
.ch02 .wrap .page ul li{margin-right: 10px;padding: 5px 10px;font-size: 14px;}
.ch02 .wrap .cont .left ul li{border-radius: 10px;}
.ch02 .wrap .cont .left ul li .info{padding: 20px;}
.ch02 .wrap .cont .left ul li .info .title .tag{width: 24px;height: 24px;font-size: 15px;}
.ch02 .wrap .cont .left ul li .info .title h5{margin-left: 8px;font-size: 20px;}
.ch02 .wrap .cont .left ul li .info .text{margin-top: 15px;font-size: 14px;}
.ch02 .wrap .cont .right dl dd{border-radius: 10px;}
.ch02 .wrap .cont .right dl dd .info{padding: 20px;}
.ch02 .wrap .cont .right dl dd .icon{width: 50px;height: 50px}
.ch02 .wrap .cont .right dl dd .icon img{width: 24px;}
.ch02 .wrap .cont .right dl dd .t1{font-size: 20px;margin: 15px 0;}
.ch02 .wrap .cont .right dl dd .text{font-size: 14px;}
}
@media screen and (max-width:950px){
.ch02 .wrap .cont{flex-wrap: wrap;}
.ch02 .wrap .cont .left{width: 100%;}
.ch02 .wrap .cont .right{width: 100%;margin-top: 30px;}
}
@media screen and (max-width:520px){
.ch02{padding-top: 30px;}
.ch02 .wrap{padding: 30px 0 20px;}
.ch02 .wrap .page .icon p{font-size: 16px;margin-left: 3px;}
.ch02 .wrap .page ul li{margin-right: 6px;margin: 3px 6px 3px 0;}
.ch02 .wrap .cont .right dl{flex-wrap: wrap;}
.ch02 .wrap .cont .right dl dd{width: 100%;margin-bottom: 15px;}
}



/* hj01 */
.hj01{padding: 4vw 0;background: #F6F8F6;}
.hj01 ul{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-top: 4vw;}
.hj01 ul li{width: 32%;border: 1px solid #eee;border-radius: 20px;margin-bottom: 2%;background: #fff;box-shadow: 0 14px 36px rgba(19,32,51,.07);border-top: 6px solid #00883F;transition: all ease .3s;overflow: hidden;}
.hj01 ul li:hover{transform: translateY(-5px);}
.hj01 ul li .info{padding: 1.68vw;}
.hj01 ul li .info .t1{font-size: 1.28vw;color: #00883F;font-weight: bold;display: flex;align-items: center;margin-bottom: 1vw;}
.hj01 ul li .info .t1 i{width: 8px;height: 8px;border-radius: 50%;margin-right: 8px;background: #00883F;}
.hj01 ul li .info .text p{font-size: .9vw;color: #333;line-height: 2;margin: 8px 0;position: relative;color: #666;padding-left: 1.5vw;}
.hj01 ul li .info .text p:after{content: "";background: url(../images/hj1_icon.png);background-size: cover;position: absolute;top: .5vw;left: 0;width: 1.05vw;height: 1.05vw;}
@media screen and (max-width:1080px){
.hj01{padding: 60px 0;}
.hj01 ul li{width: 49%;}
.hj01 ul li .info{padding: 20px;}
.hj01 ul li .info .t1{font-size: 22px;margin-bottom: 20px;}
.hj01 ul li .info .text p{font-size: 15px;padding-left: 30px;margin: 5px 0;}
.hj01 ul li .info .text p:after{width: 20px;height: 20px;top: 6px;}
}
@media screen and (max-width:520px){
.hj01{padding: 30px 0 15px;}
.hj01 ul li{width: 100%;margin-bottom: 15px;border-top: 4px solid #00883F;border-radius: 10px;}
.hj01 ul li .info{padding: 15px;}
.hj01 ul li .info .t1{font-size: 18px;margin-bottom: 15px;}
.hj01 ul li .info .text p{font-size: 14px;padding-left: 25px;line-height: 1.88;}
.hj01 ul li .info .text p:after{width: 18px;height: 18px;}
}


/* hj02 */
.hj02{padding: 4vw 0;}
.hj02 ul{display: flex;align-items: center;justify-content: space-between;}
.hj02 ul li{width: 49%;border-radius: 10px;overflow: hidden;background: #fff;box-shadow: 0 4px 20px rgba(0,0,0,.08);}
.hj02 ul li .img{padding-bottom: 50%;position:relative;overflow:hidden;}
.hj02 ul li .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.hj02 ul li:hover .img img{transform:scale(1.04)}
.hj02 ul li .info{padding: 1.68vw;}
.hj02 ul li .info .cn{font-size: 1.28vw;font-weight: bold;color: #00883F;margin-bottom: .5vw;}
.hj02 ul li .info .en{color: #b4c126;font-size: .835947vw;letter-spacing: 2px;margin-bottom: 1vw;}
.hj02 ul li .info .text{color: #333;font-size: .835947vw;line-height: 1.88;}
.hj02 ul li .info dl dd{margin: .58vw 0;padding: 1vw;background-color: #F6F8F6;border-radius: 10px;}
.hj02 ul li .info dl dd .t1{font-size: .941vw;font-weight: bold;color: #00883F;margin-bottom: .5vw;}
.hj02 ul li .info dl dd .t2{color: #333;font-size: .835947vw;line-height: 1.88;}
@media screen and (max-width:1080px){
.hj02{padding: 60px 0;}
.hj02 ul li .info{padding: 20px;}
.hj02 ul li .info .cn{font-size: 20px;margin-bottom: 8px;}
.hj02 ul li .info .en{font-size: 14px;margin-bottom: 15px;}
.hj02 ul li .info .text{font-size: 14px;line-height: 1.68;margin-bottom: 15px;}
.hj02 ul li .info dl dd{margin: 8px 0;padding: 15px;}
.hj02 ul li .info dl dd .t1{font-size: 16px;}
.hj02 ul li .info dl dd .t2{font-size: 14px;line-height: 1.68;}
}
@media screen and (max-width:520px){
.hj02{padding: 30px 0 15px;}
.hj02 ul{flex-wrap: wrap;}
.hj02 ul li{width: 100%;margin-bottom: 20px;border-radius: 6px;}
.hj02 ul li .info{padding: 15px;}
}



/* contact01 */
.contact01{padding: 4vw 0;background: #F7F6FB;}
.contact01 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact01 .cont .title{display:flex;align-items:center;color:#111;font-size:1.254vw;font-weight:700;margin-bottom: 2vw;}
.contact01 .cont .title .icon{background:#00883f;border-radius:10px;box-shadow:0 0 1px 0 rgb(0 136 63);width:2vw;height:2vw;display:flex;align-items:center;justify-content:center;margin-right:10px}
.contact01 .cont .title .icon img{width:1.359vw}
.contact01 .cont .left{width: calc(45.5% - 4vw);padding: 2vw;background: #fff;border-radius: 10px;box-shadow: 0 0 5px 2px rgb(175 175 175 / 6%);}
.contact01 .cont .left ul li .t1{display:flex;align-items:center;font-size:.85vw;color:#666;font-weight:700}
.contact01 .cont .left ul li .t1 img{margin-right:10px;width:.941vw}
.contact01 .cont .left ul li dl dd{background:#f9fafb;padding:1vw;margin: 1.28vw 0;font-size:.85vw;color:#333;font-weight:700;transition:all .4s;border-radius: 5px;}
.contact01 .cont .left ul li dl dd:hover{background: #F4F1E9;}
.contact01 .cont .left .shake h3{font-size: .941vw;margin-bottom: 1.28vw;}
.contact01 .cont .left .shake dl{display: flex;align-items: center;}
.contact01 .cont .left .shake dl dd{position: relative;text-align: center;margin-right: 1vw;}
.contact01 .cont .left .shake dl dd img{width: 6vw;}
.contact01 .cont .left .shake dl dd p{font-size: .835947vw;margin-top: 8%;}
.contact01 .cont .right{width: calc(52.5% - 4vw);padding: 2vw;background: #fff;border-radius: 10px;box-shadow: 0 0 5px 2px rgb(175 175 175 / 6%);}
.contact01 .cont .right .txt{position: relative;}
.contact01 .cont .right .txt .tit{position: relative;border: 1px solid #eaeaea;border-radius: 8px;background-color: #F9FAFB;width: 100%;line-height: 2.58vw;text-indent: 1em;margin-bottom: 1vw;color: #333;font-size: .835947vw;cursor: pointer;}
.contact01 .cont .right .txt .tit:after{position: absolute;content: "";right: 1vw;top: 50%;transform: translate(0, -50%);background: url(../images/in2_bt.png);background-size: cover;width: 1vw;height: 1vw;}
.contact01 .cont .right .txt i{color: #f10101;}
.contact01 .cont .right .txt .rd{position:absolute;background:#fff;border-radius: 8px;top: 0;left: 50%;transform: translate(-50% , 30px);margin-top: 1.58vw;transition:all .35s ease-in-out;opacity: 0;visibility: hidden;line-height: 2;width: 100%;z-index: 9;border: 1px solid #eaeaea;}
.contact01 .cont .right .txt.hover-lock .rd{opacity:0!important;visibility:hidden!important;transform:translate(-50% ,30px)!important}
.contact01 .cont .right .txt .rd a{display: block;padding: .35vw 1vw;font-size: .835947vw;}
.contact01 .cont .right .txt .rd a:hover{background: #00883F;color: #fff;}
.contact01 .cont .right .txt:hover .rd{opacity: 1;visibility: visible;transform: translate(-50% , 20px);}
.contact01 .cont .right form .input{position:relative;width: 48.5%;margin-bottom: 3%;}
.contact01 .cont .right form .input.w100{width: auto;}
.contact01 .cont .right form .input label{display: block;margin-bottom: .88vw;font-size: .88vw;}
.contact01 .cont .right form .input label i{color: #f10101;position: absolute;}
.contact01 .cont .right form .input input{font-size: .8vw;height: 2.4vw;background: none;color: #666;text-indent: 1em;border: 1px solid #eaeaea;border-radius: 8px;background-color: #F9FAFB;width: 100%;}
.contact01 .cont .right form .input ul{display:flex;align-items:center;}
.contact01 .cont .right form .input ul li{display:flex;align-items:center;margin-right: 2%;}
.contact01 .cont .right form .input ul li:last-child{margin-right:0}
.contact01 .cont .right form .input ul li label{font-size:.835947vw;font-weight:400;margin-bottom:0}
.contact01 .cont .right form .input ul li label .remark{border: none;background: none;border-bottom: 1px solid #b3b3b3;width: 5vw;border-radius: 0;height: auto;}
.contact01 .cont .right form .input ul li .checkbox{appearance:none;vertical-align:middle;cursor:pointer;width:1vw;height:1vw;margin-right:.28vw;border:1px solid #999;border-radius: 3px;position:relative;}
.contact01 .cont .right form .input ul li .checkbox:checked{border-color:#00883f}
.contact01 .cont .right form .input ul li .checkbox:checked::after{content:'';position:absolute;width:.5vw;height:.5vw;background-color:#00883f;top:50%;left:50%;transform:translate(-50%,-50%);}
.contact01 .cont .right form .input ul li .radio{-webkit-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;width:1vw;height:1vw;margin-right:.28vw;border:1px solid #999;border-radius:50% !important;position:relative}
.contact01 .cont .right form .input ul li .radio:checked{border-color:#00883f}
.contact01 .cont .right form .input ul li .radio:checked::after{content:'';position:absolute;width:.5vw;height:.5vw;background-color:#00883f;border-radius:50% !important;top:50%;left:50%;transform:translate(-50%,-50%)}
.contact01 .cont .right form .input .code{position: absolute;right: 0;top: 0;left: initial;transform: translate(0,0);height: 100%;width: 30%;border-top-right-radius: 15px;border-bottom-right-radius: 15px;width: 15%;}
.contact01 .cont .right form .input input:hover{border-color: #00883f;}
.contact01 .cont .right form .input input::placeholder{color:#666;}
.contact01 .cont .right form .input input::-moz-placeholder{color:#666;}
.contact01 .cont .right form .input input::-webkit-input-placeholder{color:#666;}
.contact01 .cont .right form .submit{margin-top: 3vw;width: 100%;}
.contact01 .cont .right form .submit input{width:100%;height: 2.58vw;transition:.5s;font-size:.85vw;color:#fff;background:#00883F;z-index:9;position:relative;border-radius: 50px;}
.contact01 .cont .right form .submit input:hover{color: #fff;background-image: linear-gradient(90deg, #00883f, #b4c126);}
@media only screen and (max-width:1080px){
.contact01{padding: 60px 0;}
.contact01 .cont .left{width: calc(40% - 50px);padding: 25px;}
.contact01 .cont .title{font-size: 20px;margin-bottom: 20px;}
.contact01 .cont .title .icon{width: 40px;height: 40px;}
.contact01 .cont .title .icon img{width: 26px;}
.contact01 .cont .left ul li .t1{font-size: 16px;}
.contact01 .cont .left ul li .t1 img{width: 18px;}
.contact01 .cont .left ul li dl dd{padding: 15px;margin: 15px 0;font-size: 15px;}
.contact01 .cont .left .shake h3{font-size: 16px;margin-bottom: 20px;}
.contact01 .cont .left .shake dl
.contact01 .cont .left .shake dl dd{margin-right: 15px;}
.contact01 .cont .left .shake dl dd img{width: 115px;}
.contact01 .cont .left .shake dl dd p{font-size: 14px;}
.contact01 .cont .right{width: calc(58% - 50px);padding: 25px;}
.contact01 .cont .right .txt .tit{line-height: 40px;text-indent: 1em;margin-bottom: 20px;font-size: 15px;}
.contact01 .cont .right .txt .tit:after{width: 16px;height: 16px;}
.contact01 .cont .right .txt .rd a{padding: 5px 10px;font-size: 14px;}
.contact01 .cont .right form .input{margin-bottom: 4%;}
.contact01 .cont .right form .input.w100{width: auto;}
.contact01 .cont .right form .input label{font-size: 14px;margin-bottom: 10px;}
.contact01 .cont .right form .input img{width: 25px;}
.contact01 .cont .right form .input ul li .checkbox,.contact01 .cont .right form .input ul li .radio{width: 15px;height: 15px;margin-right: 3px;}
.contact01 .cont .right form .input ul li .radio:checked::after,.contact01 .cont .right form .input ul li .checkbox:checked::after{width: 7px;height: 7px;}
.contact01 .cont .right form .input ul li label{font-size: 14px;}
.contact01 .cont .right form .input ul li label .remark{width: 58px;}
.contact01 .cont .right form .input input{font-size: 14px;height: 40px;}
.contact01 .cont .right form .submit{margin-top: 30px;}
.contact01 .cont .right form .submit input{height: 45px;font-size: 16px;}
}
@media only screen and (max-width:768px){
.contact01 .cont .left{width: 100%;margin-bottom: 20px;}
.contact01 .cont .right{width: 100%;}
}
@media only screen and (max-width:520px){
.contact01{padding: 30px 0;}
.contact01 .cont .left{padding: 20px;}
.contact01 .cont .title{margin-bottom: 18px;}
.contact01 .cont .title .icon{width: 38px;height: 38px;}
.contact01 .cont .left ul li .t1{font-size: 15px;}
.contact01 .cont .left ul li .t1 img{margin-right: 8px;}
.contact01 .cont .left ul li dl dd{padding: 12px;margin: 12px 0;font-size: 14px;}
.contact01 .cont .left .shake h3{font-size: 15px;margin: 20px 0;}
.contact01 .cont .left .shake dl dd img{width: 100px;}
.contact01 .cont .right{padding: 20px;}
.contact01 .cont .tit{font-size: 14px;}
.contact01 .cont .right form .input ul{flex-wrap: wrap;justify-content: left;}
.contact01 .cont .right form .input ul li{width: auto;margin: 1.5% 0;margin-right: 3%;}
.contact01 .cont .right form .input input{height: 36px;}
.contact01 .cont .right form .submit{margin-top: 20px;}
.contact01 .cont .right form .submit input{height: 40px;font-size: 15px;}
}


/* kp01 */
.kp01{padding:4vw 0 6vw;position: relative;}
.kp01 .swiper-slide{height:100%;text-align:center;display:flex;align-items:center;justify-content:center;}
.kp01 .icon{position:relative;width: 8vw;height: 8vw;display:flex;align-items:center;justify-content:center;}
.kp01 .icon:after{position:absolute;content:"";left: 50%;top: 50%;transform: translate(-50%,-50%);border:1px solid #d0d0d0;border-radius:50%;width: 93%;height: 93%;}
.kp01 .icon img{max-width: 80%;}
.kp01 .txt{cursor:pointer;opacity:0;z-index:5;transition:all .5s;position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 8vw;height: 8vw;border-radius:50%;background:url(../images/kp_icon.png) no-repeat center/cover;}
.kp01 .txt p{width:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:.941vw}
.kp01 .swiper-slide:hover .txt{opacity:1}
.kp01 .swiper-slide:hover .txt p{color:#fff}
.kp01 .swiper-pagination{bottom: 2.8vw !important;}
.kp01 .swiper-pagination-bullet{width: 2vw;height: 6px;transition:all .4s;background: #D8D8D8;border-radius: 5px;opacity: 1;}
.kp01 .swiper-pagination-bullet-active{width: 4vw;background: #00883F;}
@media only screen and (max-width:1080px){
.kp01{padding: 60px 0 80px;}
.kp01 .icon,.kp01 .txt{width: 130px;height: 130px;}
.kp01 .txt p{font-size: 17px;}
.kp01 .swiper-pagination{bottom: 30px !important;}
.kp01 .swiper-pagination-bullet{width: 20px;height:6px;}
.kp01 .swiper-pagination-bullet-active{width: 40px;}
}
@media only screen and (max-width:768px){
.kp01 .icon,.kp01 .txt{width: 100px;height: 100px;}
}
@media only screen and (max-width:520px){
.kp01{padding: 30px 0 60px;}
.kp01 .icon,.kp01 .txt{width: 110px;height: 110px;}
.kp01 .txt p{font-size: 15px;}
.kp01 .swiper-pagination{bottom: 25px !important;}
.kp01 .swiper-pagination-bullet{width: 15px;height: 3px;}
.kp01 .swiper-pagination-bullet-active{width: 30px;}
}


/* kp02 */
.kp02{padding: 4.5vw 0;}
.kp02 ul{display: flex;align-items: center;flex-wrap: wrap;}
.kp02 ul li{width: 19.2%;text-align: center;background: #E8E8E8;border-radius: 6px;padding: 1vw 0;position: relative;margin-right: 1%;margin-bottom: 1%;cursor: pointer;}
.kp02 ul li:nth-child(5n+5){margin-right: 0;}
.kp02 ul li .icon img{width: 8vw;position: relative;z-index: 9;}
.kp02 ul li .t1{font-size: .941vw;color: #333;transition: all 0.5s;margin-top: .58vw;}
.kp02 ul li:hover{background: #00883F;}
.kp02 ul li:hover .t1{color: #fff;transform: translateY(10px);}
.kp02 ul li:before {position: absolute; left:0; bottom:0; content:''; width: 100%; height: 100%; background: #00883F; transition:all 0.5s; border-radius: 6px;overflow: hidden;z-index: -1;}
.kp02 ul li:hover:before {box-shadow: 4px -10px 10px 0px rgba(120,120,120,0.1); height: calc(100% + 10px);} 
@media only screen and (max-width:1080px){
.kp02{padding-bottom: 60px;}
.kp02 ul li{padding: 20px 0;}
.kp02 ul li{width: 23.875%;}
.kp02 ul li:nth-child(5n+5){margin-right: 1%;}
.kp02 ul li:nth-child(4n+4){margin-right: 0;}
.kp02 ul li .icon img{width: 100px;}
.kp02 ul li .t1{font-size: 16px;margin-top: 10px;}
}
@media only screen and (max-width:768px){
.kp02 ul{justify-content: initial;}
.kp02 ul li{width: 32%;margin: 0;margin-bottom: 2%;}
.kp02 ul li:nth-child(5n+5){margin-right: 2%;}
.kp02 ul li:nth-child(4n+4){margin-right: 2%;}
.kp02 ul li:nth-child(3n+3){margin-right: 0;}
}
@media only screen and (max-width:520px){
.kp02{padding-bottom: 30px;}
.kp02 ul li{padding: 15px 0;}
.kp02 ul li .icon img{width: 100px;}
.kp02 ul li .t1{font-size: 14px;}
.kp02 ul li{width: 49%;}
.kp02 ul li:nth-child(odd){margin-right: 2%;}
.kp02 ul li:nth-child(even){margin-right: 0;}
}


/* popup */
.popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.5);z-index: 999;opacity: 0;visibility: hidden;}
.popup.show{opacity: 1;visibility: visible;}
.popup .cont{background-color: #EBECEB;border-radius: 10px;padding: 2.5vw;transform:translate(-50% , -50%) scale(0);left: 50%;top: 50%;position: absolute;width: 58%;transition: .58s;}
.popup.show .cont{transform:translate(-50% , -50%) scale(1);}
.popup .cont .title{font-size: 2.28vw;margin-bottom: 1.28vw;padding-bottom: 1.28vw;border-bottom: 1px solid #D8D9D8;}
.popup .cont .close{position: absolute;top: 2vw;right: 2vw;width: 2.1vw;height: 2.1vw;border-radius: 50%;background: #ffffff url(../images/close.svg) no-repeat center center/.941vw;cursor: pointer;transition: .3s;border: 1px solid #00883F;}
.popup .cont .bom{display: flex;align-items: center;justify-content: space-between;}
.popup .cont .bom .info{max-height: 29vw;overflow: scroll;width: 50%;}
.popup .cont .bom .info .wrap .t1{font-size:1vw}
.popup .cont .bom .info .wrap .text{margin:.5vw 0 1vw;font-size:.835947vw;color:#333;line-height:1.68}
.popup .cont .bom .img{width:45%}
.popup .cont .bom .img img{width:100%}
@media only screen and (max-width:1080px){
.popup .cont{padding: 30px;width: calc(92% - 60px);}
.popup .cont .title{font-size: 24px;margin-bottom: 20px;padding-bottom: 20px;}
.popup .cont .close{width: 34px;height: 34px;background: #ffffff url(../images/close.svg) no-repeat center center/18px;top: 20px;}
.popup .cont .bom .info{max-height: 500px;padding-right: 10px;}
.popup .cont .bom .info .wrap .t1{font-size: 17px;}
.popup .cont .bom .info .wrap .text{margin: 5px 0 15px;font-size: 14px;}
}
@media only screen and (max-width:768px){
.popup .cont .title{font-size: 22px;margin-bottom: 15px;padding-bottom: 15px;}
.popup .cont .close{width: 32px;height: 32px;}
.popup .cont .bom{flex-wrap: wrap;}
.popup .cont .bom .info{width: 100%;max-height: 300px;}
.popup .cont .bom .img{width: 100%;margin-top: 20px;}
}
@media only screen and (max-width:520px){
.popup .cont{padding: 20px;width: calc(92% - 40px);}
.popup .cont .title{font-size: 20px;margin-bottom: 15px;padding-bottom: 15px;}
.popup .cont .close{width: 30px;height: 30px;top: 15px;right: 15px;}
.popup .cont .bom .info .wrap .t1{font-size: 16px;}
.popup .cont .bom .info .wrap .text{margin: 5px 0 10px;font-size: 14px;line-height: 1.58;}
}


/* zz01 */
.zz01{padding: 4.5vw 0;}
.zz01 ul{display: flex;justify-content: space-between;}
.zz01 ul li{box-shadow: 0 0 10px 0px #cfdcd5d9;border-radius: 8px;width: 23.5%;transition:all .5s;position: relative;}
.zz01 ul li:after{position: absolute;content: "";background: url(../images/zz01_bg.jpg);border-radius: 8px;background-size: cover;background-position: bottom;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;filter: hue-rotate(-95deg);}
.zz01 ul li .info{padding: 2vw;position: relative;z-index: 9;}
.zz01 ul li .info .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.58vw}
.zz01 ul li .info .top .icon{background: #E8F5EE;border-radius: 8px;padding: .4vw;}
.zz01 ul li .info .top .icon img{width: 2.68vw;}
.zz01 ul li .info .top .num{position: relative;}
.zz01 ul li .info .top .num .n{display:block;-webkit-text-fill-color:transparent;-webkit-text-stroke: 1px #3dab70;font-size: 2.58vw;position:relative;font-weight:700;margin-left:auto;}
.zz01 ul li .info .top .num .n2{color: #3dab70;position:absolute;top:0;left:0;opacity:0;transform:translate(25%,25%);transition:all .5s;}
.zz01 ul li .info .t1{color:#333;font-size:1.25392vw;line-height:1.3;font-weight:700;margin-bottom:1vw}
.zz01 ul li .info .text{color:#666;font-size:.835947vw;line-height:1.8;}
.zz01 ul li:hover{transform: translate3d(0,-8px,0);}
.zz01 ul li:hover .info .top .num .n2{opacity: 1;transform: translate(3px,3px);}
@media screen and (max-width: 1080px){
.zz01{padding: 60px 0;}
.zz01 ul li .info{padding: 25px;}
.zz01 ul li .info .top{margin-bottom: 20px;}
.zz01 ul li .info .top .icon{padding: 10px;}
.zz01 ul li .info .top .icon img{width: 36px;}
.zz01 ul li .info .top .num .n{font-size: 36px;}
.zz01 ul li .info .t1{font-size: 20px;margin-bottom: 15px;}
.zz01 ul li .info .text{font-size: 14px;min-height: auto;}
}
@media screen and (max-width: 850px){
.zz01 ul{flex-wrap: wrap;}
.zz01 ul li{width: 48.5%;margin: 1.5% 0;}
.zz01 ul li .info{padding: 20px;}
}
@media screen and (max-width: 520px){
.zz01{padding: 30px 0;}
.zz01 ul li .info{padding: 15px;}
.zz01 ul li .info .top{margin-bottom: 15px;}
.zz01 ul li .info .top .icon{padding: 8px;}
.zz01 ul li .info .top .icon img{width: 32px;}
.zz01 ul li .info .top .num .n{font-size: 32px;}
.zz01 ul li .info .t1{font-size: 17px;margin-bottom: 10px;}
.zz01 ul li .info .text{font-size: 14px;line-height: 24px;}
}



/* zz02 */
.zz02{padding: 4.5vw 0;background: #F0F3F1;}
.zz02 .cont .item{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3vw;align-items: center;flex-direction: row-reverse;}
.zz02 .cont .item:nth-last-child(1){margin-bottom: 0;}
.zz02 .cont .item:nth-child(odd){flex-direction: row;}
.zz02 .cont .item .img{width: calc(45% - 20px);border-radius: 10px;overflow: hidden;background: #fff;padding: 10px;}
.zz02 .cont .item .img img{max-width: 100%;}
.zz02 .cont .item .info{width: 49%;}
.zz02 .cont .item .info h2{position: relative;font-size: 1.58vw;color: #00883F;padding-bottom: 1vw;margin-bottom: 2vw;}
.zz02 .cont .item .info h2:after{position: absolute;content: "";left: 0;bottom: 0;width: 3vw;height: 3px;background: #00883F;}
.zz02 .cont .item .info ul li{padding: .88vw 1.5vw;background: #fff;border-radius: 10px;margin-top: .68vw;}
.zz02 .cont .item .info ul li h3{font-size: .941vw;color: #333;margin-bottom: .58vw;}
.zz02 .cont .item .info ul li p{font-size: .835947vw;color: #666;line-height: 1.88;}
@media screen and (max-width: 1080px){
.zz02{padding: 60px 0;}
.zz02 .cont .item{margin-bottom: 50px;}
.zz02 .cont .item .info h2{font-size: 22px;padding-bottom: 15px;margin-bottom: 20px;}
.zz02 .cont .item .info h2:after{width: 50px;}
.zz02 .cont .item .info ul li{padding: 10px 20px;margin-top: 10px;}
.zz02 .cont .item .info ul li h3{font-size: 18px;}
.zz02 .cont .item .info ul li p{font-size: 14px;}
}
@media screen and (max-width: 880px){
.zz02 .cont .item .info{width: 100%;margin-bottom: 30px;}
.zz02 .cont .item .img{width: 100%;order: 1;}
}
@media screen and (max-width: 520px){
.zz02{padding: 30px 0;}
.zz02 .cont .item{margin-bottom: 50px;}
.zz02 .cont .item .info{margin-bottom: 20px;}
.zz02 .cont .item .info h2{font-size: 18px;}
.zz02 .cont .item .info h2:after{width: 45px;height: 2px;}
.zz02 .cont .item .info ul li{padding: 10px 15px;border-radius: 8px;}
.zz02 .cont .item .info ul li h3{font-size: 16px;margin-bottom: 8px;}
.zz02 .cont .item .info ul li p{font-size: 14px;line-height: 26px;}
}


/* ca01 */
.ca01{padding: 4.5vw 0;background: #F0F3F1;}
.ca01 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ca01 ul li{width: 24.25%;background: #fff;box-shadow: 0 0 6px rgb(82 82 82 / 6%);margin: .5% 0;border-radius: 6px;overflow: hidden;transition:all .5s;}
.ca01 ul li:hover{transform: translate3d(0,-5px,0);}
.ca01 ul li .info .top{background:#333 url(../images/zz01_bg.jpg);background-size:cover;background-position:bottom;filter:hue-rotate(-95deg);position:relative;padding: 2vw 1.5vw;}
.ca01 ul li .info .top h2{font-size:1.35vw}
.ca01 ul li .info .top .num{width:3vw;height:3vw;background:#fff;font-size:1.68vw;color:#00883f;filter:hue-rotate(65deg);position:absolute;border-radius:50%;box-shadow:0 0 6px rgb(82 82 82 / 8%);right:10%;display:flex;align-items:center;justify-content:center}
.ca01 ul li .info .text{padding:1.5vw;font-size:.835947vw;color:#333;line-height:1.88;margin-top:1vw}
@media screen and (max-width: 1080px){
.ca01{padding: 60px 0;}
.ca01 ul li{width: 32%;margin: 1% 0;}
.ca01 ul li .info .top{padding: 20px 15px;}
.ca01 ul li .info .top h2{font-size: 20px;}
.ca01 ul li .info .top .num{width: 45px;font-size: 20px;height: 45px;}
.ca01 ul li .info .text{padding: 15px;font-size: 15px;line-height: 26px;}
}
@media screen and (max-width: 768px){
.ca01 ul li{width: 49%;}
}
@media screen and (max-width: 520px){
.ca01{padding: 30px 0;}
.ca01 ul li .info .top{padding: 15px;margin-bottom: 15px;}
.ca01 ul li .info .top h2{font-size: 18px;}
.ca01 ul li .info .top .num{width: 40px;font-size: 18px;height: 40px;}
.ca01 ul li .info .text{padding: 15px;font-size: 14px;}
}


/* ca02 */
.ca02{padding: 4.5vw 0;background: url(../images/ca02_bg.jpg);background-size: cover;}
.ca02 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ca02 .cont .left{width: 40%;}
.ca02 .cont .left .in_tit .tit{color: #fff;justify-content: left;}
.ca02 .cont .left .in_tit .title{color: #fff;text-align: left;}
.ca02 .cont .left .text{font-size: .947vw;color: #fff;line-height: 1.88;letter-spacing: 1px;}
.ca02 .cont .right{width: 40%;}
.ca02 .cont .right ul li{background:#ffffffa6;border-radius:8px;padding:1.45vw;margin-bottom:.68vw;transition:all .5s;}
.ca02 .cont .right ul li:hover{transform: translate3d(0,-5px,0);}
.ca02 .cont .right ul li h3{font-size:1.1vw;margin-bottom:.88vw}
.ca02 .cont .right ul li p{font-size:.835847vw;color:#333;line-height:1.88;font-weight: bold;}
@media screen and (max-width: 1080px){
.ca02{padding: 60px 0;}
.ca02 .cont .left .text{font-size: 16px;}
.ca02 .cont .right ul li{padding: 20px;margin-bottom: 10px;}
.ca02 .cont .right ul li h3{font-size: 16px;margin-bottom: 10px;}
.ca02 .cont .right ul li p{font-size: 14px;}
}
@media screen and (max-width: 768px){
.ca02 .cont .left{width: 100%;}
.ca02 .cont .right{width: 100%;}
}
@media screen and (max-width: 520px){
.ca02{padding: 30px 0;}
.ca02 .cont .left .text{font-size: 15px;line-height: 26px;margin-bottom: 20px;}
.ca02 .cont .right ul li{padding: 15px;margin-bottom: 8px;}
.ca02 .cont .right ul li h3{margin-bottom: 8px;}
.ca02 .cont .right ul li p{line-height: 26px;}
}


/* ca03 */
.ca03{padding: 4.5vw 0;}
.ca03 ul{display: flex;justify-content: space-between;}
.ca03 ul li{width: 32%;position: relative;transition:all .5s;}
.ca03 ul li:after{content:"";display:block;position:absolute;left:50%;bottom: 0;transform:translate(-50%,0);width:0;height:2px;background-color: #00883F;transition:all .5s;}
.ca03 ul li:hover{transform: translate3d(0,-5px,0);}
.ca03 ul li:hover:after{width:100%}
.ca03 ul li{background:#fff;text-align:center;position: relative;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / .1);border-radius: 2px;}
.ca03 ul li .info{padding:2.4vw 1vw;}
.ca03 ul li .info h2{font-size: 1.35vw;font-weight: bold;color: #00883f;margin-bottom: 1.5vw;padding-bottom: 1vw;position: relative;}
.ca03 ul li .info h2:after{position: absolute;content: "";left: 50%;bottom: 0;width: 3vw;height: 3px;background: #00883F;transform: translate(-50% , 0);}
.ca03 ul li .info p{font-size: .835924vw;color: #666;line-height: 1.88;}
@media screen and (max-width: 1080px){
.ca03{padding: 60px 0;}
.ca03 ul li .info{padding: 30px 15px;}
.ca03 ul li .info h2{font-size: 18px;margin-bottom: 20px;padding-bottom: 15px;}
.ca03 ul li .info h2:after{width: 30px;}
.ca03 ul li .info p{font-size: 15px;}
}
@media screen and (max-width: 850px){
.ca03 ul{flex-wrap: wrap;}
.ca03 ul li{width: 100%;margin: 1.5% 0;}
}
@media screen and (max-width: 520px){
.ca03{padding: 30px 0;}
.ca03 ul li .info{padding: 20px 15px;}
.ca03 ul li .info h2{font-size: 18px;margin-bottom: 15px;}
.ca03 ul li .info p{font-size: 14px;line-height: 26px;}
}
