.titleBox { position: relative; margin-bottom: 15px; border-bottom: 1px #dcd7d7 solid; }
.titleBox h4 { font-weight: normal; font-size: 30px; }
.titleBox a.readMore { position: absolute; color: #000; right: 0; top: calc((100% - 23px) / 2); }

/* newsBox */
#newsBox {margin: 50px 0;display: none;}
#newsBox ul { font-size: 0; }
#newsBox ul li { margin-bottom: 20px; width: 25%; display: inline-block; font-size: 0; }
#newsBox ul li .newImg { position: relative; margin: 0 10px; }
#newsBox ul li .newImg a.photo{
    background-size: cover;
}
#newsBox ul li .newImg a.photo img { width: 100%; }
#newsBox ul li .newImg a.cat {position: absolute;padding: 2px 10px;background: #36b23a;display: inline-block;font-size: 12px;color: #fff;left: 0;bottom: 0;}
#newsBox ul li .info { margin: 0 10px 20px; }
#newsBox ul li .info p { font-size: 12px; color: #585858; }
#newsBox ul li .info h3 a { height: 59px; font-weight: normal; line-height: 140%; color: #000; -webkit-line-clamp: 3; }
#newsBox ul li.firstLine .info { padding: 10px 0; border-bottom: 2px #000 solid; }
#newsBox ul li.firstLine .info h3 a { height: 47px; font-size: 16px; -webkit-line-clamp: 2; }
#newsBox ul li.otherLine .newImg { width: 155px; display: inline-block; }
#newsBox ul li.otherLine .info { margin: 0; width: calc(100% - 185px); display: inline-block; }

/* RABox */
#RABox { margin-bottom: 50px; }
#RABox , #RABox .recommendBox { font-size: 0; }
#RABox >div {width: calc(100% - 0px);display: inline-block;font-size: 0;vertical-align: top;}
#RABox .recommendBox h3 a { height: 46px; color: #3a3a3a; -webkit-line-clamp: 2; }
#RABox .recommendBox .img img { width: 100%; }
#RABox .recommendBox .firstBox {width: 50%;display: inline-block;}
#RABox .recommendBox .firstBox h3 a { margin: 10px 0; height: 30px; font-weight: normal; font-size: 18px; -webkit-line-clamp: 1; }
#RABox .recommendBox .firstBox article { height: 49px; -webkit-line-clamp: 2; }
#RABox .recommendBox ul {width: 50%;display: inline-block;}
#RABox .recommendBox ul li { margin: 0 15px 2px; padding-left: 5px; border-left: 5px #ccc solid; font-size: 0; }
#RABox .recommendBox ul li .img { width: 90px; display: inline-block; }
#RABox .recommendBox ul li h3 { margin-left: 10px; width: calc(100% - 100px); display: inline-block; }
#RABox .adBox { margin-left: 20px; width: 290px; }
#RABox .adBox >div:nth-child(2) { margin: 10px 0; }
#RABox .adBox ins { width: 290px; height: 430px; }

@media screen and (min-width: 1281px) {
	#RABox .recommendBox ul li:hover { border-left-color: #0c57a4; }
}
@media screen and (max-width: 1160px) {
	#newsBox ul li.otherLine { width: 50%; }
}
@media screen and (max-width: 1024px) {
	#RABox .recommendBox .firstBox { width: 320px; }
	#RABox .recommendBox ul { width: calc(100% - 330px); }
}
@media screen and (max-width: 980px) {
	#RABox >div , #RABox .adBox { margin-left: 0; margin-bottom: 10px; width: 100%; }
	#RABox .adBox div { text-align: center; }
	#RABox .adBox ins { margin: 10px auto; width: 500px; height: 250px; }
}
@media screen and (max-width: 768px) {
	#newsBox ul li.firstLine { width: 50%; }
}
@media screen and (max-width: 680px) {
	#newsBox ul li .info h3 a { height: 40px; -webkit-line-clamp: 2; }
	#newsBox ul li.otherLine .newImg { width: 135px; }
	#newsBox ul li.otherLine .info { width: calc(100% - 155px); }
	#RABox .recommendBox .firstBox , #RABox .recommendBox ul { margin-bottom: 15px; width: 100%; }
	#RABox .recommendBox ul li { margin-left: 0; }
	#RABox .adBox ins { width: 400px; }
}
@media screen and (max-width: 500px) {
	#newsBox ul li.firstLine h3 a { height: 49px; font-size: 16px; }
	#newsBox ul li.otherLine { width: 100%; }
	#newsBox ul li h3 a { font-size: 14px; }
}
@media screen and (max-width: 480px) {
	#RABox .adBox ins { width: 300px; }
}