body,div,p,img {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
html { overflow-x:hidden; }
body { -webkit-tap-highlight-color:rgba(0,0,0,0);  overflow-x:hidden; font-family:Microsoft YaHei,Arial;}

.banner {
	text-align:center; 
	width: 2000px; 
	height: 345px; 
	overflow: hidden; 
	position: relative; 
	left: 50%; 
	margin-left: -1000px; 
	background: url(../images/banner_web.jpg) no-repeat center top;
}

.main {
	background-color: #95DFF5;
	position: relative;
	/* padding-bottom: 160px; */
}
.main .cutLine {
	width: 16px;
	margin: 0 auto;
	background-color: #FFFFFF;
	position: absolute;
	left: 50%;
	margin-left: -8px;
}
.main .item {
	width: 525px;
	position: absolute;
}
.item .line {
	width: 38px;
	height: 7px;
	position: absolute;
	top: 50%;
	margin-top: -4px;
}
.item .mark {
	width: 34px;
	height: 100%;
	position: absolute;
	background: url(../images/dot.png) no-repeat center center;
}
.item .content {
	width: 453px;
	height: 100%;
	position: absolute;
	background-color: #FFFFFF;
}
.item .content p {
	font-size: 18px;
	color: #555555;
	line-height: 40px;
	margin: 32px 38px 32px 30px;
}
.item .content p span {
	font-size: 30px;
}
.item .content img {
	display: block;
	margin: 0 auto;
}
.item .content a {
	display: block;
	text-align: right;
	font-size: 14px;
	color: #000000;
	margin: 20px 29px 0 0;
}
.item.left {
	left: 50%;
	margin-left: -533px;
}
.item.right {
	left: 50%;
	margin-left: 8px;
}
.item.left .line {
	margin-left: 487px;
}
.item.left .mark {
	margin-left: 453px;
}
.item.left .content {
	margin-left: 0;
}
.item.right .line {
	margin-left: 0;
}
.item.right .mark {
	margin-left: 38px;
}
.item.right .content {
	margin-left: 72px;
}
.item.red .line {
	background: url(../images/red.png) no-repeat center center;
}
.item.yellow .line {
	background: url(../images/yellow.png) no-repeat center center;
}
.item.green .line {
	background: url(../images/green.png) no-repeat center center;
}
.item.blue .line {
	background: url(../images/blue.png) no-repeat center center;
}
.item.red .mark {
	background-color: #EF7277;
}
.item.yellow .mark {
	background-color: #F0A84C;
}
.item.green .mark {
	background-color: #A2BA77;
}
.item.blue .mark {
	background-color: #48B0B9;
}
.item.red .content p span {
	color: #EF7277;
}
.item.yellow .content p span {
	color: #F0A84C;
}
.item.green .content p span {
	color: #A2BA77;
}
.item.blue .content p span {
	color: #48B0B9;
}
.item .video {
	width: 404px;
	height: 248px;
	margin: -15px auto;
}


.footer {
	display:block; 
	width:100%; 
	padding:30px 0; 
	background:#22232a; 
	color:#FFF; 
	text-align:center; 
	font-size:14px; 
	line-height:30px; 
	word-wrap: break-word;
	font-weight: bold;
}
.footer a {
	color:#FFF; 
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}