.index-bar{display:none}main{padding-top:121px}@media only screen and (max-width: 1200px){main{padding-top:80px}}nav.navbar.fixed .nav-fixed{top:-81px}.banner-block .container{padding:40px 0;display:flex;grid-column:var(--large-grid)}.banner-block .flex+.flex{margin-left:auto}@media only screen and (max-width: 900px){.banner-block .breadCrumbs{display:none}.banner-block .container{padding:20px 0}}.detail-block{position:relative}.detail-block .container{grid-column:1/-1;padding-bottom:120px;position:relative}.detail-block .container.aost-show .date-block .sticky{transform:translateZ(0)}.detail-block .articleDetail-block{grid-column:var(--article-grid)}@media only screen and (max-width: 1200px){.detail-block .articleTitle{font-size:1.75rem}}.detail-block .wrapper{width:65.399%;grid-column:var(--article-grid)}@media only screen and (max-width: 1200px){.detail-block .wrapper{width:80%}}.detail-block .date-block{position:absolute;right:0;top:0;width:100%;height:100%;color:#fff;pointer-events:none}.detail-block .date-block:before{display:block;position:absolute;right:max(15.2604%,240px);top:-106px;width:1px;height:calc(100% + 106px);background:#e7e7e7;content:""}@media only screen and (max-width: 1200px){.detail-block .date-block:before{display:none}}.detail-block .date-block .sticky{transform:translate3d(100%,0,0);margin-left:auto;padding:clamp(20px,1.5625vw,30px);position:sticky;top:20%;right:0;background:#e71300;width:200px;height:200px;pointer-events:auto;transition:transform .5s .6s}@media only screen and (max-width: 1200px){.detail-block .date-block .sticky{transform:translate3d(-100%,0,0);width:clamp(120px,10.4167vw,200px);height:clamp(120px,10.4167vw,200px)}}.detail-block .date-block .date{font-size:2.5rem;font-weight:275;line-height:1}@media only screen and (max-width: 1200px){.detail-block .date-block .date{font-size:1.625rem}}.detail-block .date-block .year{margin-top:10px;font-size:1.125rem;font-weight:700;line-height:1.5}.detail-block .title-block p{margin-top:20px}.detail-block ._articleBlock{margin-top:50px}@media only screen and (max-width: 1200px){.detail-block .date-block{position:static;height:unset}.detail-block .date-block .sticky{margin:0 auto 0 0}.detail-block .articleDetail-block{margin-top:30px}.detail-block .wrapper{width:100%}}.detail-block .newsList-block{grid-column:1/-1;display:flex;border-top:1px solid #E7E7E7}.detail-block .newsList-block .item{padding:50px 0;display:grid;align-items:center;flex:1;min-width:50%;min-height:450px;border-right:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7}.detail-block .newsList-block .item:nth-child(odd){grid-template-columns:50px repeat(15,1fr)}.detail-block .newsList-block .item:nth-child(2n){grid-template-columns:repeat(15,1fr) 50px}.detail-block .newsList-block .item:last-child:nth-child(odd){grid-template-columns:50px repeat(30,1fr) 50px}.detail-block .newsList-block .item .inner{grid-column:3/-3}@media only screen and (max-width: 1500px){.detail-block .newsList-block .item .inner{grid-column:2/-2}}@media only screen and (min-width: 1201px){.detail-block .newsList-block .item:hover .inner{transform:translateY(0)}.detail-block .newsList-block .item:hover .hover-block{grid-template-rows:1fr}.detail-block .newsList-block .item:hover .bottom-hover{opacity:1}.detail-block .newsList-block .item:hover .pic img{transform:scale(1.05) translateZ(0)}}@media only screen and (max-width: 1200px){.detail-block .newsList-block .item:active .inner{transform:translateY(0)}.detail-block .newsList-block .item:active .hover-block{grid-template-rows:1fr}.detail-block .newsList-block .item:active .bottom-hover{opacity:1}.detail-block .newsList-block .item:active .pic img{transform:scale(1.05) translateZ(0)}}.detail-block .newsList-block .inner{transform:translateY(23px);transition:transform .3s}.detail-block .newsList-block .flex{display:flex;align-items:center}.detail-block .newsList-block .pic{max-width:350px;width:clamp(250px,18.23vw,350px);overflow:hidden;position:relative}.detail-block .newsList-block .pic:before{content:"";display:block;width:100%;height:0;padding-bottom:67.714%}.detail-block .newsList-block .pic img{width:100%;height:100%;left:0;top:0;object-fit:cover;position:absolute}.detail-block .newsList-block .pic img{transform:translateZ(0);transition:transform .5s}.detail-block .newsList-block .content{margin-right:min(2.6042vw,50px);order:-1;flex:1}.detail-block .newsList-block .date{margin-bottom:30px;font-size:.875rem;font-weight:700;line-height:1;color:#5b5b5b}.detail-block .newsList-block .itemTitle{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.detail-block .newsList-block .hover-block p{padding-top:30px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.detail-block .newsList-block .bottom-hover{padding-top:30px;display:flex;color:#e71300;opacity:0;transition:opacity .3s}.detail-block .newsList-block .bottom-hover .icon{margin-left:auto;font-size:.9375rem}@media only screen and (max-width: 1200px){.detail-block .newsList-block .flex{flex-direction:column;align-items:center;height:100%}.detail-block .newsList-block .content{margin:30px 0 0;order:0}.detail-block .newsList-block .item .inner{transform:translateY(0)}.detail-block .newsList-block .item .hover-block{grid-template-rows:1fr}.detail-block .newsList-block .item .bottom-hover{opacity:1}.detail-block .newsList-block .item .pic img{transform:scale(1.05) translateZ(0)}}@media only screen and (max-width: 1024px){.detail-block .newsList-block .flex{flex-direction:column-reverse}.detail-block .newsList-block .content{margin:0 0 30px}.detail-block .newsList-block .pic{max-width:unset}}@media only screen and (max-width: 767px){.detail-block .newsList-block{flex-direction:column}.detail-block .newsList-block .pic{max-width:400px;width:100%}.detail-block .newsList-block .item{min-width:100%}.detail-block .newsList-block .item:nth-child(odd),.detail-block .newsList-block .item:nth-child(2n),.detail-block .newsList-block .item:last-child:nth-child(odd){grid-template-columns:25px repeat(10,1fr) 25px}.detail-block .newsList-block .flex{align-items:center}}@media only screen and (max-width: 575px){.detail-block .newsList-block .pic{width:100%}}
