/*关于我们*/

/*$$

{"color":[{"val":"#2d2d2d","title":"默认栏目文字颜色"},

{"val":"#ffffff","title":"图片位置英文栏目文字颜色"},

{"val":"#980000","title":"栏目/按钮文字颜色"},

{"val":"#666666","title":"公司简介文字颜色"}],

"background":[{"val":"#dddddd","title":"栏目右侧边框线"},

{"val":"#980000","title":"默认背景颜色/按钮鼠标滑过背景颜色"},

{"val":"#ffffff","title":"左侧图片上栏目标题下边框线"},

{"val":"#f2f4f7","title":"公司简介内容上曾遮罩"}],

"border":[{"val":"#980000","title":"按钮边框"}]}

$$*/

#about_154{

	width: 1200px;

	padding: 60px 0;

	margin: 0 auto;

}

#about_154 .column{

	width: 100%;

	color: #2d2d2d;

	position: relative;

}

#about_154 .column::after{

	position: absolute;

	content: '';

	right:0;

	width: 80%;

	height: 1px;

	background: #dddddd;

	top:78px

}

#about_154 .column .tit-cn{

	font-size: 28px;

	padding-left: 16px;

	position: relative;

	line-height: 60px;

} 

#about_154 .column .tit-cn i{

	position: absolute;

	left:0;

	width: 4px;

	height: 27px;

	background: rgba(1, 146, 211, 1);

	top:50%;

	transform: translateY(-50%);

}

#about_154 .column .tit-en{

	font-size: 16px;

	margin-bottom: 50px;

	line-height: 36px;

}

#about_154 .imgL{

	width: 50%;

	float: left;

	padding-left: 30px;

	position: relative;

}

#about_154 .imgL .imgT{

	width: 570px;

	height: 470px;

	overflow: hidden;

}

#about_154 .imgL .imgT:hover img{

	transform: scale(1.1);

}

#about_154 .imgL img{

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all .3s;

}

#about_154 .imgL .name{

	width: 56px;

	height: 290px;

	background: rgba(1, 146, 211, 1);

	position: absolute;

	left: 0;

	top:50%;

	transform: translateY(-50%);

	color: #ffffff;

	writing-mode:vertical-rl;

	text-align: center;

	display: flex;

	align-items: center;

	padding-top: 25px;

	font-size: 14px;

	line-height: 36px;

	letter-spacing: 2px;

	z-index: 10;

}

#about_154 .imgL .name::after{

	position: absolute;

	content: '';

	width: 1px;

	height: 50px;

	background: #ffffff;

	left:50%;

	top:140px;

	transform: translateX(-50%);

}

#about_154 .imgL .btnright{

	width: 56px;

	height: 56px;

	position: absolute;

	bottom: 0;

	right:-28px;

	background: rgba(1, 146, 211, 1);

}

#about_154 .conR{

	width: 50%;

	float: right;

	padding-left: 50px;

}

#about_154 .conR .title{

	color: rgba(1, 146, 211, 1);

	font-size: 24px;

	line-height: 60px;

}

#about_154 .intrs{

	font-size: 14px;

	color: #666666;

	width: 100%;

	

	margin-top: 10px;

	position: relative;

}

#about_154 .intrs p{

	line-height: 36px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 9;

	width: 100%;

	max-height: 324px;

}

#about_154 .intrs .bgop{

	position: absolute;

	width: 100%;

	height: 100%;

	background:#f2f4f7;

	opacity: 0.5;

	/* transition: opacity .3s ease; */

	transform: scale(1,1);

	transform-origin: 100% 0;

}



#about_154 .intrs.active .bgop{

	animation: showtit .8s forwards;

}

@keyframes showtit {

	from {

		transform:scale(1,1);

	}

	to {

		transform:scale(0,1);

	}

}

#about_154 .conR .btnMore{



	width: 145px;

	height: 35px;

	border:rgba(1, 146, 211, 1) solid 1px;

	border-radius: 20px;

	text-align: center;

	line-height: 35px;

	font-size: 14px;

	display: inline-block;

	cursor: pointer;

	transition: all 0.6s;

	overflow: hidden;

	position: relative;	

	margin-top: 20px;

}

#about_154 .conR .btnMore:hover{

	color: #ffffff;

	background: rgba(1, 146, 211, 1);

}

#about_154 .conR .btnMore .btnbg-x{  

	position:absolute; 

	background: rgba(1, 146, 211, 1); 

	left:50%; 

	width:0; 

	top:0px; 

	bottom:0px; 

	transition: all 0.5s;

}

#about_154 .conR .btnMore:hover .btnbg-x{ 

	width:100%; 

	left:0px; 

}

#about_154 .conR .btnMore i{ 

	position:relative; 

	z-index:1;

	background:url(./../../../static/images/IC00016_03.png) no-repeat right center;

	background-size: 13px 9px;

	padding-right: 20px;

	color: rgba(1, 146, 211, 1);

}

#about_154 .conR .btnMore:hover i{

	color: #ffffff;

	background:url(./../../../static/images/IC00016_02.png) no-repeat right center;

	background-size: 13px 9px;

}

@media screen and (max-width: 1200px){

	#about_154{

		width: 100%;

		padding: 30px;

	}

	#about_154 .imgL .imgT{

		width: 100%;

	}

}

@media screen and (max-width: 768px){

	#about_154{

		padding: 20px;

	}

	#about_154 .column .tit-cn{

		font-size: 18px;

		line-height: 32px;

	}

	#about_154 .column .tit-cn::after{

		height: 20px;

	}

	#about_154 .column .tit-en{

		font-size: 12px;

		line-height: 24px;

		margin-bottom: 20px;

	}

	#about_154 .column::after{

		width: 65%;

		top:40px;

	}

	#about_154 .imgL{

		width: 100%;

	}

	#about_154 .imgL .imgT{

		width: 100%;

		height:250px;

	}

	#about_154 .imgL .name{

		width: 40px;

		height: 180px;

	}

	#about_154 .imgL .name::after{

		top:120px;

		height: 40px;

	}

	#about_154 .imgL .btnright{

		width: 40px;

		height: 40px;

		right: -20px;

	}

	#about_154 .conR{

		width: 100%;

		padding-left: 0;

	}

	#about_154 .conR .title{

		font-size: 20px;

		line-height: 40px;

		margin-top: 10px;

	}

	#about_154 .intrs{

		margin-top: 0;

	}

	#about_154 .intrs p{

		line-height: 24px;

		max-height:120px;

		-webkit-line-clamp:5; 

	}

	#about_154 .conR .btnMore{

		width: 120px;

		height: 30px;

		line-height: 30px;

	}

}