.archive_articles{padding-top:80px;margin-top:142px;position:relative;margin-bottom:150px}.archive_articles:after{content:"";background:linear-gradient(180deg,#F4F9FD,transparent);position:absolute;width:95%;height:100%;top:0;z-index:-1;right:50%;transform:translate(50%);border-radius:15px}.archive_articles .top_articles{margin-bottom:60px}.archive_articles .top_articles .top_articles_info{position:sticky;top:125px}.archive_articles .top_articles .top_articles_info .top{display:flex;align-items:center;margin-bottom:10px}.archive_articles .top_articles .top_articles_info .top .icon{color:#0c6fcc;font-size:40px;margin-left:15px}.archive_articles .top_articles .top_articles_info .top .wrap .title{font-weight:300;font-size:24px;margin-bottom:3px}.archive_articles .top_articles .top_articles_info .top .wrap .en{color:#3e3d3d;font-size:24px}.archive_articles .top_articles .top_articles_info .desc{line-height:3;color:#3e3d3d;margin-bottom:40px;font-size:21px;text-align:justify}.archive_articles .top_articles .top_articles_info .link{background-color:#0c6fcc;color:#fff;border-radius:40px;padding:12px;font-size:18px;font-weight:100;margin-right:auto;display:table}.archive_articles .top_articles .top_articles_info .link .icon{font-size:24px;margin-right:2px}@media screen and (max-width: 1024px){.archive_articles .top_articles .top_articles_info .link .icon{font-size:16px;margin-right:5px}}@media screen and (max-width: 425px){.archive_articles .top_articles .top_articles_info .link .icon{font-size:13px;margin-right:0}}.archive_articles .top_articles .item{position:relative}@media screen and (max-width: 425px){.archive_articles .top_articles .item{margin-top:40px}}.archive_articles .top_articles .item .image{-webkit-mask-image:url(../image/mask/1.svg);mask-image:url(../image/mask/1.svg);-webkit-mask-size:100%;mask-size:100%;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;width:100%;-webkit-mask-repeat:no-repeat;height:662px;position:relative;z-index:1}.archive_articles .top_articles .item .info{position:absolute;bottom:66px;left:15px;text-align:center;width:210px;z-index:2}.archive_articles .top_articles .item .info .title{font-size:20px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.archive_articles .top_articles .item .info .desc{color:#cbcbcb;line-height:1.8;font-size:19px;margin:0 auto 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:95%}.archive_articles .top_articles .item .info .link{color:#3e3d3d;margin-right:auto;display:table}.archive_articles .top_articles .item .info .link .icon{font-size:25px;margin-right:3px}.archive_articles .top_articles .item .star{position:absolute;left:-45px;bottom:-35px;width:125px}@media screen and (max-width: 425px){.archive_articles .top_articles .item .star{left:40px}}.archive_articles .articles_lists .item{position:relative;display:block;margin-bottom:25px;overflow:hidden;border-radius:15px}.archive_articles .articles_lists .item:after{content:"";background:linear-gradient(#00000005,#3d3c45);position:absolute;width:100%;height:24%;right:0;bottom:0}.archive_articles .articles_lists .item>.image{width:100%;border-radius:15px;height:454px;object-fit:cover}.archive_articles .articles_lists .item .info{position:absolute;bottom:0;right:0;width:100%;color:#fff;display:flex;align-items:center;padding:0 15px 15px}.archive_articles .articles_lists .item .info .date{text-align:center;background-color:#ffffff5c;border-radius:9px;padding:6px 7px;position:relative;z-index:1}.archive_articles .articles_lists .item .info .date p.num{font-size:18px;line-height:.7}.archive_articles .articles_lists .item .info .date p.desc{font-size:11px}.archive_articles .articles_lists .item .info .title{font-weight:100;font-size:17px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;margin-right:10px;margin-left:25px;position:relative;z-index:1}.archive_articles .articles_lists .item .info .icon{color:#ffffffb5;font-size:27px;margin-right:auto;position:relative;z-index:1}.articles{padding-top:60px;margin-top:95px;margin-bottom:80px}.pagination{margin-top:70px}
