/* ========== 钢结构研发 start ========== */
.researchDl dd{
	padding: 15px 0;
}
.researchDl dd .con{
	background: #FFFFFF;
}
.researchTop{
	height: 100px;
	padding: 0 30px;

}
.researchTop .title{
	height: 100px;
	line-height: 100px;
	font-weight: bold;
	color: #4d4d4d;
	font-size: 18px;
}
.researchTop .btn{
	width: 38px;
	height: 38px;
	border-radius: 100%;
	background: #f5f5f5;
	margin-top: 31px;
	position: relative;
	transition: all .4s;
	-webkit-transition: all .4s;
	cursor: pointer;
}
.researchTop .btn span{
	position: absolute;
	width:20px;
	height: 1px;
	top: 19px;
	left: 9px;
	background: #666;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.researchTop .btn span::before{
	display: block;
	content: '';
	position: absolute;
	width:1px;
	height: 20px;
	left: 10px;
	top: -9px;
	background: #666;
	transition: all .4s;
	-webkit-transition: all .4s;
}
.researchBody{
	padding: 30px 0;
	margin: 0 30px;
	border-top: 1px solid #E5E5E5;
	display: none;
}
.researchBodyC{
	padding:10px 5px;
	overflow: hidden;
}
.researchBodyC .pic{
	width: 260px;
	overflow: hidden;
	border-radius: 4px;
}
.researchBodyC .pic::before{
	padding-top: 128.8462%;
}
.researchBodyC .text{
	overflow: hidden;
	padding-left: 60px;
	flex: 1;
}
.researchBodyC .text .name{
	padding-top: 17px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #4d4d4d;
}
.researchBodyC .text .duty{
	height: 38px;
	line-height: 38px;
	font-size:18px;
	color: #8c8c8c;
	margin-bottom: 42px;
}
.researchBodyC .text .textC{
	line-height: 32px;
	font-size: 15px;
	color: #8c8c8c;
	text-align: justify;
}
.researchDl dd.active .researchTop .title,
.researchTop:hover .title{
	color: #0d4ca3;
}
.researchDl dd.active .researchTop .btn,
.researchTop:hover .btn{
	background: #0d4ca3;
}
.researchDl.desDl dd .researchTop .btn {
	background: #0d4ca3 !important;
}
.researchDl dd.active .researchTop .btn span,
.researchTop:hover .btn span{
	background: #FFFFFF;
}
.researchDl.desDl dd .researchTop .btn span {
	background: #FFFFFF !important;
}
.researchDl dd.active .researchTop .btn span::before,
.researchTop:hover .btn span::before{
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	opacity: 0;
}
.researchDl.desDl dd .researchTop .btn span::before {
	transform: scaleY(0) !important;
	-webkit-transform: scaleY(0) !important;
	opacity: 0 !important;
}
/* ========== 钢结构研发 end ========== */

/* ========== 全产业链设计 start ========== */
.researchDl1 .researchBanner{
	width: 600px;
	height: 415px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.researchDl1 .researchBody{
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0;
	border-top: none;
	box-sizing: border-box;
}
.researchDl.desDl .researchBody {
	height: unset !important;
}
.researchDl1 .researchBody .researchBodyC{
	padding: 40px 0px;
	position: relative;
	border-top: 1px solid #E5E5E5;
	display: flex;
	align-items: center;
}
.researchDl1 .researchBanner::before{
	display: block;
	content: '';
	padding-top: 69.16667%;
}
.researchDl1 .researchBanner .bd{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.researchDl1 .researchBanner .bd .myslide{
	position: relative;
	z-index: 5;
}
.researchDl1 .researchBanner .bd .myslide span{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -20px;
	background: url(../images/common/videoIco.png) no-repeat center center;
}
.researchDl1 .researchBanner .pic{
	width: 100%;
	border-radius: 0;
}
.researchDl1 .researchBanner .pic::before{
	padding-top: 69.1667%;
}
.researchDl1 .researchBanner .pic::after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../test/yf/showBg.png)bottom center no-repeat;
}
.researchDl1 .researchBanner .slick-dots{
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: 20px;
	left: 0;
	text-align: center;
	z-index: 5;
}
.researchDl1 .researchBanner .slick-dots li{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 6px;
	background: #858689;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	cursor: pointer;
}
.researchDl1 .researchBanner .slick-dots li.slick-active{
	background: #FFFFFF;
}
/* ========== 全产业链设计 end ========== */

/* ========== 校企合作 start ========== */
.schoolDl{
	margin: 0 -20px;
}
.schoolDl dd{
	float: left;
	display: inline;
	width: 33.333%;
	padding: 20px 0;
}
.schoolDl dd .con{
	margin: 0 20px;
	border-radius: 3px;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}
.schoolDl dd a{
	display: block;
	padding: 28px;
	background: #FFFFFF;
}
.schoolDl dd .picBox{
	padding: 0 0 20px;
}
.schoolDl dd .pic{
	background: #FFFFFF;
}
.schoolDl dd .pic::before{
	padding-top:62.2166%;
}
.schoolDl dd .pic img{
	object-fit: contain;
}
.schoolDl dd .text{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.schoolDl dd .con:hover{
	box-shadow: 0 3px 7px rgba(0,0,0,0.08);
	transform: translateY(-1px);
	-webkit-transform: translateY(-1px);
}
/* ========== 校企合作 end ========== */

/* 设计团队介绍 start */
.designDl dd{
	padding: 10px 0;
}
.designDl .con{
	padding: 40px 30px;
	overflow: hidden;
	background: #FFFFFF;
	border-radius: 4px;
}
.designDl .con .pic{
	width: 600px;
	overflow: hidden;
	border-radius: 4px;
}
.designDl .con .pic::before{
	padding-top: 69.16667%;
}
.designDl .con .text{
	overflow: hidden;
	padding: 0 0 0 60px;
	line-height: 30px;
	font-size: 15px;
	color: #8c8c8c;
	text-align: justify;
}
.designDl .con .text p {
	text-align: unset !important;
}
.designDl .con .pic a{
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.designDl .con .pic a span{
	position: absolute;
	width: 40px;
	height: 40px;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -20px;
	background: url(../images/common/videoIco.png) no-repeat center center;
}
/* 设计团队介绍 end */