@charset "utf-8";

.header{ position: absolute; z-index: 3; width: 100%; height: 126px; background: transparent;}
.header-slide{ background-color: #fff;}

.section1{ background-image: url(../images/about_banner1.jpg);}
.section2{ background-image: url(../images/about_banner2.jpg);}
.section3{ background-color: #fff;}
.section4{ background-image: url(../images/about_banner4.jpg);}
.section5{ background-image: url(../images/about_banner5.jpg);}
.section6{ background-image: url(../images/about_banner6.jpg);}

.section1,
.section2,
.section4,
.section5,
.section6{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}
.section{ width: 100%; height: 100%;}
#about-banner{width: 100%; height: 100%;}

.section1 .bg{ width: 854px; height: 100%; background-image: url(../images/about_banner1_bg.png); position: absolute; top: 0; right: 50%; margin-right: 106px;}
.section1 .key{ width: 160px; height: 105px; background: url(../images/about_key.png) no-repeat center center; position: absolute; left: 50%; bottom: 40px; margin-left: -80px;}
.section1 .bg .contain{ color: #fff; width: 445px; position: absolute; top: 290px; right: 52px;}
.section1 .bg .contain .t1{ font-size: 52px;}
.section1 .bg .contain .t2{ font-size: 44px; margin-bottom: 40px;}
.section1 .bg .contain .t3{ font-size: 18px; line-height: 2;}

.section2 .bg{ width: 888px; height: 100%; background-image: url(../images/about_banner2_bg.png); position: absolute; top: 0; left: 50%; margin-left: 72px;}
.section2 .bg .contain{ color: #fff; width: 445px; position: absolute; top: 220px; left: 37px;}
.section2 .bg .contain .t1{ font-size: 48px;}
.section2 .bg .contain .t2{ font-size: 48px; margin-bottom: 25px;}
.section2 .bg .contain .t3{ font-size: 18px; line-height: 2;}

.section3 .step1,
.section3 .step2,
.section3 .step3{
	width: 100%;
	height: 100%;
}
.section3 .img{ 
	position: absolute;
	height: auto;
}
.section3 .img0{
	width: 100%;
	height: auto;
	bottom: 185px;
	left: 0;
}
.section3 .img1{
	width: 40%;
	left: 29%;
	bottom: 193px;
}
.section3 .img2{
	width: 40%;
	left: 29%;
	bottom: 193px;
}
.section3 .img3{
	width: 20%;
	left: 39%;
	bottom: 193px;
}
.section3 .img4{
	width: 40%;
	left: 29%;
	bottom: 193px;

}

.section3 .bg{ width: 100%; height: 180px; background-image: url(../images/about_banner3_bg.png); position: absolute; bottom: 0;}
.section3 .bg .contain{ color: #fff; text-align: center; line-height: 180px; font-size: 48px;}
.section3 .txt1,
.section3 .txt2,
.section3 .txt3{
	font-size: 42px; width: 900px; position: absolute; bottom: 70%; left: 50%; margin-left: -450px; text-align: center; line-height: 1;
}
.section3 .txt4{ font-size: 20px; line-height: 2; width: 900px; position: absolute; bottom: 70%; left: 50%; margin-left: -450px; text-align: center;}

.section4 .bg1{ width: 100%; height: 180px; background-image: url(../images/about_banner4_bg1.png); position: absolute; bottom: 160px;}
.section4 .bg1 .contain{ color: #fff; text-align: center;}
.section4 .bg1 .contain .t1{ font-size: 20px; width: 1026px; line-height: 36px; margin: 40px auto 0;}
.section4 .bg2{ width: 100%; height: 160px; background-image: url(../images/about_banner4_bg2.png); position: absolute; bottom: 0;}
.section4 .bg2 .contain{ color: #fff; text-align: center;}
.section4 .bg2 .contain .t1{ font-size: 48px; line-height: 180px;}

.section5 .bg1{ width: 100%; height: 160px; background-image: url(../images/about_banner4_bg2.png); position: absolute; top: 0;}
.section5 .bg1 .contain{ color: #fff; text-align: center;}
.section5 .bg1 .contain .t1{ font-size: 48px; line-height: 180px;}
.section5 .bg2{ width: 100%; height: 180px; background-image: url(../images/about_banner4_bg1.png); position: absolute; top: 160px;}
.section5 .bg2 .contain{ color: #fff; text-align: center;}
.section5 .bg2 .contain .t1{ font-size: 20px; width: 926px; line-height: 36px; margin: 40px auto 0;}

.section6 .bg{ width: 980px; height: 400px; background-image: url(../images/about_banner6_bg.png); position: absolute; top: 170px; left: 50%; margin-left: -490px;}
.section6 .bg .contain{ color: #fff; text-align: center;}
.section6 .bg .contain .t1{ font-size: 38px; line-height: 48px; margin: 48px 0 40px;}
.section6 .bg .contain .t2{ font-size: 20px;}
.section6 .btn{ border: 2px solid #fff; color: #fff; font-size: 24px; width: 214px; height: 48px; line-height: 48px; text-align: center; position: absolute; bottom: 145px; left: 50%; margin-left: -107px;}
.section6 .btn:hover{ background: #d70d19; border: 2px solid #d70d19;}
.section6 .txt1{ font-size: 20px; position: absolute; bottom: 75px; color: #fff; width: 100%; text-align: center;}

/*20170607*/
@media screen and (max-height:800px){
	.section2 .bg .contain{ top: 20%; }
	.section1 .bg .contain{ top: 24%; }
	.section4 .bg2,
	.section5 .bg1{ height: 100px; }
	.section4 .bg2 .contain .t1,
	.section5 .bg1 .contain .t1{ line-height: 100px; }
	.section4 .bg1{ bottom: 100px; height: 150px; }
	.section4 .bg1 .contain .t1{ margin: 25px auto 0; }
	.section5 .bg2{ top: 100px; height: 150px; }
	.section5 .bg2 .contain .t1{ margin: 25px auto 0; }
}
@media screen and (max-height:860px){
	.section6 .bg{ top: 10%; }
	.section6 .txt1{ bottom: 10%; }
	.section6 .btn{ bottom: 18%; }
}
@media screen and (max-height:700px){
	.section6 .bg{ top: 5%; }
	.section6 .txt1{ bottom: 3%; }
	.section6 .btn{ bottom: 10%; }
}