.w1200{width:1200px;margin:0 auto}.sec1{padding:140px 0 0}.sec1 .wrap .title{color:#333;text-align:center;font-size:40px;font-weight:600;margin-bottom:10px}.sec1 .wrap .des{color:#5D6970;text-align:center;font-size:18px;font-weight:400;margin-bottom:39px}.sec1 .wrap .swiper .swiper-pagination{width:fit-content;display:flex;gap:10px;left:50px;bottom:39px}.sec1 .wrap .swiper .swiper-pagination .swiper-pagination-bullet{display:block;width:60px;height:2px;border-radius:2px;opacity:0.1;background:#00706B;margin:0;cursor:pointer;transition:0.6s}.sec1 .wrap .swiper .swiper-pagination .swiper-pagination-bullet:hover,.sec1 .wrap .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.sec1 .wrap .swiper .swiper-slide .slide_box{display:flex;border-radius:8px;background:#FFF;height:400px;overflow:hidden;pointer-events:none}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_r{width:50%;height:100%;border-radius:0 8px 8px 0;overflow:hidden}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_r img{display:block;width:100%;height:100%;transition:3s}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l{width:50%;padding:47px 120px 0 48px;pointer-events:none}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .date{color:#999;font-size:16px;font-weight:400;margin-bottom:10px;opacity:0;transform:translateY(20px);transition:0.6s}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .slide_title{color:#333;font-size:24px;font-weight:600;line-height:32px;margin-bottom:49px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transition:0.6s;transform:translateY(20px)}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .slide_title:hover{color:#00706B}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .slide_des{color:#5D6970;font-size:16px;font-weight:400;line-height:24px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:49px;opacity:0;transition:0.6s;transform:translateY(20px)}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .more{display:flex;width:fit-content;align-items:center;gap:4px;position:relative;opacity:0;transition:0.6s;transform:translateY(20px)}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .more:after{content:"";width:100%;height:1px;background:#00706B;position:absolute;left:0;bottom:0;transform:scaleX(0);transform-origin:left;transition:0.8s}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .more p{color:#00706B;font-size:16px;font-weight:600}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .more img{display:block;width:12px}.sec1 .wrap .swiper .swiper-slide .slide_box .slide_l .more:hover:after{transform:scaleX(1)}.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_r{pointer-events:auto}.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_l .date,.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_l .slide_title,.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_l .slide_des,.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_l .more{opacity:1;transform:translateY(0);pointer-events:auto}.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_l .slide_title{transition-delay:0.1s}.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_l .slide_des{transition-delay:0.2s}.sec1 .wrap .swiper .swiper-slide.swiper-slide-active .slide_box .slide_l .more{transition-delay:0.3s}.sec2{padding:100px 0 120px}.sec2 .title{color:#333;text-align:center;font-size:40px;font-weight:600;margin-bottom:14px}.sec2 .line1{width:100%;height:1px;background:#D9D9D9;margin-bottom:54px}.sec2 .list{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px 30px;margin-bottom:50px}.sec2 .list .item{display:block;min-width:0;height:432px;border-radius:8px;background:#FFF;box-shadow:0 4px 20px 0 transparent;transition:0.6s;position:relative}.sec2 .list .item .img{height:240px;border-radius:8px 8px 0 0;overflow:hidden;margin-bottom:20px}.sec2 .list .item .img img{display:block;width:100%;height:100%;transition:3s}.sec2 .list .item .item_title{color:#333;font-size:18px;font-weight:600;padding:0 20px;margin-bottom:20px;transition:0.6s;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.sec2 .list .item .item_des{color:#5D6970;font-size:14px;font-weight:400;padding:0 20px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.sec2 .list .item .date{position:absolute;left:20px;bottom:22px;color:#999;font-size:14px;font-weight:600;transition:0.6s}.sec2 .list .item:hover{box-shadow:0 4px 20px 0 rgba(0,0,0,0.06)}.sec2 .list .item:hover .img img{transform:scale(1.1)}.sec2 .list .item:hover .date,.sec2 .list .item:hover .item_title{color:#00706B}.page{display:flex;justify-content:center;gap:10px}.page a{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#FFFFFF;color:#555;font-size:16px;font-weight:400;border-radius:50%;transition:0.6s}.page a svg path{transition:0.6s}.page a.sp{background:unset !important;width:unset}.page a.sp:hover{color:#00706B !important}.page a:hover,.page a.on{background:#00706B;color:#FFFFFF}.page a:hover svg,.page a.on svg{display:block;width:16px;height:16px}.page a:hover svg path,.page a.on svg path{fill:#FFFFFF}
