﻿
.main {
	padding: 15px 0 0 0;
}

.main .container .head {
	padding-bottom: 10px;
}

.main .container .head .mainHead {
	text-align: center;
	font-size: 24px;
	margin-bottom: 48px;
}
.main .container .head .headTupian {
	width: 100% ;
	position: relative;	
}
.main .container .head .headTupian .btpre {	
	position: absolute;	
	width:8% ;
	left: 0%;
	top: 50%;
	transform: translate(-50%,-50%);
	
}
.main .container .head .headTupian  .btpre  a img {width:100% ;	}

.main .container .head .headTupian .btnext {	
	position: absolute;	
	width:8% ;
	right: 0%;
	top: 50%;
	transform: translate(50%,-50%);
	
}
.main .container .head .headTupian  .btnext  a img {width:100% ;	}
.main .container .head .headTupian .tupian   {	
	display:flex;
	justify-content:center;
	width:100% ;
}
.main .container .head .headTupian .tupian  p  {	
	width:90% ;
}
.main .container .head .headTupian .tupian  p  img {	
	width:100% ;
}
.main .container  .content {
	width: 86% ;
	margin:0 auto;	
	padding: 25PX;	
	border: 1px solid #dedede;
}




.main .about {
	position: relative;
	padding: 66px 0 100px 0;
}

.main .about .aboutTitle {
	position: relative;
	height: 24px;
	padding-bottom: 40px;
}

.main .about .aboutTitle span {
	position: relative;
	z-index: 1;
	line-height: 24px;
	font-size: 18px;
	color: #333333;
	padding-right: 20px;
	background: #fff;
}

.main .about .aboutTitle .sub {
	position: absolute;
	height: 6px;
	background: #e8e8e8;
	top: 10px;
	left: 0px;
	width: 100%;
}

.main .about .child {
	position: relative;
	float: left;
	width: 23%;
	border: 1px solid #e8e8e8;
	margin-left: 1%;
}




.main .about .child .childImg {
	width: 100%;
	height: auto;	
	text-align: center;
}


.main .about .child .childImg img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.main .about .child {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}

.main .about .child:hover {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}
.main .about .child .childImg img {
	transition-duration: .5s;
	-ms-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
}
.main .about .child .childImg img:hover {
	transform:scale(1.04);
	-moz-transform:scale(1.04);
	-ms-transform:scale(1.04);
	-o-transform:scale(1.04);
	-webkit-transform:scale(1.04);
} 

.main .about .child .childTitle {
	position: relative;
	height: 60px;
	text-align: center;
}

.main .about .child .childTitle p {
	line-height: 20px;
	padding-top: 14px;
	color: #006FCF;
}

.main .about .child .childInfo img,
.main .about .child .childInfo span {
	vertical-align: middle;
}

@media (max-width:1200px) {
	.main .about {
		position: relative;
		padding: 45px 0 66px 0;
	}
	
	.main .about .aboutTitle {
		position: relative;
		height: 18px;
		padding-bottom: 30px;
	}
	
	.main .about .aboutTitle span {
		position: relative;
		z-index: 1;
		line-height: 24px;
		font-size: 18px;
		color: #333333;
		padding-right: 20px;
		background: #fff;
	}
	
	
	.main .about .child .childTitle {
	
		height: 30px;
		
	}
	
	.main .about .child .childTitle p {
		line-height: 20px;
		padding-top: 5px;
		color: #006FCF;
	}

}
