/*品牌动态*/

/*$$

{"color":[{"val":"#555555","title":"标题颜色+标题引文颜色+正文小标题"},{"val":"#226659","title":"标题颜色"},{"val":"#999999","title":"标题小英文"},

{"val":"#777777","title":"列表正文"},

{"val":"rgba(255,255,255,.8)","title":"查看更多默认文字颜色"},

{"val":"#2a6c68","title":"鼠标滑过标题颜色"},

{"val":"#ffffff","title":"查看更多鼠标滑过文字颜色"}],

"background":[{"val":"#f08519","title":"标题横线"},

{"val":"#2a6c68","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: #2a6c68;

}

#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: #2a6c68;

	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: #2a6c68;

}

#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:#2a6c68;

	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;

	}

}