.new_banner_wrap {
	width: 100%;
	margin-bottom: 30px;
	background: #fff;
}
.new_banner {
	width: 1135px;
	margin: 0 auto;
}
.banner_ul {
	width: 100%;
	overflow: hidden;
	height: 140px;
}
.banner_li {
	float: left;
	width: 283px;
	height: 100%;
	position: relative;
}
.banner_a {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.banner_li_line {
	float: left;
	width: 1px;
	height: 100%;
	background: url(../images/banner_line.png) no-repeat center center;
	background-size:1px 127px ;
}
.banner_img {
	width: 58px;
	height: 58px;
	display: block;
	margin: 0 auto;
	margin-top: 25px;
}
.banner_img1{
	background: url(../images/banner01.png) no-repeat;
	background-size: 100% 100%;
}
.banner_img2{
	background: url(../images/banner02.png) no-repeat;
	background-size: 100% 100%;
}
.banner_img3{
	background: url(../images/banner03.png) no-repeat;
	background-size: 100% 100%;
}
.banner_img4{
	background: url(../images/banner04.png) no-repeat;
	background-size: 100% 100%;
}
.banner_img_on1{
	background: url(../images/banner1.png) no-repeat;
	background-size: 100% 100%;
}
.banner_img_on2{
	background: url(../images/banner2.png) no-repeat;
	background-size: 100% 100%;
}
.banner_img_on3{
	background: url(../images/banner3.png) no-repeat;
	background-size: 100% 100%;
}
.banner_img_on4{
	background: url(../images/banner4.png) no-repeat;
	background-size: 100% 100%;
}
.banner_tit {
	font-family: SourceHanSansCN-Bold;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	color: #685241;
	text-align: center;
}
.banner_tit_on {
	color: #eb1414;
}
.main_wrap {
	width: 1200px;
	margin: 0 auto;
}
.article_logo {
	width: 404px;
	height: 53px;
	margin: 35px auto;
	background: url(../images/article_logo.png) no-repeat;
	background-size: 100% 100%;
}
.article_ul {
	width: 1200px;
	overflow: hidden;
}
.article_li {
	width: 300px;
	height: 468px;
	position: relative;
	float: left;
	margin-bottom: 10px;
}
.opacity_wrap{
	width: 280px;
	height: 448px;
	background-color: #ffffff;
	border-radius: 10px;
	position: absolute;
	left: 10px;
	top: 10px;
	transition: all 0.5s;
}
.opacity_wrap:hover{
	/*width: 300px;
	height: 468px;
	padding-top: 10px;*/
	position: absolute;
	left: 5px;
	top: 5px;
}
.article_li:nth-child(4n){
	margin-right: 0;
}
.article_img_wrap {
	width: 280px;
	height: 214px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	cursor: pointer;
}
.article_img {
	height: 100%;
	margin-left: 50%;
	transform: translateX(-50%);	
}
.article_wrap {
	margin: 0 auto;
	width: 280px;
	box-sizing: border-box;
	padding: 0 17px;
}
.article_tit {
	font-family: SourceHanSansCN-Regular;
	font-size: 20px;
	line-height: 30px;
	height: 60px;
	color: #000000;
	margin-bottom: 10px;
	
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
position: relative;
}
.article_tit:hover {
	color: red;
	cursor: pointer;
}
.article_txt {
	font-family: SourceHanSansCN-Normal;
	font-size: 14px;
	line-height:23px ;
	height:69px ;
	color: #787878;
	margin-bottom: 10px;
	
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.article_cli_wrap {
	height: 30px;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.article_cli_zan,.article_cli_ask {
	font-family: SourceHanSansCN-Normal;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	color: #787878;
	float: left;
}
.article_cli_zan {
	margin-right: 20px;
	/*padding-left: 20px;
	background: url(../images/heart_new.png) no-repeat left center;
	background-size: 14px 12px;*/
}
.article_cli_ask {
	/*padding-left: 20px;
	background: url(../images/ask_new.png) no-repeat left center;
	background-size: 15px 12px;*/
}
.article_bottom {
	height: 44px;
	overflow: hidden;
}
.article_name,.article_time {
	font-family: SourceHanSansCN-Normal;
	font-size: 12px;
	line-height: 44px;
	color: #787878;
	float: left;
}
.article_time{
	float: right;
}
.article_img_a {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
}
.give_move {
	width: 330px;
	height: 92px;
	cursor: pointer;
	background: url(../images/give_move.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 70px;
}
.top_wrap {
	width: 1200px;
	overflow: hidden;
}
.top_left {
	width: 520px;
	height: 520px;
	float: left;
	border-radius: 10px;
	overflow: hidden;
}
.swiper-container{
	width: 100%;
	height: 100%;
}
.top_right {
	width: 670px;
	float: right;
	height: 520px;
}
.tp_ul1 {
	overflow: hidden;
}
.tp_li1{
	width: 331px;
	height: 254px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.tp_li1:nth-child(2n+1){
	float: left;
}
.tp_li1:nth-child(2n){
	float: right;
}
.tp_li1:nth-of-type(1),.tp_li1:nth-of-type(2){
	margin-bottom: 10px;
}
.tp_a1 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	z-index: 20;
}
.tp_img_wrap {
	width: 100%;
	height:204px ;
	overflow: hidden;
	background: #fff;
}
.tp_img1 {
	display: block;
	/*margin-left: 50%;
	transform: translate(-50%);*/
	width: 100%;
	height: 100%;
}
.tp_txt1 {
	font-family: SourceHanSansCN-Bold;
	font-size: 16px;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #ffffff;
	width: 331px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background-color: rgba(0,0,0,0.6);
}