/* CSS Document */


/*css重置*/
/*body,div,a,p,ul,li,h1,h2,h3,h4,h5,h6,img{margin:0; padding:0; border:0; font:14px/150% "Microsoft YaHei", Verdana, Geneva, sans-serif;}*/
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;}
ul,li{list-style:none;}


/* Clear Fix */ 
.clearfix:before, .clearfix:after{display:table; content:''; clear:both;} 
/* Hide from IE Mac */ 
.clearfix {display:block; }

.f-left{float:left;}
.f-right{float:right;}
.content-in{width:1200px; margin:0 auto;}


	
/*海报*/
.banner{height:434px; background:url(../images1/googlebanner.jpg) no-repeat center center;}
.banner .con-left{padding-top:130px; width:560px; height:175px;}
.banner .con-left h1{font-size:40px; font-weight:bold; color:#fff;}

.banner .con-left p{color:#fff; font-size:20px; padding-top:30px;}





/*内容块通用样式*/
.floor{height:510px; padding-top:50px;}
.floor .title{}
.floor .title h1{font-size:34px; text-align:center; color:#0ca7f0;}
.floor .title p{text-align:center; color:#999; font-size:14px; line-height:26px;}
.floor .title .color_w{color:#fff;}
.center_center{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.floor ul li{float:left;}

/*内容一*/
.floor1{background:#fff;}
.floor1 .f1_left{width:486px; padding-top:60px; padding-left:130px; float:left;}

.floor1 .f1_left p{font-size:16px; color:#999; line-height:28px;}
.floor1 .f1_left ul{padding-bottom:40px;}


.floor1 .f1_left ul li{width:142px; height:48px; padding:15px 5px 15px 85px; background-position:30px center; background-repeat:no-repeat; transition:0.5s;}
.floor1 .f1_left ul .li_1{background-image:url(../images1/f1_icon01.png);}
.floor1 .f1_left ul .li_2{background-image:url(../images1/f1_icon02.png);}
.floor1 .f1_left ul .li_3{background-image:url(../images1/f1_icon03.png);}
.floor1 .f1_left ul .li_4{background-image:url(../images1/f1_icon04.png);}
.floor1 .f1_left ul li h2{font-size:20px; color:#666; text-align:left;  transition:0.5s;}
.floor1 .f1_left ul li p{font-size:14px; color:#999; text-align:left;  transition:0.5s;}

.floor1 .f1_left ul .li_1:hover{background-image:url(../images1/f1_icon01-.png);}
.floor1 .f1_left ul .li_2:hover{background-image:url(../images1/f1_icon02-.png);}
.floor1 .f1_left ul .li_3:hover{background-image:url(../images1/f1_icon03-.png);}
.floor1 .f1_left ul .li_4:hover{background-image:url(../images1/f1_icon04-.png);}

.floor1 .f1_left ul li:hover{ background-color:#0ca7f0;}
.floor1 .f1_left ul li:hover h2{ color:#fff;}
.floor1 .f1_left ul li:hover p{color:#fff;}

@keyframes scale1{
	0%,100%{}
	50%{transform:scale(0.6,0.6);}	
	}
@-o-keyframes scale1{
	0%,100%{}
	50%{transform:scale(0.6,0.6);}	
	}
@-moz-keyframes scale1{
	0%,100%{}
	50%{transform:scale(0.6,0.6);}	
	}
@-webkit-keyframes scale1{
	0%,100%{}
	50%{transform:scale(0.6,0.6);}	
	}
	
@keyframes scale2{
	0%,100%{}
	50%{transform:scale(1.2,1.2);}	
	}
@-o-keyframes scale2{
	0%,100%{}
	50%{transform:scale(1.2,1.2);}	
	}
@-moz-keyframes scale2{
	0%,100%{}
	50%{transform:scale(1.2,1.2);}	
	}
@-webkit-keyframes scale2{
	0%,100%{}
	50%{transform:scale(1.2,1.2);}	
	}	
	
@keyframes scale3{
	0%,100%{}
	50%{transform:scale(1.44,1.44);}	
	}	
@-o-keyframes scale3{
	0%,100%{}
	50%{transform:scale(1.44,1.44);}	
	}
@-moz-keyframes scale3{
	0%,100%{}
	50%{transform:scale(1.44,1.44);}		
	}
@-webkit-keyframes scale3{
	0%,100%{}
	50%{transform:scale(1.44,1.44);}	
	}
	
.floor1 .f1_right {
	width:560px;
	height:380px;
	float:right;
	position:relative;
	margin-top:20px;
}
.floor1 .f1_right .circle {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
}
.floor1 .f1_right .circle1 {
	width:345px;
	height:345px;
	border-radius:345px;
	-o-border-radius:345px;
	-moz-border-radius:345px;
	-webkit-border-radius:345px;
	background:rgba(12,167,240,0.05);
	animation:scale1 4s infinite;
    -o-animation:scale1 4s infinite;
	-moz-animation:scale1 4s infinite;
	-webkit-animation:scale1 4s infinite;	
}
.floor1 .f1_right .circle2 {
	width:284px;
	height:284px;
	border-radius:284px;
	-o-border-radius:284px;
	-moz-border-radius:284px;
	-webkit-border-radius:284px;
	background:rgba(12,167,240,0.1);
	animation:scale2 3s infinite;
    -o-animation:scale2 3s infinite;
	-moz-animation:scale2 3s infinite;
	-webkit-animation:scale2 3s infinite;		
}
.floor1 .f1_right .circle3 {
	width:239px;
	height:239px;
	border-radius:239px;
	-o-border-radius:239px;
	-moz-border-radius:239px;
	-webkit-border-radius:239px;
	background:rgba(12,167,240,0.2);
	animation:scale3 5s infinite;
    -o-animation:scale3 5s infinite;
	-moz-animation:scale3 5s infinite;
	-webkit-animation:scale3 5s infinite;		
}


/*内容二*/
.floor2{background:#f5f5f5 url(../images1/f2_bg01.jpg) no-repeat center 65%; height:560px;}
.floor2 h2{height:25px; border-left:7px solid #0ca7f0; color:#999; font-size:20px; padding-left:20px; margin-top:30px;}

.floor2 .text{position:absolute;}
.floor2 .text h3{font-size:16px;}
.floor2 .text p{font-size:14px; color:#999;}


/*内容三*/
.floor3{background:url(../images1/f3_bg01.jpg) no-repeat center center;}

.floor3 .text{width:170px; float:left;}
.floor3 .text h3{font-size:18px; font-weight:bold; color:#fff;}
.floor3 .text p{font-size:14px; color:#fff; line-height:16px;}


/*内容四*/
.floor4{background:#fff url(../images1/f4_bg01.jpg) no-repeat center 80%;}

.floor4 .text{width:260px; position:absolute;}
.floor4 .text h3{font-size:22px; color:#666;}
.floor4 .text h3 span {
	width:20px;
	height:20px;
	border-radius:20px;
	-o-border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border:1px solid #ffa733;
	line-height:20px;
	text-align:center;
	font-size:14px;
	color:#ffa733;
	display:inline-block;
}
.floor4 .text p{font-size:14px; color:#999;}


/*内容五*/
.floor5{background:#f5f5f5; padding-bottom:30px;}

.floor5 .text{width:451px; height:254px; background:#fff; float:right; padding:40px 50px 0;}

		/* 本例子css */
.floor5 .slideBox{ width:1164px; height:316px; margin:0 auto; position:relative; padding-top:100px;}
.floor5 .slideBox .hd{width:330px; overflow:hidden; position:absolute; left:0; right:0; top:25px; margin:auto; z-index:1; }
.floor5 .slideBox .hd ul{width:330px; overflow:hidden; zoom:1; float:left;  }
.floor5 .slideBox .hd ul li{width:110px; height:35px; line-height:35px; float:left; text-align:center; background:#fff; cursor:pointer; color:#666; transition:0.3s; }
.floor5 .slideBox .hd ul li.on{ background:#ffc001; color:#fff;  transition:0.3s; }

.floor5 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.floor5 .slideBox .bd li{ zoom:1; vertical-align:middle;  transition:0.3s;}
.floor5 .slideBox .bd li a{float:left;}
.floor5 .slideBox .bd li a img{box-shadow:-1px 1px 3px #ccc;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.floor5 .slideBox .prev,.floor5 .slideBox .next{width:32px; height:60px; position:absolute; display:block; filter:alpha(opacity=50);opacity:0.5;   }
.floor5 .slideBox .prev{ left:-6%; top:50%; background:url(../images1/f5_prev.png) no-repeat center center; }
.floor5 .slideBox .next{ right:-6%; top:50%; background:url(../images1/f5_next.png) no-repeat center center }
.floor5 .slideBox .prev:hover,
.floor5 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.floor5 .slideBox .prevStop{ display:none;  }
.floor5 .slideBox .nextStop{ display:none;  }


.floor5 .text img{}
.floor5 .text p{font-size:14px; color:#666; padding-top:25px;}
.floor5 .text a {
	width:103px;
	height:31px;
	line-height:31px;
	display:block;
	background:#ffa903;
	color:#fff;
	font-size:14px;
	text-align:center;
	margin-top:35px;
	border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}