#newsBox{position:relative;padding:90px 0 3vw;display:flex;grid-template-columns:52% 50%;justify-content:space-between;flex-direction:column;align-items:center}
#newsBox:before{content:"";width:99px;aspect-ratio:99/527;position:absolute;background:url(/images/40/leftmimg.png);left:0;top:25%;z-index:0;background-repeat:no-repeat}
#newsBox:after{content:"";width:100px;aspect-ratio:103/152;position:absolute;background:url(/images/40/rightmimg.png);right:8vw;background-repeat:no-repeat;top:0;z-index:0}
#newsBox .bg{position:relative;order:2;opacity:1;background-size:cover;border-radius:0 0 0 250px;background-position:50%}
#newsBox .info{padding:0 0;margin:0 auto;margin-bottom:60px;margin-top:30px;width:95%}
#newsBox .info .tit{width:5em}
#newsBox .info .tit a{color:#000}
#newsBox .info .news_list li{position:relative;display:grid;grid-template-columns:160px 1fr 90px;padding:30px 3px;border-top:1px solid #ddd;align-items:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#newsBox .info .news_list li:hover{background:#fff}
#newsBox .info .news_list li.slick-current{border-top:unset}
#newsBox .info .news_list li a{position:absolute;width:100%;height:100%;left:0;z-index:2;top:0}
#newsBox .news_list li .date{border-right:1px solid #ddd;margin-right:30px;display:flex;align-items:center;justify-content:center;height:100%}
#newsBox .news_list li .time{color:#505050;display:flex;flex-direction:column;align-items:center;font-family:"Nunito Sans",sans-serif;font-size:max(1 * (1vw + 1vh) / 2,14px)}
#newsBox .news_list li .time b{color:#505050;font-size:max(3.6 * (1vw + 1vh) / 2,40px);font-family:"Nunito Sans",sans-serif;line-height:1}
#newsBox .info .news_list .news_txt{position:relative}
#newsBox .info .news_list .news_txt .mmtop{display:flex;align-items:center;margin-bottom:15px}
#newsBox .info .news_list .news_txt .mmtop *{letter-spacing:.1em}
#newsBox .info .news_list .golink{display:flex;position:absolute;right:5px;bottom:45px}
#newsBox .info .news_list .golink a{position:relative;padding:15px;background:#335a77;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:50px}
#newsBox .info .news_list .golink a .fas{color:#fff;font-size:22px}
#newsBox .info .news_list .golink a svg{width:22px;fill:#fff}
#newsBox .info .news_list .news_txt span{display:inline-block;background:#f2f2f2;font-size:max(.8 * (1vw + 1vh) / 2,13px);padding:7px 9px;width:78px;text-align:center}
#newsBox .info .news_list .news_txt h3{height:auto;font-size:20px;font-weight:600;margin:10px 0;margin-left:10px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:calc(100% - 110px)}
#newsBox .info .news_list .news_txt p{-webkit-line-clamp:2;height:50px;font-size:max(1.1*(1vw + 1vh) / 2,14px);color:#343333;overflow:hidden;margin:10px 0;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
#newsBox .info .news_list .noBox{position:absolute;width:2em;text-align:center;top:50%;right:-6em;-webkit-transform:translateY(-47%);transform:translateY(-47%)}
#newsBox .bttn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
#newsBox .info .news_btn{position:relative;width:9em;display:flex;justify-content:space-between;align-items:center;z-index:5}
#newsBox .info .news_btn font{width:5.5em;display:flex;justify-content:flex-end}
#newsBox .info .news_btn font span{min-width:2em;text-align:center}
#newsBox .info .news_btn font span:nth-child(2){min-width:1.5em}
#newsBox .info .news_btn #prevBtn{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
#newsBox .arrow_btns_box a{width:45px;height:45px;background:#509930;border-radius:50px;display:inline-flex!important;align-items:center;justify-content:center;margin:0 5px}
#newsBox .arrow_btns_box a svg{width:17px;height:17px;fill:#fff}
#newsBox .arrow_btns_box a.prev svg{transform:scaleX(-1)}


@media screen and (max-width: 1024px) {
	#newsBox .bg{width:100%;height:50vh;border-radius:0}
	#newsBox{display:flex;margin-top:0;flex-wrap:wrap;padding:0 0 40px}
}
@media screen and (max-width: 760px){
	#newsBox .info .news_list .golink {display: none;}
}
@media screen and (max-width: 640px){
	#newsBox .info .news_list li{grid-template-columns:1fr;grid-template-rows:76px 1fr}
	#newsBox .news_list li .date{border-right:0;margin-right:0;display:flex;justify-content:flex-start}
	#newsBox .news_list li .time{display:flex;flex-direction:row;align-items:center}
	#newsBox .news_list li .time b{margin-right:10px}
}

@media screen and (max-width: 480px){
	#newsBox .info .news_list .news_txt .mmtop{display:flex;flex-direction:row;align-items:center;margin-bottom:0}
	#newsBox .info .news_list .news_txt span{padding:2px 2px;width:100px;margin-right:5px}
	#newsBox .info .news_list .news_txt h3{width:100%;margin:0}
	#newsBox .info .news_list li{padding:20px 0;grid-template-columns:1fr;grid-template-rows:76px 1fr}
	#newsBox .news_list li .date{margin-right:10px}
	#newsBox{padding:30px 0 80px}
	#po_porduct .workframe .poorightbox li .atag_item font{font-size:16px;margin-top:22px}
	#po_porduct .workframe .poorightbox li.slick-active.slick-current:before{top:19px;height:85%}
	#po_porduct .workframe .poorightbox li .img_box img{border-radius:0 26px 0 0}
}