body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button,table,th, td,u,del,input {
	 font:14px/22px "微软雅黑","Arial","PingFang SC","Microsoft Yahei","SimSun",sans-serif;
	 margin: 0; 
	 padding: 0;
	 color: #333;
}
body{
/*	-webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none;*/
    background-color:#eee;
    overflow-x:hidden;
}
a{
	display: inline-block;
	text-decoration:none;
	color: #999;

}
a.index{
	color: #d94f4f;
}
a.index:hover{
	text-decoration: underline;
}
a:
strong,b{
	font-weight: normal;
}
em,i,dfn{
	font-style:normal;
}
ul,ol,li{
	list-style:none;
}
i{
	vertical-align: middle;
}
img{
	vertical-align: top;
	border:0;
}
table,th,td{
	border-spacing: 0;
	border-collapse:collapse;
}
input::-webkit-input-placeholder{
	color:#ccc;
}
::-webkit-selection{
	color:#fff;
	background:#0C9CEE;
}
::-moz-selection {
	color:#fff;
	background:#0C9CEE;
}
::selection {
	color:#fff;
	background:#0C9CEE;
}
html * {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input[type="text"],input[type="tel"],input[type="number"],input[type="button"],input[type="submit"],input[type="reset"],select {
	-webkit-appearance:none;
	margin:0;
	outline:none;
}
input:focus { outline: none; } 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../images/drop.png) no-repeat top right;
	background-position:90% 50%;
	text-indent: 10px;
}
@font-face {
  font-family: 'CloudYuanXiGBK';   /*字体名称*/
  src: url('../fonts/CloudYuanXiGBK.ttf');       /*字体源文件*/
}
.w{
	width: 1220px;
	margin:0 auto;
}
.clearfix:after {
	clear:both;
	content:"\200B";
	display:block;
	height:0;
}
.clearfix {
	*zoom:1;
}
.pull-left{
	float: left;
}
.pull-right{
	float: right;
}
.relative{
	position: relative;
}
.hide{
	display: none;
}
.section{
	overflow: hidden;
	height: 100%;
}

.wrap{
	width: 1440px;
	height: 100%;
	margin:0 auto;
}
.headtop{
	position: relative;
	top: 10%;
	height: 113px;
	z-index: 10;
}
.logo{
	float: left;
}
.menu{
	float: right;;
	height: 28px;
	cursor: pointer;
}
.menu a{
	color: #0f437e;
	font-size: 15px;
}
	.menu a:hover{
		text-decoration: underline;
	}
	.btn-lunbo,.btn-others{
		display: inline-block;
		margin-left:15px;
		color: #0f437e;
		font-size:15px;
	}
		.btn-lunbo i,.btn-others i{
			font-size: 26px;
			color: #0f437e
		}
.btn-others a,.btn-others a:hover{text-decoration: none;}
	.page-one .btn-lunbo,.page-one .btn-lunbo i{
		color: #fff;
	}
	.progress{
		position: relative;;
		margin:18px 0;
		height: 3px;
		background: #fff;
		border-radius: 1px;
		display: none;
	}
	.progress:after{
		content: "";
		position: absolute;
		left: 0;
		top:0;
		width: 0%;
		height: 3px;
		border-radius: 1px;
		background: #1a93df;
		
	}
	@-webkit-keyframes animatew{
	    0% { width: 0; },
	    100%{width: 100%;}
	}
	@keyframes animatew{
	    0% { width: 0; },
	    100%{widows: 100%;}
	}
	.section.active .progress:after{
		width: 100%;
		-o-animation: animatew 3s linear; 
		-ms-animation: animatew 3s linear; 
		-moz-animation: animatew 3s inear; 
		-webkit-animation: animatew 3s linear;
	     animation: animatew 3s linear; 
	}
/*一*/

.page-one{
	background:url(../images/bg-o.jpg) no-repeat center center;
}
	.slide-bar{
		position: absolute;
		right: 0;
		top: 50%;
		margin-top:-110px; 
	}
		.slide-bar li{
			position: relative;
			width: 38px;
			white-space: nowrap;

		}
			.slide-bar li i{
				width: 38px;
				height: 45px;
				display: block;
				margin-bottom: 10px;
			}
			.slide-bar li i.ico-tel{
				background: url(../images/ico-tel.png);
			}
			.slide-bar li i.ico-code{
				background: url(../images/ico-code.png);
			}
			.slide-bar li i.ico-qq{
				background: url(../images/ico-qq.png);
			}
			.slide-bar li i.ico-email{
				background: url(../images/ico-email.png);
			}
			.sbstyle{
				position: absolute;
				right: 38px;
				bottom: 0;
				background-color: #fff;
				padding:4px 8px;
				display: none;
			}
			.sbstyle .tel{color: #02a3fe}
			.sd-h1{
				font-size: 16px;
				line-height: 30px;
				color: #024571;
			}
			.sd-h2{
				font-size: 14px;
				line-height: 24px;
			}
			.code-img{
				margin-top: 10px;
			}
				.code-img img{
					width: 130px;
					padding: 0 4px;
				}
	
	.minlogo{
		text-align: center;
		position: absolute;
		width: 100%;
		opacity:0;
		top:18%;
	}

	.max-tit{
		text-align: center;
		position: absolute;
		width: 100%;
		top: 44%;
		opacity: 0;
	}
		.max-tit i{
			display: inline-block;
			vertical-align: text-bottom;
			margin-right: 15px;
			margin-left:15px;
		}
	.max-tit p{
		display: inline-block;
		font-size: 43px;
		color: #fff;
		font-weight: bold;
		line-height: 56px;
	}
	.ytd{
		width: 135px;
		height: 56px;
		background: url(../images/ytd.png) no-repeat;
	}
	.ott{
		width: 208px;
		height: 56px;
		background: url(../images/ott.png) no-repeat;
	}
	.page-btn{
		text-align: center;
		position: absolute;
		width: 100%;
		top: 54%;
	}
		.page-btn a{
			background: url(../images/bg-white.png);
			height: 55px;
			line-height: 55px;
			border:2px solid #ffffff;
			color: #fff;
			font-size: 28px;
			padding: 0 15px;
			opacity: 0;
			position: absolute;
		}
		.btn-fa{
			left: -120px;
		}
		.btn-ota{
			right: -120px;
		}
/*二*/
.page-two{
	background:url(../images/bg-t.jpg) no-repeat center center;
}
	.titbox{
		position: absolute;
		top: 36%;
		left:0;
		transition: all .8s;
		-o-transition: all .8s;
		-moz-transition: all .8s;
		-ms-transition: all .8s;
		-webkit-transition: all .8s;
	}
		.titbox .tit,.l-titbox .tit{
			white-space: nowrap;
			font-size: 36px;
			font-weight: bold;
			color: #062f5d;
			height: 55px;
			line-height: 55px;
			position: absolute;
			top:0;
			transition: all .8s;
			-o-transition: all .8s;
			-ms-transition: all .8s;
			-moz-transition: all .8s;
			-webkit-transition: all .8s;
		}

		.titbox h2,.l-titbox h2{
			height: 47px;
			line-height: 47px;
			font-size: 30px;
			color: #062f5d;
			position: absolute;
			top: 55px;
			
		}
		.titbox .info,.l-titbox .info{
			color: #666;
			line-height: 30px;
			position: absolute;
			top:117px;
			white-space: nowrap;
			opacity: 0;
			
		}
		.titbox .tit{
			left: -800px;
		}
		.titbox h2{
			left:-900px;
		}
		.l-titbox .tit{
			right: -800px;
		}
		.l-titbox h2{
			right: -900px;
		}
	.projectbox{
		position: absolute;
		top: 25%;
		right: -100%;
		width: 870px;
		transition: all .8s;
		-o-transition: all .8s;
		-ms-transition: all .8s;
		-moz-transition: all .8s;
		-webkit-transition: all .8s;
	}
		.projectbox li{
			width: 256px;
			height: 152px;
			float: left;
			margin-left: 33px;
			margin-bottom: 28px;
			box-shadow:0px 0px 20px #ccc;
			-webkit-box-shadow:0px 0px 20px #ccc;
			-webkit-box-shadow:0px 0px 20px #ccc;
			-moz-box-shadow:0px 0px 20px #ccc;
	 		-o-box-shadow:0px 0px 20px #ccc;
	 		transition: all 1s;
		}
			.projectbox li.tabpage{
				cursor: pointer;
			}
		.projectbox li img{
			width: 100%;
		}
		.projectbox li:hover{
			-o-transform:scale(1.1);
			-ms-transform:scale(1.1);
			-moz-transform:scale(1.1);
			-webkit-transform:scale(1.1);
			transform:scale(1.1);

		}
.active .projectbox{
	right: 0;
	-o-transition: all 1s ease .6s;
	-ms-transition: all 1s ease .6s;
	-moz-transition: all 1s ease.6s;
	-webkit-transition: all 1s ease .6s;
	transition: all 1s ease .6s;
}
.active .titbox .tit,.active .titbox h2{
	left: 0;
}
.active .titbox .tit,.active .l-titbox .tit{
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}
.active .titbox h2,.active .l-titbox h2{
	transition: all .8s ease .5s;
	-o-transition: all .8s ease .5s;
	-ms-transition: all .8s ease .5s;
	-moz-transition: all .8s ease .5s;
	-webkit-transition: all .8s ease .5s;
}
.active .titbox .info,.active .l-titbox .info{
	opacity: 1;
	transition: all 1s ease 1s;
	-o-transition: all 1s ease 1s;
	-ms-transition: all 1s ease 1s;
	-moz-transition: all 1s ease 1s;
	-webkit-transition: all 1s ease 1s;
}
/*三*/
.page-three{
	background:url(../images/bg-s.jpg) no-repeat center center;
}
	.paymentbox{
		position:absolute;
		right: 0;
		top: 33%;
		width: 635px;
		height: 485px;
	}
		.paymentbox li{
			position: absolute;
			top: 0;
	 		opacity: 0;
	 		transition: all 1s;
		}
		.paymentbox li.zfb{
			right: -295px;
			
		}
		.paymentbox li.wx{
			right:-300px;
			
		}
.active .paymentbox li.zfb{
	right: 0;
	opacity: 1;
	-o-transition: all .8s ease .6s;
	-moz-transition: all .8s ease .6s;
	-ms-transition: all .8s ease .6s;
	-webkit-transition: all .8s ease .6s;
	transition: all .8s ease .6s;
}
.active .paymentbox li.wx{
	right: 337px;
	opacity: 1;
	-o-transition: all .8s;
	-ms-transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	transition: all .8s;
}
/*四*/
.page-four{
	background:url(../images/bg-f.jpg) no-repeat center center;
}
	.workbox{
		position: absolute;
		right: 0;
		top: 20%;
		padding-top: 96PX;
		padding-left: 233PX;
		padding-right: 231PX;
		padding-bottom: 99px;
	}
	.workbody>div{
		float: left;
	}
	.workbody{
		margin-bottom: 35px;
	}
	.erpwork{
		transform: scale(0);
		-o-transition: all .8s;
		-ms-transition: all .8s;
		-moz-transition: all .8s;
		-webkit-transition: all .8s;
		transition: all .8s;
	}
	.w_pic{
		position: absolute;
		-o-transition: all .8s;
		-ms-transition: all .8s;
		-moz-transition: all .8s;
		-webkit-transition: all .8s;
		transition: all .8s;
		opacity: 0
	}
	.docking{
		left: 0;
		top:-100px;
	}
	.btb{
		left:-203px;
		top:96px;
	}
	.btc{
		right:-203px;
		top:96px;
	}
	.system{
		left: 0;
		bottom:-100px;
	}
.active .erpwork{
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-o-transition: all .8s;
	-ms-transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.active .w_pic{
	opacity: 1
}
.active .w_pic img{
	width: 100%;
}
.active .docking,.active .btb,.active .btc,.active .system{
	-o-transition: all .8s ease .5s;
	-moz-transition: all .8s ease .5s;
	-ms-transition: all .8s ease .5s;
	-webkit-transition: all .8s ease .5s;
	transition: all .8s ease .5s;
}
.active .docking{
	top:0;
}
.active .btb{
	left: 0;

}
.active .btc{
	right: 0;

}
.active .system{
	bottom: 0;
}
/*五*/
.page-five{
	background:url(../images/bg-five.jpg) no-repeat center center;
}
	.platform{
		position: absolute;
		right: 0;
		top: 29%;
		width: 1050px;
		height: 614px;
	}
	.case{
		position: absolute;
		-o-transition: all .8s;
		-ms-transition: all .8s;
		-moz-transition: all .8s;
		-webkit-transition: all .8s;
		transition: all .8s;
	}
	.pc-case{
		top: 0;
		right: -150%;
	}
	.phone-case{
		opacity: 0;
		z-index: 1;
		left:-150px;
		bottom: -47px;
	}
.active .pc-case{
	right: 0;
	-o-transition: all .8s;
	-ms-transition: all .8s;
	-moz-transition: all .8s;
	-webkit-transition: all .8s;
	transition: all .8s;
}
.active .phone-case{
	opacity: 1;
	left: -38px;
	-o-transition: all .8s ease .8s;
	-ms-transition: all .8s ease .8s;
	-moz-transition: all .8s ease .8s;
	-webkit-transition: all .8s ease .8s;
	transition: all .8s ease .8s;
}
/*六*/
.page-six{
	background:url(../images/bg-six.jpg) no-repeat center center;
}
	.l-titbox{
		position: absolute;
		top: 36%;
		right:0;
	}
	.l-titbox .info{
		right: 0;
	}
	.modul-box {
		position:relative;
		padding-left: 100px;
		left: -100%;
		top:20%;
		opacity: 0;
		transition: all 1.7s;
		margin-left:-100px;
	}
		
		.modul-box li{
			width: 300px;
			height: 434px;
			float: left;
			position:relative;
			perspective: 1000px;
			-webkit-perspective:500px;
			-moz-perspective:500px;
			margin-right: -100px;
			transition: all .3s ease-in-out 0s;
		}
		.item{
			-o-transform: rotateY(25deg);
			-ms-transform: rotateY(25deg);
			-moz-transform: rotateY(25deg);
			-webkit-transform: rotateY(25deg);
			transform: rotateY(25deg);
			position: relative;
			height: 434px;
		}
		.item:after,.item:before{
			content: '';
		    position: absolute;
		    top:50%; bottom:0; left:30px; right:30px;
		    box-shadow: 0px 0px 80px rgba(0,0,0,0.9);
		    border-radius: 100px/10px;
		}
		.modul-box li:hover,.modul-box li.on{
			margin-right: 0;
			perspective:none;
			-webkit-perspective:none;
		}
		.modul-box li:hover .item,.modul-box li.on .item{
			-o-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
			-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
			-moz-transform-origin: left bottom;
			-webkit-transform-origin: left bottom;
			-ms-transform-origin: left bottom;
			-o-transform-origin: left bottom;
			transform-origin: left bottom;

		}
		.pic-img{position: relative;z-index: 1}
		.pic-img img{
			width: 100%;
		}
		.pic-down{position: relative;left:0px;top:20px;}
		.reflection{width:300px;height:100px;left:-10px;
			background-size: 100%;
		   -webkit-transform: scaleY(-1); 
		   -moz-transform: scaleY(-1); 
		   -ms-transform: scaleY(-1); 
		   -o-transform: scaleY(-1); 
		   transform: scaleY(-1); 
		   opacity:0.5; 
		   filter:alpha(opacity='50'); 
		}
		.overlay{
			position: relative;width:230px;height:80px;bottom:70px; 
			background-image: -moz-linear-gradient(center bottom, rgb(197,198,199) 20%, rgba(197,198,199,0) 90%); 
			background-image: -o-linear-gradient(rgba(197,198,199,0) 10%, rgb(197,198,199) 30%); 
			background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, rgb(197,198,199)), color-stop(0.90, rgba(197,198,199,0))); 
		} 
		.item-o .reflection{
			background:url(../images/p-o.jpg) bottom center no-repeat; 
		}
		.item-t .reflection{
			background:url(../images/p-t.jpg) bottom center no-repeat; 
		}
		.item-s .reflection{
			background:url(../images/p-s.jpg) bottom center no-repeat; 
		}
		.item-f .reflection{
			background:url(../images/p-f.jpg) bottom center no-repeat; 
		}
.active .l-titbox .tit,.active .l-titbox h2{
	right: 0;
}
.active .l-titbox .info{
	opacity: 1
}
.active .modul-box{
	left:-40px;
	opacity: 1;
}

/*七*/
.page-seven{
	background:url(../images/bg-seven.jpg) no-repeat center center;
}
	.ota-case{
		position: absolute;
		top: 24%;
		left: -42px;
	}
	.ota-case li{
		position: absolute;
		-o-transition: all .5s;
		-ms-transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
		transition: all .5s;
	}
	.case-one{
		top: 26px;
		left:-1000px;
	}
	.case-two{
		left:363px;
		top:-200px;
		opacity: 0
	}
.active .case-one{
	left:0;
	-o-transition: all .7s;
	-ms-transition: all .7s;
	-moz-transition: all .7s;
	-webkit-transition: all .7s;
	transition: all .7s;
}
.active .case-two{
	top:0;
	-o-transition: all .7s ease .7s;
	-ms-transition: all .7s ease .7s;
	-moz-transition: all .7s ease .7s;
	-webkit-transition: all .7s ease .7s;
	transition: all .7s ease .7s;
	opacity: 1
}
/*八*/
.eightbox{
	position: relative;
	width: 100%;
	height: 100%;
}
.fouredges{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
}
	.fouredges li{
		width: 50%;
		height: 50%;
		position: absolute;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
	}
		.fouredges .right-pic{
			background: url(../images/l.jpg) no-repeat;
			background-size: cover;
		}
		.fouredges .bottom-pic{
			background: url(../images/t.jpg) no-repeat;
			background-size: cover;
		}
		.fouredges .top-pic{
			background: url(../images/b.jpg) no-repeat;
			background-size: cover;
		}
		.fouredges .left-pic{
			background: url(../images/r.jpg) no-repeat;
			background-size: cover;
		}

		.right-pic{
			left:-100%;
			top:0;
		}
		.bottom-pic{
			top:-100%;
			right:0;
		}
		.top-pic{
			left:0;
			bottom:-100%;
		}
		.left-pic{
			right: -100%;
			bottom: 0;

		}
	.fouredges li:hover .overmask{
		display: none;
	}
	.yuan{
		position: absolute;
		left: 50%;
		top:50%;
		background: url(../images/yuan.png) no-repeat center center;
		margin-left: -130.5px;
		margin-top: -130.5px;
		width: 261px;
		height: 261px;
		-o-transform: scale(.5);
		-ms-transform: scale(.5);
		-moz-transform: scale(.5);
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 0;
		z-index: 2;

	}
		.state{
			position: absolute;
			-o-transition:.5s;
			-ms-transition:.5s;
			-moz-transition:.5s;
			-webkit-transition:.5s;
			transition:.3s;
			-o-transform: scale(0);
			-ms-transform: scale(0);
			-moz-transform: scale(0);
			-webkit-transform: scale(0);
			transform: scale(0);
		}
			.state h2{
				font-size: 30px;
				height: 34px;
				line-height: 34px;
				margin-bottom: 20px;
				color: #fff;
			}
			.state h3{
				height: 20px;
				line-height: 20px;
				color: #fff;
				font-size: 16px;
			}
			.state span{
				display: block;
				font-size: 18px;
				color: #000;
				background-color: #efaa25;
				border-radius: 5px;
				height: 36px;
				line-height: 36px;
				width: 143px;
				text-align: center;
				margin-top: 15px;
				cursor: pointer;
			}
			.state-l{
				left: -100%;
				top: -60px;
			}
			.state-t{
				right: -100%;
				top: -60px;
			}
			.state-b{
				left: -100%;
				bottom: -60px;
			}
			.state-r{
				right: -100%;
				bottom: -60px;
			}
.overmask{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: url(../images/bg-black.png);
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.active .fouredges li{
	-o-transition: all .5s ease .7s;
	-ms-transition: all .5s ease .7s;
	-moz-transition: all .5s ease .7s;
	-webkit-transition: all .5s ease .7s;
	transition: all .5s ease .7s;
}
.active .right-pic{
	left:0;
}
.active .bottom-pic{
	top:0;
}
.active .top-pic{
	bottom: 0;
}
.active .left-pic{
	right: 0;
}

.active .yuan{
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-o-transition: all .9s ease .8s;
	-ms-transition: all .9s ease .8s;
	-moz-transition: all .9s ease .8s;
	-webkit-transition: all .9s ease .8s;
	transition: all .8s ease .9s;
	opacity: 1;
}
.state{
	-o-transition: all .8s ease 1s;
	-ms-transition: all .8s ease 1s;
	-moz-transition: all .8s ease 1s;
	-webkit-transition: all .8s ease 1s;
	transition: all .8s ease 1s;
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.page-nine{
	background: url(../images/bg-nine.jpg) no-repeat center center;
}
.ninewrap{
	padding:0 99px;
	margin-top: 100px;
}
	.ninetit{
		height: 50px;
		background: url(../images/nine-tit.png) no-repeat center center;
	}
	.nineul{
		margin-top: 30px;
		overflow: hidden;
	}
		.nineul li{
			width: 288px;
			height: 70px;
			line-height: 70px;
			font-size: 22px;
			background:url(../images/bgli.png);
			border-radius: 5px;
			float: left;
			margin-right: 19px;
			margin-bottom: 20px;
			position: relative;

		}
			.nineul li a{
				color: #333;
				display: block;
				padding-left: 64px;
				text-align: center;
			}
				.nineul li span{
					float: left;
					width: 64px;
					font-size: 30px;
					color: #1d375c;
					font-weight: bold;
					text-align: center;
					border-radius: 5px 0 0 5px;
					position: absolute;
					left:0;
					top: 0;
				}
		.nineul li:hover{
			/*background:url(../images/bghover.png);*/
		}
		.nineul li:hover span{
			/*background-color: #0c6cac;
			color: #fff;*/
		}
.ninewrap .wxcode span{
	width: 288px;
	margin-right: 19px;
}
/*进度条*/
.progressbox{
	position: fixed;
	left: 40px;
	top:50%;
	width: 32px;
	text-align: center;
	margin-top: -115px;
}
	.progressbox>span{
		display: block;
		line-height: 25px;
		color: #fff;
		text-align: center;
	}
	.bar{
		width: 3px;
		height: 180px;
		background-color: #fff;
		margin:0 auto;
		position: relative;
	}
		.bar i{
			position: absolute;
			left: 0;
			bottom: 0;
			right: 0;
			background-color: #1a93df;
		}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
.down{
	width: 48px;
	height: 49px;
	background: url(../images/down.png) no-repeat;
	position: absolute;
	right: 0;
	bottom:18%;
	-o-animation: fade 3s infinite linear; 
	-ms-animation: fade 3s infinite linear; 
	-moz-animation: fade 3s infinite linear; 
	-webkit-animation: fade 3s infinite linear;
     animation: fade 3s infinite linear; 
}
.down-blue{
	background:url(../images/down-blue.png) no-repeat;
	left: 0;
	right:inherit;
}
.page-six .down-blue,.page-seven .down-blue,.page-eight .down-blue{
	right: 0;
	left: inherit;
}
/*遮罩*/
.bodymask{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:url(../images/bg-mask.png);
	z-index: 2;
	display: none;
}
	.modulwrap{
		width: 615px;
		height: 85%;
		background-color: #fff;
		margin:0 auto;	
		margin-top:25px;
		position: relative;
	}
	.modulwrap.max{
		width: 100%;
		height: 100%;
		margin-top: 0;
	}
		.modul-body{
			position: relative;
			width: 100%;
			height: 100%;
			border:none;
		}
		iframe{
			width: 100%;
			height: 100%;
			border:0;
		}
		.headbtn{
			height: 38px;
			line-height: 38px;
			text-align: right;
			border-bottom: 1px solid #eee;
		}
			.modulwrap .iconclose,.modulwrap .iconmax{
				color: #333;
				font-size: 22px;
				padding:0 10px;
			}
			.modulwrap .iconmax{
				padding-right: 0;
				font-size: 21px;
			}
			.mainbody img{
				width: 100%;
			}
		.selpic{
			position: absolute;
			left: 0px;
			padding-left: 10px;
		}
			.selpic a{
				padding:0 4px;
			}
				.selpic a:hover{
					color: #062f5d;
				}
.loading{
	position: fixed;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
}
	.loading img{
		margin-top: 25px;
	}
@-webkit-keyframes maxw{
    0% {
    	transform: scale(0);
  	}
  	50% {
	    opacity: 0.3;
	    transform: scale(2);
 	}
  	100% {
   		transform: scale(0);
  	}
}
@keyframes maxw{
    0% {
  	}
  	50% {
	    opacity: 0.3;
 	}
  	100% {
  	}
}
.tipmouse{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 18px;
	text-align: center;
	margin-bottom: 40px;
	
}
	.tipmouse i{
		font-size: 34px;
		margin-right: 5px;
		-webkit-animation: maxw 1.4s ease-in-out 0s infinite both;
    	animation: maxw 1.4s ease-in-out 0s infinite both; 
	}
.tipmouse.remove{
	opacity: 0;
}