.banner-blk{border-top:1px solid rgba(0,0,0,.2)}.content-blk{background:#f2f2f2}.content-blk .container{padding-top:var(--rwdPadding80);padding-bottom:var(--rwdPadding120);display:flex;flex-direction:column;align-items:center;width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1500px){.content-blk .container{width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2)}}@media only screen and (max-width: 900px){.content-blk .container{width:calc(100% - var(--1frSpace) * 4 - var(--baseSpace) * 2)}}@media only screen and (max-width: 767px){.content-blk .container{width:calc(100% - var(--baseSpace) * 2)}}@media only screen and (min-width: 1366px){.content-blk .container{padding-left:calc(var(--1frSpace) * 2);padding-right:calc(var(--1frSpace) * 2)}}.content-blk .card-container{gap:clamp(50px,4.1667vw,80px) clamp(30px,3.125vw,60px);display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start}@media only screen and (max-width: 767px){.content-blk .card-container{max-width:500px}}.content-blk .card{width:calc((100% - clamp(30px,3.125vw,60px))/2);display:flex;flex-direction:column}.content-blk .card:first-child{flex:1 0 100%}.content-blk .card:not(:first-child) .card-desc .content{display:none}@media only screen and (min-width: 1201px){.content-blk .card:hover .pic{box-shadow:10px 10px 25px #00000026}.content-blk .card:hover .card-main .itemTitle{color:#000}.content-blk .card:hover .card-main .base_btn.linear:after{opacity:1}.content-blk .card:hover .card-main .base_btn.linear .arrow{border-left-color:#fff;transition:border-left-color .4s}}@media only screen and (max-width: 1200px){.content-blk .card:active .pic{box-shadow:10px 10px 25px #00000026}.content-blk .card:active .card-main .itemTitle{color:#000}.content-blk .card:active .card-main .base_btn.linear:after{opacity:1}.content-blk .card:active .card-main .base_btn.linear .arrow{border-left-color:#fff;transition:border-left-color .4s}}@media only screen and (max-width: 767px){.content-blk .card{width:100%}.content-blk .card:first-child .card-main .card-desc .content{display:none}}.content-blk .card .pic{margin-bottom:20px;border-radius:10px;transition:box-shadow .4s;position:relative;width:100%;overflow:hidden}.content-blk .card .pic:before{content:"";display:block;width:100%;height:100%;padding-top:56.25%}.content-blk .card .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-blk .card .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.content-blk .card .card-main{margin:auto;padding:0 20px;width:100%;display:flex;align-items:center;justify-content:center}.content-blk .card .card-desc{width:calc(100% - 50px)}.content-blk .card .itemTitle{margin-bottom:10px;color:#444;transition:color .4s;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width: 1200px){.content-blk .card .itemTitle{color:#000}}.content-blk .card .paragraph{margin-bottom:10px;color:#909090;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.content-blk .card .card-date{font-weight:600;margin-bottom:0}.content-blk .card .base_btn{margin-left:50px;background:#fff}@media only screen and (max-width: 900px){.content-blk .card .base_btn .btn{width:40px;height:40px}}.content-blk .card .base_btn.linear .arrow{position:relative;z-index:2;border-left:10px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #444;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 900px){.content-blk .card .base_btn{margin-left:20px}}.content-blk .more{margin-top:100px;transition:transform .8s}@media only screen and (min-width: 1201px){.content-blk .more:hover .iconBox .plus{transform:rotate(90deg)}}@media only screen and (max-width: 1200px){.content-blk .more:active .iconBox .plus{transform:rotate(90deg)}}@media only screen and (max-width: 900px){.content-blk .more{margin-top:50px}}.content-blk .more a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.content-blk .more a .iconBox{margin-bottom:10px;width:30px;border-radius:50%;background-color:#fff;height:30px;display:flex;align-items:center;justify-content:center}.content-blk .more a .plus:before,.content-blk .more a .plus:after{background:#444}.content-blk .more a .paragraph{color:#444;font-weight:600}