.article-card .content .date{display:flex;align-items:center;gap:10px}.article-card .content .date:before{margin:0 5px;display:block;width:1px;height:26px;background:#fff;opacity:.2;order:1;content:"";transform:rotate(23deg)}.article-card .content .date .dd{font-size:clamp(2.1875rem,2.6041666667vw,3.125rem);font-weight:500;line-height:1;letter-spacing:1px;color:#4bd9af}.article-card .content .date .mm,.article-card .content .date .yy{font-size:clamp(1rem,.9375vw,1.125rem);font-weight:500;line-height:1.6;letter-spacing:1px;color:#fff}.article-card .content .date .yy{order:1}.article-card .content .title{margin-top:20px;width:fit-content;color:#fff;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card .content .des{margin-top:20px;color:#fff;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-card .content .tags-wrapper{margin-top:50px;display:flex;gap:10px}.article-card .content .tags-wrapper .tags{display:flex;flex-wrap:wrap;gap:10px;max-height:var(--maxHeight, 30px);overflow:hidden;transition:max-height .5s}.article-card .content .tags-wrapper .tags .tag{background:#f2f2f2;transition:color .5s,background .5s}@media only screen and (min-width: 1201px) and (min-width: 1201px){.article-card .content .tags-wrapper .tags .tag:hover{background:#4bd9af;color:#000}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.article-card .content .tags-wrapper .tags .tag:active{background:#4bd9af;color:#000}}.article-card .content .tags-wrapper .tag-btn{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:3px;width:30px;height:30px;background:#f2f2f2;border-radius:50%;cursor:pointer;transition:background .5s}.article-card .content .tags-wrapper .tag-btn.active i{transform:rotate(90deg)}.article-card .content .tags-wrapper .tag-btn i{font-size:.9375rem;color:#000;transition:color .5s,transform .5s}.article-card:not(.noImg){display:flex;justify-content:space-between;align-items:center}.article-card:not(.noImg) .content{width:44.3956043956%}.article-card:not(.noImg) .content .common-btn{margin-top:50px;width:fit-content}.article-card:not(.noImg) .content .common-btn .text{color:#fff}.article-card:not(.noImg) .content .common-btn .icon svg{width:100%;height:100%}.article-card:not(.noImg) .pic{display:block;width:50.0366300366%;border-radius:10px;overflow:hidden;position:relative}.article-card:not(.noImg) .pic:before{display:block;width:100%;height:0;padding-bottom:59.2972181552%;content:""}.article-card:not(.noImg) .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.article-card:not(.noImg) .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1200px){.article-card:not(.noImg) .content .tags-wrapper{margin-top:30px}.article-card:not(.noImg) .content .common-btn{margin-top:30px}}@media only screen and (max-width: 900px){.article-card:not(.noImg){flex-direction:column-reverse;gap:30px}.article-card:not(.noImg) .content{width:100%}.article-card:not(.noImg) .pic{width:100%}}.article-card.noImg{padding:50px var(--1frSpace);position:relative;display:flex;align-items:center;gap:5.2083333333vw;width:100%;border-radius:10px;overflow:hidden}.article-card.noImg .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.article-card.noImg .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.article-card.noImg .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.article-card.noImg .content{flex:1}.article-card.noImg .content .date .dd{color:#faed3b}.article-card.noImg .content .des{color:#ffffffe6}.article-card.noImg .content .tags-wrapper .tags .tag{background:#ffffff1a;color:#fff}@media only screen and (min-width: 1201px) and (min-width: 1201px){.article-card.noImg .content .tags-wrapper .tags .tag:hover{background:#4bd9af;color:#000}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.article-card.noImg .content .tags-wrapper .tags .tag:active{background:#4bd9af;color:#000}}.article-card.noImg .common-btn{flex-shrink:0}.article-card.noImg .common-btn .text{color:#fff}@media only screen and (max-width: 1200px){.article-card.noImg .content .tags-wrapper{margin-top:30px}}@media only screen and (max-width: 900px){.article-card.noImg{padding:50px;flex-direction:column;align-items:flex-start;gap:30px}}@media only screen and (max-width: 767px){.article-card.noImg{padding:30px}}section.heading.aost-show section.banner .bg{transform:scale(1)}section.heading section.breadCrumb{padding:81px 0 30px;position:relative}section.heading section.breadCrumb .container{grid-column:var(--grid-2)}section.heading section.breadCrumb .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}section.heading section.breadCrumb .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.heading section.breadCrumb .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 1200px){section.heading section.breadCrumb{padding:81px 0 15px}}section.heading section.banner{padding:clamp(80px,3.8971rem + 1.9608vw,100px) 0 clamp(80px,-.7353rem + 10.1961vw,184px);position:relative;overflow:hidden}section.heading section.banner:only-child{padding:clamp(107px,2.6066rem + 7.2549vw,181px) 0 clamp(80px,-.7353rem + 10.1961vw,184px)}section.heading section.banner[data-color=light] .title-box .date:before{background:#fff}section.heading section.banner[data-color=light] .title-box .date .dd{color:#4bd9af}section.heading section.banner[data-color=light] .title-box .date .mm,section.heading section.banner[data-color=light] .title-box .date .yy{color:#fff}section.heading section.banner[data-color=light] .title-box .title{color:#fff}section.heading section.banner[data-color=light] .title-box .des{color:#ffffffe6}section.heading section.banner[data-color=light] .social-share .text{color:#fff}@media only screen and (min-width: 1201px) and (min-width: 1201px){section.heading section.banner[data-color=light] .social-share .share-box .item:hover i{color:#4bd9af}}@media only screen and (min-width: 1201px) and (max-width: 1200px){section.heading section.banner[data-color=light] .social-share .share-box .item:active i{color:#4bd9af}}section.heading section.banner[data-color=light] .social-share .share-box .item i{color:#fff}section.heading section.banner[data-color=dark] .title-box .date:before{background:#000}section.heading section.banner[data-color=dark] .title-box .date .dd{color:#3643bc}section.heading section.banner[data-color=dark] .title-box .date .mm,section.heading section.banner[data-color=dark] .title-box .date .yy{color:#000}section.heading section.banner[data-color=dark] .title-box .title{color:#000}section.heading section.banner[data-color=dark] .title-box .des{color:#000000e6}section.heading section.banner[data-color=dark] .social-share .text{color:#000}@media only screen and (min-width: 1201px) and (min-width: 1201px){section.heading section.banner[data-color=dark] .social-share .share-box .item:hover i{color:#faed3b}section.heading section.banner[data-color=dark] .social-share .share-box .item:hover .dashed-circle svg circle{stroke:#faed3b;opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){section.heading section.banner[data-color=dark] .social-share .share-box .item:active i{color:#faed3b}section.heading section.banner[data-color=dark] .social-share .share-box .item:active .dashed-circle svg circle{stroke:#faed3b;opacity:1}}section.heading section.banner[data-color=dark] .social-share .share-box .item i{color:#000}section.heading section.banner[data-color=dark] .social-share .share-box .item .dashed-circle svg circle{stroke:#000;opacity:.2}section.heading section.banner .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:scale(1.1);transition:transform .8s ease;transition-delay:.2s}section.heading section.banner .bg picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}section.heading section.banner .bg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}section.heading section.banner .container{grid-column:var(--grid-4)}section.heading section.banner .title-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}section.heading section.banner .title-box .date{display:flex;align-items:center;gap:10px}section.heading section.banner .title-box .date:before{margin:0 5px;display:block;width:1px;height:26px;opacity:.2;order:1;content:"";transform:rotate(23deg)}section.heading section.banner .title-box .date .dd{font-size:clamp(2.1875rem,2.6041666667vw,3.125rem);font-weight:500;line-height:1;letter-spacing:1px}section.heading section.banner .title-box .date .mm,section.heading section.banner .title-box .date .yy{font-size:clamp(1rem,.9375vw,1.125rem);font-weight:500;line-height:1.6;letter-spacing:1px}section.heading section.banner .title-box .date .yy{order:1}section.heading section.banner .social-share{margin-top:clamp(50px,1.4706rem + 2.9412vw,80px);display:flex;align-items:center;justify-content:center;gap:15px}section.heading section.banner .social-share .share-box{display:flex;align-items:center;gap:15px}@media only screen and (max-width: 1200px){section.heading section.banner .title-box{gap:15px}}@media only screen and (max-width: 767px){section.heading section.banner[data-color=light] .social-share .share-box .item i{color:#4bd9af}section.heading section.banner[data-color=dark] .social-share .share-box .item i{color:#faed3b}}section.article{margin-top:calc(clamp(30px,-2.2059rem + 7.2549vw,104px)*-1);position:relative;z-index:1}section.article .container{grid-column:var(--grid-4)}section.article .article-block{padding:clamp(50px,1.4706rem + 2.9412vw,80px) calc(var(--1frSpace) * 3);background:#fff;border-radius:15px;box-shadow:0 0 30px #00000026}section.article .article-block .social-share{margin-top:clamp(60px,-1.7647rem + 9.8039vw,160px);position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}section.article .article-block .social-share:before{position:absolute;top:calc(clamp(30px,-.8824rem + 4.902vw,80px)*-1);left:0;width:100%;height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(0,-50%,0);content:""}section.article .article-block .social-share .share-box{display:flex;align-items:center;gap:15px}@media only screen and (min-width: 1201px) and (min-width: 1201px){section.article .article-block .social-share .share-box .item:hover i{color:#000f9f}section.article .article-block .social-share .share-box .item:hover .dashed-circle svg circle{stroke:#faed3b;opacity:1}}@media only screen and (min-width: 1201px) and (max-width: 1200px){section.article .article-block .social-share .share-box .item:active i{color:#000f9f}section.article .article-block .social-share .share-box .item:active .dashed-circle svg circle{stroke:#faed3b;opacity:1}}section.article .article-block .social-share .share-box .item .dashed-circle svg circle{stroke:#000;opacity:.2}@media only screen and (max-width: 1280px){section.article .article-block{padding:clamp(50px,1.4706rem + 2.9412vw,80px) calc(var(--1frSpace) * 2)}}@media only screen and (max-width: 1200px){section.article .article-block{padding:clamp(50px,1.4706rem + 2.9412vw,80px) var(--1frSpace)}section.article .article-block .social-share{gap:10px}}@media only screen and (max-width: 767px){section.article .article-block{margin:0 -25px;padding:50px 25px}section.article .article-block .social-share .share-box i{color:#000f9f}}@media only screen and (max-width: 575px){section.article .article-block{padding:50px 15px}}section.explore{padding:clamp(50px,.3676rem + 4.902vw,100px) 0 clamp(80px,3.8971rem + 1.9608vw,100px)}section.explore .container{grid-column:var(--grid-5)}section.explore .container>.title{margin:0 auto;width:fit-content}section.explore .container>.content{margin-top:50px}section.explore .article-card{position:relative}section.explore .article-card:not(:first-child){margin-top:clamp(100px,5.1471rem + 1.9608vw,120px)}section.explore .article-card:not(:first-child):before{position:absolute;top:calc(clamp(50px,2.5735rem + .9804vw,60px)*-1);left:50%;width:calc(100% + var(--1frSpace) * 2);height:1px;background-size:6px 1px;background-repeat:repeat-x;background-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,.2) 50%,transparent 50%,transparent 100%);transform:translate3d(-50%,-50%,0);content:""}section.explore .article-card:not(.noImg){position:relative}section.explore .article-card:not(.noImg):nth-child(odd){flex-direction:row}section.explore .article-card:not(.noImg):nth-child(odd) .content{padding-left:var(--1frSpace)}section.explore .article-card:not(.noImg):nth-child(2n){flex-direction:row-reverse}section.explore .article-card:not(.noImg):nth-child(2n) .content{padding-right:var(--1frSpace)}section.explore .article-card:not(.noImg) .content .date:before{background:#000}section.explore .article-card:not(.noImg) .content .date .dd{color:#3643bc}section.explore .article-card:not(.noImg) .content .date .mm,section.explore .article-card:not(.noImg) .content .date .yy{color:#000}section.explore .article-card:not(.noImg) .content .title{color:#000}section.explore .article-card:not(.noImg) .content .des{color:#000000e6}section.explore .article-card:not(.noImg) .content .common-btn .text{color:#000}section.explore .article-card:not(.noImg) .content .common-btn .icon svg path{fill:#000f9f}section.explore .article-card.noImg{overflow:unset;border-radius:unset}section.explore .article-card.noImg .bg{overflow:hidden;border-radius:10px}@media only screen and (max-width: 1200px){section.explore .container>.content{margin-top:30px}section.explore .article-card:not(.noImg):nth-child(odd) .content{padding-left:unset}section.explore .article-card:not(.noImg):nth-child(2n) .content{padding-right:unset}}@media only screen and (max-width: 900px){section.explore .article-card:not(.noImg):nth-child(odd),section.explore .article-card:not(.noImg):nth-child(2n){flex-direction:column-reverse;gap:30px}}@media only screen and (max-width: 767px){section.explore .article-card:not(:first-child):before{left:0;width:100%;transform:translate3d(0,-50%,0)}}
