/*品牌动态*/
/*$$
{"color":[{"val":"#555555","title":"标题颜色+标题引文颜色+正文小标题"},{"val":"#226659","title":"标题颜色"},{"val":"#999999","title":"标题小英文"},
{"val":"#777777","title":"列表正文"},
{"val":"rgba(255,255,255,.8)","title":"查看更多默认文字颜色"},
{"val":"#00723c","title":"鼠标滑过标题颜色"},
{"val":"#ffffff","title":"查看更多鼠标滑过文字颜色"}],
"background":[{"val":"#f08519","title":"标题横线"},
{"val":"#00723c","title":"了解更多"},
{"val":"#04a659","title":"了解更多鼠标滑过边框"},
{"val":"#f3f7f8","title":"底色"}],"border":[{"val":"#cecece","title":"列表边框"}]}
$$*/

#dynamics_150 {
	width: 100%;
	background: #f3f7f8;
	padding: 40px 0;
}

#dynamics_150 .dynamicsBody {
	width: 1200px;
	margin: 0 auto;
}

#dynamics_150 .indexTit {
	width: 100%;
}

#dynamics_150 .indexTit .indexLine {
	width: 1px;
	height: 45px;
	margin: 0 auto;
	background: #f08519;
}

#dynamics_150 .indexTit .indexTitBold {
	margin-top: 10px;
	font-size: 28px;
	font-weight: bold;
	line-height: 46px;
	color: #555555;
	text-align: center;
}

#dynamics_150 .indexTit .indexTitBold span {
	color: #226659;
}

#dynamics_150 .indexTit .indexTitChar {
	font-size: 18px;
	line-height: 46px;
	color: #555555;
	text-align: center;
}

#dynamics_150 .dynamicsChar {
	width: 100%;
	margin-top: 40px;
}

#dynamics_150 .dynamicsBig {
	width: 50%;
	padding-right: 10px;
	float: left;
}

#dynamics_150 .dynamicsBig .itemImg {
	width: 100%;
	overflow:hidden;
	height:370px;
}
#dynamics_150 .itemImg:hover img{
	transform:scale(1.1);
}
#dynamics_150 .dynamicsBig .itemImg img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .3s ease;
}
#dynamics_150 .dynamicsBig .dynamicsBigTit {
	font-size: 20px;
	line-height: 46px;
	color: #555555;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
#dynamics_150 .dynamicsBig:hover .dynamicsBigTit{
	color: #00723c;
}
#dynamics_150 .dynamicsBig p {
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#dynamics_150 .dynamicsBig .dynamicsBigMore {
	width: 25%;
	background: #00723c;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
	position: relative;
}

#dynamics_150 .dynamicsBig .dynamicsBigMore i{
	color: rgba(255,255,255,.8);
	display: block;
	width: 100%;
	cursor: pointer;
}

#dynamics_150 .dynamicsBigMore:hover i{
	color: #ffffff;
}

#dynamics_150 .dynamicsList {
	width: 50%;
	padding-left: 10px;
	float: right;
}

#dynamics_150 .dynamicsList ul {
	width: 100%;
}

#dynamics_150 .dynamicsList ul li {
	overflow: hidden;
	margin-bottom: 12px;
	cursor: pointer;
	position: relative;
}
#dynamics_150 .dynamicsList ul li a{
	width: 100%;
	height: 125px;
	display: block;
	border: #cecece solid 1px;
	padding: 15px 20px;
}
#dynamics_150 .dynamicsList ul li .dynamicsListDay {
	width: 15%;
	float: left;
}

#dynamics_150 .dynamicsList ul li .dynamicsListDay p {
	text-align: center;
	font-weight: bold;
	font-size: 36px;
	line-height: 44px;
	color: #555555;
}

#dynamics_150 .dynamicsList ul li .dynamicsListDay p span {
	font-size: 14px;
	line-height: 46px;
}

#dynamics_150 .dynamicsList ul li .dynamicsListChar {
	width: 85%;
	float: left;
	padding: 0 10px;
}

#dynamics_150 .dynamicsList ul li .dynamicsListChar .dynamicsListCharTit {
	font-size: 16px;
	line-height: 42px;
	color: #555555;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

#dynamics_150 .dynamicsList ul li .dynamicsListChar p {
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#dynamics_150 .dynamicsList ul li:hover .dynamicsListCharTit {
	color: #00723c;
}
#dynamics_150 .btnAnimat .inner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius: 5px;
}
#dynamics_150 .btnAnimat:before,
#dynamics_150 .btnAnimat:after,
#dynamics_150 .btnAnimat .inner:before,
#dynamics_150 .btnAnimat .inner:after{
	background:#00723c;
	z-index: 10;
}
#dynamics_150 .dynamicsBigMore.btnAnimat:before,
#dynamics_150 .dynamicsBigMore.btnAnimat:after,
#dynamics_150 .dynamicsBigMore.btnAnimat .inner:before,
#dynamics_150 .dynamicsBigMore.btnAnimat .inner:after{
	background:#04a659;
	z-index: 10;
}
#dynamics_150 .btnAnimat:before,
#dynamics_150 .btnAnimat:after,
#dynamics_150 .btnAnimat .inner:before,
#dynamics_150 .btnAnimat .inner:after{
	position:absolute;
	content:"";
	display:block;
	-webkit-transition:-webkit-transform 0.3s;
	transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	transition:transform 0.3s,-webkit-transform 0.3s;
}
#dynamics_150 .btnAnimat:before,
#dynamics_150 .btnAnimat:after{
	left:0;
	width:100%;
	height:1px;
	-webkit-transform:scaleX(0);
	transform:scaleX(0);
}
#dynamics_150 .btnAnimat .inner:before,
#dynamics_150 .btnAnimat .inner:after{
	top:0;
	width:1px;
	height:100%;
	-webkit-transform:scaleY(0);
	transform:scaleY(0);
}

#dynamics_150 .btnAnimat .inner:before{
	left:0;
}
#dynamics_150 .btnAnimat .inner:after{
	right:0;
}
#dynamics_150 .btnAnimat .inner:hover:before,
#dynamics_150 .btnAnimat .inner:hover:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}

#dynamics_150 .btnAnimat:before{
	top:0;
}
#dynamics_150 .btnAnimat:after{
	bottom:0;
}
#dynamics_150 .btnAnimat:hover:before,
#dynamics_150 .btnAnimat:hover:after{
	-webkit-transform:scaleX(1);transform:scaleX(1);
}
#dynamics_150 .btnAnimat:hover .inner:before,
#dynamics_150 .btnAnimat:hover .inner:after{
	-webkit-transform:scaleY(1);transform:scaleY(1);
}
#dynamics_150 .btnAnimat.clockwise .inner:before{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#dynamics_150 .btnAnimat.clockwise .inner:after{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#dynamics_150 .btnAnimat.clockwise:before{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}
#dynamics_150 .btnAnimat.clockwise:after{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#dynamics_150 .btnAnimat.clockwise:hover .inner:before{
	-webkit-transform-origin:bottom center;
	transform-origin:bottom center;
}
#dynamics_150 .btnAnimat.clockwise:hover .inner:after{
	-webkit-transform-origin:top center;
	transform-origin:top center;
}
#dynamics_150 .btnAnimat.clockwise:hover:before{
	-webkit-transform-origin:left center;
	transform-origin:left center;
}
#dynamics_150 .btnAnimat.clockwise:hover:after{
	-webkit-transform-origin:right center;
	transform-origin:right center;
}
@media screen and (max-width:1200px) {
	#dynamics_150 .dynamicsBody {
		width: 96%;
	}
}


/* ipad */

@media screen and (max-width:992px) {
	#dynamics_150 .dynamicsBody {
		width: 96%;
	}

	#dynamics_150 .dynamicsList ul li .dynamicsListDay {
		width: 30%;
	}
	#dynamics_150 .dynamicsList ul li .dynamicsListChar {
		width: 70%;
	}
	#dynamics_150 .dynamicsBig .itemImg{
		height: 270px;
	}
	#dynamics_150 .dynamicsList ul li a{
		padding: 10px;
		height: 110px;
	}
}


/* 手机 */

@media screen and (max-width: 767px) {
	#dynamics_150{
		padding: 20px 0;
	}
	#dynamics_150 .indexTit .indexLine{
		height: 30px;
	}	
	#dynamics_150 .indexTit .indexTitBold{
		font-size: 22px;
		line-height: 40px;
	}
	#dynamics_150 .dynamicsChar{
		margin-top: 10px;
	}
	#dynamics_150 .dynamicsBody {
		width: 96%;
	}
	#dynamics_150 .dynamicsBig {
		width: 100% !important;
		padding: 0;
	}
	#dynamics_150 .dynamicsList {
		width: 100% !important;
		margin-top: 20px;
		padding: 0;
	}
	#dynamics_150 .dynamicsList ul li{
		width: 100%;
		margin:6px 0;
	}
	#dynamics_150 .dynamicsBig .itemImg {
		height:260px;
	}
	#dynamics_150 .dynamicsBig .dynamicsBigTit{
		font-size: 16px;
		line-height: 30px;
		margin-top: 5px;
		height: 30px;
	}
	#dynamics_150 .dynamicsBig p{
		line-height: 24px;
		max-height: 48px;
	}
	#dynamics_150 .dynamicsBig .dynamicsBigMore{
		width: 35%;
	}
	#dynamics_150 .dynamicsList ul li .dynamicsListChar .dynamicsListCharTit{
		line-height: 30px;
	}
	#dynamics_150 .dynamicsList ul li .dynamicsListChar .nr{
		line-height: 24px;
		max-height: 48px;
	}
	#dynamics_150 .dynamicsList ul li a{
		padding: 10px;
		height: 100px;
	}
	#dynamics_150 .dynamicsList ul li .dynamicsListDay{
		width: 20%;
	}
	#dynamics_150 .dynamicsList ul li .dynamicsListChar{
		width: 80%;
	}
	#dynamics_150 .dynamicsList ul li .dynamicsListDay p{
		font-size: 28px;
		line-height: 40px;
	}
}