@charset "utf-8";

/*幻灯片CSS*/
#banner {
	width: 100%;
	position: relative;
}
#banner .hd {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	font-size: 0;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
}
#banner .hd li {
	width: 20px;
	height: 5px;
	background-color: #ffffff;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 2px;
}
#banner .hd .on {
	background-color: #0087D5;
}
#banner .bd a {
	display: block;
	width: 100%;
	height: 620px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media (min-width:1024px) and (max-width:1199px) {
	#banner .bd a{
		height: 400px;
	}
	#banner{ display: block; }
	.banner{ display: none; }
}
@media (min-width:768px) and (max-width:1023px) {
	#banner .bd a{
		height: 350px;
	}
	#banner{ display: block; }
	.banner{ display: none; }
}
@media screen and (max-width:767px) {
	#banner .bd a{
		height: 180px;
	}
	#banner{ display: block; }
	.banner{ display: none; }
}





.about{ background: #f6f6f6;}
.about .title h1{border-left: 4px solid #ec151f; text-align: left; padding-left: 10px; font-size: 30px; height: 30px; line-height: 30px;}
.about .title p{ color: #555555; font-size: 14px; text-align: left; line-height: 40px; }
.about .fl{ width: 50%; text-align: left;}
.about .fl .acontent{ margin-top: 10px; }
.about .fl .acontent dd{ text-align: left; line-height: 25px; color: #5e5e5e; }
.about .fl .acontent a{background: #e90c13; width: 150px; height: 40px; line-height: 40px; 
	text-align: center; color: #fff; border-radius: 40px; display: block; letter-spacing: 1px; 
	margin-top: 50px;
}

.about .fr{ width: 47%; padding-top: 50px;}
.about ul{ clear: both; width: 100%; margin-top: 30px; margin-bottom: -50px;display: flex;}
.about ul li{ 
	width: 18%; 
	/*margin-right: 2%; */
	margin: auto;
	height: 214px; 
	float: left; 
	background: url(../images/abg1.png) center center;
	text-align: center;
	padding-top: 70px;
	color: #333333;
	position: relative;
	overflow: hidden;
}
/*.about ul li:last-child{ margin-right: 0px; }*/
.about ul li p{ line-height: 40px; }
.about ul li p,.about ul li h2{ position: relative; z-index: 2; }
.about ul li:hover{color: #fff;}
.about ul li:before {
  content: "";
  background-color: #e90c13;
  position: absolute;
  top: 0;
  right: -109px;
  height: 100%;
  width: 0px;
  -webkit-transform: skew(45deg, 0);
          transform: skew(45deg, 0);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.about ul li:hover:before {
  width: 200%;
}



.lingyu{ 
	background: #fff url('../images/ly_bg.jpg') center center; 
	padding-bottom: 50px;
	padding-top: 50px;
}

.contact{ background: #fff;}
.contact ul{ margin-top: 50px; margin-bottom: 100px;}
.contact ul li{ width: 50%; background: #f6f6f6; height: 138px; float: left; margin-bottom: 10px; border-left: #e90c13 5px solid; }
.contact ul li dd:nth-child(1){ width: 245px; float: left; height: 138px; overflow: hidden; position: relative; font-size: 0;}
.contact ul li dd:nth-child(1) img{ height: 100%; }
.contact ul li dd:nth-child(1) h2{ position: absolute; font-size: 20px; color: #fff; top: calc(50% - 10px); text-align: center; width: 100%;}
.contact ul li dd:nth-child(2){ width: calc(100% - 265px); float: right; padding: 30px 0px; }
.contact ul li dd p:nth-child(1){ background: url(../images/lx.png) no-repeat; padding: 0px 0px 10px 35px;}
.contact ul li dd p:nth-child(2){ background: url(../images/lx2.png) no-repeat left center; padding-left: 35px; line-height: 30px;}
.contact ul li:hover{ box-shadow: 0 0 5px #bbb;}
@media (min-width: 992px) and (max-width: 1199px) {
	
}
@media (min-width: 767px) and (max-width: 991px){
	
}
@media screen and (max-width:767px) {
	.about{ background: #f6f6f6;}
	.about .title h1{border-left: 4px solid #ec151f; text-align: left; padding-left: 10px; font-size: 30px; height: 30px; line-height: 30px;}
	.about .title p{ color: #555555; font-size: 14px; text-align: left; line-height: 40px; }
	.about .fl{ width: 100%; text-align: left;}
	.about .fl .acontent{ margin-top: 10px; }
	.about .fl .acontent dd{ text-align: left; line-height: 25px; color: #5e5e5e; }
	.about .fl .acontent a{background: #e90c13; width: 150px; height: 40px; line-height: 40px; 
	text-align: center; color: #fff; border-radius: 40px; display: block; 
	letter-spacing: 1px; margin-top: 20px;
	}
	
	.about .fr{ width: 100%; padding-top: 20px;}
	.about ul{ clear: both; width: 100%; margin-top: 30px; margin-bottom: -50px;}
	.about ul li{ 
		width: 49%; 
		margin-right: 2%; 
		height: 180px; 
		float: left; 
		background: url(../images/abg1.png) center center;
		text-align: center;
		padding-top: 60px;
		color: #333333;
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.about ul li:nth-child(2n){ margin-right: 0px; }
	
	
	
	.lingyu{ 
		background: #fff url('../images/ly_bg.jpg') center center; 
		padding-bottom: 50px;
		padding-top: 30px;
	}
	.contact{ background: #fff; }
	.contact ul{ margin-top: 50px; }
	.contact ul li{ width: 100%; background: #f6f6f6; padding: 20px 10px; height: auto; float: left; margin-bottom: 10px; border: none;}
	.contact ul li dd:nth-child(1){ width: 100%; float: left; position: relative; font-size: 0;}
	.contact ul li dd:nth-child(1) h2{ position: relative; font-size: 20px; color: #000; top: calc(50% - 10px); text-align: left; width: 100%;}
	.contact ul li dd:nth-child(1) img{ display: none;}
	.contact ul li dd:nth-child(2){ width: 100%; float: right; padding: 20px 0px 0px 0px; }
	.contact ul li dd p:nth-child(1){ background: url(../images/lx.png) no-repeat; padding: 0px 0px 10px 35px;}
	.contact ul li dd p:nth-child(2){ background: url(../images/lx2.png) no-repeat left center; padding-left: 35px; line-height: 30px;}
	
}