@charset "UTF-8";
@font-face {
	font-family: "ImpactLTStd";
	  src: url("../font/ImpactLTStd.woff2") format("woff2"),
		   url("../font/ImpactLTStd.woff") format("woff"),
		   url("../font/ImpactLTStd.ttf") format("truetype"),
		   url("../font/ImpactLTStd.eot") format("embedded-opentype"),
		   url("../font/ImpactLTStd.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
.lylMainBanner{
	width: 100%;
}
.lylMainBanner img.lylMainBannerImg{
	display: block;
	width: 100%;
	height: 100%;
}
.lylCaseContent{
	width: 1200px;
	background: #FFFFFF;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.lylCaseContentView{
	width: 100%;
	/* margin-top: 40px; */
	position: relative;
}
.lylCaseConentTitle{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
}
.lylCaseConentTitleLeft .lylCaseConentTitleLeft1{
	font-size: 26px;
}
.lylCaseConentTitleLeft .lylCaseConentTitleLeft2{
	margin-top: 30px;
	font-size: 14px;
	border-top: 2px solid #0b7d49;
	line-height: 30px;
}
.lylCaseConentTitleRight{
	font-family: "ImpactLTStd";
	text-align: right;
	font-size: 15px;
}
/* 筛选列表样式 */
.lylCaseScreen{
	padding-top: 50px;
}
.lylCaseScreenList{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;

}
.lylCaseScreenListDiv{
	cursor: pointer;
}
.lylCaseScreenListDiv .lylSpan{
	display: block;
	text-align: center;
}
.lylCaseScreenListDiv .lylSpan1{
	width: 91px;
	height: 91px;
	border-radius: 50%;
}
.lylCaseScreenListDiv .lylSpan1 img.lylImg1{
	display: block;
	width: 100%;
	height: 100%;
}
.lylCaseScreenListDiv .lylSpan2{
	margin-top: 30px;
	font-size: 18px;
	font-weight: bold;
}
.lylCaseScreenListDiv:hover .lylSpan1{
	-moz-transform:scale(1.2,1.2); 
	-webkit-transform:scale(1.2,1.2);
	-o-transform:scale(1.3,1.2);
	transform:scale(1.2);
	transform-origin: 45px 80px;
	box-shadow: 0 8px 10px rgba(0,0,0,.2);
}
.lylCaseScreenListDiv:hover .lylSpan2{
	color: #009040;
	text-shadow: 0 5px 5px rgba(0,0,0,.2);
}

.lylCaseScreenListDiv.lylAddScale .lylSpan1{
	-moz-transform:scale(1.3,1.3); 
	-webkit-transform:scale(1.3,1.3);
	-o-transform:scale(1.3,1.3);
	transform:scale(1.3);
	transform-origin: 45px 80px;
	box-shadow: 0 8px 10px rgba(0,0,0,.2);
}
.lylCaseScreenListDiv.lylAddScale .lylSpan2{
	color: #009040;
	text-shadow: 0 5px 5px rgba(0,0,0,.2);
}
/* 列表样式 */

.lylCaseContentList{
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
/* 单数行样式 */
.lylCaseContentListLi1 .lylCaseContentListLiCont{
	height: 400px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
	position: relative;
}
.lylCaseContentListLi1 .lylCaseContentListLiCont .lylCaseContentListLiContImg .lylSpan1{
	display: block;
	width: 500px;
	height: 375px;
}
.lylCaseContentListLi1 .lylCaseContentListLiCont .lylCaseContentListLiContImg .lylSpan1 .lylImg{
	display:block;
	width: 100%;
	height: 100%;
}
.lylCaseContentListLi2 .lylCaseContentListLiCont{
	height: 420px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row-reverse;
	position: relative;
}
.lylCaseContentListTitle1{
	width: 450px;
	height: 90px;
	color: #FFFFFF;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 20px;
	right: -460px;
	line-height: 90px;
    padding: 0 20px;
    
	border-radius: 6px;
}
.lylCaseContentView1{
	width: 412px;
	position: absolute;
	top: 190px;
	right: -440px;
	color: #333333;
	background: #FFFFFF;
	padding: 26px;
	box-shadow: 0px 0px 30px rgba(0,0,0,.3);
	border-radius: 6px;
}
.lylCaseContentView1 .lylCaseContentViewA{
	display: block;
	width: 100%;
	height: 100%;
	color: #333333;
	position: relative;
}
.lylCaseContentView1 .lylCaseContentViewA .lylCaseContentViewP{
	line-height: 22px;
	font-size: 14px;
	margin-bottom: 20px;
}

.lylCaseContentListTitle1 span.lylSpan{
	display: block;
}
.lylCaseContentListTitle1 span.lylSpan1{
	font-family: "ImpactLTStd";
	font-size: 20px;
}
.lylCaseContentListTitle1 span.lylSpan2{
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* 双数行样式 */
.lylCaseContentListLi2 .lylCaseContentListLiCont .lylCaseContentListLiContImg .lylSpan1{
	display: block;
	width: 500px;
	height: 375px;
}
.lylCaseContentListLi2 .lylCaseContentListLiCont .lylCaseContentListLiContImg .lylSpan1 .lylImg{
	display:block;
	width: 100%;
	height: 100%;
}
.lylCaseContentListTitle2{
	width: 510px;
	height: 90px;
	color: #FFFFFF;
	background: rgba(0,0,0,.6);
	position: absolute;
	top: 58px;
	left: -820px;
	padding: 0 20px;
	line-height: 90px;
	border-radius: 6px;
}
.lylCaseContentListTitle2 span.lylSpan{
	display: block;
}
.lylCaseContentListTitle2 span.lylSpan1{
	font-family: "ImpactLTStd";
	font-size: 20px;
}
.lylCaseContentListTitle2 span.lylSpan2{
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.lylCaseContentView2 {
	width: 388px;
	position: absolute;
	top: 40px;
	left: -416px;
	color: #333333;
	background: #FFFFFF;
	padding: 30px;
	box-shadow: 0px 0px 30px rgba(0,0,0,.3);
	border-radius: 6px;
}
.lylCaseContentView2 .lylCaseContentViewA{
	display: block;
	width: 100%;
	height: 100%;
	color: #333333;
	position: relative;
}
.lylCaseContentView2 .lylCaseContentViewP{
	line-height: 22px;
	font-size: 14px;
	margin-bottom:20px;
}
.lylCaseContentView2 .lylCaseContentViewSpan{
	/* position: absolute;
	bottom: 0;
	left: 0; */
}
.lylImgIntroduce{
	width: 100%;
	display: none;
}
.lylImgIntroduce .lylImg{
	display: block;
	width: 100%;
	height: 100%;
}