.moreArticle{padding:80px clamp(30px,6.25vw,120px);position:relative;display:flex;background:#242424;overflow:hidden}@media only screen and (max-width: 768px){.moreArticle .common-btn-arrow{display:none}}.moreArticle .item{display:flex;align-items:center;width:44.047%}.moreArticle .item:after,.moreArticle .item:before{position:absolute;font-size:5rem;font-weight:600;letter-spacing:1px;transition:opacity var(--trans-l);content:attr(data-attr)}@media only screen and (max-width: 1200px){.moreArticle .item:after,.moreArticle .item:before{font-size:3.75rem}}.moreArticle .item:before{color:#fff;opacity:.1}.moreArticle .item:after{background:linear-gradient(121deg,#0241cf 13%,#3597f1 98.04%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0}.moreArticle .item:first-child{margin-right:auto}.moreArticle .item:first-child:before,.moreArticle .item:first-child:after{bottom:0;left:clamp(30px,6.25vw,120px)}.moreArticle .item:last-child:before,.moreArticle .item:last-child:after{top:0;right:clamp(30px,6.25vw,120px)}.moreArticle .item:only-child{width:100%}.moreArticle .item.cssStyle .title-block,.moreArticle .item.cssStyle .common-btn-arrow{opacity:.4}.moreArticle .item.hoverStyle .title-block,.moreArticle .item.hoverStyle .common-btn-arrow{opacity:1}.moreArticle .item.hoverStyle:before{background:linear-gradient(121deg,#0241cf 13%,#3597f1 98.04%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0}.moreArticle .item.hoverStyle:after{opacity:1}.moreArticle .item.hoverStyle .common-btn-arrow:before{opacity:1}.moreArticle .item.hoverStyle .common-btn-arrow i{color:#fff}.moreArticle .item.hoverStyle .common-btn-arrow[color$=-white] i{color:#000}.moreArticle .title-block{margin-right:auto;width:89.189%;color:#fff;transition:opacity var(--trans-normal)}@media only screen and (max-width: 768px){.moreArticle .title-block{width:100%}}.moreArticle .date{margin-bottom:10px;display:flex;align-items:center;min-height:30px}.moreArticle .paragraphText:nth-child(2){display:flex;align-items:center}.moreArticle .paragraphText:nth-child(2):before,.moreArticle .paragraphText:nth-child(2):after{margin:0 10px;display:block;width:3px;height:3px;border-radius:50%;background:#fff;content:""}.moreArticle .itemTitle-l{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.moreArticle[data-color=blue]{background:#1669e6}.moreArticle[data-color=blue] .item:after{background:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.moreArticle[data-color=gray]{background:#242424}@media only screen and (max-width: 1200px){.moreArticle .item:first-child:before{bottom:0}.moreArticle .item:last-child:before{top:0}}@media only screen and (max-width: 992px){.moreArticle{flex-direction:column-reverse}.moreArticle .item{width:100%}.moreArticle .item:first-child{margin-right:unset;margin-top:50px}.moreArticle .item:first-child:before,.moreArticle .item:first-child:after{left:-3px}.moreArticle .item:last-child:before,.moreArticle .item:last-child:after{right:-3px}.moreArticle .item:only-child:first-child{margin-top:unset}}@media only screen and (max-width: 575px){.moreArticle{padding:50px 30px}}main{min-height:calc(100vh - 557px)}section.section1 .container{display:flex;min-height:calc(100vh - 622px)}section.section1 .container .title-block{padding:0 0 120px;width:29.032%;min-width:400px;background:#f8f8f8}section.section1 .container .title-block.aost-show .date,section.section1 .container .title-block.aost-show .subUnitTitle,section.section1 .container .title-block.aost-show .paragraphText{transform:translateY(0);opacity:1}section.section1 .container .title-block.aost-show .subUnitTitle{transition-delay:.2s}section.section1 .container .title-block.aost-show .paragraphText{transition-delay:.4s}section.section1 .container .title-block .title{padding:0 60px;margin:60px 0 0;position:sticky;top:80px}section.section1 .container .title-block .title:before{position:absolute;top:21px;right:0;width:6px;height:47px;background:#1669e6;transform:translate(50%);content:""}section.section1 .container .title-block .date{display:flex;transform:translateY(30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal)}section.section1 .container .title-block .paragraphText-s:nth-child(2){display:flex;align-items:center}section.section1 .container .title-block .paragraphText-s:nth-child(2):before,section.section1 .container .title-block .paragraphText-s:nth-child(2):after{margin:0 10px;display:block;width:3px;height:3px;border-radius:50%;background:#7f7f7f;content:""}section.section1 .container .title-block .subUnitTitle{margin-top:15px;transform:translateY(30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal)}section.section1 .container .title-block .paragraphText{margin-top:15px;transform:translateY(30px);opacity:0;transition:transform var(--trans-normal),opacity var(--trans-normal)}section.section1 .container .content-block{padding:120px clamp(30px,9.375vw,180px);width:calc(100% - 600px);flex:1}section.section1 .container .social-block{min-width:60px;opacity:0;transition:opacity var(--trans-l);top:var(--top)}section.section1 .container .social-block.aost-show{opacity:1}section.section1 .container .social-block .share-block{position:sticky;top:var(--top);z-index:1;transition:top var(--trans-normal)}@media only screen and (max-width: 1024px){section.section1 .container .social-block .share-block{top:0}}section.section1 .container .social-block .top-btn{padding:30px 0;position:sticky;top:calc(100vh - 113px);display:flex;align-items:center;width:100%;cursor:pointer;writing-mode:vertical-rl}section.section1 .container .social-block .top-btn .icon{margin:0 0 15px;font-size:.625rem}section.section1 .container .social-block .top-btn .btnText{font-size:.875rem;font-weight:700;line-height:1.6}@media only screen and (min-width: 1921px){section.section1 .container .content-block{padding:6.25vw clamp(30px,9.375vw,180px);width:calc(100% - 650px)}}@media only screen and (min-width: 2561px){section.section1 .container .content-block{padding:120px 11.375vw;width:calc(100% - 700px)}}@media only screen and (max-width: 1200px){section.section1 .container .title-block{padding:0 0 60px;min-width:200px}section.section1 .container .title-block .title{padding:0 30px}}@media only screen and (max-width: 1024px){section.section1 .container{flex-direction:column}section.section1 .container .title-block{order:2;width:100%;position:relative}section.section1 .container .title-block:before{position:absolute;left:50%;bottom:0;width:60px;height:6px;background:#1669e6;transform:translate(-50%,50%);content:""}section.section1 .container .title-block .title{padding:0 60px}section.section1 .container .title-block .title:before{display:none}section.section1 .container .content-block{padding:90px 60px;order:3;width:100%}section.section1 .container .social-block{position:sticky;z-index:1;order:1;transition:top var(--trans-normal)}section.section1 .container .social-block .share-block{padding:18px 0;flex-direction:row}section.section1 .container .social-block .icon-wrapper{flex-direction:row}section.section1 .container .social-block .itemTitle-s{writing-mode:unset}section.section1 .container .social-block .itemTitle-s:after{margin:0 20px}section.section1 .container .social-block .icon:not(:first-child){margin-top:unset;margin-left:22px}section.section1 .container .social-block .top-btn{display:none}}@media only screen and (max-width: 768px){section.section1 .container .title-block .breadcrumb{padding:20px 20px 0}}@media only screen and (max-width: 575px){section.section1 .container .title-block .title{padding:0 30px}section.section1 .container .content-block{padding:60px 30px}}section.section1 .swiper-pagination{margin-top:4px!important}
