.about-main {
	width:100%;
	height:auto;
	min-width:1200px;
	margin-top:-70px;
}
.about-main .banner {
	width:100%;
	min-width:1200px;
	height:374px;
	background:url(../images/about-bg.jpg) no-repeat center;
	background-size:cover;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.about-main .banner>h1 {
	color:#fff;
	font-size:58px;
	font-weight:600;
	letter-spacing:15px;
	padding:120px 0;
	margin-top:60px
}
.about-main .about-block {
	position:relative;
	width:1200px;
	margin:auto
}
.about-main .about-block.block-2 {
	margin-top:30px
}
.about-main .about-block.block-3 {
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:20px 0 25px 0;
	background:url("../images/bg-2.jpg") center no-repeat;
	background-size:cover
}
.about-main .about-block.block-3 .about-title span {
	color:#e1e2e6
}
.about-main .about-block.block-3>p {
	line-height:20px;
	color:#666;
	font-size:14px;
	text-align:center
}
.about-main .about-block.block-3 .pages {
	display:block;
	width:100%;
	margin:20px;
	letter-spacing:-1em
}
.about-main .about-block.block-3 .pages>span {
	display:inline-block;
	width:20px;
	height:6px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	cursor:pointer;
	color:#bbb;
	border-radius:3px;
	font-size:20px;
	border-radius:6px;
	font-weight:300;
	text-align:center;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	letter-spacing:1em;
	margin:0 5px;
	cursor:pointer;
	background:#d6d6d6
}
.about-main .about-block.block-3 .pages>span:hover {
	background:#3377ff
}
.about-main .about-block.block-3 .pages>span.active {
	width:32px;
	background:#3377ff
}
.about-main .about-title {
	position:relative;
	width:100%;
	line-height:54px;
	display:block;
	font-size:36px;
	color:#303131;
	letter-spacing:1px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:70px 0 20px 0;
	text-align:center
}
.about-main .about-title:after {
	width:32px;
	height:7px;
	content:"";
	display:block;
	background:#3377ff;
	position:absolute;
	left:calc(50% - 16px);
	top:calc(100% - 16px)
}
.about-main .about-title p {
	position:relative;
	z-index:2
}
.about-main .about-title>span {
	position:absolute;
	font-size:42px;
	color:#f0f2f5;
	display:block;
	top:54px;
	width:100%;
	text-transform:uppercase
}
.about-main .at-1 {
	position:relative;
	width:1000px;
	padding:20px 50px  30px;
	border-radius:6px;
	background:#e6edf5;
	line-height:24px;
	color:#444;
	font-size:14px;
	text-align:left;
	margin:10px auto 20px;
}
.about-main .at-1>p {
	margin:16px 0 0 0;
	text-indent:2em;
	letter-spacing:1px
}
.about-main .at-1>p>span {
	position:relative;
	font-size:20px;
	color:#444;
	top:-1px;
	font-weight:bold
}
.about-main .at-2 {
	position:relative;
	width:1000px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:36px 0 65px 450px;
	margin:auto
}
.about-main .at-2>img {
	position:absolute;
	left:0;
	top:8px;
	z-index:2
}
.about-main .at-2 .list {
	position:relative;
	width:550px;
	background:#e9edf5;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:5px 0 55px 170px;
	text-align:left
}
.about-main .at-2 .list li {
	line-height:20px;
	display:block;
	position:relative;
	color:#303133;
	margin:35px 0 0 0
}
.about-main .at-2 .list li h6 {
	line-height:22px;
	font-size:20px;
	font-weight:bold
}
.about-main .at-2 .list li p {
	line-height:36px;
	font-size:17px;
	color:#666;
	font-weight:normal
}
.about-main .at-2 .list li:after {
	width:60px;
	height:60px;
	display:block;
	position:absolute;
	left:-72px;
	top:-16px;
	content:"";
	background:url("../images/icons.png")
}
.about-main .at-2 .list li:before {
	width:30px;
	height:6px;
	display:block;
	position:absolute;
	left:0;
	bottom:-6px;
	background:#3377ff;
	content:""
}
.about-main .at-2 .list li:nth-child(2):after {
	background:url("../images/icons.png") -60px 0
}
.about-main .at-2 .list li:nth-child(3):after {
	background:url("../images/icons.png") -120px 0
}
.about-main .at-3 {
	position:relative;
	width:1200px;
	margin:auto
}
.about-main .at-3 .warp {
	position:relative;
	width:100%;
	height:600px
}
.about-main .at-3 .warp .item {
	position:absolute;
	width:100%;
	height:600px;
	left:0;
	top:0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:0.4s;
	transition:0.4s
}
.about-main .at-3 .warp .item.active {
	opacity:1;
	filter:alpha(opacity=100)
}
.about-foot {
	position:relative;
	width:100%;
	background:url("../images/bg-3.jpg") center;
	background-size:cover;
	padding:110px 0 70px 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.about-foot .warp {
	position:relative;
	width:350px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:32px 22px 20px 22px;
	border-radius:10px;
	background:#fff;
	border-radius:5px;
	margin:0 23px;
	line-height:24px;
	color:#555;
	font-size:17px
}
.about-foot .warp h4 {
	line-height:40px;
	color:#333;
	font-size:22px;
	font-weight:bold;
	position:relative
}
.about-foot .warp h4:after {
	width:30px;
	height:6px;
	content:"";
	display:block;
	background:#3377ff;
	position:absolute;
	top:calc(100% + 1px);
	left:calc(50% - 15px)
}
.about-foot .warp p {
	margin-top:20px
}
.about-foot .warp:after {
	width:140px;
	height:64px;
	display:block;
	position:absolute;
	z-index:1;
	background:url("../images/icons.png") -182px 0 no-repeat;
	top:-38px;
	left:calc(50% - 70px);
	content:""
}
.about-foot .warp:nth-child(2):before {
	background:url("../images/icons.png") -60px -60px no-repeat
}
.about-foot .warp:nth-child(3):before {
	background:url("../images/icons.png") -120px -60px no-repeat
}
.about-foot .warp:before {
	position:absolute;
	z-index:2;
	width:60px;
	height:60px;
	display:block;
	content:"";
	top:-34px;
	left:calc(50% - 30px);
	background:url("../images/icons.png") 0 -60px no-repeat
}