.kv{height:700px;position:relative;background:linear-gradient(180deg,rgba(0,0,0,.5) 0,transparent 20%),url(../img/kv.30eed44e.webp);background-position:50%,bottom;background-size:cover,cover}.kv .caption{width:1200px;margin:0 auto;padding:25px 0;box-sizing:border-box}.kv .caption h1{margin:0;display:inline-block;letter-spacing:5px;font-weight:700;font-size:52px;color:#fff;text-shadow:5px 5px 5px #00000066}.sect1{background:radial-gradient(circle at 50% 100%,#f0f0f0 0,#f0f0f0 50%,#ffffff00 50.1%)}.sect1 p{line-height:2em}.sect1 a{margin:0 0 60px;padding:5px 20px 7px;display:inline-block;border:1px solid grey;border-radius:30px;font-size:20px;color:#fff;background:#0c5f99;transform-origin:left center;animation:btnBreath 1.2s ease-in-out 0s infinite alternate forwards}@keyframes btnBreath{0%{transform:scale(1)}to{transform:scale(1.1)}}.sect1 a:hover{border:1px solid #0c5f99;transform:scale(1.1)}.sect1 .gallery{display:flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;border-radius:30px}.sect1 .gallery .imgContainer{position:relative}.sect1 .gallery .imgContainer .tit{display:inline-flex;align-items:center}.sect1 .gallery .imgContainer .tit .icon{flex:0 0 100px;box-sizing:border-box;overflow:visible}.sect1 .gallery .imgContainer .tit .icon img{width:100%;position:relative}.imgContainer .tit .name{flex:0 0 auto;margin:0 0 0 -25px;padding:5px 25px;box-sizing:border-box;font-weight:700;font-size:20px;color:#fff;background:linear-gradient(90deg,#00000088 0,#00000010)}.sect1 .gallery .imgContainer1-1{width:49.8%;margin:0 0 5px;background:url(../img/pic1_01.777fa827.jpg) 50%;background-size:cover}.sect1 .gallery .imgContainer1-2{width:49.8%;background:url(../img/pic1_02.03957d79.jpg) 50%;background-size:cover}.sect1 .gallery .imgContainer1-3{width:49.8%;margin:0 0 5px;background:url(../img/pic1_03.3da82bc8.jpg) 0;background-size:cover}.sect1 .gallery .imgContainer1-4{width:49.8%;background:url(../img/pic1_04.0b248580.jpg) 50%;background-size:cover}.sect1 .sectTit{margin:40px 0 0;padding:5px 0;box-sizing:border-box;display:inline-block;border-top:1px solid #0c5f99;border-bottom:1px solid #0c5f99;letter-spacing:2px;font-size:24px;color:#0c5f99}.sect2{background:url(../img/sectBack2.9f53c3c0.png) 50%;background-size:cover}.sect2 .sectTit{width:300px;margin:auto;padding:10px 20px;box-sizing:border-box;position:absolute;top:-35px;left:0;right:0;border-radius:50px;letter-spacing:2px;text-align:center;font-size:36px;color:#e99776;background:#f4f3f3}.sect2 .volunteer{display:flex;justify-content:space-between;flex-wrap:wrap}.sect2 .volunteer .left{flex:0 0 45%}.sect2 .volunteer .left img{width:100%}.sect2 .volunteer .left .info{margin:20px 0;padding:0 20px 3px;box-sizing:border-box;border:3px solid #63bfaa;border-radius:50px;background:#fff}.sect2 .volunteer .left .info .block1{width:25%;display:inline-block;border-right:3px solid #63bfaa;line-height:1.3em;text-align:center}.sect2 .volunteer .left .info .block1 .year{font-weight:700;font-size:24px}.sect2 .volunteer .left .info .block2{width:70%;display:inline-block;text-align:center}.sect2 .volunteer .left .info .block2 .num1,.sect2 .volunteer .left .info .block2 .num2{font-size:52px;color:#63bfaa;opacity:0}.sect2 .volunteer .right{flex:0 0 45%;line-height:2em}.sect2 .gallery{display:flex;justify-content:space-between;flex-wrap:wrap;border-radius:30px;overflow:hidden}.sect2 .gallery .left{flex:0 0 60%}.sect2 .gallery .left .imgContainer2-1{width:100%;background:url(../img/pic2_02.7ee102d9.jpg) 50%;background-size:cover}.sect2 .gallery .right{flex:0 0 39%}.sect2 .gallery .right .imgContainer2-2{width:100%;background:url(../img/pic2_03.3ea604e1.jpg) 50%;background-size:cover}.sect3 .sectTit{width:400px;margin:auto;padding:10px 20px;box-sizing:border-box;border-radius:50px;letter-spacing:2px;text-align:center;font-size:36px;color:#fff;background:#e99776}.sect3 p{line-height:2em}.sect3 .benefit{margin:40px 0 0;flex-wrap:wrap}.sect3 .benefit,.sect3 .left{display:flex;justify-content:space-between}.sect3 .left{flex:0 0 74.7%;flex-wrap:wrap}.sect3 .right{flex:0 0 24.3%;background:#fff}.sect3 .left .item{flex:0 0 32.5%;background:#fff}.sect3 .item .icon img{width:100%}.sect3 .item .icon .tit{padding:0 0 20px;box-sizing:border-box;text-align:center;font-size:24px;color:#fff}.sect3 .item .bList{padding:15px;box-sizing:border-box;background:#fff}.sect3 .item .bList div{margin:10px 0;padding:0 0 0 10px;box-sizing:border-box;border-left:5px solid grey;font-weight:700}.sect3 .item .bList div.note{border-left:5px solid transparent;font-size:14px;color:grey;transform:translateY(-5px)}.sect3 .left .item:first-child .icon,.sect3 .left .item:nth-child(3) .icon,.sect3 .left .item:nth-child(4) .icon,.sect3 .left .item:nth-child(6) .icon{background:#63bfaa}.sect3 .left .item:nth-child(2) .icon,.sect3 .left .item:nth-child(5) .icon,.sect3 .right .item .icon{background:#82cbba}@media screen and (min-width:1367px) and (max-width:1600px){.kv .caption h1{font-size:48px}}@media screen and (min-width:1201px) and (max-width:1366px){.kv .caption h1{font-size:44px}}@media screen and (min-width:768px) and (max-width:1200px){.kv .caption{width:100%;padding:10px 10px}.kv .caption h1{font-size:40px}.sect2 .volunteer{display:flex;justify-content:space-between;flex-wrap:wrap}.sect2 .volunteer .left{flex:0 0 500px;margin:20px auto 0}.sect2 .volunteer .right,.sect3 .left{flex:0 0 100%}.sect3 .right{flex:0 0 48%}.sect3 .left .item{flex:0 0 48%;margin:0 0 35px;box-shadow:0 0 5px #00000022}}@media screen and (min-width:1px) and (max-width:767px){.kv .caption{width:100%;padding:10px 10px}.kv .caption h1{font-size:24px;text-shadow:3px 3px 3px #00000066}.sect1 .gallery .imgContainer .tit .icon{flex:0 0 60px}.sect1 .gallery .imgContainer1-1,.sect1 .gallery .imgContainer1-2,.sect1 .gallery .imgContainer1-3{width:100%;margin:0 0 5px}.sect1 .gallery .imgContainer1-4{width:100%}.sect2 .sectTit{width:150px;top:-25px;font-size:20px}.sect2 .volunteer .left,.sect2 .volunteer .right{flex:0 0 100%}.sect2 .volunteer .left .info{padding:10px 20px 3px}.sect2 .volunteer .left .info .block1{width:100%;border-right:none}.sect2 .volunteer .left .info .block1 .year{font-weight:700;font-size:24px}.sect2 .volunteer .left .info .block2{width:100%}.sect2 .volunteer .left .info .block2 .num1,.sect2 .volunteer .left .info .block2 .num2{font-size:40px}.sect2 .gallery .left,.sect2 .gallery .right{flex:0 0 100%}.sect2 .gallery .right .imgContainer2-2{margin:5px 0}.sect3 .sectTit{width:220px;font-size:20px}.sect3 .left,.sect3 .left .item,.sect3 .right{flex:0 0 100%}}