section.main .container{grid-column:2/-2;max-width:1760px;width:100%;margin:0 auto;padding-bottom:80px}@media only screen and (max-width: 1024px){section.main .container{padding-bottom:60px}}@media only screen and (max-width: 767px){section.main .container{padding-bottom:50px}}section.main .mainCard{position:relative;min-height:max(31.25vw,450px);display:flex;align-items:center;padding:30px clamp(28px,7.8125vw,150px)}section.main .mainCard .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}section.main .mainCard .bg .pic-box{height:100%;border-radius:30px;overflow:hidden}section.main .mainCard .bg .pic-box:after{padding-top:34.091%}section.main .mainCard .bg .pic-box:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background:#000000bf;transition:opacity .3s;content:""}@media only screen and (min-width: 1201px){section.main .mainCard:hover .pic-box:before{opacity:1}section.main .mainCard:hover .more-btn{color:#2d94f3}section.main .mainCard:hover .more-btn i{animation:rotate .5s}}@media only screen and (max-width: 1200px){section.main .mainCard:active .pic-box:before{opacity:1}section.main .mainCard:active .more-btn{color:#2d94f3}section.main .mainCard:active .more-btn i{animation:rotate .5s}}section.main .mainCard .content{max-width:555px;color:#fff}section.main .mainCard .content .hedaing{display:flex;flex-direction:column;gap:10px}section.main .mainCard .content .row{display:flex;flex-wrap:wrap;gap:10px}section.main .mainCard .content .row .des{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.main .mainCard .content .more-btn{margin-top:50px;justify-content:flex-start}@media only screen and (max-width: 1024px){section.main .mainCard .bg .pic-box{border-radius:15px}}@media only screen and (max-width: 767px){section.main .mainCard{padding:30px 28px}section.main .mainCard .content .more-btn{margin-top:30px}}section.main .about-item-box{display:flex;flex-wrap:wrap;gap:30px;margin-top:80px}section.main .about-item-box .item{padding:50px 60px;width:calc((100% - 30px)/2);border:1px solid rgba(0,0,0,.3);border-radius:20px 20px 0;overflow:hidden;position:relative;transition:border .3s,box-shadow .3s}section.main .about-item-box .item:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;background:#f5f5f5;transition:opacity .3s;content:""}section.main .about-item-box .item .content-box{display:flex;flex-direction:column;justify-content:space-between;height:100%}section.main .about-item-box .item .heading{display:flex;flex-direction:column;gap:10px}section.main .about-item-box .item .heading .row{display:flex;flex-direction:column;gap:10px}section.main .about-item-box .item .heading .des{color:#747474;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.main .about-item-box .item .more-btn{margin-top:50px;justify-content:flex-start}@media only screen and (min-width: 1201px){section.main .about-item-box .item:hover{border:1px solid #fff;box-shadow:5px 5px 20px #00000026}section.main .about-item-box .item:hover:before{opacity:1}section.main .about-item-box .item:hover .more-btn{color:#2d94f3}section.main .about-item-box .item:hover .more-btn i{animation:rotate .5s}}@media only screen and (max-width: 1200px){section.main .about-item-box .item:active{border:1px solid #fff;box-shadow:5px 5px 20px #00000026}section.main .about-item-box .item:active:before{opacity:1}section.main .about-item-box .item:active .more-btn{color:#2d94f3}section.main .about-item-box .item:active .more-btn i{animation:rotate .5s}}@media only screen and (max-width: 1024px){section.main .about-item-box{margin-top:60px}section.main .about-item-box .item{padding:40px 50px}section.main .about-item-box .item .more-btn{margin-top:30px}}@media only screen and (max-width: 650px){section.main .about-item-box{margin-top:50px;padding:0}section.main .about-item-box .item{width:100%}}section.activity{background:#f5f5f5;padding:80px 0}section.activity .container{grid-column:2/-2;display:flex;flex-direction:column}section.activity .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}section.activity .section-heading .desc{color:#00000080;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.activity .swiper{padding-top:50px;padding-bottom:60px;width:calc(100% + 30px);margin-left:-15px}section.activity .swiper .swiper-slide{padding:0 15px;width:25%}@media only screen and (max-width: 1440px){section.activity .swiper .swiper-slide{width:33%}}@media only screen and (max-width: 1023px){section.activity .swiper .swiper-slide{width:50%}section.activity .swiper .swiper-slide .pic-outer .pic-box{border-radius:15px 15px 0}}@media only screen and (max-width: 650px){section.activity .swiper .swiper-slide{width:100%}section.activity .swiper .swiper-slide .tag-box{padding:0 15px}section.activity .swiper .swiper-slide .content-box{padding:0 15px 10px}section.activity .swiper .swiper-slide .content-box:after{width:calc(100% - 30px)}section.activity .swiper .swiper-slide .content-box .info{margin-top:10px}}section.activity .item{display:flex;flex-direction:column;gap:15px}section.activity .pic-outer{display:flex;flex-direction:column;gap:15px}section.activity .pic-outer .pic-box{position:relative;border-radius:20px 20px 0;flex-shrink:0;overflow:hidden}section.activity .pic-outer .pic-box:before{content:"MORE";position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;width:100%;height:100%;z-index:1;opacity:0;font-weight:700;background:#000000bf;transition:opacity .3s}section.activity .pic-outer .pic-box:after{padding-top:61.15%}section.activity .pic-outer .pic-box img{transition:width .3s,height .3s}@media only screen and (min-width: 1201px){section.activity .pic-outer:hover .pic-box:before{opacity:1}section.activity .pic-outer:hover .pic-box img{width:105%;height:105%}section.activity .pic-outer:hover .content-box .title{color:#2d94f3}}@media only screen and (max-width: 1200px){section.activity .pic-outer:active .pic-box:before{opacity:1}section.activity .pic-outer:active .pic-box img{width:105%;height:105%}section.activity .pic-outer:active .content-box .title{color:#2d94f3}}section.activity .pic-outer .content-box{padding:0 20px 15px;position:relative;text-align:start}section.activity .pic-outer .content-box:after{position:absolute;bottom:0;left:50%;width:calc(100% - 40px);height:1px;background:#0000001a;transform:translate(-50%);content:""}section.activity .pic-outer .content-box .date{opacity:.5}section.activity .pic-outer .content-box .info{margin-top:15px}section.activity .pic-outer .content-box .info .title{display:block;transition:color .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.activity .pic-outer .content-box .info .desc{margin-top:5px;opacity:.5;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}section.activity .tag-box{padding:0 20px;display:flex;flex-wrap:wrap;gap:5px 9px}section.activity .tag-box .tag{position:relative;padding-right:13px;color:#747474;font-size:14px;font-weight:700;line-height:150%;letter-spacing:.3px;transition:color .3s}@media only screen and (min-width: 1201px){section.activity .tag-box .tag:hover{color:#000}}@media only screen and (max-width: 1200px){section.activity .tag-box .tag:active{color:#000}}section.activity .tag-box .tag:not(:last-child):after{width:3px;height:3px;background:#d9d9d9;display:block;position:absolute;right:0;top:50%;border-radius:5px;transform:translateY(-50%);content:" "}section.activity .tag-box .tag:only-child{padding-right:0}section.activity .tag-box .tag:only-child:after{display:none}section.activity .swiper-pagination{bottom:0}section.activity .outer-btn .more-btn{display:none;margin-top:40px;justify-content:flex-end}@media only screen and (max-width: 1200px){section.activity{padding:60px 0}section.activity .swiper{padding-top:40px;padding-bottom:40px}}@media only screen and (max-width: 767px){section.activity .item{gap:10px}section.activity .more-btn{display:none}section.activity .outer-btn .more-btn{display:flex}}