@charset "utf-8";
.page-v5:after,
.container-tool-con:after,
.content-box:after{
	content: ' ';
	clear: both;
	display: block;
	height: 0;
	overflow: auto;
}
.mt100{
	margin-top: 100px;
}
.mt150{
	margin-top: 150px;
}
/*新版介绍*/
.page-v5{
	float: left;
	width: 100%;
}
.container-header{
	height: 730px;
	overflow: hidden;
	background: url(../images/v5/top-bg.png) center no-repeat #fafafa;
}
.container-header .tit-block{
	height: 108px;
	margin-top: 100px;
	font-size: 0;
	background: url(../images/v5/tit-block-01.png) center no-repeat;
}
.slide-pic-block{
	width: 800px;
	height: 450px;
	margin: 30px auto 0;
	background: url(../images/v5/apple-notebook-ico.png) center no-repeat;
}
.slide-pic-block .bd{
	float: left;
	width: 585px;
	height: 366px;
	margin: 32px 0 0 102px;
	overflow: hidden;
}
.slide-pic-block .bd li img{
	width: 100%;
	height: 100%;
}
.container-tool{
	background: #fff;
}
.container-tool-con{
	width: 1024px;
	height: 254px;
	margin: 0 auto;
}
.container-tool-con li{
	float: left;
	color: #333;
	width: 170px;
	height: 254px;
	font-size: 18px;
	text-align: center;
}
.container-tool-con li:before{
	content: ' ';
	display: block;
	width: 78px;
	height: 78px;
	margin: 60px auto 25px;
	background: url(../images/v5/Highlights-show-ico.png) no-repeat;
}
.container-tool-con li.ico1:before{
	background-position: 0 bottom;
}
.container-tool-con li.ico2:before{
	background-position: -88px bottom;
}
.container-tool-con li.ico3:before{
	background-position: -176px bottom;
}
.container-tool-con li.ico4:before{
	background-position: -264px bottom;
}
.container-tool-con li.ico5:before{
	background-position: -351px bottom;
}
.container-tool-con li.ico6:before{
	background-position: -438px bottom;
}
.container-tool-con li:hover{
	color: #fff;
	cursor: pointer;
	transition: all .5s; 
}
.container-tool-con li:hover.ico1{
	background: #1e9edf;
}
.container-tool-con li:hover.ico2{
	background: #00bb9c;
}
.container-tool-con li:hover.ico3{
	background: #ff9c33;
}
.container-tool-con li:hover.ico4{
	background: #ff6950;
}
.container-tool-con li:hover.ico5{
	background: #1dd075;
}
.container-tool-con li:hover.ico6{
	background: #f4c600;
}
.container-tool-con li:hover.ico1:before{
	background-position: 0 top;
}
.container-tool-con li:hover.ico2:before{
	background-position: -88px top;
}
.container-tool-con li:hover.ico3:before{
	background-position: -176px top;
}
.container-tool-con li:hover.ico4:before{
	background-position: -264px top;
}
.container-tool-con li:hover.ico5:before{
	background-position: -351px top;
}
.container-tool-con li:hover.ico6:before{
	background-position: -438px top;
}

.content-box{
	width: 1024px;
	height: 470px;
	margin: 0 auto;
	padding: 100px 0;
	position: relative;
}

.container{
	background: #f5f5f5;
}
.bgcolor-f5{
	background: #f5f5f5;
}
.bgcolor-ff{
	background: #fff;
}
.container-1 .flat-box{
	position: absolute;
	top: 50%;
	left: 0;
	width: 459px;
	height: 307px;
	margin-top: -153px;
	background: url(../images/v5/flat-bg.png) center no-repeat;
}
.container-1 .flat-box img{
	position: absolute;
	left: 190px;
	top: 50%;
	margin-top: -18px;
	opacity: 1;
	filter: alpha(opacity=100);
	animation:fadeIn 2s 1;
	-moz-animation:fadeIn 2s 1;
	-webkit-animation:fadeIn 2s 1;
	-ms-animation:fadeIn 2s 1;
}
.ui-box{
	position: absolute;
	right: -50px;
}
.lc-box{
	position: absolute;
	left: -100px;
	top: 40px;
}
.zf-box{
	position: absolute;
	left: 0;
	bottom: 60px;
}
.dl-box{
	position: absolute;
	left: 0;
}
.ys-box{
	position: absolute;
	right: -150px;
	bottom: 20px;
}
.container .con-block{
	width: 500px;
}
.container-1 .con-block h3{
	height: 71px;
	font-size: 0;
	background: url(../images/v5/tit-block-02.png) left no-repeat;
}
.container-2 .con-block h3{
	height: 71px;
	font-size: 0;
	background: url(../images/v5/tit-block-03.png) left no-repeat;
}
.container-3 .con-block h3{
	height: 71px;
	font-size: 0;
	background: url(../images/v5/tit-block-04.png) left no-repeat;
}
.container-4 .con-block h3{
	height: 71px;
	font-size: 0;
	background: url(../images/v5/tit-block-05.png) left no-repeat;
}
.container-5 .con-block h3{
	height: 71px;
	font-size: 0;
	background: url(../images/v5/tit-block-06.png) left no-repeat;
}
.container-6 .con-block h3{
	height: 71px;
	font-size: 0;
	background: url(../images/v5/tit-block-07.png) left no-repeat;
}
.container .con-block h4{
	color: #666;
	margin: 30px 0 0;
	font-weight: bold;
	font-size: 16px;
}
.container .con-block p{
	color: #999;
	line-height: 26px;
	padding: 20px 0;
	font-size: 16px;
}
.show-link{
	color: #666;
	display: block;
	width: 130px;
	height: 42px;
	line-height: 42px;
	margin-top: 20px;
	text-align: center;
	font-size: 18px;
}
.show-link:hover{
	color: #30a0f0;
	text-decoration: noe;
}
.container-1 .show-link,
.container-3 .show-link,
.container-5 .show-link{
	background: #fff;
}
.container-2 .show-link,
.container-4 .show-link,
.container-6 .show-link{
	background: #f5f5f5;
}
.container-4{
	background: url(../images/v5/zf-bg.jpg) center no-repeat;
}



@keyframes fadeIn{
	0%{
		left:50px;
		opacity: 0;
		filter:alpha(opacity=100);
	}
	100%{
		left: 190px;
		opacity: 1;
		filter:alpha(opacity=100);
	}
}
@-moz-keyframes fadeIn{
	0%{
		left:50px;
		opacity: 0;
		filter:alpha(opacity=100);
	}
	100%{
		left: 190px;
		opacity: 1;
		filter:alpha(opacity=100);
	}
}
@-webkit-keyframes fadeIn{
	0%{
		left:50px;
		opacity: 0;
		filter:alpha(opacity=100);
	}
	100%{
		left: 190px;
		opacity: 1;
		filter:alpha(opacity=100);
	}
}
@-ms-keyframes fadeIn{
	0%{
		left:50px;
		opacity: 0;
		filter:alpha(opacity=100);
	}
	100%{
		left: 190px;
		opacity: 1;
		filter:alpha(opacity=100);
	}
}