@charset "utf-8";


/*公司简介开始*/

.about_box {
	width: 100%;
	position: relative;
}

.about_con {
	width: 70%;
	background: #edeef0;
	border-radius: 0px 0px 80px 0px;
	padding: 60px 60px 60px 6%;
	box-sizing: border-box;
}

.about_con .about_t_c {}

.about_con .about_t_c h3 {
	font-size: 30px;
	line-height: 55px;
	color: #333;
}

.about_con .about_t_c p {
	font-size: 20px;
	line-height: 35px;
	color: #666;
}

.about_con .about_t_e {}

.about_con .about_t_e span {
	display: block;
	font-size: 34px;
	text-transform: uppercase;
}

.about_con .about_t_e em {
	margin-top: 10px;
	display: inline-block;
	float: right;
	width: 50px;
	height: 5px;
	background: #C8171E;
}

.about_con .about_txt {
	margin-top: 50px;
}

.about_con .about_txt p {
	color: #666;
	font-size: 18px;
	line-height: 35px;
	text-indent: 2em;
	height: 315px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
}

.about_con .about_nav {
	width: 100%;
	margin-top: 50px;
	background-color: #ffffff;
	box-shadow: 1px 4px 24px 0px rgba(210, 210, 210, 0.23);
	border-radius: 0px 0px 50px 0px;
}

.about_con .about_nav li {
	float: left;
	width: 33.33%;
	padding: 50px 0;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.about_con .about_nav li:after {
	content: '';
	position: absolute;
	top: 30px;
	right: 0;
	background: #e4e3e3;
	width: 1px;
	height: 65%;
}

.about_con .about_nav li:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0;
	background: #C8171E;
	width: 0%;
	height: 0%;
	z-index: -1;
	transition: .6s;
}

.about_con .about_nav li:hover:before {
	width: 100%;
	height: 100%;
}

.about_con .about_nav li:nth-child(3):hover:before {
	border-radius: 0px 0px 50px 0px;
}

.about_con .about_nav li a {
	display: block;
}

.about_con .about_nav li span {
	overflow: hidden;
	display: inline-block;
	width: 50px;
	margin-left: 27%;
	float: left;
	margin-top: 1%;
	transition: .6s;
}

.about_con .about_nav li span img {
	width: 100%;
}

.about_con .about_nav li:hover span img {
	border-left: 370px solid transparent;
	-webkit-filter: drop-shadow(-370px 0 0px #ffffff);
	filter: drop-shadow(-370px 0 0px #ffffff);
}

.about_con .about_nav li h4 {
	display: inline-block;
	width: 60%;
	height: 35px;
	float: right;
	color: #C8171E;
	font-size: 20px;
}

.about_con .about_nav li:hover h4,
.about_con .about_nav li:hover p {
	color: #fff;
}

.about_con .about_nav li p {
	width: 60%;
	display: inline-block;
	float: right;
	color: #666;
}

.about_img {
	position: absolute;
	right: 0;
	width: 50%;
	height: 900px;
	z-index: -5;
	border-radius: 0px 0px 0px 80px;
}

.about_img img {
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 0px 80px;
	position: relative;
	    object-fit: cover;
}

.about_mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	border-radius: 0px 0px 0px 80px;
}


/*公司简介结束*/








			
			
@media screen and (max-width: 1920px) {
	html,body {font-size: 16px;}
	
	.ftitle h3{font-size:34px;}

	/* ============================== */
	
	/* 首页开始 */

	
	/* 公司简介 */
	.about_con .about_nav li{padding:40px 0;}
	
	.about_img{height:860px;}
	

	
}



@media screen and (max-width: 1600px) {
	html,body {font-size: 15px;}
	
	/* 首页开始 */

	
	/* 公司简介 */
	.about_con{padding:30px 60px 60px 6%;}
	
	.about_con .about_txt,.about_con .about_nav{margin-top: 30px;}
	
	.about_con .about_txt p{line-height:30px;height:270px;}
	
	.about_con .about_nav li span{margin-left:15%;}
	
	 .about_con .about_nav li{padding:30px 0;}
	
	.about_img{height:700px;} 
	

	
}

@media screen and (max-width: 1440px) {
	
	/* 首页开始 */
	
	
	/* 公司简介 */
	
	
	/* 案例 */
	
	
}

@media screen and (max-width:1360px) {
	/* 首页开始 */
	/* 头部 */

	
	/* 公司简介 */
	.about_con .about_nav li span {margin-left: 10%;}
	
	.about_con .about_nav li h4,.about_con .about_nav li p{width:70%;}
	
	

}

@media screen and (max-width:1280px) {
	/* 首页开始 */
	
	
	
	/* 公司简介 */
	.about_con .about_nav li span {margin-left: 5%;}
	


}

@media (max-width: 959px) {
	html,
	body {
		min-width: 660px;
		overflow-x: hidden;
	}
	
/* 公司简介 */
.about_con{width:100%;padding: 20px;}

.about_img{display:none;}

}

@media (max-width: 640px) {
	html,
	body {
		min-width: 100%;
		max-width: 100%;
	}
	
	
	/* 公司简介 */
	.about_con .about_t_e,.about_con .about_nav{display:none;}
	
	.about_con .about_txt, .about_con .about_nav {margin-top: 10px;}
	
	
	
	
}

@media (max-width:375px){
	.inbaner {
		height: 59px;
	}
}


@media (max-width: 365px) {
/* 首页开始 */
	
/* 首页结束 */
	
}
@media (max-width: 340px) {

	/* 首页开始 */
	
	/* 首页结束 */
}
@media (max-width: 320px) {

	/* 首页开始 */
	
	/* 首页结束 */
}