
.news-box{ border:1px solid #EEEEEE;}
.news-box, .news-box * {
	box-sizing: border-box;
}
.news-box a{ display: block;}
.news-box .left{ float:left; width: 45%; overflow:hidden;}
.news-box .right{ float:right; width: 55%; padding: 85px 85px 0;}
.news-box .right .date{ font-size: 30px;}
.news-box .right .tit{ margin-top: 10px; font-size:24px; color: #b48b62;}
.news-box .right .des{ margin-top: 10px; color: #777777;line-height: 30px; height: 60px; overflow: hidden;}
.news-box .right span{ margin: 35px 0 0;}  
.news-box a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

@media (max-width: 992px) {
	.news-box .left{ width: 100%;}
	.news-box .right{ width: 100%; padding:20px;}
	.news-box .right .date{ font-size: 18px;}
	.news-box .right .tit{ font-size:20px;}
	.news-box .right span{ margin-top: 15px; }  
}
@media (max-width: 768px) {
	.news-box .right {padding: 10px;}
	.news-box .right .date {
		font-size: 14px;
	}
	.news-box .right .tit {margin-top: 5px; font-size: 16px;}
	.news-box .right .des, .loadmenu_list li .text .des {margin-top: 5px; line-height:1.4; font-size: 12px; height:auto;}
	.news-box .right span, .loadmenu_list li .text em {line-height:32px;width:120px;height:auto;}
	
	/* .news-box .right .list-more-box {text-align: center;} */
}


.news-list{ margin: 40px 0 70px;  border-top:1px dashed #e5e5e5;}
.news-list, .news-list * {
	box-sizing: border-box;
}
.news-list li{ margin-top: -1px; position: relative;}
.news-list li a{ display: block; padding:35px 190px 35px 30px; position: relative; border-bottom:1px dashed #e5e5e5; position: relative; }
.news-list li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height: 3px; background: #b48b62; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.news-list li .img{ float: left; overflow: hidden; width: 250px;}
.news-list li .img-vertical i{ padding-bottom: 58.8%;}
.news-list li .text{  margin-left: 250px; padding: 0 45px;}
.news-list li .text .tit{ height: 46px; line-height: 46px; font-size: 18px; color: #101010; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-list li .text .des{ margin-top: 10px; color: #999999; line-height:30px; height:60px; overflow: hidden; }
.news-list li .text span{ margin-top:22px; display: block; color: #d8d8d8; font-size: 12px; text-transform: uppercase;}
.news-list li .date{ position: absolute; top:50px; right:0; width: 190px; border-left: 1px solid #eeeeee; padding-left: 50px; color: #999999;}
.news-list li .date span{ display: block; font-size: 30px; opacity: .6;}
.news-list li .date p{ font-size: 12px; }
.news-list li .date i{ margin-top:35px; display: inline-block; width:32px; height: 32px; background:url(../images/slick_next.png); background-color: #0a2444; border-radius:50%;}
.news-list li:hover{z-index:1; }
.news-list li a:hover:before{ width: 100%;}
.news-list li a:hover{ background: #FFFFFF; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,0,.08); -moz-box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08);}
.news-list li a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-list li a:hover .text .tit{ color: #b48b62;}
.news-list li a:hover .date i{ background-color: #b48b62;}

@media (max-width: 992px) {
	.news-list{ margin-bottom: 40px;}
	.news-list li a{ padding:20px 0;}
	.news-list li .img{ width: 120px;}
	.news-list li .text{ margin-left: 120px; padding: 0; padding-left: 10px; }
	.news-list li .text .tit{ font-size: 14px; line-height: 25px; height: auto; margin-top: 5px;}
	.news-list li .text .des{ margin-top: 5px; font-size: 12px; line-height: 20px; height: 36px;}
	.news-list li .text span,
	.news-list li .date{ display: none;}
}
@media (max-width: 768px) {
	.news-list {margin-top:0; margin-bottom: 8px;}
	.news-list li a {padding: 8px 0;}
}