body {
	background:#1a5dab !important;
}

/*==================================== platform css ====================================*/
.bgpic {
	height:700px;
	position:absolute;
}

#platform {
	width:100%;
	margin-top:175px;
}
.platform {
	width:1000px;
	min-height:375px;
	margin:80px auto;
	overflow:;
	position:relative;
	color:#333;
}
.platform .circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);

}

.platform #clickit {
	width:55px;
	height:55px;
    z-index: 2;
    display: block;
	left:47%;
	top:280px;
	font-size:11px;
	line-height:10px;
	color:#fff;
	line-height:70px;
	text-align:center;
    position: absolute;

    background:#1b99f1 url(../images/clickit.png) no-repeat center 8px;

	-webkit-border-radius: 50%;	
	-ms-border-radius: 50%;	
	-o-border-radius: 50%;	
	-moz-border-radius: 50%;	
	border-radius: 50%;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.platform #clickit:hover{
	margin-top:-150px;
	z-index:-1;
}


/*------ detail css ---------------------------------------------*/
.platform .pic1, .platform .pic2 {
	width:150px;
	height:150px;
	background:#0471ed;
	color:#fff;
	margin:50px 85px;
	float:left;
	display:block;
	border:3px solid #3CF;
	overflow:hidden;
}
.platform .pic1 img, .platform .pic2 img {
	height:100%;
	min-width:100%;
	width:auto;
}

.platform .hc {
	width:250px;
	height:250px;
	background:#1b99f1;
	color:#fff;
	margin:0 45px;
	float:left;
	display:block;
	text-align:center;
	padding:;
	border:3px solid #3CF;
}
.platform .hc:hover {
	background:#0471ed;
	border:3px solid #3CF;
}
.platform .hc h1 {
	font: 65px/65px 'arial' normal;
	margin:10px !important;
}
.platform .hc h4 {
	font-size:20px;
	line-height:20px;
	margin:0 !important;
}
.platform .hc p {
	font-size:14px;
	line-height:20px;
	margin-top:20px;
}


.platform #step2 {
	width:100%;
	margin:0 auto;
	display:none;
}
.platform #arrow {
	width:100%;
	height:110px;
	display: none;
	opacity:0.75;
	background: url(../images/platform/bg-arrow.png) no-repeat center;
}
.platform .circle4 {
	width:932px;
	height:185px;
	margin:0 auto;
	padding-left:15px;
}
.platform .lis,.platform .his,.platform .ris,.platform .more {
	width:154px;
	height:14px;
	padding:70px 0;
	background:#1b99f1;
	color:#fff;
	font-size:40px;
	font-family:'robotolight';
	float:left;
	margin:0 35px;
	display:block;
	text-align:center;
	border:2px solid rgba(255,255,255,0.6);
	box-shadow:0 0 5px #fff;
}
.platform .lis {
	background:#9a5c9f;
}
.platform .his {
	background:#47b49e;
}
.platform .ris {
	background:#2b97aa;
}
.platform .more {
	font-size:26px;
	font-family:'黑体',arial;
	font-weight: lighter;
	background:#be8a66;
}
.platform .lis:hover,.platform .his:hover,.platform .ris:hover, .platform .more:hover {
	background:#0471ed;
}
.platform .square4 {
	width:900px;
	height:200px;
	margin:0px auto;
}
.platform .square4 #lis,.platform .square4 #his,.platform .square4 #ris,.platform .square4 #more {
	width:180px;
	height:210px;
	padding:20px;
	background:rgba(255,255,255,0.75);
	opacity:0.85;
	color:#333;
	opacity:0;
	position:absolute;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);	
}
.platform .square4 .white_top {
	height:0;
	width:0;
	position:absolute;
	top:-8px;
	left:98px;
	z-index:100;
	
	border-bottom: 8px solid rgba(255,255,255,0.75);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 0;
}
.platform .square4 #lis {
	left:45px;
}
.platform .square4 #his {
	left:275px;
}
.platform .square4 #ris {
	left:505px;
}
.platform .square4 #more {
	left:735px;
	text-align:center;
}
.platform .square4 h4 {
	font-size:20px;
	line-height:20px;
	margin:0 !important;
}
.platform .square4 p {
	font-size:14px;
	line-height:24px;
}










@media screen and (min-width: 1280px) { 
.bgpic {
	position:fixed;
	height:100%;
}
.bgpic img {
	margin-top:-30px;
}

}