@charset "utf-8";
html,body{width: 100%; height: 100%;}
body,div,p ,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,th,td,button{margin:0;padding:0;}
body {color: #333;font-family: "Microsoft YaHei","微软雅黑","宋体","Lucida Grande",Arial,Verdana;font-size: 12px;}
img {border: 0 none;}em {font-style: normal;}
a {text-decoration: none;}a:hover {text-decoration: none;}
h1, h2, h3 {font-weight:400;}li {list-style: none;}
.clearfix:after{content:" ";visibility:hidden;display:block;clear:both;height:0;font-size:0}
.clearfix {clear: both;}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.fl{float:left}.fr{float:right}.ti{text-indent:-150%;overflow:hidden}
.hide{display:none}

@media screen and (min-width: 768px) {
.sec4Text .p_1{font-size:35px;color:#ffffff;font-family: '微软雅黑';border-bottom: 1px solid #ffffff;padding-bottom:22px;text-align: center;}
.sec4Text .p_2{font-size:18px;color:#ffffff;margin-top:13px;}
.sec4Text .p_3{font-size:18px;color:#ffffff;margin-top:13px;}
.shouji { display:none;}	
.logo{position: absolute; left: 0; top: 0; width: 100%; height: 80px; overflow: hidden; z-index: 9; background: rgba(255,255,255,0.9);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffe5,endcolorstr=#ffffffe5); opacity: 0.9;filter:alpha(opacity=90);}
.logo div{width: 1000px; padding-top: 10px; height: 70px; overflow: hidden; margin: 0 auto;}

.sec3Text ,.sec04_btn{text-indent: overflow: hidden;}

#container , .section{width:100%;height: 100%; position: relative;}
.abg {width:100%;height: 100%; position: relative; background: rgb(0,149,148);
    background: -moz-linear-gradient(-45deg, rgba(0,149,148,1) 0%, rgba(5,208,190,1) 28%, rgba(5,208,190,1) 44%, rgba(0,127,161,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,149,148,1)), color-stop(28%,rgba(5,208,190,1)), color-stop(44%,rgba(5,208,190,1)), color-stop(84%,rgba(0,127,161,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: linear-gradient(135deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.bbg {width:100%;height: 100%; position: relative;
filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(18,118,185);
    background: -moz-linear-gradient(-45deg, rgba(18,118,185,1) 0%, rgba(48,185,214,1) 45%, rgba(65,108,185,1) 87%, rgba(65,108,185,1) 98%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(18,118,185,1)), color-stop(45%,rgba(48,185,214,1)), color-stop(87%,rgba(65,108,185,1)), color-stop(98%,rgba(65,108,185,1)));
    background: -webkit-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -o-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -ms-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: linear-gradient(135deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1276b9', endColorstr='#416cb9',GradientType=1 );
	}
.cbg {width:100%;height: 100%; position: relative;
 filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(73,96,175);
    background: -moz-linear-gradient(-45deg, rgba(73,96,175,1) 0%, rgba(155,130,181,1) 38%, rgba(91,142,202,1) 72%, rgba(64,87,164,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(73,96,175,1)), color-stop(38%,rgba(155,130,181,1)), color-stop(72%,rgba(91,142,202,1)), color-stop(100%,rgba(64,87,164,1)));
    background: -webkit-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: linear-gradient(135deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4960af', endColorstr='#4057a4',GradientType=1 );

}
.dbg {width:100%;height: 100%; position: relative;
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(0,76,149);
    background: -moz-linear-gradient(top, rgba(0,76,149,1) 14%, rgba(58,161,194,1) 54%, rgba(112,213,202,1) 81%, rgba(148,217,171,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(0,76,149,1)), color-stop(54%,rgba(58,161,194,1)), color-stop(81%,rgba(112,213,202,1)), color-stop(100%,rgba(148,217,171,1)));
    background: -webkit-linear-gradient(top, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    background: -o-linear-gradient(top, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    background: linear-gradient(to bottom, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c95', endColorstr='#94d9ab',GradientType=0 );
	}
.w1000{width: 1100px; height: 100%; margin:0 auto; position: relative;}
.section1{ background: rgb(0,149,148);
    background: -moz-linear-gradient(-45deg, rgba(0,149,148,1) 0%, rgba(5,208,190,1) 28%, rgba(5,208,190,1) 44%, rgba(0,127,161,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,149,148,1)), color-stop(28%,rgba(5,208,190,1)), color-stop(44%,rgba(5,208,190,1)), color-stop(84%,rgba(0,127,161,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: linear-gradient(135deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.ybg {width:100%;height: 100%; position: relative;
	background: rgb(0,70,149,1);
    background: -moz-linear-gradient(-45deg, rgba(26,125,218,1) 0%, rgba(204,255,102,1) 28%, rgba(109,210,202,1) 44%, rgba(26,125,218,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(26,125,218,1)), color-stop(28%,rgba(109,210,202,1)), color-stop(44%,rgba(94,170,242,1)), color-stop(84%,rgba(26,125,218,1)));
    background: -webkit-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    background: linear-gradient(135deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.bgTop ,.bgBot ,.sec1Img ,.sec01 ,.sec01s ,.sec02 ,.sec2Img ,.sec03 ,.sec04 ,.sec2Text ,.sec4Img ,.sec4Text{position: absolute;}
.bgTop {width:499px; height: 496px; background: url(../pic/secBg01.jpg) no-repeat left top; left: 0; top: 0; }
.bgBot {width:371px; height: 372px; background: url(../pic/secBg02.jpg) no-repeat right bottom; right: 0; bottom: 0; }

.sec01s{max-width:854px; width:62%; top:14%; left:-3%; z-index: 3}
.sec01{max-width:854px; width:62%; top:25%; left:-6%; z-index: 2}
.sec02{max-width:827px; width:62%; top:32%; left:-6%; }

.sec1Con{width: 450px; position: absolute; right: 0; top:40%; right:0}
.sec1Text{width:100%; margin-bottom: 70px; }

.sec1Down{width: 100%;overflow: hidden;}
.sec1Down a {display:block; width: 256px; height: 78px; background:url(../pic/downs.png) no-repeat 0 0; position: relative; font-size: 30px;color: #fff; font-weight: 400; text-indent:25px; line-height: 78px; margin: 0 auto;}
.sec1Down a:hover{}
.sec1Down a span{font-size: 16px; position: absolute; right:16px; top: 12px;}
#tip_submit{
	width:640px;
	height:50px;
	position: absolute;
	top:355px;
	left:193px;
}
#tip_submit span{
	font-size:14px;
	height:50px;
	width:140px;
	display: inline-block;
	color:#ffffff;
	float:left;
	line-height:55px;
	
}
#tip_submit i{
	display: inline-block;
	width:464px;
	height:42px;
	background:url('../pic/0001(1).png') no-repeat;
}
/*.section2 ,.section3 ,.section4 ,.section5{background-image:url(../pic/bg2.png); background-repeat: no-repeat;  background-size: 100%;}*/
.section2{ background: rgb(26,125,218);
    background: -moz-linear-gradient(-45deg, rgba(26,125,218,1) 0%, rgba(94,170,242,1) 28%, rgba(94,170,242,1) 44%, rgba(26,125,218,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(26,125,218,1)), color-stop(28%,rgba(94,170,242,1)), color-stop(44%,rgba(94,170,242,1)), color-stop(84%,rgba(26,125,218,1)));
    background: -webkit-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    background: linear-gradient(135deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
.sec03{width:690px; height:420px;top:50%; margin-top: -210px;color:#ffffff; }
.sec03 h1{color:#ffffff;font-size:25px;margin-bottom: 10px;}
.sec2Text{max-width: 360px; width:360px; right:0; top: 45%; margin-top: -5%;}
.sec2Text .p_1{color:#ffffff;font-size:35px;font-family:'微软雅黑';border-bottom: 1px solid #ffffff; padding-bottom:22px;text-align: center;}
.sec2Text .p_2{color:#ffffff;font-size:18px;margin-top:13px;}
.sec2Text .p_3{color:#ffffff;font-size:18px;margin-top:10px;}
.sec04{width:600px; height:700px; left:15px; top:50%; margin-top: -275px; overflow: hidden;/* background: url(../pic/sec04.png) no-repeat;*/}
.sec04_btn{width:200px; height: 43px; position: absolute; left:200px; bottom: 240px; font-size:30px;  color:#fff; }

.active .list_icon{position: absolute; /*left:48px; top: 38px;*/}
.active .list_icon li {display: block;width: 56px; height: 54px;}
.active .list_icon li{ opacity: 0; margin-bottom:5px;}
.active .list_icon li.zhizhen{    position: absolute; width:460px; height:52px; background:url(../pic/zhizhen.png) no-repeat;opacity: 1;margin-top:328px; margin-left:59px;
	animation-name: zhizhen;
    animation-duration: 3s;/**/
    animation-timing-function: linear;/**/
    /* Firefox: ; */
    -moz-animation-name: zhizhen;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: zhizhen;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    /* Opera: ; */
    -o-animation-name: zhizhen;
    -o-animation-duration: 3s;
    -o-animation-timing-function: linear;

	}
/*
.active .list_icon li.icon02{background:url(../pic/d2.png) no-repeat;-webkit-animation: zoomIn 1s ease .8s forwards; animation: zoomIn 1s ease .8s forwards;-webkit-animation: shine 1.2s ease 1s infinite backwards; animation: shine 1.2s ease 1s infinite backwards;}
.active .list_icon li.icon03{background:url(../pic/d3.png) no-repeat;-webkit-animation: zoomIn 1s ease 1.2s forwards; animation: zoomIn 1s ease 1.2s forwards;-webkit-animation: shine 1.2s ease 1s infinite backwards; animation: shine 1.2s ease 1s infinite backwards;}
.active .list_icon li.icon04{-webkit-animation: zoomIn 1s ease 1.6s forwards; animation: zoomIn 1s ease 1.6s forwards;}
.active .list_icon li.icon05{-webkit-animation: zoomIn 1s ease 2s forwards; animation: zoomIn 1s ease 2s forwards;}
*/

.section3{
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(73,96,175);
    background: -moz-linear-gradient(-45deg, rgba(73,96,175,1) 0%, rgba(155,130,181,1) 38%, rgba(91,142,202,1) 72%, rgba(64,87,164,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(73,96,175,1)), color-stop(38%,rgba(155,130,181,1)), color-stop(72%,rgba(91,142,202,1)), color-stop(100%,rgba(64,87,164,1)));
    background: -webkit-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: linear-gradient(135deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4960af', endColorstr='#4057a4',GradientType=1 );
	}
.sec3Text{width: 330px; height: 120px; margin:0 auto 80px; padding-top:100px;}
.sec3Img{width: 845px; height:521px; background: url(../pic/sec05.png) no-repeat center top; margin: 0 auto; position: relative; }
.sec3Img span{display: block; background: url(../pic/icon.png) no-repeat; overflow: hidden; position: absolute;}
.sec3Img span.icon01{width: 138px; height: 138px; background-position: 0 0; left:63px; top:225px;}
.sec3Img span.icon02{width: 63px; height: 63px; background-position: 0 -150px; left:376px; top:195px;}
.sec3Img span.icon03{width: 53px; height: 40px; background-position: -199px -153px; right:40px; top: 185px;}
.sec3Img span.icon04{width: 53px; height: 40px; background-position: -71px -153px; left:20px; top:185px;}
.sec3Img span.icon05{width: 53px; height: 40px; background-position: -135px -153px; left:230px; bottom: 100px;}
.sec3Img span.icon06{width: 53px; height: 40px; background-position: -259px -153px; left:515px; bottom: 115px;}
.sec3Img span.icon07{width: 53px; height: 40px; background-position: -318px -153px; left:600px; bottom: 115px;}
.sec3Img span.icon08{width: 150px; height: 150px; background-position: -152px 0; right:39px; bottom:82px;}

.active .sec3Img span.icon01{-webkit-animation: left_In .8s ease .2s backwards; animation: left_In .8s ease .2s backwards;}
.active .sec3Img span.icon02{-webkit-animation: top_In .8s ease .4s backwards; animation: top_In .8s ease .4s backwards;}
.active .sec3Img span.icon03{-webkit-animation: right_In .8s ease .6s backwards; animation: right_In .8s ease .6s backwards;}
.active .sec3Img span.icon04{-webkit-animation: bottom_In .8s ease .8s backwards; animation: bottom_In .8s ease .8s backwards;}
.active .sec3Img span.icon05{-webkit-animation: bottom_In .8s ease 1s backwards; animation: bottom_In .8s ease 1s backwards;}
.active .sec3Img span.icon06{-webkit-animation: bottom_In .8s ease 1.2s backwards; animation: bottom_In .8s ease 1.2s backwards;}
.active .sec3Img span.icon07{-webkit-animation: bottom_In .8s ease 1.5s backwards; animation: bottom_In .8s ease 1.5s backwards;}
.active .sec3Img span.icon08{-webkit-animation: bottom_In .8s ease 1.8s backwards; animation: bottom_In .8s ease 1.8s backwards;}

.section4{background: rgb(0,149,148);
    background: -moz-linear-gradient(-45deg, rgba(0,149,148,1) 0%, rgba(5,208,190,1) 28%, rgba(5,208,190,1) 44%, rgba(0,127,161,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,149,148,1)), color-stop(28%,rgba(5,208,190,1)), color-stop(44%,rgba(5,208,190,1)), color-stop(84%,rgba(0,127,161,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: linear-gradient(135deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


.sec4Img1{width: 690px; height: 338px; position:absolute; left: 0; top:50%; margin-top: -169px; }
.sec4_c{position: absolute; width: 690px; height: 338px; overflow: hidden; }
.sec4_c img{display: block; vertical-align: top;}
.sec4_icon{width: 52px; height: 52px; background:url(../pic/sec06_icon.png) no-repeat; position: absolute; left: 251px; top: 263px; z-index: 9}

.active .sec4_c{-webkit-animation: diyine 1.4s linear ; animation: diyine 1.4s linear ; -webkit-transform-origin:center;transform-origin:center;}

.sec4Img2{width: 28px; height: 181px; position:absolute; left:50%;top:60%;/* background-color: #ca5a3e;*/ color:#fff; line-height:28px; font-size:14px; text-indent: 1em; }
.sec4_t{width: 49px; height: 100%; position: absolute;left: 0; top: 0; z-index: 9;}
.sec4_b{width: 200px; height: 28px; background: #ff4f23; position: absolute; bottom: 0; left: 0; z-index: 1;}
.sec4_b2{width: 170px; height: 28px; background: #BF0074; position: absolute; bottom: 40px; left: 0; z-index: 1;}
.sec4_b3{width: 140px; height: 28px; background: #8C00C4; position: absolute; bottom: 80px; left: 0;  z-index: 1;}
.sec4_b4{width: 100px; height: 28px; background: #0099FF; position: absolute; bottom: 120px; left: 0; z-index: 1;}

.active .sec4_b{-webkit-animation: rally 1.5s ease-in-out .5s forwards; animation: rally 1.5s ease-in-out .5s forwards;}
.active .sec4_b2{-webkit-animation: rally2 1.5s ease-in-out .5s forwards; animation: rally2 1.5s ease-in-out .5s forwards;}
.active .sec4_b3{-webkit-animation: rally3 1.5s ease-in-out .5s forwards; animation: rally3 1.5s ease-in-out .5s forwards;}
.active .sec4_b4{-webkit-animation: rally4 1.5s ease-in-out .5s forwards; animation: rally4 1.5s ease-in-out .5s forwards;}

.sec4Text{max-width:360px; width:360px; right: 0%; top: 45%; margin-top: -5%;}

.section5{
	   filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(18,118,185);
    background: -moz-linear-gradient(-45deg, rgba(18,118,185,1) 0%, rgba(48,185,214,1) 45%, rgba(65,108,185,1) 87%, rgba(65,108,185,1) 98%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(18,118,185,1)), color-stop(45%,rgba(48,185,214,1)), color-stop(87%,rgba(65,108,185,1)), color-stop(98%,rgba(65,108,185,1)));
    background: -webkit-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -o-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -ms-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: linear-gradient(135deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1276b9', endColorstr='#416cb9',GradientType=1 );
	}
.sec5Text{max-width:360px;width:360px;position:absolute;right:0;top:45%;margin-top:-5%;}
.sec5Img{width:690px; height: 525px; position: absolute;
    left: 0;
    top: 45%;
    margin-top: -380px; }
.sec5Img ul{}
.sec5Img ul li{display: block; position: absolute; }
.sec5Img ul li.icon03{width:480px; height:263px; top: 190px; }
.sec5Img ul li.icon03 img{width:100%; }
.sec5Img ul li.icon04{width:480px; height:263px; left:100px; top:300px;}
.sec5Img ul li.icon05{width:480px; height:263px; left:190px; top:400px;}


.active .sec5Img ul li.icon01{-webkit-animation: rollIn_r 1s ease backwards; animation: rollIn_r 1s ease backwards;}
.active .sec5Img ul li.icon02{-webkit-animation: shine 1.2s ease 1s infinite backwards; animation: shine 1.2s ease 1s infinite backwards;}
.active .sec5Img ul li.icon03{-webkit-animation: duokai1 2.1s; animation: duokai1 2.1s;
	animation-name: duokai1;
    animation-duration: 2.1s;/**/
    animation-timing-function: linear;/**/
	-moz-animation-name: duokai1;
    -moz-animation-duration: 2.1s;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: duokai1;
    -webkit-animation-duration: 2.1s;
    -webkit-animation-timing-function: linear;
    /* Opera: ; */
    -o-animation-name: duokai1;
    -o-animation-duration: 2.1s;
    -o-animation-timing-function: linear;}
.active .sec5Img ul li.icon04{-webkit-animation: diyine2 0.7s ease 2s backwards; animation: diyine2 0.7s ease 2s backwards;}
.active .sec5Img ul li.icon05{-webkit-animation: diyine2 0.7s ease 2.7s backwards; animation: diyine2 0.7s ease 2.7s backwards;}

.sec6Img1{width:1051px;height:505px;position:absolute;top:18%;left:-12%;}
.sec6Img1 img{width:90%;}
.sec6Text{width:400px;max-width:400px;position:absolute;right:-10%;top:30%;}
.sec6Text .p_1{color:#ffffff;font-size:33px;border-bottom:1px solid #ffffff;padding-bottom: 22px;}
.sec6Text .p_2{color:#ffffff;font-size:18px;padding-top:13px;}
.sec6Text .p_3{color:#ffffff;font-size:18px;padding-top: 10px;}
#fp-nav { position: fixed; z-index: 100;  margin-top: -32px;  top: 50%; opacity: 1;  -webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 17px; opacity:0.7;}
.fp-slidesNav{position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fp-slidesNav.bottom {bottom: 17px;}
.fp-slidesNav.top {top: 17px;}
#fp-nav ul{margin: 0;padding: 0;}
#fp-nav ul li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
#fp-nav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%; }
#fp-nav ul li a span{border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px;}

.mousetip{position: fixed; display: none; background: url(../pic/mousetip.png) no-repeat; width: 51px; height: 41px; bottom: 10px; left: 50%; margin-left: -51px; z-index: 100; opacity:0.7}
.mousetip{animation-name: firstPart;
    animation-duration: 0.8s;/**/
    animation-timing-function: linear;/**/
    animation-delay: 0.3s;/**/
    animation-iteration-count: infinite;/**/
    animation-direction: alternate;/**/
    animation-play-state: running;/**/
    -moz-animation-name: firstPart;
    -moz-animation-duration: 0.8s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -webkit-animation-name: firstPart;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -o-animation-name: firstPart;
    -o-animation-duration: 0.8s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;}

.btn_down{float: left; margin-top:7px; display: none;}
/*
.btn_down a{display: block; background: url(../pic/button.png) no-repeat; width: 150px; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 18px; background-position: -2px -7px;}
.btn_down a:hover { background:url(../pic/bt2.png) no-repeat;}

.btn_down a:active{background-position: -2px -143px;}
*/



/*aminition*/
.active .leftIn{
	-webkit-animation: left_In 2s ease 1s backwards;
	animation: left_In 2s ease 1s backwards;
}

.active .rightIn{
	-webkit-animation: right_In 4s ease 1.5s backwards;
	animation: right_In 4s ease 1.5s backwards;
}

.active .rightIns{
	-webkit-animation: right_Ins 6s ease 2s backwards;
	animation: right_Ins 6s ease 2s backwards;
}

.active .topIn{
	-webkit-animation: top_In 1s ease .5s backwards;
	animation: top_In 1s ease .5s backwards;
}
.active .bottomIn{
	-webkit-animation: bottom_In 1s ease 2s backwards;
	animation: bottom_In 1s ease 2s backwards;
}
.active .bottomIn2{
	-webkit-animation: bottom_In 0.7s ease 0.5s backwards;
	animation: bottom_In 0.7s ease 0.5s backwards;
}
.active .bottomIn3{
	-webkit-animation: bottom_In 1s ease 3.5s backwards;
	animation: bottom_In 1s ease 3.5s backwards;
}
.active .bottomIn6{
	-webkit-animation: bottom_In 1s ease 0.5s backwards;
	animation: bottom_In 1s ease 1s backwards;
}

.active .fadeExpand{
	-webkit-animation: pulse 1s ease 1s forwards;
	animation: pulse 1s ease 1s forwards;
	opacity: 0;
	transform-origin:left;
}


.active .diyin{
	-webkit-animation: diyine 2s;
	animation: diyine 2s;
}
#memu_logo{
	width:300px;
	height:43px;
	position:fixed;
	z-index: 999;
	left:10px;
	top:30px;
	line-height: 43px;
	font-size:13px;
}
#memu_logo ul li{
	float: left;
}
#memu_logo ul li:nth-child(2){
	margin-left:30px;
}

.btn_down { position:fixed; z-index:9999;top:20px; left:25px;}
.caidan { position:fixed; z-index:9999; right:10px; top:30px;    line-height: 43px;
    font-size: 18px;}
.caidan li { float:left; padding-right:40px;}
.caidan li img { vertical-align:middle;}
.caidan li.r15 { padding-right:15px;}
.caidan a { color:#fff;}
.caidan a:hover { text-decoration: underline;}
.toInstall {
    float: left;
    margin-left: 30px;
    /*width: 122px;
    height: 39px;*/
    color:#398BD7;
    background:#ffffff;
    font-size:17px;
    padding: 8px 17px;
    border-radius: 3px;
    /*background: url(../pic/btn_setup.png) no-repeat;*/
}
.toInstall:hover { opacity:0.7}
.btn_down img {
    float: left;
    margin-top: 5px;
    width: 138px;
    height: 30px;
}

.detail {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -500px;
    margin-top: -300px;
    width: 1000px;
    height: 600px;
    perspective: 1002px;
    -webkit-perspective: 1002px;
    -o-perspective: 1002px;
    -moz-perspective: 1002px;
}
.detail img { display:block; margin:0 auto}
.toDownload {
    position: absolute;
    top: 240px;
    left: 398px;
    width: 202px;
    height: 62px;
    cursor: pointer;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    z-index: 666;
}
.sdown {
    position: absolute;
    padding:2px 32px;
    cursor: pointer;
    z-index: 666;
    color:#ffffff;
    font-size:26px;
    background-color:#6DBDFF;
    border:1px solid #ffffff;
}

.sdown:hover { opacity:0.7;}
.sdown span{
	display: inline-block;
	width:100%;
	text-align: center;
}
.sdown p{
	font-size:12px;
	height:20px;
	line-height:20px;
	color:#ffffff;
	text-align: center;
}
.eiditionInfo {
    position: absolute;
    left: 50%;
    margin-left: -120px;
    width: 228px;
    top:310px;
    height: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.eiditionInfo p {
	text-align: center;
    height: 20px;
    line-height: 20px;
    color: #fff;
}
.eiditionInfo p a{
	color:#ffffff;
}
.eidition {
    position: absolute;
    left: 285px;
    top: 35px;
    width: 419px;
    height: 160px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.active .diyiceng { width:610px; height:276px; background:url(../pic/diyiceng.png) no-repeat; margin:0 auto; position:absolute; top:385px; left:50%; margin-left:-305px;
	animation-name: diyine;
    animation-duration: 1.5s;/**/
    animation-timing-function: linear;/**/
    animation-play-state: running;/**/
    /* Firefox: ; */
    -moz-animation-name: diyine;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-play-state: running;
    -webkit-animation-name: diyine;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-play-state: running;
    /* Opera: ; */
    -o-animation-name: diyine;
    -o-animation-duration: 1.5s;
    -o-animation-timing-function: linear;
    -o-animation-play-state: running;}
	
.active .diyiceng2 { width:1000px; height:276px; margin:0 auto; position:absolute; top:420px; z-index:20;
	animation-name: diyine2;
    animation-duration: 0.7s;/**/
    animation-timing-function: linear;/**/
    /* Firefox: ; */
    -moz-animation-name: diyine2;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: diyine2;
    -webkit-animation-duration: 0.71s;
    -webkit-animation-timing-function: linear;
    /* Opera: ; */
    -o-animation-name: diyine2;
    -o-animation-duration: 0.7s;
    -o-animation-timing-function: linear;

}


.ends { position:fixed; bottom:20px; display:none; width:600px; left:50%; margin-left:-300px; text-align:center;}
.ends a { color:#fff;}
.ends a:hover { text-decoration: underline;}
.ends .shang { font-size:16px;}

/* reveal-modal */
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:25%;left:50%;margin-left:-300px;width:520px;background:#fff;position:absolute;z-index:101;padding:30px 40px 34px;/*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);*/}
.reveal-modal a:hover { text-decoration: underline;}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#000;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:18px;color:#333;padding:0 0 20px 0;}
.reveal-modal p{padding:0 0 15px 0;}
.ends p.banquan { padding-top:10px; color:#fff; font-size:12px;}
.reveal-modal a{ color:#333; line-height:24px; padding-right:20px;}
.sec03 li { margin-bottom:10px; color:#fff; padding-left:20px; line-height:36px;font-size: 16px;}
.zhu1 { background:#994d9d; height:36px; width:670px;}
.active .zhu1 {
    -webkit-animation: rally 1.1s ease-in-out .5s forwards;
    animation: rally 1.1s ease-in-out .5s forwards;
}
.zhu2 { background:#009b69; height:36px; width:500px;}
.active .zhu2 {
    -webkit-animation: rally2 1.1s ease-in-out .5s forwards;
    animation: rally2 1.1s ease-in-out .5s forwards;
}
.zhu3 { background:#009b69; height:36px; width:500px;}
.active .zhu3 {
    -webkit-animation: rally2 1.1s ease-in-out .5s forwards;
    animation: rally2 1.1s ease-in-out .5s forwards;
}
.zhu4 { background:#009b69; height:36px; width:494px;}
.active .zhu4 {
    -webkit-animation: rally3 1.1s ease-in-out .5s forwards;
    animation: rally3 1.1s ease-in-out .5s forwards;
}
.zhu5 { background:#0093a3; height:36px; width:484px;}
.active .zhu5 {
    -webkit-animation: rally4 1.1s ease-in-out .5s forwards;
    animation: rally4 1.1s ease-in-out .5s forwards;
}
.zhu6 { background:#0093a3; height:36px; width:478px;}
.active .zhu6 {
    -webkit-animation: rally5 1.1s ease-in-out .5s forwards;
    animation: rally5 1.1s ease-in-out .5s forwards;
}
.zhu7 { background:#0093a3; height:36px; width:478px;}
.active .zhu7 {
    -webkit-animation: rally5 1.1s ease-in-out .5s forwards;
    animation: rally5 1.1s ease-in-out .5s forwards;
}
.zhu8 { background:#0070be; height:36px; width:390px;}
.active .zhu8 {
    -webkit-animation: rally6 1.1s ease-in-out .5s forwards;
    animation: rally6 1.1s ease-in-out .5s forwards;
}
.zhu9 { background:#none; height:36px; width:453px; color:#d9d9d9}
/*.active .zhu9 {
    -webkit-animation: rally6 1.1s ease-in-out .5s forwards;
    animation: rally6 1.1s ease-in-out .5s forwards;
}*/	
#copyright ul li #copyright_choose{width:192px;height:33px;position:absolute;left:40px;top:-33px;background-color: rgba(0,0,0,0.5);display: none;}

#copyright ul li #copyright_ul{width:192px;height:33px;}	
#copyright ul li #copyright_ul #li_1{width:96px;height:33px;}
#copyright ul li #copyright_ul #li_2{width:96px;height:33px;}
#footer{width:100%;height:35px;position:fixed;bottom:0;background-color: rgba(0,0,0,0.5);font-size:13px;}
#footer #footer_swap{height:35px;width:calc(100% - 80px);min-width:1000px;margin:0 auto;}
#footer #footer_swap #copyright{width:540px;float:left;height:34px;}
#footer #footer_swap #copyright #About_us{width:120px;}
#footer #footer_swap #copyright>ul{width:540px;height:34px;}
#footer #footer_swap #copyright>ul li{/*width:180px;*/height:34px;line-height: 34px;float: left;text-align: center;color:#ffffff;}
#footer #footer_swap #copyright #Copyright_1{width:190px;}
#footer #footer_swap #copyright>ul li a{color:#ffffff;}
#footer #footer_swap #lang-switch{line-height:34px;width:68px;float:right;color:#ffffff;text-align: center;cursor: pointer;}
#footer #footer_swap #lang-switch #current_lang{/*text-align:center;*/margin-left:10px;}
#footer #footer_swap #footer_menu{width:532px;height:34px;line-height: 34px;float: right;margin-right:10px;}
#footer #footer_swap #footer_menu ul{width:464px;}
#footer #footer_swap #footer_menu ul li{
	float: left;
	width:116px;
	color:#ffffff;
	text-align: center;
}
#footer #footer_swap #footer_menu ul li span{
	display: inline-block;
	height:20px;
	line-height: 20px;
	margin-left:2px;
}
#footer #footer_swap #footer_menu ul li .icon{
	display: inline-block;
	width:20px;
	height:20px;
	vertical-align:-15%;
}
#footer #footer_swap #footer_menu ul li .icon_blog{
	background:url(../pic/blog.png) no-repeat center center;
	background-size:90%;
}
#footer #footer_swap #footer_menu ul li .icon_forum{
	background:url(../pic/forum.png) no-repeat center center;
	background-size:90%;
}
#footer #footer_swap #footer_menu ul li .icon_group{
	background:url(../pic/group.png) no-repeat center center;
	background-size:90%;
}
#footer #footer_swap #footer_menu ul li .icon_email{
	background:url(../pic/email.png) no-repeat center center;
	background-size:90% ;
}
#footer_menu ul li #Contacts_Email{width:300px;height:60px;position: absolute;right:50px;top:-60px;background-color: rgba(0,0,0,0.5);display: none;}
#footer_menu ul li #Contacts_Email #Contacts_Email_ul{width:300px;height:60px;}
#footer_menu ul li #Contacts_Email #Contacts_Email_ul .list_user{width:300px;height:30px;line-height:30px;}
#footer_menu ul li #Contacts_Email #Contacts_Email_ul .list_enter{width:300px;height:30px;line-height:30px;}
#footer #footer_swap #footer_menu ul li a{color:#ffffff;cursor: pointer;}
 #footer #footer_swap #lang-switch #demo .box a{color:#ffffff;cursor: pointer;}
 #footer #footer_swap #lang-switch #demo .box a:hover{color:#0099FF};	
}



@-webkit-keyframes right_Ins{
	0%{-webkit-transform:translateX(120px);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-moz-keyframes right_Ins{
	0%{-moz-transform:translateX(120px);opacity:0}
	100%{-moz-transform:translateX(0px);opacity:1}
}
@-o-keyframes right_Ins{
	0%{-o-transform:translateX(120px);opacity:0}
	100%{-o-transform:translateX(0px);opacity:1}
}
@keyframes right_Ins{
	0%{transform:translateX(120px);opacity:0}
	100%{transform:translateX(0px);opacity:1}
}


@-webkit-keyframes right_In{
	0%{-webkit-transform:translateX(120px);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-moz-keyframes right_In{
	0%{-moz-transform:translateX(120px);opacity:0}
	100%{-moz-transform:translateX(0px);opacity:1}
}
@-o-keyframes right_In{
	0%{-o-transform:translateX(120px);opacity:0}
	100%{-o-transform:translateX(0px);opacity:1}
}
@keyframes right_In{
	0%{transform:translateX(120px);opacity:0}
	100%{transform:translateX(0px);opacity:1}
}

@-webkit-keyframes right_In2{
	0%{-webkit-transform:translateX(120px);opacity:0}
	50%{-webkit-transform:translateX(120px);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-moz-keyframes right_In2{
	0%{-moz-transform:translateX(120px);opacity:0}
	50%{-moz-transform:translateX(120px);opacity:0}
	100%{-moz-transform:translateX(0px);opacity:1}
}
@-o-keyframes right_In2{
	0%{-o-transform:translateX(120px);opacity:0}
	50%{-o-transform:translateX(120px);opacity:0}
	100%{-o-transform:translateX(0px);opacity:1}
}
@keyframes right_In2{
	0%{transform:translateX(120px);opacity:0}
	50%{transform:translateX(120px);opacity:0}
	100%{transform:translateX(0px);opacity:1}
}


@-webkit-keyframes left_In{
	0%{-webkit-transform:translateX(-120px);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-moz-keyframes left_In{
	0%{-moz-transform:translateX(-120px);opacity:0}
	100%{-moz-transform:translateX(0px);opacity:1}
}
@-o-keyframes left_In{
	0%{-o-transform:translateX(-120px);opacity:0}
	100%{-o-transform:translateX(0px);opacity:1}
}
@keyframes left_In{
	0%{transform:translateX(-120px);opacity:0}
	100%{transform:translateX(0px);opacity:1}
}

@-webkit-keyframes top_In{
	0%{-webkit-transform:translateY(-120px);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-moz-keyframes top_In{
	0%{-moz-transform:translateY(-120px);opacity:0}
	100%{-moz-transform:translateX(0px);opacity:1}
}
@-o-keyframes top_In{
	0%{-o-transform:translateY(-120px);opacity:0}
	100%{-o-transform:translateX(0px);opacity:1}
}
@keyframes top_In{
	0%{transform:translateY(-120px);opacity:0}
	100%{transform:translateX(0px);opacity:1}
}

@-webkit-keyframes bottom_In{
	0%{-webkit-transform:translateY(120px);opacity:0}
	100%{-webkit-transform:translateX(0px);opacity:1}
}
@-moz-keyframes bottom_In{
	0%{-moz-transform:translateY(120px);opacity:0}
	100%{-moz-transform:translateX(0px);opacity:1}
}
@-o-keyframes bottom_In{
	0%{-o-transform:translateY(120px);opacity:0}
	100%{-o-transform:translateX(0px);opacity:1}
}
@keyframes bottom_In{
	0%{transform:translateY(120px);opacity:0}
	100%{transform:translateX(0px);opacity:1}
}



/*
@media screen and (max-width:960px){
	img{max-width: 100%;}
 	.w1000{width: 100%;}
	.btn_down{top: 3%; right: 3%;}

 	.sec01 {top: 5%;}.sec02{top: 15%;}
	.sec01 , .sec02{width: 90%; left: 4%;}
  	.sec1Con{width: 100%; top: 50%;}.sec1Text{width: 74%; margin:0 auto 5%;}
  	.bgTop ,.bgBot{background-size: 40%;}

  	.sec03{width: 90%;left: 5%; margin-top: 0; top: 10%}
  	.sec04{display: none;}
  	.sec2Text{width: 80%; left: 50%; margin-left: -40%; top: 54%;}

  	.sec3Text , .sec5Text{width: 80%; margin:0 auto 8%; background-size: 100%;padding-top: 10%;}
  	.sec3Img , .sec5Img{width: 90%; background-size: 100%}
  	.sec3Img span{display: none;}


  	.sec4Img1{width: 96%;background-size: 100%; margin-top: 0; top:3%;}
  	.sec4_c{width: 80%; left: 50%; margin-left: -40%; top:6%;}
  	.sec4_icon{display: none;}
  	.sec4Img2{left: 80%; top:50%;}
  	.sec4Text{width: 80%; top: 65%; z-index: 99}
	
	.sec5Img ul li{display: none;}
}

*/
@keyframes firstPart
{
	0%   {bottom: 65px;}
	100% {bottom: 45px;}
}

@-moz-keyframes firstPart /* Firefox */
{
	0%   {bottom: 65px;}
	100% {bottom: 45px;}
}

@-webkit-keyframes firstPart /* Safari and Chrome */
{
	0%   {bottom: 65px;}
	100% {bottom: 45px;}
}

@-o-keyframes firstPart /* Opera */
{
	0%   {bottom: 65px;}
	100% {bottom: 45px;}
}

@-webkit-keyframes diyine{
	0%{
		
		opacity: 0
	}
	100%{
		
		opacity: 1
	
	}
}
@-moz-keyframes diyine{
	0%{
		
		opacity: 0
	}
	100%{
		
		opacity: 1
	
	}
}
@-o-keyframes diyine{
	0%{
		
		opacity: 0
	}
	100%{
	
		opacity: 1
	
	}
}
@keyframes diyine{
	0%{
	
		opacity: 0
	}
	100%{
		
		opacity: 1
	
	}
}
@-webkit-keyframes diyine2{
	0%{
		
		opacity: 0
	}
	50%{
		
		opacity: 0
	}
	100%{
		
		opacity: 1
	
	}
}
@-moz-keyframes diyine2{
	0%{
		
		opacity: 0
	}
	50%{
		
		opacity: 0
	}
	100%{
		
		opacity: 1
	
	}
}
@-o-keyframes diyine2{
	0%{
		
		opacity: 0
	}
	50%{
		
		opacity: 0
	}
	100%{
	
		opacity: 1
	
	}
}
@keyframes diyine2{
	0%{
	
		opacity: 0
	}
	50%{
		
		opacity: 0
	}
	100%{
		
		opacity: 1
	
	}
}


@-webkit-keyframes zhizhen {
  0% {
    -webkit-transform: rotate(-180deg);
  }
    70% {
    -webkit-transform: rotate(20deg);
  }
  80% {
    -webkit-transform: rotate(-20deg);
  }
    90% {
    -webkit-transform: rotate(30deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes zhizhen {
  0% {
    -moz-transform: rotate(-180deg);
  }
    70% {
    -webkit-transform: rotate(20deg);
  }
  80% {
    -webkit-transform: rotate(-20deg);
  }
    90% {
    -webkit-transform: rotate(30deg);
  }

  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes zhizhen {
  0% {
    -o-transform: rotate(-180deg);
  }
    70% {
    -webkit-transform: rotate(20deg);
  }
  80% {
    -webkit-transform: rotate(-20deg);
  }
    90% {
    -webkit-transform: rotate(30deg);
  }

  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes zhizhen {
  0% {
    transform: rotate(-180deg);
  }
    70% {
    -webkit-transform: rotate(20deg);
  }
  80% {
    -webkit-transform: rotate(-20deg);
  }
    90% {
    -webkit-transform: rotate(30deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes duokai1 {
  0% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }
  60% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }

  100% {
    -webkit-transform: rotate(0deg);
	
  }
}
@-moz-keyframes duokai1 {
  0% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }
  60% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }


  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-o-keyframes duokai1 {
  0% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }
  60% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }


  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes duokai1 {
  0% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }
  60% {
    -webkit-transform:translate(240px,50px);
	width:720px;
  }


  100% {
    -webkit-transform: rotate(0deg);
  }
}


@-webkit-keyframes duokai2 {
  0% { display:none;
  }

  100% { display:block;
   
	
  }
}
@-moz-keyframes duokai2 {
  0% { display:none;
  }

  100% { display:block;
   
	
  }
}
@-o-keyframes duokai2 {
  0% { display:none;
  }

  100% { display:block;
   
	
  }
}
@keyframes duokai2 {
  0% { display:none;
  }

  100% { display:block;
   
	
  }
}



@-webkit-keyframes rally{	
	0%{ width: 0px;}
	30%{width:785px;}
	60%{width:628px;}
	80%{width:722px;}
	100%{width:670px;}
}
@-moz-keyframes rally{	
	0%{ width: 0px;}
	30%{width:785px;}
	60%{width:628px;}
	80%{width:722px;}
	100%{width:670px;}
}
@-o-keyframes rally{	
	0%{ width: 0px;}
	30%{width:785px;}
	60%{width:628px;}
	80%{width:722px;}
	100%{width:670px;}
}
@keyframes rally{
	0%{ width: 0px;}
	30%{width:785px;}
	60%{width:628px;}
	80%{width:722px;}
	100%{width:670px;}
}

@-webkit-keyframes rally2{	
	0%{ width: 0px;}
	30%{width:571px;}
	60%{width:514px;}
	80%{width:592px;}
	100%{width:500px;}
}
@-moz-keyframes rally2{	
	0%{ width: 0px;}
	30%{width:571px;}
	60%{width:514px;}
	80%{width:592px;}
	100%{width:500px;}
}
@-o-keyframes rally2{	
	0%{ width: 0px;}
	30%{width:571px;}
	60%{width:514px;}
	80%{width:592px;}
	100%{width:500px;}
}
@keyframes rally2{
	0%{ width: 0px;}
	30%{width:571px;}
	60%{width:514px;}
	80%{width:592px;}
	100%{width:500px;}
}

@-webkit-keyframes rally3{	
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}
@-moz-keyframes rally3{	
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}
@-o-keyframes rally3{	
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}
@keyframes rally3{
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}

@-webkit-keyframes rally4{	
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}
@-moz-keyframes rally4{	
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}
@-o-keyframes rally4{	
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}
@keyframes rally4{
	0%{ width: 0px;}
	30%{width:423px;}
	60%{width:467px;}
	80%{width:476px;}
	100%{width:494px;}
}

@-webkit-keyframes rally5{	
	0%{ width: 0px;}
	30%{width:461px;}
	60%{width:420px;}
	80%{width:429px;}
	100%{width:478px;}
}
@-moz-keyframes rally5{	
	0%{ width: 0px;}
	30%{width:461px;}
	60%{width:420px;}
	80%{width:429px;}
	100%{width:478px;}
}
@-o-keyframes rally5{	
	0%{ width: 0px;}
	30%{width:461px;}
	60%{width:420px;}
	80%{width:429px;}
	100%{width:478px;}
}
@keyframes rally5{
	0%{ width: 0px;}
	30%{width:461px;}
	60%{width:420px;}
	80%{width:429px;}
	100%{width:478px;}
}

@-webkit-keyframes rally6{	
	0%{ width: 0px;}
	30%{width:414px;}
	60%{width:372px;}
	80%{width:420px;}
	100%{width:390px;}
}
@-moz-keyframes rally6{	
	0%{ width: 0px;}
	30%{width:414px;}
	60%{width:372px;}
	80%{width:420px;}
	100%{width:390px;}
}
@-o-keyframes rally6{	
	0%{ width: 0px;}
	30%{width:414px;}
	60%{width:372px;}
	80%{width:420px;}
	100%{width:390px;}
}
@keyframes rally6{
	0%{ width: 0px;}
	30%{width:414px;}
	60%{width:372px;}
	80%{width:420px;}
	100%{width:390px;}
}


@-webkit-keyframes rally7{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:90%;}
}
@-moz-keyframes rally7{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:90%;}
}
@-o-keyframes rally7{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:90%;}
}
@keyframes rally7{
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:90%;}
}

@-webkit-keyframes rally8{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:80%;}
}
@-moz-keyframes rally8{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:80%;}
}
@-o-keyframes rally8{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:80%;}
}
@keyframes rally8{
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:75%;}
	100%{width:80%;}
}

@-webkit-keyframes rally9{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:65%;}
	100%{width:75%;}
}
@-moz-keyframes rally9{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:65%;}
	100%{width:75%;}
}
@-o-keyframes rally9{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:65%;}
	100%{width:75%;}
}
@keyframes rally9{
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:65%;}
	100%{width:75%;}
}

@-webkit-keyframes rally10{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:70%;}
}
@-moz-keyframes rally10{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:70%;}
}
@-o-keyframes rally10{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:70%;}
}
@keyframes rally10{
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:70%;}
}

@-webkit-keyframes rally11{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:65%;}
}
@-moz-keyframes rally11{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:65%;}
}
@-o-keyframes rally11{	
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:65%;}
}
@keyframes rally11{
	0%{ width: 0px;}
	30%{width:90%;}
	60%{width:80%;}
	80%{width:60%;}
	100%{width:65%;}
}
#demo{
		position:absolute;
		top:-599px;
		width:82px;
		height:599px;
		overflow:hidden;
		background-color:rgba(0,0,0,.5);
		/*visibility: hidden;*/
		}
		.box{
			width:82px;
			height:33px;
		}
		.box a{color:#ffffff;cursor: pointer;}
		.box a:hover{color:#0099FF}
		.zUIpanelScrollBox,.zUIpanelScrollBar{
			width:5px;
			top:4px;
			right:0px;
			border-radius:5px;
			background-color:rgba(0,0,0,0.5);
			display: none;
			
		}
		.zUIpanelScrollBox{
			background:black;opacity:0.1;
			filter:alpha(opacity=10);
			display: none;
			
		}
		.zUIpanelScrollBar{
			background-color:rgba(0,0,0,0.5);
			opacity:0.6;
			filter:alpha(opacity=60);
			display: none;
			
		}

@media only screen and (max-width:1366px) {
	#demo{
		position:absolute;
		top:-460px;
		width:82px;
		height:440px;
		margin:20px auto;
		overflow:hidden;
		background-color:rgba(0,0,0,.5);
		/*visibility: hidden;*/
		}
		.box{
			
			width:82px;
			height:34px;
		}
		.box a{color:#ffffff;cursor: pointer;}
		.box a:hover{color:#0099FF}
		.zUIpanelScrollBox,.zUIpanelScrollBar{
			width:5px;
			top:4px;
			right:0px;
			border-radius:5px;
			background-color:rgba(0,0,0,0.8);
			
		}
		.zUIpanelScrollBox{
			background:black;opacity:0.1;
			filter:alpha(opacity=10);
			
		}
		.zUIpanelScrollBar{
			background-color:#000000;
			opacity:0.6;
			filter:alpha(opacity=60);
			
		}
	
}
@media screen and (max-width: 768px) {
.eiditionInfo p a {color:#ffffff};
.eiditionInfo p a {color:#ffffff};

	#demo{
		position:absolute;
		top:-460px;
		width:82px;
		height:440px;
		margin:20px auto;
		overflow:hidden;
		background-color:rgba(0,0,0,.5);
		/*visibility: hidden;*/
		}
		.box{
			
			width:82px;
			height:34px;
		}
		.box a{color:#ffffff;cursor: pointer;}
		.box a:hover{color:#0099FF}
		.zUIpanelScrollBox,.zUIpanelScrollBar{
			width:5px;
			top:4px;
			right:0px;
			border-radius:5px;
			background-color:rgba(0,0,0,0.8);
			
		}
		.zUIpanelScrollBox{
			background:black;opacity:0.1;
			filter:alpha(opacity=10);
			
		}
		.zUIpanelScrollBar{
			background-color:#000000;
			opacity:0.6;
			filter:alpha(opacity=60);
			
		}
	#tip_submit{display: none;}
	/*.bottomIn6_1 {animation: bottom_In 0.7s ease 0.5s backwards;}*/
	.btn_down {position:fixed;left:8px;top:16px;z-index:999;}
	.sec6Img1{width:100%;height:auto;padding-top:140px;margin:0 auto;}
	.sec6Img1 img{display:block;width:90%;margin:0 auto;}
	.pc { display:none;}
	.sec6Text1{width:340px;max-width:90%;margin:0 auto;color:#ffffff;padding-top:30px;}
	.sec6Text1 p:nth-child(1){text-align: center;font-size:25px;padding-bottom: 22px;border-bottom:1px solid #ffffff;}
	.sec6Text1 p:nth-child(2){text-align: center;font-size:13px;margin-top:13px;}
	.sec6Text1 p:nth-child(3){text-align: center;font-size: 13px;margin-top:13px;}
	body { max-width:700px; overflow:hidden;}
	
.logo{position: absolute; left: 0; top: 0; width: 100%; height: 80px; overflow: hidden; z-index: 9; background: rgba(255,255,255,0.9);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffe5,endcolorstr=#ffffffe5); opacity: 0.9;filter:alpha(opacity=90);}
.logo div{width: 1000px; padding-top: 10px; height: 70px; overflow: hidden; margin: 0 auto;}

.sec3Text ,.sec04_btn{text-indent: overflow: hidden;}

#container , .section{width:100%;height: 100%; position: relative;}
.abg {width:100%;height: 100%; position: relative; background: rgb(0,149,148);
    background: -moz-linear-gradient(-45deg, rgba(0,149,148,1) 0%, rgba(5,208,190,1) 28%, rgba(5,208,190,1) 44%, rgba(0,127,161,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,149,148,1)), color-stop(28%,rgba(5,208,190,1)), color-stop(44%,rgba(5,208,190,1)), color-stop(84%,rgba(0,127,161,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: linear-gradient(135deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.bbg {width:100%;height: 100%; position: relative;
filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(18,118,185);
    background: -moz-linear-gradient(-45deg, rgba(18,118,185,1) 0%, rgba(48,185,214,1) 45%, rgba(65,108,185,1) 87%, rgba(65,108,185,1) 98%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(18,118,185,1)), color-stop(45%,rgba(48,185,214,1)), color-stop(87%,rgba(65,108,185,1)), color-stop(98%,rgba(65,108,185,1)));
    background: -webkit-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -o-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -ms-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: linear-gradient(135deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1276b9', endColorstr='#416cb9',GradientType=1 );
	}
.cbg {width:100%;height: 100%; position: relative;
 filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(73,96,175);
    background: -moz-linear-gradient(-45deg, rgba(73,96,175,1) 0%, rgba(155,130,181,1) 38%, rgba(91,142,202,1) 72%, rgba(64,87,164,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(73,96,175,1)), color-stop(38%,rgba(155,130,181,1)), color-stop(72%,rgba(91,142,202,1)), color-stop(100%,rgba(64,87,164,1)));
    background: -webkit-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: linear-gradient(135deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4960af', endColorstr='#4057a4',GradientType=1 );

}
.dbg {width:100%;height: 100%; position: relative;
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(0,76,149);
    background: -moz-linear-gradient(top, rgba(0,76,149,1) 14%, rgba(58,161,194,1) 54%, rgba(112,213,202,1) 81%, rgba(148,217,171,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,rgba(0,76,149,1)), color-stop(54%,rgba(58,161,194,1)), color-stop(81%,rgba(112,213,202,1)), color-stop(100%,rgba(148,217,171,1)));
    background: -webkit-linear-gradient(top, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    background: -o-linear-gradient(top, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    background: linear-gradient(to bottom, rgba(0,76,149,1) 14%,rgba(58,161,194,1) 54%,rgba(112,213,202,1) 81%,rgba(148,217,171,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c95', endColorstr='#94d9ab',GradientType=0 );
	}
.w1000{width: 100%; height: 100%; position: relative; }
.section1{ background: rgb(0,149,148);
    background: -moz-linear-gradient(-45deg, rgba(0,149,148,1) 0%, rgba(5,208,190,1) 28%, rgba(5,208,190,1) 44%, rgba(0,127,161,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,149,148,1)), color-stop(28%,rgba(5,208,190,1)), color-stop(44%,rgba(5,208,190,1)), color-stop(84%,rgba(0,127,161,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: linear-gradient(135deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.ybg {width:100%;height: 100%; position: relative;
	background: rgb(0,70,149,1);
    background: -moz-linear-gradient(-45deg, rgba(26,125,218,1) 0%, rgba(204,255,102,1) 28%, rgba(109,210,202,1) 44%, rgba(26,125,218,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(26,125,218,1)), color-stop(28%,rgba(109,210,202,1)), color-stop(44%,rgba(94,170,242,1)), color-stop(84%,rgba(26,125,218,1)));
    background: -webkit-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    background: linear-gradient(135deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(109,210,202,1) 44%,rgba(26,125,218,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;}
.bgTop ,.bgBot ,.sec1Img ,.sec01 ,.sec01s ,.sec02 ,.sec2Img ,.sec03 ,.sec04 ,.sec2Text ,.sec4Img ,.sec4Text{position: absolute;}

.bgTop {width:499px; height: 496px; background: url(../pic/secBg01.jpg) no-repeat left top; left: 0; top: 0; }
.bgBot {width:371px; height: 372px; background: url(../pic/secBg02.jpg) no-repeat right bottom; right: 0; bottom: 0; }

.sec01s{max-width:854px; width:62%; top:14%; left:-3%; z-index: 3}
.sec01{max-width:854px; width:62%; top:25%; left:-6%; z-index: 2}
.sec02{max-width:827px; width:62%; top:32%; left:-6%; }

.sec1Con{width: 450px; position: absolute; right: 0; top:40%; right:0}
.sec1Text{width:100%; margin-bottom: 70px; }

.sec1Down{width: 100%;overflow: hidden;}
.sec1Down a {display:block; width: 256px; height: 78px; background:url(../pic/downs.png) no-repeat 0 0; position: relative; font-size: 30px;color: #fff; font-weight: 400; text-indent:25px; line-height: 78px; margin: 0 auto;}
.sec1Down a:hover{}
.sec1Down a span{font-size: 16px; position: absolute; right:16px; top: 12px;}

/*.section2 ,.section3 ,.section4 ,.section5{background-image:url(../pic/bg2.png); background-repeat: no-repeat;  background-size: 100%;}*/
.section2{ background: rgb(26,125,218);
    background: -moz-linear-gradient(-45deg, rgba(26,125,218,1) 0%, rgba(94,170,242,1) 28%, rgba(94,170,242,1) 44%, rgba(26,125,218,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(26,125,218,1)), color-stop(28%,rgba(94,170,242,1)), color-stop(44%,rgba(94,170,242,1)), color-stop(84%,rgba(26,125,218,1)));
    background: -webkit-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    background: linear-gradient(135deg, rgba(26,125,218,1) 0%,rgba(94,170,242,1) 28%,rgba(94,170,242,1) 44%,rgba(26,125,218,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; }
.sec03{width:90%; height:420px; margin-left:5%; margin-right:5%;margin-top:202px; }
.sec03 h1{color:#ffffff;font-size:18px;}
.sec2Text{max-width:90%; width:360px;top:64px;margin:0 auto;left:19px;text-align: center;}
.sec2Text h1{font-size:18px;}
.sec2Text p:nth-child(1){color:#ffffff;font-size:25px;font-family:'微软雅黑';border-bottom: 1px solid #ffffff; padding-bottom:22px;text-align: center;}
.sec2Text p:nth-child(2){color:#ffffff;font-size:13px;margin-top:13px;padding:0 17px;}
.sec2Text p:nth-child(3){color:#ffffff;font-size:13px;margin-top:13px;padding:0 17px;}
.sec04{width:600px; height:700px; left:15px; top:50%; margin-top: -275px; overflow: hidden;/* background: url(../pic/sec04.png) no-repeat;*/}
.sec04_btn{width:200px; height: 43px; position: absolute; left:200px; bottom: 240px; font-size:30px;  color:#fff; }

.active .list_icon{position: absolute; /*left:48px; top: 38px;*/}
.active .list_icon li {display: block;width: 56px; height: 54px;}
.active .list_icon li{ opacity: 0; margin-bottom:5px;}
.active .list_icon li.zhizhen{    position: absolute; width:460px; height:52px; background:url(../pic/zhizhen.png) no-repeat;opacity: 1;margin-top:328px; margin-left:59px;
	animation-name: zhizhen;
    animation-duration: 3s;/**/
    animation-timing-function: linear;/**/
    /* Firefox: ; */
    -moz-animation-name: zhizhen;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: zhizhen;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    /* Opera: ; */
    -o-animation-name: zhizhen;
    -o-animation-duration: 3s;
    -o-animation-timing-function: linear;

	}
/*
.active .list_icon li.icon02{background:url(../pic/d2.png) no-repeat;-webkit-animation: zoomIn 1s ease .8s forwards; animation: zoomIn 1s ease .8s forwards;-webkit-animation: shine 1.2s ease 1s infinite backwards; animation: shine 1.2s ease 1s infinite backwards;}
.active .list_icon li.icon03{background:url(../pic/d3.png) no-repeat;-webkit-animation: zoomIn 1s ease 1.2s forwards; animation: zoomIn 1s ease 1.2s forwards;-webkit-animation: shine 1.2s ease 1s infinite backwards; animation: shine 1.2s ease 1s infinite backwards;}
.active .list_icon li.icon04{-webkit-animation: zoomIn 1s ease 1.6s forwards; animation: zoomIn 1s ease 1.6s forwards;}
.active .list_icon li.icon05{-webkit-animation: zoomIn 1s ease 2s forwards; animation: zoomIn 1s ease 2s forwards;}
*/

.section3{
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(73,96,175);
    background: -moz-linear-gradient(-45deg, rgba(73,96,175,1) 0%, rgba(155,130,181,1) 38%, rgba(91,142,202,1) 72%, rgba(64,87,164,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(73,96,175,1)), color-stop(38%,rgba(155,130,181,1)), color-stop(72%,rgba(91,142,202,1)), color-stop(100%,rgba(64,87,164,1)));
    background: -webkit-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    background: linear-gradient(135deg, rgba(73,96,175,1) 0%,rgba(155,130,181,1) 38%,rgba(91,142,202,1) 72%,rgba(64,87,164,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4960af', endColorstr='#4057a4',GradientType=1 );
	}
.sec3Text{ max-width:90%; width:340px;margin:0 auto;}
.sec3Text img { width:100%}
.sec3Img{width: 100%; height:521px; background: url(../pic/sec05.png) no-repeat center top; margin: 0 auto; position: relative; }
.sec3Img span{display: block; background: url(../pic/icon.png) no-repeat; overflow: hidden; position: absolute;}
.sec3Img span.icon01{width: 138px; height: 138px; background-position: 0 0; left:63px; top:225px;}
.sec3Img span.icon02{width: 63px; height: 63px; background-position: 0 -150px; left:376px; top:195px;}
.sec3Img span.icon03{width: 53px; height: 40px; background-position: -199px -153px; right:40px; top: 185px;}
.sec3Img span.icon04{width: 53px; height: 40px; background-position: -71px -153px; left:20px; top:185px;}
.sec3Img span.icon05{width: 53px; height: 40px; background-position: -135px -153px; left:230px; bottom: 100px;}
.sec3Img span.icon06{width: 53px; height: 40px; background-position: -259px -153px; left:515px; bottom: 115px;}
.sec3Img span.icon07{width: 53px; height: 40px; background-position: -318px -153px; left:600px; bottom: 115px;}
.sec3Img span.icon08{width: 150px; height: 150px; background-position: -152px 0; right:39px; bottom:82px;}

.active .sec3Img span.icon01{-webkit-animation: left_In .8s ease .2s backwards; animation: left_In .8s ease .2s backwards;}
.active .sec3Img span.icon02{-webkit-animation: top_In .8s ease .4s backwards; animation: top_In .8s ease .4s backwards;}
.active .sec3Img span.icon03{-webkit-animation: right_In .8s ease .6s backwards; animation: right_In .8s ease .6s backwards;}
.active .sec3Img span.icon04{-webkit-animation: bottom_In .8s ease .8s backwards; animation: bottom_In .8s ease .8s backwards;}
.active .sec3Img span.icon05{-webkit-animation: bottom_In .8s ease 1s backwards; animation: bottom_In .8s ease 1s backwards;}
.active .sec3Img span.icon06{-webkit-animation: bottom_In .8s ease 1.2s backwards; animation: bottom_In .8s ease 1.2s backwards;}
.active .sec3Img span.icon07{-webkit-animation: bottom_In .8s ease 1.5s backwards; animation: bottom_In .8s ease 1.5s backwards;}
.active .sec3Img span.icon08{-webkit-animation: bottom_In .8s ease 1.8s backwards; animation: bottom_In .8s ease 1.8s backwards;}

.section4{background: rgb(0,149,148);
    background: -moz-linear-gradient(-45deg, rgba(0,149,148,1) 0%, rgba(5,208,190,1) 28%, rgba(5,208,190,1) 44%, rgba(0,127,161,1) 84%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,149,148,1)), color-stop(28%,rgba(5,208,190,1)), color-stop(44%,rgba(5,208,190,1)), color-stop(84%,rgba(0,127,161,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -o-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: -ms-linear-gradient(-45deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    background: linear-gradient(135deg, rgba(0,149,148,1) 0%,rgba(5,208,190,1) 28%,rgba(5,208,190,1) 44%,rgba(0,127,161,1) 84%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009594', endColorstr='#007fa1',GradientType=1 );
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


.sec4Img1{width: 100%; height:auto;padding-top:100px; padding-bottom:40px;}
.sec4_c{width: 100%; height: auto; overflow: hidden; }
.sec4_c img{display: block; vertical-align: top; width:90%; margin:0 auto;}
.sec4_icon{width: 52px; height: 52px; background:url(../pic/sec06_icon.png) no-repeat; position: absolute; left: 251px; top: 263px; z-index: 9}

.active .sec4_c{-webkit-animation: diyine 1.4s linear ; animation: diyine 1.4s linear ; -webkit-transform-origin:center;transform-origin:center;}

.sec4Img2{width: 28px; height: 181px; position:absolute; left:50%;top:60%;/* background-color: #ca5a3e;*/ color:#fff; line-height:28px; font-size:14px; text-indent: 1em; }
.sec4_t{width: 49px; height: 100%; position: absolute;left: 0; top: 0; z-index: 9;}
.sec4_b{width: 200px; height: 28px; background: #ff4f23; position: absolute; bottom: 0; left: 0; z-index: 1;}
.sec4_b2{width: 170px; height: 28px; background: #BF0074; position: absolute; bottom: 40px; left: 0; z-index: 1;}
.sec4_b3{width: 140px; height: 28px; background: #8C00C4; position: absolute; bottom: 80px; left: 0;  z-index: 1;}
.sec4_b4{width: 100px; height: 28px; background: #0099FF; position: absolute; bottom: 120px; left: 0; z-index: 1;}

.active .sec4_b{-webkit-animation: rally 1.5s ease-in-out .5s forwards; animation: rally 1.5s ease-in-out .5s forwards;}
.active .sec4_b2{-webkit-animation: rally2 1.5s ease-in-out .5s forwards; animation: rally2 1.5s ease-in-out .5s forwards;}
.active .sec4_b3{-webkit-animation: rally3 1.5s ease-in-out .5s forwards; animation: rally3 1.5s ease-in-out .5s forwards;}
.active .sec4_b4{-webkit-animation: rally4 1.5s ease-in-out .5s forwards; animation: rally4 1.5s ease-in-out .5s forwards;}

.sec4Text{ width:340px;position: static;max-width:90%; margin:0 auto;text-align:center;}
.sec4Text p:nth-child(1){padding-bottom: 22px;text-align:center;color:#ffffff;font-size:25px;border-bottom:1px solid #ffffff;}
.sec4Text p:nth-child(2){color:#ffffff;font-size:13px;margin-top:13px;}
.sec4Text p:nth-child(3){color:#ffffff;font-size:13px;margin-top:10px;}

.section5{
	   filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background: rgb(18,118,185);
    background: -moz-linear-gradient(-45deg, rgba(18,118,185,1) 0%, rgba(48,185,214,1) 45%, rgba(65,108,185,1) 87%, rgba(65,108,185,1) 98%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(18,118,185,1)), color-stop(45%,rgba(48,185,214,1)), color-stop(87%,rgba(65,108,185,1)), color-stop(98%,rgba(65,108,185,1)));
    background: -webkit-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -o-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: -ms-linear-gradient(-45deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    background: linear-gradient(135deg, rgba(18,118,185,1) 0%,rgba(48,185,214,1) 45%,rgba(65,108,185,1) 87%,rgba(65,108,185,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1276b9', endColorstr='#416cb9',GradientType=1 );
	}
.sec5Text{    max-width: 318px;
    width: 318px;
   
	}
.sec5Img{width:690px; height: 525px; position: absolute;
    left: 0;
    top: 45%;
    margin-top: -380px; }
.sec5Img ul{}
.sec5Img ul li{display: block; position: absolute; }
.sec5Img ul li.icon03{width:480px; height:263px; top: 190px; }
.sec5Img ul li.icon03 img{width:100%; }
.sec5Img ul li.icon04{width:480px; height:263px; left:100px; top:300px;}
.sec5Img ul li.icon05{width:480px; height:263px; left:190px; top:400px;}


.active .sec5Img ul li.icon01{-webkit-animation: rollIn_r 1s ease backwards; animation: rollIn_r 1s ease backwards;}
.active .sec5Img ul li.icon02{-webkit-animation: shine 1.2s ease 1s infinite backwards; animation: shine 1.2s ease 1s infinite backwards;}
.active .sec5Img ul li.icon03{-webkit-animation: duokai1 2.1s; animation: duokai1 2.1s;
	animation-name: duokai1;
    animation-duration: 2.1s;/**/
    animation-timing-function: linear;/**/
	-moz-animation-name: duokai1;
    -moz-animation-duration: 2.1s;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: duokai1;
    -webkit-animation-duration: 2.1s;
    -webkit-animation-timing-function: linear;
    /* Opera: ; */
    -o-animation-name: duokai1;
    -o-animation-duration: 2.1s;
    -o-animation-timing-function: linear;}
.active .sec5Img ul li.icon04{-webkit-animation: diyine2 0.7s ease 2s backwards; animation: diyine2 0.7s ease 2s backwards;}
.active .sec5Img ul li.icon05{-webkit-animation: diyine2 0.7s ease 2.7s backwards; animation: diyine2 0.7s ease 2.7s backwards;}


#fp-nav { position: fixed; z-index: 100;  margin-top: -32px;  top: 50%; opacity: 1;  -webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 0px; opacity:0.7;}
.fp-slidesNav{position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fp-slidesNav.bottom {bottom: 17px;}
.fp-slidesNav.top {top: 17px;}
#fp-nav ul{margin: 0;padding: 0;}
#fp-nav ul li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
#fp-nav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%; }
#fp-nav ul li a span{border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px;}

.mousetip{position: fixed; display: none !important; background: url(../pic/mousetip.png) no-repeat; width: 51px; height: 41px; bottom: 10px; left: 50%; margin-left: -25px; z-index: 100; opacity:0.7}
.mousetip{animation-name: firstPart;
    animation-duration: 0.8s;/**/
    animation-timing-function: linear;/**/
    animation-delay: 0.3s;/**/
    animation-iteration-count: infinite;/**/
    animation-direction: alternate;/**/
    animation-play-state: running;/**/
    -moz-animation-name: firstPart;
    -moz-animation-duration: 0.8s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -moz-animation-play-state: running;
    -webkit-animation-name: firstPart;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    -o-animation-name: firstPart;
    -o-animation-duration: 0.8s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    -o-animation-play-state: running;}

/*.btn_down{float: left; display: none;}*/
/*
.btn_down a{display: block; background: url(../pic/button.png) no-repeat; width: 150px; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 18px; background-position: -2px -7px;}
.btn_down a:hover { background:url(../pic/bt2.png) no-repeat;}

.btn_down a:active{background-position: -2px -143px;}
*/


/*aminition*/
.active .leftIn{
	-webkit-animation: left_In 2s ease 1s backwards;
	animation: left_In 2s ease 1s backwards;
}

.active .rightIn{
	-webkit-animation: right_In 4s ease 1.5s backwards;
	animation: right_In 4s ease 1.5s backwards;
}

.active .rightIns{
	-webkit-animation: right_Ins 6s ease 2s backwards;
	animation: right_Ins 6s ease 2s backwards;
}

.active .topIn{
	-webkit-animation: top_In 1s ease .5s backwards;
	animation: top_In 1s ease .5s backwards;
}
.active .bottomIn{
	-webkit-animation: bottom_In 1s ease 2s backwards;
	animation: bottom_In 1s ease 2s backwards;
}
.active .bottomIn2{
	-webkit-animation: bottom_In 0.7s ease 0.5s backwards;
	animation: bottom_In 0.7s ease 0.5s backwards;
}
.active .bottomIn3{
	-webkit-animation: bottom_In 1s ease 3.5s backwards;
	animation: bottom_In 1s ease 3.5s backwards;
}

.active .fadeExpand{
	-webkit-animation: pulse 1s ease 1s forwards;
	animation: pulse 1s ease 1s forwards;
	opacity: 0;
	transform-origin:left;
}


.active .diyin{
	-webkit-animation: diyine 2s;
	animation: diyine 2s;
}

.ends { position:fixed; bottom:20px; display:none; width:100%; text-align:center;}
.ends a { color:#fff;}
.ends a:hover { text-decoration: underline;}
.ends .shang { font-size:12px !important;}

/* reveal-modal */
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:25% !important;width:300px; left:50%; margin-left:-190px;background:#fff;position:absolute;z-index:101;padding:30px 40px 34px;/*-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);*/}
.reveal-modal a:hover { text-decoration: underline;}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#000;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:18px;color:#333;padding:0 0 20px 0;}
.reveal-modal p{padding:0 0 15px 0;}
.ends p.banquan { padding-top:10px; color:#fff; font-size:12px; overflow:auto; max-width:100%}
.reveal-modal a{ color:#333; line-height:24px; padding-right:20px;}
.sec03 li { margin-bottom:10px; color:#fff; padding-left:20px; line-height:24px;    font-size: 14px; overflow:hidden}
.zhu1 { background:#447fbf; height:24px; width:90%;}
.active .zhu1 {
    -webkit-animation: rally7 1.1s ease-in-out .5s forwards;
    animation: rally7 1.1s ease-in-out .5s forwards;
}
.zhu2 { background:#256a38; height:24px; width:80%;}
.active .zhu2 {
    -webkit-animation: rally8 1.1s ease-in-out .5s forwards;
    animation: rally8 1.1s ease-in-out .5s forwards;
}
.zhu3 { background:#256a38; height:24px; width:80%;}
.active .zhu3 {
    -webkit-animation: rally8 1.1s ease-in-out .5s forwards;
    animation: rally8 1.1s ease-in-out .5s forwards;
}
.zhu4 { background:#535a5c; height:24px; width:75%;}
.active .zhu4 {
    -webkit-animation: rally9 1.1s ease-in-out .5s forwards;
    animation: rally9 1.1s ease-in-out .5s forwards;
}
.zhu5 { background:#535a5c; height:24px; width:70%;}
.active .zhu5 {
    -webkit-animation: rally10 1.1s ease-in-out .5s forwards;
    animation: rally10 1.1s ease-in-out .5s forwards;
}
.zhu6 { background:#535a5c; height:24px; width:70%;}
.active .zhu6 {
    -webkit-animation: rally10 1.1s ease-in-out .5s forwards;
    animation: rally10 1.1s ease-in-out .5s forwards;
}
.zhu7 { background:#535a5c; height:24px; width:70%;}
.active .zhu7 {
    -webkit-animation: rally10 1.1s ease-in-out .5s forwards;
    animation: rally10 1.1s ease-in-out .5s forwards;
}
.zhu8 { background:#445e70; height:24px; width:65%;}
.active .zhu8 {
    -webkit-animation: rally11 1.1s ease-in-out .5s forwards;
    animation: rally11 1.1s ease-in-out .5s forwards;
}
.zhu9 { background:#none; height:24px; width:65%; color:#d9d9d9}
/*.active .zhu9 {
    -webkit-animation: rally6 1.1s ease-in-out .5s forwards;
    animation: rally6 1.1s ease-in-out .5s forwards;
}*/

/*.btn_down { position:fixed; z-index:9999;top:20px; left:25px;}*/
.caidan { position:fixed; z-index:9999; right:10px; top:15px;    line-height: 43px;
    font-size: 18px;}
.caidan li { float:left; padding-right:15px;}
.caidan a { color:#fff;}
.caidan a:hover { text-decoration: underline;}
.toInstall {
    float: left;
    width: 122px;
    height: 39px;
    background-color:#ffffff;
    color:#398BD7;
    font-size:20px;
   /* background: url(../pic/btn_setup.png) no-repeat;*/
}
.toInstall:hover { opacity:0.7}
.btn_down img {
    float: left;
    margin-top: 5px;
    width: 138px;
    height: 30px;
}

.detail {
  
    width: 100%;
    height: auto;
	padding-top:100px;
	
  
}
.detail img { display:block; width:90%; height:auto; margin:0 auto}
.toDownload {
   
    width: 202px;
    height: 62px;
    cursor: pointer;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    z-index: 666;
	margin:0 auto;
	 margin-top:30px;
}
.sdown {
    position: absolute;
    /*width: 202px;
    height: 62px;*/
    padding:7px 17px;
    
    /*background: url(../pic/btn_center_setup.png) no-repeat;*/
    cursor: pointer;
    z-index: 666;
    color:#ffffff;
    font-size:20px;
    background-color:#6DBDFF;
    border:1px solid #ffffff;
}
.sdown:hover { opacity:0.7;}
.sdown span{
	display: inline-block;
	text-align:center;
	width:166px;
}
.sdown p{
	font-size:12px;
	height:20px;
	line-height:20px;
	color:#ffffff;
	text-align: center;
}
.sdown p em{
	font-size:12px;
}
.eiditionInfo {
    width: 210px;
    margin: 0 auto;
	margin-top: 15px;
    height: 20px;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.eiditionInfo p {
    height: 20px;
    line-height: 20px;
    color: #fff;
	text-align:center;
}
.eidition {
    left: 0;
    top: 35px;
    width: 420px;
    height: 160px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.eidition img { width:100%;}

.active .diyiceng { width:610px; height:276px; background:url(../pic/diyiceng.png) no-repeat; margin:0 auto; position:absolute; top:385px; left:50%; margin-left:-305px;
	animation-name: diyine;
    animation-duration: 1.5s;/**/
    animation-timing-function: linear;/**/
    animation-play-state: running;/**/
    /* Firefox: ; */
    -moz-animation-name: diyine;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-play-state: running;
    -webkit-animation-name: diyine;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-play-state: running;
    /* Opera: ; */
    -o-animation-name: diyine;
    -o-animation-duration: 1.5s;
    -o-animation-timing-function: linear;
    -o-animation-play-state: running;}
	
.active .diyiceng2 { width:100%; height:auto; margin:0 auto; position:absolute; top:395px; z-index:20;
	animation-name: diyine2;
    animation-duration: 0.7s;/**/
    animation-timing-function: linear;/**/
    /* Firefox: ; */
    -moz-animation-name: diyine2;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: diyine2;
    -webkit-animation-duration: 0.71s;
    -webkit-animation-timing-function: linear;
    /* Opera: ; */
    -o-animation-name: diyine2;
    -o-animation-duration: 0.7s;
    -o-animation-timing-function: linear;

}
.diyiceng2 img { width:90%; margin:0 auto}
.shang { padding-right:10px !important; padding-left:10px !important}
	
}