@charset "utf-8";
/* CSS Document */


.banner{height:400px; width:100%; background-color:#eeeeee;}


.section1{
	padding:20px 0;
	overflow:hidden;
	}

.img-wrapper{
	background:url(../img/line-box.jpg) no-repeat top left;
	background-size:contain;
	padding:10px;
	}

.section1 .img-wrapper{
	width:460px;
	height:334px;
	margin-right:30px;
	background-size:cover;
	padding:10px;
	}

.img-wrapper p{
	text-align:center;
	padding:10px 0;
	}

.section1 .description{
	padding:70px 0;
	font-size:16px;
	text-indent:2em;
	line-height:1.6;
	}

.section1 .img-wrapper img{
	margin:10px auto;
	}

	
	
	
.blue-bg{
	background-color:#eafffa;
	}

.section2{
	overflow:hidden;
	padding:40px 0;}



.section2 .description{
	padding:70px 0;
	font-size:16px;
	text-indent:2em;
	line-height:1.6;
	}

.section2 .img-wrapper{
	width:500px;
	height:360px;
	margin-left:30px;
	background-size:cover;
	padding:10px;
	}


.section2 .img-wrapper img{
	margin:10px auto;
	}

.section1 h3,.section2 h3,.section3 h3,.section4 h3,.section5 h3,.section6 h3,.section7 h3,.section8 h3{
	text-align:center;
	padding:30px;
	}

.section3{
	height:450px;}

.contain-wrapper{
	position:relative;
	z-index:0;
	}
.left-contain, .middle-contain, .right-contain{
	position:absolute;}

.section3 .contain-wrapper .left-contain{
	top:0;
	left:17px;}

.section3 .contain-wrapper .middle-contain{
	top:20px;
	left:385px;}

.section3 .contain-wrapper .right-contain{
	top:20px;
	right:0;
	width:340px;
	padding:15px;
	border:dashed 1px #00a0e9;
	border-radius:5px;
	font-size:16px;
	}

.section3 .contain-wrapper p{
	text-align:center;
	margin:10px 0;
	padding:10px;
	background:url(../img/title-bg.png) center no-repeat;
	font-size:14px;
	}

.section4{
	height:500px;
	}
	
.section4 .contain-wrapper .middle-contain{
	top:0;
	left:581px;
	width:255px;
	background:url(../img/background-img.jpg) repeat-y top left;
	padding:70px 30px;
	font-size:16px;
	line-height:1.8;
	height:240px;
	text-indent:1em;
	}

.section4 .contain-wrapper .right-contain{
	top:0;
	right:0;
	}

.section4 .contain-wrapper p{
	position:absolute;
	bottom:0;
	left:0;
	padding:5px 30px;
	background-color:#ffcd00;
	font-size:15px;
	}

.section5{
	height:480px;
	}

.section5 .contain-wrapper .left-contain{
	width:360px;
	top:0;
	left:0;
	background-color:#ffcd00;
	padding:30px;
	font-size:16px;
	line-height:1.6;
	text-indent:1em;
	}


.section5 .contain-wrapper .middle-contain{
	top:0;
	left:430px;
	z-index:10;
	}

.section5 .contain-wrapper .right-contain{
	top:0;
	right:0;
	}
.section5 .right-contain img{
	margin-top:25px;
	}


.section5 .contain-wrapper p{
	text-align:center;
	font-size:16px;
	padding:10px 0;
	}
.section5 .middle-contain .up{
	display:inline-block;
	width:20px;
	height:1em;
	vertical-align:middle;
	background:url(../img/up.png) no-repeat top left;
	}


.section5 .right-contain .down{
	display:inline-block;
	width:20px;
	height:1em;
	vertical-align:middle;
	background:url(../img/down.png) no-repeat top left;
	}

.section6{
	height:550px;}
	
.section6 p{
	padding:0 35px;
	font-size:15px;
	line-height:1.5;
	text-indent:2em;
	margin-top:20px;
	}

.section6 p + p{
	margin:0;
	}
	
	
.section7{
	height:790px;
	}

.section7 .contain1,.section7 .contain2,.section7 .contain3,.section7 .contain4,.section7 .contain5,.section7 .contain6{
	position:absolute;
	}

.section7 .contain1{
	top:23px;
	left:13px;
	}

.section7 .contain2{
	top:50px;
	left:420px;
	}
	
.section7 .contain3{
	top:0;
	right:0;
	}
	
.section7 .contain4{
	top:350px;
	left:15px;
	}
	
.section7 .contain5{
	top:380px;
	left:390px;
	}
	
.section7 .contain6{
	top:330px;
	right:0;
	}
	
.section7 .contain-wrapper p{
	text-align:center;
	font-size:15px;
	padding:10px;
	}
	
.section7 .contain-wrapper .right-icon{
	display:inline-block;
	width:25px;
	height:1em;
	vertical-align:middle;
	background:url(../img/right.png) no-repeat top left;
	}


.section8{
	position:relative;
	}

.section8 .welcome{
	position:absolute;
	top:80px;
	left:210px;
	color:#fdfa00;
	font-size:34px;
	font-weight:bold;}


.section8 .button{
	width:164px;
	height:40px;
	position:absolute;
	top:203px;
	left:245px;
	text-align:center;
	font-size:18px;
	line-height:40px;
	background:url(../img/button.png) no-repeat top left;
	color:#333333;
	}