/*@charset "gb2312";*/
/**
 * 网站地址: http://www.qietu.com
 * ----------------------------------------------------------------------------
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:thinkCss（最新产品/think+Css)
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $Author: psd2html
 * $mailto: <psd2html@qq.com>
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/
/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 +------------------------------------------------------------------------------
 * @comefrom  互联网
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed; 
	clip:rect(0 100% 100% 0);
	_position:absolute;
	
	/* 底部 */
	bottom:0px;
	left:0px;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}

body{
	font-family: "微软雅黑"; background: #f5f5f5; color: #666666;
}
a{ color: #666666;}
a:hover{ text-decoration: none;}
.header{
	height: 60px; background: #e7e7e7;  position: fixed;z-index: 999; left: 0; top: 0; right: 0;
}
.wrapper{
	width: 1200px; margin: 0 auto; position: relative; height: 100%;
}
.section{
	overflow: hidden; background-size: cover;
}
.header .wrapper{
	 
}
.header .logo{
	float: left;display: inline; margin:14px 0 0 12px; width: 100px;
}
.header .btn a{
	float: right; width: 90px; height: 35px; text-align: center; line-height: 35px; display: block; margin-top: 12px; background: #b6d315; color: #fff; font-size: 14px; 
}
.header .btn a:hover{
	background: #97be05;
}
.header .nav{
	float: right;display: inline; font-size: 14px;color: #666666;position: absolute; right: 105px; top: 0;
}
.header .nav li{
	float: left;display: inline; padding: 0 30px; line-height: 60px; font-size: 14px;
}

.page1{
	z-index: 9;
}
.slider{
	  /*height: 1020px;*/position: relative;
}
.slider .slides li{
	float: left; display: inline; height: 100%;
}
.slider .slides li.l1{
	background: url(../imgs/img1.jpg) no-repeat center #000; position: relative;
}
.slider .slides li.l1 .text{
	  width: 1200px; position: absolute; left: 50%; margin-left: -600px; height: 80px; top: 50%; margin-top: -140px;
}
.slider .slides li.l1 .text h2{
	padding-bottom: 10px; text-align: center; 
}
.slider .slides li.l1 .text h4{
	text-align: center; 
}
.slider .slides li.l1 .img{
	width: 945px; position: absolute; left:50%; margin-left: -472.5px; bottom: 0;
	transition: all 1s 2s;
	-webkit-transition: all 1s 2s;
	-ms-transition: all 1s 2s;
}
.active .slider .slides li.l1 .img{
	-webkit-animation: fadeInUp 2s 0s both;
		-ms-animation: fadeInUp 2s 0s both;
			animation: fadeInUp 2s 0s both;
}
.slider .slides li.l1 .img img{
	display: block;
}
.slider .slides li.l2{
	background: #f0f0f0; position: relative;
}
.slider .slides li.l2 .wrap{
	width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 0; bottom: 0;
}
.slider .slides li.l2 .text{
	position: absolute; height: 148px; top: 50%; margin-top: -74px; left: 60px;
}
.slider .slides li.l2 .img{
	position: absolute; top: 50%; margin-top: -251px; height: 563px; right: 130px;
}
.page2{ height: 1079px; position: relative;}
.page2 .img{
	position: absolute; margin-left: 52px; width: 407px; height: 1080px; top: 50%; margin-top: -510px; z-index: 9; background: url(../imgs/img7.png) no-repeat center bottom; background-size: cover;
}
.page2 .img img{ display: block;}
.page2 .img .dot{
	display:block; background: rgba(212,229,249,0.8); width: 58px; height: 58px; border-radius: 35px; z-index: 9; position: absolute; cursor: pointer; 
	transition: all .4s;
	-ms-transition: all .4s;
	-webkit-transition: all .4s;
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	
	-webkit-animation:mymove4 2s linear 1s infinite ;
		-ms-animation:mymove4 2s linear 1s infinite ;
			animation:mymove4 2s linear 1s infinite ;
}
.page2 .img .dot.selected{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.page2 .img .dot1{
	left: 273px; top: 180px; 	
}
.page2 .img .dot2{
	right: 60px; top: 360px;
}
.page2 .img .dot3{
	left: 300px; top: 725px;
}
.page2 .view{
	position: absolute; top: 0; bottom: 0; right: 0;
}
.page2 .view .text{
	height: 150px; position: absolute; right: 0; bottom: 180px; background: rgba(61,61,61,.9); right: 0; color: #fff; padding-left: 30px; width: 850px;
}
.page2 .view .text h2{
	font-size: 30px; padding-top: 28px;
}
.page2 .view .text h4{
	font-size: 18px; padding-top: 10px;
}
.page3{
	height: 1080px; background: url(../imgs/img2.jpg) no-repeat center #a6a4a3;color: #fff;
}
.page3 .wrap{
	height: 360px; position: absolute; top: 50%; margin-top: -250px;
}
.page3 .text{
	letter-spacing: 2.5px;
}
.page3 .text h2{
	font-size: 28px; padding-bottom: 15px;
}
.page3 .text h4{
	font-size: 20px; line-height: 48px;
}
.page3 .nav{
	width: 415px; margin-top: 45px;
}
.page3 .nav ul{
	height: auto; overflow: hidden;
}
.page3 .nav li{
	float: left;display: inline; text-align: center; width: 50%; margin-bottom: 20px; height: auto; overflow: hidden;
}
.page3 .nav li .img{
	width: 126px; height: 126px; background: url(../imgs/img62.png) no-repeat; margin: 0 auto; font-size: 17px; color: #fff; text-align: center; line-height: 126px;
}
.page3 .nav li .bar{
	width: 124px; margin: 13px auto 0 auto; background: #d1d0d0; border-radius: 5px; height: 5px; position: relative;
}
.page3 .nav li .bar span{
	display: block; position: absolute; left: 0; top: 0; border-radius: 5px 0 0 5px; background: #85cae7; height: 5px; width: 0; 
	transition: all 1s 1s;
	-webkit-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
}
.page3.active .nav li .bar span{
	width: 60px;
}
.page3 .nav li h2{
	font-size: 14px; padding-top: 8px;
}
.page4{
	height: 1080px; background: url(../imgs/img3.jpg) no-repeat center #b6cfde; position: relative;
}
.page4 .wrap{
	position: absolute; right: 0; top: 50%; margin-top: -285px; height: 630px;
}
.page4 .text{
	 width: 450px; color: #666666; 
}
.page4 .text h2{
	font-size: 28px;
}
.page4 .text h4{
	font-size: 18px; padding-top: 10px;
}
.page4 .list{
	width: 370px; height: 528px; background:url(../imgs/img11.png);  color: #fff;font-size: 18px; position: relative;
}
.page4 .list .head{
	height: 90px; position: relative; margin-top: 30px;  
}
.page4 .list .head h2{
	text-align: center; line-height: 90px; 
}
.page4 .list .head .btn-left,
.page4 .list .head .btn-right{
	top: 50%; margin-top: -10px; position: absolute; 
}
.page4 .list .head .btn-left{
	left: 20px;
}
.page4 .list .head .btn-right{
	right: 20px;
}
.page4 .list .bar-wrap{
	width: 294px;  margin: 0 auto;
}
.page4 .list .bar-wrap h2{
	text-align: center;
}
.page4 .list .bar-wrap .bar{
	height: 6px; background: #bdc3cb; border-radius: 5px; margin-top: 15px;
}
.page4 .list .bar-wrap .bar span{
	display: block; height: 6px; background: #eaf043; width: 0; border-radius: 5px 0 0 5px;
	transition: all 1s 1s;
	-webkit-transition: all 1s 1s;
	-ms-transition: all 1s 1s;
}
.page4.active .list .bar-wrap .bar span{
	width: 90px; 
}
.page4 .list .body{
	width: 290px; margin: 0 auto;
}
.page4 .list .body li{
	height: auto; overflow: hidden;
}
.page4 .list .body li h2{
	 line-height: 58px; cursor: pointer;  height: 58px; 
}
.page4 .list .body li h2 span{
	float: right;
}
.page4 .list .body li dl{
	 font-size: 16px; background: url(../imgs/img16.png) repeat-y left top; margin: 10px 0 0 82px;
}
.page4 .list .body li dl dd{
	 position: relative; padding-bottom: 30px; line-height: 1; padding-left: 30px;
}
.page4 .list .body li dl dd.last{
	padding-bottom: 0;
}
.page4 .list .body li dl dd em{
	width: 8px; height: 8px; border-radius: 5px; background: #fff; display: block; position: absolute; left: -3px; top: 5px;
}
.page4 .list .body li dl{
	display: none;
}
.page4 .list .body li.selected dl{
	display:block;
}
.page5{
	height: 1080px; background: url(../imgs/img4.jpg) no-repeat center bottom;
}
.page5 .wrap{
	position: absolute; left: 0; bottom: 250px; color: #666666;
}
.page5  .text{
	width: 503px; 
}
.page5  .text h2{
	font-size: 28px; padding-bottom: 25px;
}
.page5  .text h4{
	line-height: 30px; font-size: 18px;
}
.page5 .nav{
	margin-top: 80px;
}
.page5 .nav li{
	float: left; display: inline; margin-right: 75px; text-align: center;
}
.page5 .nav li .icos span,
.page5 .nav li .icos span i{
	width: 15px; height: 15px; position: relative; 
}
.page5 .nav li .icos span i{
	position: absolute; left: 0; top: 0;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-ms-transition: all 0.2s;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
}
.page5.active .nav li .icos span.on i{
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
}
.page5 .nav li .icos span:nth-child(1) i{
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-ms-transition-delay: 1s;
}
.page5 .nav li .icos span:nth-child(2) i{
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
}
.page5 .nav li .icos span:nth-child(3) i{
	transition-delay: 2s;
	-webkit-transition-delay: 2s;
	-ms-transition-delay: 2s;
}
.page5 .nav li .icos1 span{
	background:url(../imgs/img21.png) no-repeat;  float: left;display: inline; margin-right: 3px;
}
.page5 .nav li .icos1 span i{
	background:url(../imgs/img20.png) no-repeat;
}
.page5 .nav li .icos1 span.on{
	
}
.page5 .nav li h2{
	padding-top: 20px; font-size: 14px;color: #999999;
}
.page5 .nav li .icos2 span{
	background:url(../imgs/img23.png) no-repeat; float: left;display: inline; margin-right: 3px;
}
.page5 .nav li .icos2 span i{
	background:url(../imgs/img22.png) no-repeat;
}
.page5 .nav li .icos2 span.on{
	
}
.page5 .nav li .icos3 span{
	background:url(../imgs/img25.png) no-repeat; float: left;display: inline; margin-right: 3px;
}
.page5 .nav li .icos3 span i{
	background:url(../imgs/img24.png) no-repeat;
}
.page5 .nav li .icos3 span.on{
	
}
.page5 .bgs{
	position: absolute; left: 450px; bottom: 0; width: 160px; height: 124px;
}
.page5 .bgs img{
	position: absolute;
}
.page5 .bg1{
	bottom: 38px;
	animation:mymove 4s linear 2s infinite ;
	-moz-animation:mymove 4s linear 2s infinite ;
	-webkit-animation:mymove 4s linear 2s infinite ;
	-o-animation:mymove 4s linear 2s infinite ;

	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.page5 .bg2{
	bottom: 48px; left: 10px;
	animation:mymove2 3s linear 1s infinite ;
	-moz-animation:mymove2 3s linear 1s infinite ;
	-webkit-animation:mymove2 3s linear 1s infinite ;
	-o-animation:mymove2 3s linear 1s infinite ;

	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.page5 .bg3{
	bottom: 58px; left: 20px;
	animation:mymove3 2s linear 0s infinite ;
	-moz-animation:mymove3 2s linear 0s infinite ;
	-webkit-animation:mymove3 2s linear 0s infinite ;
	-o-animation:mymove3 2s linear 0s infinite ;

	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.page6{
	background: url(../imgs/img5.jpg) no-repeat center #474747; height: 1079px;
}
.page6 .btn{
	width: 150px; height: 150px; left: 50%; margin-left: -75px; top: 50%; margin-top: -75px; position: absolute; z-index: 9;
	-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);
	-webkit-transition: all 1s;
		-ms-transition: all 1s;
			transition: all 1s;
	-webkit-animation:mymove4 2s linear 1s infinite ;
		-ms-animation:mymove4 2s linear 1s infinite ;
			animation:mymove4 2s linear 1s infinite ;
}
.page6.step2 .btn,
.page6.step3 .btn{
	-webkit-animation:none;
		-ms-animation:none;
			animation:none;
	-webkit-transform: scale(0) !important;
		-ms-transform: scale(0) !important;
			transform: scale(0) !important;
	-webkit-opacity: 0 !important;
		-ms-opacity: 0 !important;
			opacity: 0 !important;
}
.page6 .mask{
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.2); z-index: 2;
	-webkit-transition: all 1s;
		-ms-transition: all 1s;
			transition: all 1s;
}
.page6.step2 .mask{
	background: rgba(0,0,0,0.5);
}
.page6.step3 .mask{
	background: rgba(0,0,0,0.7);
}

/*.page6.active .btn{
	-webkit-animation: fadeInUp 2s 0s both;
	animation: bounceIn 2s 0s both;
	-ms-animation: fadeInUp 2s 0s both;
} */

.xlsj {
	width:370px; height: 510px; position: absolute; left: -100%; top: 50%; margin-top: -255px; color: #72706f; background: url(../imgs/img69.png) no-repeat rgba(0,0,0,0.2); font-size: 16px; z-index: 9;
	-webkit-transition: all 1s;
		-ms-transition: all 1s;
			transition: all 1s;
}
.page6.step2 .xlsj{
	left: 0;
}
.xlsj .head{
	text-align: center; font-size: 18px; line-height: 60px; height: 60px; 
}
.xlsj .body .img{
	text-align: center;
}
.xlsj .body dl{
	width: 270px; margin: 0 auto; background: url(../imgs/img70.png) repeat-x center;
}
.xlsj .body dd{
	height: 60px; line-height: 60px; color: #adaeb0; position: relative;
}
.xlsj .body dd label{
	width: 140px; text-align: center; display: inline-block;
}
/*睡眠*/
.xlsj .sm .body {
	text-align: center; margin-top: 10px;
}
.xlsj .foot ul{
	height: auto; overflow: hidden; width: 270px; margin: 0 auto; margin-top: 10px;
}
.xlsj .foot li{
	width: 50%; float: left; display: inline; text-align: center; color: #d5d8db;
}
.xlsj .foot li .ico{
	display: inline;  
	
}
.xlsj .foot li .ico img{
	-webkit-animation:mymove4 2s linear 1s infinite ;
		-ms-animation:mymove4 2s linear 1s infinite ;
			animation:mymove4 2s linear 1s infinite ;
}
.xlsj .foot li h2{
	padding-top: 10px;
}

.smpj {
	width:370px; height: 510px; position: absolute; left: -100%; top: 50%; margin-top: -255px; color: #72706f; background: url(../imgs/img69.png) no-repeat; font-size: 16px; z-index: 9;
	-webkit-transition: all 1s;
		-ms-transition: all 1s;
			transition: all 1s;
}
.page6.step3 .smpj{
	left: 0;
}
.page6 .myStat{
	margin: 0 auto; margin-bottom: -50px; height: 205px;
}
.smpj .img{
	margin-top: 35px; text-align: center;
}
.smpj .bar{
	height: 2px; background: #b5e2a5; position: relative; margin-top: 10px;
}
.smpj .bar span{
	width: 0; background: #56b135; position: absolute; left: 0; top: 0; height: 2px; 
	-webkit-transition: all 1s;
		-ms-transition: all 1s;
			transition: all 1s;
}
.page6.step3 .smpj .bar span{
	width: 25%;
}
.smpj ul{
	width: 300px; margin: 0 auto; margin-top: 30px; padding-bottom: 30px; background: url(../imgs/img72.png) repeat-x bottom;
}
.smpj li{
	padding-top: 30px; color: #ededed; font-size: 14px; line-height: 26px;
}
.smpj li h2{
	font-size: 16px;
}
.smpj li strong{
	color: #4ff216; font-size: 15px;
}
.smpj li big{
	color: #4ff216; font-size: 18px;
}

.page7{
	height: 1080px; background: url(../imgs/img6.jpg) no-repeat center top #000; z-index: 9;
}
.page7 .wrap{
	height: 740px; top: 50%; margin-top: -330px; position: absolute;
}
.page7 h2{
	 text-align: center; margin-top: 60px; 
}
.page7 .imgs{
	width: 1200px; margin: 0 auto; text-align: center; margin-top: -30px;
}
.page7 .imgs ul{
	height: auto; overflow: hidden;
}
.page7 .imgs li{
	display: inline;
	transition: all 2s .4s;
	-webkit-transition: all 2s .4s;
	-ms-transition: all 2s .4s;
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-ms-opacity: 0.5;
	margin: 0 -7px;
	position: relative;
	 
}
.page7.active .imgs li{
	left: 0 !important;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
}
.page7 .imgs li.n1{
	left: 500px;
}
.page7 .imgs li.n2{
	left: 450px;
}
.page7 .imgs li.n3{
	left: 350px;
}
.page7 .imgs li.n4{
	left: 280px;
}
.page7 .imgs li.n5{
	left: 200px;
}
.page7 .imgs li.n6{
	left: 120px;
}
.page7 .imgs li.n7{
	left: -120px;
}
.page7 .imgs li.n8{
	left: -200px;
}
.page7 .imgs li.n9{
	left: -280px;
}
.page7 .imgs li.n10{
	left: -350px;
}
.page7 .imgs li.n11{
	left: -450px;
}
.page7 .imgs li.n12{
	left: -500px;
}

.page8{
	height: 1080px; background: #fff;
}
.page8 .view{
	left: 65px; width: 358px; position: absolute; height: 1086px; top: 50%; margin-top: -543px;
}
.page8 .view .img{
	width: 165px; height: 207px; position:absolute; top: 410px; left: 50%; margin-left: -73px; overflow: hidden;
}
.page8 .view .img em{
	position: absolute; background: url(../imgs/img82.png) no-repeat; width: 13px; height: 12px; bottom: 20px; left: 50%; margin-left: -6px;
	-webkit-animation: bounce-up 1.4s linear infinite;
		-ms-animation: bounce-up 1.4s linear infinite;
    		animation: bounce-up 1.4s linear infinite;
}
.page8 .view .img li{
	height: 167px; margin-bottom: 40px;
}
.page8 .text{
	position: absolute; right: 55px; top: 50%; margin-top: -100px; color: #666666; height: 200px ;
}
.page8 .text h2{
	font-size: 24px; padding-bottom: 30px;
}
.page8 .text h4{
	line-height: 34px; font-size: 18px;
}
.page9{
	background: #292929; height: 1080px;
}
.page9 .wrap{
	height: 400px; position: absolute; top: 50%; margin-top: -200px; left: 0; right: 0;
}
.page9 .text{
	color: #fff; width: 305px; text-align: justify; margin-top: 80px; margin-left: 100px;
}
.page9 .text h2{
	font-size: 24px; padding-bottom: 35px;
}
.page9 .text h4{
	font-size: 18px; line-height: 33px;
}
.page9 .img{
	position: absolute; right: 35px; top: 0; width: 100%; height: 400px;
	
}

.page9 .img1{position: absolute;top:0;right:127px;z-index: 10;}
.page9 .bg1{position: absolute;top:10px;right:0;z-index: 9;
	animation:mymove 4s linear 2s infinite ;
	-moz-animation:mymove 4s linear 2s infinite ;
	-webkit-animation:mymove 4s linear 2s infinite ;
	-o-animation:mymove 4s linear 2s infinite ;

	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
@keyframes mymove {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}

@-moz-keyframes mymove {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}

@-webkit-keyframes mymove {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}

.page9 .bg2{position: absolute;top:40px;right:57px;z-index: 8;
	animation:mymove2 3s linear 1s infinite ;
	-moz-animation:mymove2 3s linear 1s infinite ;
	-webkit-animation:mymove2 3s linear 1s infinite ;
	-o-animation:mymove2 3s linear 1s infinite ;

	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
@keyframes mymove2 {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}

@-moz-keyframes mymove2 {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}

@-webkit-keyframes mymove2 {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}
.page9 .bg3{position: absolute;top:70px;right:87px;z-index: 7;
	animation:mymove3 2s linear 0s infinite ;
	-moz-animation:mymove3 2s linear 0s infinite ;
	-webkit-animation:mymove3 2s linear 0s infinite ;
	-o-animation:mymove3 2s linear 0s infinite ;

	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
@keyframes mymove3 {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}

@-moz-keyframes mymove3 {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}

@-webkit-keyframes mymove3 {
	0% {-webkit-transform:scale(0.5);opacity:0;}
	80% {-webkit-transform:scale(1);opacity:1;}
	100%{opacity:0;}
}
@keyframes mymove4 {
          0% {-webkit-transform:scale(0.7);-moz-transform:scale(0.7);opacity:0.5;}
        15% {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);opacity:0.7;}
        25% {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);opacity:0.9;}
        50% {-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}
	75% {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);opacity:0.9;}
        85% {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);opacity:0.7;}
	100%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);opacity:0.5;}
}

@-moz-keyframes mymove4 {
         0% {-webkit-transform:scale(0.7);-moz-transform:scale(0.7);opacity:0.5;}
        15% {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);opacity:0.7;}
        25% {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);opacity:0.9;}
        50% {-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}
	75% {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);opacity:0.9;}
        85% {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);opacity:0.7;}
	100%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);opacity:0.5;}
}

@-webkit-keyframes mymove4 {
       0% {-webkit-transform:scale(0.7);-moz-transform:scale(0.7);opacity:0.5;}
        15% {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);opacity:0.7;}
        25% {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);opacity:0.9;}
        50% {-webkit-transform:scale(1);-moz-transform:scale(1);opacity:1;}
	75% {-webkit-transform:scale(0.9);-moz-transform:scale(0.9);opacity:0.9;}
        85% {-webkit-transform:scale(0.8);-moz-transform:scale(0.8);opacity:0.7;}
	100%{-webkit-transform:scale(0.7);-moz-transform:scale(0.7);opacity:0.5;}
}


.page10{
	height: 1080px;
}
.page10 .wrap{
	margin-top: 289px; height: 510px; position: absolute; top: 50%; margin-top: -255px; 
}
.page10 .head{
	text-align: center;
}
.page10 .body{
	margin: 0 auto; margin-top: 34px; text-align: center;
}
.page11{
	height: 1080px; background: url(../imgs/img7.jpg) no-repeat center #383838; position: relative;
}
.page11 .wrap{
	height: 743px; top: 50%; margin-top: -260px; left: 0; right: 0; position: absolute;
}
.page11 .text{
	text-align: center;
}
.page11 .view{
	margin-top: 20px; height: auto; overflow: hidden;
}
.page11 .view .img{
	float: left;display: inline; margin-left: 80px; width: 422px; position: relative; height: 816px;
}
.page11 .view .img li{
	position: absolute; 
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	top: -50px;
}
.page11 .view .img li.selected{
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
	top: 0;
}
.page11 .view .nav{
	margin-top: 150px; width: 550px; position: absolute; right: 20px;
}
.page11 .view .nav li{
	float: left;display: inline; margin-right: 68px; cursor: pointer;
}
.page11 .view .nav li .ico img{
	width: 78px; height: 78px; border: 10px solid #fff; border-radius: 60px;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
}
.page11 a.ljgm{ position:absolute; top:480px; right:400px; display:block; width:182px; height:100px; line-height:80px; text-align:center; font-size:18px; color:#fff; background:url(../imgs/ljgm.png) no-repeat;}

.page11 .view .nav li.selected .ico img{
	border-color: #c2d942  ;
}
.page11 .view .nav h2{
	font-size: 24px; color: #fff; text-align: center; padding-top: 10px;
}

.footer-top{ clear:both;}
.footer-left{ float:left; margin:40px 0 0 80px; font-size:14px;}
.footer-left ul{ height:14px; line-height:14px;}
.footer-left li{ float:left;}
.footer-left li a{ color:#555; padding:0 10px; border-right:2px solid #ddd;}
.footer-left .last{ border:none;}
.footer-left p{ margin:20px 0 0 10px;}
.footer-left p span{ color:#b6d315;}
.footer-right{ float:right; margin:15px 80px 0 0;}
.footer-btm{ height:18px; margin:15px 0; text-align:center; clear:both;}

.section.active .text,
.page10.active .wrapper{
	-webkit-animation: fadeInUp 2s 0s both;
	animation: fadeInUp 2s 0s both;
	-ms-animation: fadeInUp 2s 0s both;
}
.page2.active .img,
.page11.active .view .img{
	-webkit-animation: fadeInLeft 2s 0s both;
	animation: fadeInLeft 2s 0s both;
	-ms-animation: fadeInLeft 2s 0s both;
}
.page2.active .view,
.page11.active .view .nav{
	-webkit-animation: fadeInRight 2s 0s both;
	animation: fadeInRight 2s 0s both;
	-ms-animation: fadeInRight 2s 0s both;
}
.page2.active .view .text{
	-webkit-animation: fadeInUp 1s 1s both;
	animation: fadeInUp 1s 1s both;
	-ms-animation: fadeInUp 1s 1s both;
}



.gb-fadeup,
.gb-fadeup-fast{
	transition: all 2s;	
	-webkit-transition: all 2s;	
	-ms-transition: all 2s;	
	-webkit-transform:translate3d(0, 100px, 0);
		-ms-transform:translate3d(0, 100px, 0);
			transform:translate3d(0, 100px, 0);
	
	-webkit-opacity: 0;
		-ms-opacity: 0;
			opacity: 0;
}
.gb-fadeup-fast{
	transition: all 1.5s;	
	-webkit-transition: all 1.5s;	
	-ms-transition: all 1.5s;	
}
.active .gb-fadeup,
.active .gb-fadeup-fast{
	-webkit-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
			transform:translate3d(0, 0, 0);
			
	-webkit-opacity: 1;
		-ms-opacity: 1;
			opacity: 1;
}


.pager{
	background: url(../imgs/img8.html) repeat-y left #fff; height: auto; overflow: hidden; margin-top: 60px;
}
.pager .aside{
	width: 155px; float: left; display: inline; padding-top: 20px;
}
.pager .main{
	width: 1045px; float: left; display: inline;
}
.pager .aside .nav li{
	margin-bottom: 40px; margin-left: 15px; font-size: 18px; padding-left: 40px; position: relative;
}
.pager .aside .nav li i{
	position: absolute; left: 0; top: 0;
}

.aboutus{
	  width:100%; overflow:hidden; min-height:700px;
}
.aboutus .lxfs{ margin-top:120px;}
.aboutus dd{ padding-top:10px;}
.aboutus dd p{ line-height:2; color:#333;font-family: "宋体"; font-size:14px;}


.download{
	background: url(../imgs/img76.jpg) no-repeat center; height: 940px; overflow: hidden; color: #fff;
}
.download a{
	color: #333;
}
.download .wrapper{
	margin-top: 230px; height: auto; overflow: hidden;
}
.download .view{
	width: 520px; float: left; display: inline; text-align: center; margin-top: 20px;
}
.download .texts{
	width: 650px; float: right; display: inline; text-align: center;
}
.download .texts h2{
	font-size: 34px; line-height: 48px; color: #fff;
}
.download .texts ul{
	height: auto; overflow: hidden; width: 120%; margin-top: 50px;
}
.download .texts li{
	width: 250px; float: left; display: inline; margin-right: 110px;
}
.download .texts li .btn{
	width: 165px; height: 80px; background: #65c13b; line-height: 80px; color: #fff; font-size: 25px; padding-left: 80px; position: relative; overflow: hidden; margin-top: 50px;
}
.download .texts li .btn a{
	color: #fff;
}
.download .texts li .btn i{
	position: absolute; left: 0; top: 0;
}
.download .texts .foot{
	margin-top: 30px; text-align: left; color: #fff; font-size: 16px;
}
.download .tags dl{
	margin-top: 15px; text-align: left; width: 108%;
}
.download .tags dd{
	display: inline; margin-right: 5px; font-family: arial;
}
.download .tags dd a{
	display: inline-block; background: #95bde1; height: 22px; line-height: 22px; padding: 0 10px; border-radius:10px; margin-bottom: 10px;
}

@-webkit-keyframes bounce-up {

    25% {
        -webkit-transform: translateY(5px);
    }

    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-5px);
    }
}
@keyframes bounce-up {

    25% {
        transform: translateY(5px);
    }

    50%, 100% {
        transform: translateY(0);
    }

    75% {
        transform: translateY(-5px);
    }
}

.circle-text{ color: #fff;}



.yige-code{ padding:60px;}
.yige-code dt{ float:left; width:120px;}
.yige-code dt img{ display:block; width:120px; height:120px;}
.yige-code dt span{ text-align:center; display:block;}
.yige-code dd{ margin-left:140px;}
.yige-code dd p{ line-height:2;}
.yige-code dd h3{ font-size:14px; color:#333; font-weight:bold; margin-bottom:5px;}
.mianze{ padding:0 0 30px 60px;}
.mianze h2{ font-size:16px; font-weight:bold; margin-top:25px; font-family:"宋体"}
.mianze p{ color:#777; font-size:13px; margin-top:10px;font-family:"宋体"}