@charset "utf-8";
/* CSS Document */

/**/
div.twentyTabMain{ display:none;}

/**/
div.twentyADiv{ clear:both; height:664px; background:url(../images/12dao/12dao01.gif) no-repeat center center #f5f5f5;}


/**/
div.twentyshupiaoDiv{ clear:both; height:1000px; background:#e9e9e9;position:relative; overflow:hidden;/*background:url(../images/12dao/banner_shupiaobg.jpg) no-repeat center center;*/}
div.twentyshupiaoDivMid{clear:both; /*width:1280px;*/ height:1000px; margin:0 auto; position:relative;z-index:2;}
div.twentyshupiaoBG{position: absolute; right:0; top:0px;z-index:1; width:50%;height:1000px;  background:#626262;}
div.twentyshupiaoDivMid h1,div.twentyshupiaoDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyshupiaopic01{ top:0px; right:0px;width:438px;height:500px; margin:0;/*background:url(../images/12dao/twentyshupiao01.png) no-repeat center center;*/}
h1.twentyshupiaopic01>img{
	width: 70%;
	display: block;
	margin:0 auto;
}
.moveIn h1.twentyshupiaopic01{
animation:twentyshupiaopic01M 3s;
-moz-animation:twentyshupiaopic01M 3s; /* Firefox */
-webkit-animation:twentyshupiaopic01M 3s; /* Safari and Chrome */
-o-animation:twentyshupiaopic01M 3s; /* Opera */
}
@keyframes twentyshupiaopic01M{from {top:-100px;}to {top: 0;}}

h1.twentyshupiaopic02{ top:40px; left:-60px;width:512px;height:1011px; margin:0;/*background:url(../images/12dao/twentyshupiao02.png) no-repeat center center;*/}
h1.twentyshupiaopic02>img{
	height: 100%;
	float:right;
}
.moveIn h1.twentyshupiaopic02{
animation:twentyshupiaopic02M 3s;
-moz-animation:twentyshupiaopic02M 3s; /* Firefox */
-webkit-animation:twentyshupiaopic02M 3s; /* Safari and Chrome */
-o-animation:twentyshupiaopic02M 3s; /* Opera */
}
@keyframes twentyshupiaopic02M{from {top:0px;}to {top:40px;}}

h1.twentyshupiaopic03{ bottom:300px; right:160px;width:266px;height:86px; margin:0;background:url(../images/12dao/twentyshupiao03.png) no-repeat center center;}
.moveIn h1.twentyshupiaopic03{
animation:twentyshupiaopic03M 3s;
-moz-animation:twentyshupiaopic03M 3s; /* Firefox */
-webkit-animation:twentyshupiaopic03M 3s; /* Safari and Chrome */
-o-animation:twentyshupiaopic03M 3s; /* Opera */
}
@keyframes twentyshupiaopic03M{from {bottom:0px;}to {bottom:300px;}}


@media (min-width:200px){h1.twentyshupiaopic01{width:45%; height:120px; background-size:100% auto; background-position:center bottom;}h1.twentyshupiaopic02{ top:0;left:-80px; width:250px; height:500px; background-size:auto 500px;background-position:center bottom;}div.twentyshupiaoDiv,div.twentyshupiaoDivMid{height:500px;}h1.twentyshupiaopic03{ right:-10px; bottom:250px; width:50%; background-size:100% auto;}}
@media (min-width:700px){h1.twentyshupiaopic01{width:45%; height:200px; background-size:100% auto; background-position:right bottom;}h1.twentyshupiaopic02{ top:0;left:-80px; width:50%; height:500px; background-size:auto 500px;background-position:right bottom;}div.twentyshupiaoDiv,div.twentyshupiaoDivMid{height:500px;}h1.twentyshupiaopic03{ bottom:200px; right:0; width:50%; background-size:auto;}}
@media (min-width:1285px){h1.twentyshupiaopic01{width:438px; height:500px; background-size:auto; background-position:center center;}h1.twentyshupiaopic02{ top:40;left:-60px; width:512px; height:1011px; background-size:auto;background-position:center center;}div.twentyshupiaoDiv,div.twentyshupiaoDivMid{height:1000px;}h1.twentyshupiaopic03{ bottom:300px; right:160px; width:266px; background-size:auto;}}


/**/
div.twentyxiepiaoDiv{ clear:both; height:900px;background:#d1d1d1; overflow:hidden; /*background:url(../images/12dao/banner_itengoxiepiao.jpg) no-repeat center center;*/}
div.twentyxiepiaoDivMid{clear:both; /*width:1280px;*/ height:1000px; margin:0 auto; position:relative;z-index:2;}
div.twentyxiepiaoDivMid h1,div.twentyxiepiaoDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyxiepiaopic01{ top:-210px; right:0px;width:652px;height:900px; margin:0;/*background:url(../images/12dao/twentyxiepiao01.png) no-repeat center center;*/z-index:4;position: relative;}
h1.twentyxiepiaopic01>img{
	position: absolute;
	bottom:0;
}
.moveIn h1.twentyxiepiaopic01{
animation:twentyxiepiaopic01M 3s;
-moz-animation:twentyxiepiaopic01M 3s; /* Firefox */
-webkit-animation:twentyxiepiaopic01M 3s; /* Safari and Chrome */
-o-animation:twentyxiepiaopic01M 3s; /* Opera */
}
@keyframes twentyxiepiaopic01M{from {top:-300px;}to {top:-210px;}}

h1.twentyxiepiaopic02{ top:150px; right:-130px;width:774px;height:1032px; margin:0; background:url(../images/12dao/twentyxiepiao02.png) no-repeat center center;z-index:3;}
.moveIn h1.twentyxiepiaopic02{
animation:twentyxiepiaopic02M 3s;
-moz-animation:twentyxiepiaopic02M 3s; /* Firefox */
-webkit-animation:twentyxiepiaopic02M 3s; /* Safari and Chrome */
-o-animation:twentyxiepiaopic02M 3s; /* Opera */
}
@keyframes twentyxiepiaopic02M{from {top:0px;}to {top:150px;}}


h2.twentyxiepiaoText01{top:370px; left:0px; width:100%;line-height:28px; float:left; z-index:6;
font-family:'微软雅黑'; letter-spacing:3px; font-size:36px; color:#333; font-weight:normal;text-align:left;}
.moveIn h2.twentyxiepiaoText01{
animation:twentyxiepiaoText01M 3s;
-moz-animation:twentyxiepiaoText01M 3s; /* Firefox */
-webkit-animation:twentyxiepiaoText01M 3s; /* Safari and Chrome */
-o-animation:twentyxiepiaoText01M 3s; /* Opera */
}
@keyframes twentyxiepiaoText01M{from {top:120px;}to {top: 370px;}}

h2.twentyxiepiaoText02{top:420px; left:0px; width:100%;line-height:28px; float:left; z-index:6;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#666; font-weight:normal;text-align:left;}
.moveIn h2.twentyxiepiaoText02{
animation:twentyxiepiaoText02M 3s;
-moz-animation:twentyxiepiaoText02M 3s; /* Firefox */
-webkit-animation:twentyxiepiaoText02M 3s; /* Safari and Chrome */
-o-animation:twentyxiepiaoText02M 3s; /* Opera */
}
@keyframes twentyxiepiaoText02M{from {top:120px;}to {top: 420px;}}



@media (min-width:200px){h2.twentyxiepiaoText01{ top:20px;line-height:30px; letter-spacing:0px; font-size:24px;}h2.twentyxiepiaoText02{ top:80px;}h1.twentyxiepiaopic01{top:-210px;width:100%; background-size:100% auto; background-position:center bottom;}h1.twentyxiepiaopic02{ top:150px;width:100%; background-size:100% auto;}div.twentyxiepiaoDiv,div.twentyxiepiaoDivMid{height:900px;}}
@media (min-width:700px){h2.twentyxiepiaoText01{ top:370px;line-height:30px; letter-spacing:5px; font-size:30px;}h2.twentyxiepiaoText02{ top:420px;}h1.twentyxiepiaopic01{top:-210px;width:452px; background-size:100% auto; background-position:center center;}h1.twentyxiepiaopic02{ top:150px;width:504px; background-size:100% auto;background-position:center top;}div.twentyxiepiaoDiv,div.twentyxiepiaoDivMid{height:700px;}}
@media (min-width:1285px){h2.twentyxiepiaoText01{ top:370px;line-height:30px; letter-spacing:5px; font-size:36px;}h2.twentyxiepiaoText02{ top:420px;}h1.twentyxiepiaopic01{top:-210px;width:652px; background-size:100% auto; background-position:center center;}h1.twentyxiepiaopic02{ top:150px;width:774px; background-size:100% auto;background-position:center top;}div.twentyxiepiaoDiv,div.twentyxiepiaoDivMid{height:900px;}}


/**/
div.twentyBDiv{clear:both; height:730px; background:#fff;}
div.twentyBDivMid{clear:both; /*width:1280px;*/ height:730px; margin:0 auto; position:relative; }
div.twentyBDivMid h1,div.twentyBDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyBpic01{ bottom:0px; right:0; left:0; width:1280px;height:526px; margin:0;background:url(../images/12dao/banner_twocone.jpg) no-repeat center center;}
.moveIn h1.twentyBpic01{
animation:twentyBpic01M 3s;
-moz-animation:twentyBpic01M 3s; /* Firefox */
-webkit-animation:twentyBpic01M 3s; /* Safari and Chrome */
-o-animation:twentyBpic01M 3s; /* Opera */
}
@keyframes twentyBpic01M{from {bottom:-100px;}to {bottom: 0;}}

h2.twentyBtext01{top:50px; left:0; width:100%;line-height:50px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#333; font-weight:normal; text-align:center;}
.moveIn h2.twentyBtext01{
animation:twentyBtext01M 3s;
-moz-animation:twentyBtext01M 3s; /* Firefox */
-webkit-animation:twentyBtext01M 3s; /* Safari and Chrome */
-o-animation:twentyBtext01M 3s; /* Opera */
}
@keyframes twentyBtext01M{from {top: 0;}to {top:50px;}}

h2.twentyBtext02{top:120px; left:0px; width:100%;line-height:28px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#999; font-weight:normal;text-align:center;}
.moveIn h2.twentyBtext02{
animation:twentyBtext02M 3s;
-moz-animation:twentyBtext02M 3s; /* Firefox */
-webkit-animation:twentyBtext02M 3s; /* Safari and Chrome */
-o-animation:twentyBtext02M 3s; /* Opera */
}
@keyframes twentyBtext02M{from {top: 0;}to {top: 100px;}}


/**/
div.twentyCDiv{clear:both; height:700px; background:/*url(../images/12dao/twentyBpic01.png) no-repeat center bottom*/ #fff; overflow:hidden;}
div.twentyCDivMid{clear:both; /*width:1280px;*/ height:700px; margin:0 auto; position:relative;}
div.twentyCDivMid>img{
	position: absolute;
	bottom: 0;
}
@media screen and (max-width: 780px){
	div.twentyCDivMid>img{
	}
}

div.twentyCDivMid h1,div.twentyCDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyCpic01{ top:150px; left:0; width:630px;height:700px; margin:0;/*background:url(../images/12dao/twentyBpic01.png) no-repeat center center;*/}
.moveIn h1.twentyCpic01{
animation:twentyCpic01M 3s;
-moz-animation:twentyCpic01M 3s; /* Firefox */
-webkit-animation:twentyCpic01M 3s; /* Safari and Chrome */
-o-animation:twentyCpic01M 3s; /* Opera */
}
@keyframes twentyCpic01M{from {left:-100px;}to {left: 0;}}

h1.twentyCpic02{ top:100px; right:0; width:322px;height:232px; margin:0;/*background:url(../images/12dao/twentyBpic02.png) no-repeat center center;*/}
.moveIn h1.twentyCpic02{
animation:twentyCpic02M 3s;
-moz-animation:twentyCpic02M 3s; /* Firefox */
-webkit-animation:twentyCpic02M 3s; /* Safari and Chrome */
-o-animation:twentyCpic02M 3s; /* Opera */
}
@keyframes twentyCpic02M{from {right:-100px;}to {right: 0;}}

h2.twentyCtext01{top:150px; right:0; width:650px;line-height:50px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#333; font-weight:normal; text-align:right;}
.moveIn h2.twentyCtext01{
animation:ambpBtext02M 3s;
-moz-animation:ambpBtext02M 3s; /* Firefox */
-webkit-animation:ambpBtext02M 3s; /* Safari and Chrome */
-o-animation:ambpBtext02M 3s; /* Opera */
}
@keyframes twentyCtext01M{from {top: 0;}to {top:100px;}}

h2.twentyCtext02{top:300px; right:0px; width:500px;line-height:28px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#999; font-weight:normal;text-align:right;}
.moveIn h2.twentyCtext02{
animation:ambpBtext03M 3s;
-moz-animation:ambpBtext03M 3s; /* Firefox */
-webkit-animation:ambpBtext03M 3s; /* Safari and Chrome */
-o-animation:ambpBtext03M 3s; /* Opera */
}
@keyframes twentyCtext02M{from {top: 0;}to {top: 200px;}}

@media (min-width:200px){h1.twentyCpic02{ top:10px;}div.twentyCDiv{ background-size: auto 350px; background-position:left bottom;}div.twentyCDiv,div.twentyCDivMid{height:600px;}}
@media (min-width:700px){h1.twentyCpic02{ top:30px;}div.twentyCDiv{ background-size:1100px auto; background-position:left -50px;}div.twentyCDiv,div.twentyCDivMid{height:600px;}}
@media (min-width:1285px){h1.twentyCpic02{ top:100px;}div.twentyCDiv{ background-size:auto; background-position:center bottom;}div.twentyCDiv,div.twentyCDivMid{height:700px;}}



/**/
div.twentyDDiv{clear:both; height:768px; background:#d3d3d3;}
div.twentyDDivMid{clear:both; /*width:1280px;*/ height:768px; margin:0 auto; position:relative;}
div.twentyDDivMid h1,div.twentyDDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyDpic01{ top:50px; right:0; width:785px;height:656px; margin:0;background:url(../images/12dao/twentyDpic01.png) no-repeat center center;}
.moveIn h1.twentyDpic01{
animation:ambpBtext01M 3s;
-moz-animation:ambpBtext01M 3s; /* Firefox */
-webkit-animation:ambpBtext01M 3s; /* Safari and Chrome */
-o-animation:ambpBtext01M 3s; /* Opera */
}
@keyframes twentyDpic01M{from {right:-100px;}to {right: 0;}}

h2.twentyDtext01{top:200px; left:0; width:650px;line-height:50px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#333; font-weight:normal; text-align:left;}
.moveIn h2.twentyDtext01{
animation:ambpBtext02M 3s;
-moz-animation:ambpBtext02M 3s; /* Firefox */
-webkit-animation:ambpBtext02M 3s; /* Safari and Chrome */
-o-animation:ambpBtext02M 3s; /* Opera */
}
@keyframes twentyDtext01M{from {top: 0;}to {top:100px;}}

h2.twentyDtext02{top:300px; left:0px; width:500px;line-height:28px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#999; font-weight:normal;text-align:left;}
.moveIn h2.twentyDtext02{
animation:ambpBtext03M 3s;
-moz-animation:ambpBtext03M 3s; /* Firefox */
-webkit-animation:ambpBtext03M 3s; /* Safari and Chrome */
-o-animation:ambpBtext03M 3s; /* Opera */
}
@keyframes twentyDtext02M{from {top: 0;}to {top: 200px;}}




/**/
div.twentyEDiv{ clear:both; height:500px; background:url(../images/12dao/12dao04.jpg) no-repeat center center;}


/**/
div.twentyFDiv{clear:both; height:768px; background:/*url(../images/12dao/banner_time01.png) no-repeat center 90px */#30303a;}
div.twentyFDivMid{clear:both; /*width:1280px;*/ height:768px; margin:0 auto; position:relative;padding-top: 180px;}
div.twentyFDivMid>img{
	display: block;
	margin:0 auto;
	height: 100%;
}
/*@media screen and (max-width: 920px){
	div.twentyFDivMid>img{
		height: 
	}
}*/
div.twentyFDivMid h1,div.twentyFDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyFpic01{ top:50px; right:0; width:785px;height:656px; margin:0;/*background:url(../images/12dao/banner_time01.png) no-repeat center center;*/}
.moveIn h1.twentyFpic01{
animation:twentyFpic01M 3s;
-moz-animation:twentyFpic01M 3s; /* Firefox */
-webkit-animation:twentyFpic01M 3s; /* Safari and Chrome */
-o-animation:twentyFpic01M 3s; /* Opera */
}
@keyframes twentyFpic01M{from {right:-100px;}to {right: 0;}}

h2.twentyFtext01{top:80px; left:0; right:0;line-height:50px;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#fff; font-weight:normal; text-align:center;}
.moveIn h2.twentyFtext01{
animation:twentyFtext01M 3s;
-moz-animation:twentyFtext01M 3s; /* Firefox */
-webkit-animation:twentyFtext01M 3s; /* Safari and Chrome */
-o-animation:twentyFtext01M 3s; /* Opera */
}
@keyframes twentyFtext01M{from {top: 0;}to {top:100px;}}

h2.twentyFtext02{top:150px; left:0px;right:0;line-height:28px; 
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#fff; font-weight:normal;text-align:center;}
.moveIn h2.twentyFtext02{
animation:twentyFtext02M 3s;
-moz-animation:twentyFtext02M 3s; /* Firefox */
-webkit-animation:twentyFtext02M 3s; /* Safari and Chrome */
-o-animation:twentyFtext02M 3s; /* Opera */
}
@keyframes twentyFtext02M{from {top: 0;}to {top: 200px;}}


@media (min-width:200px){h1.twentyFpic01{ display:none;}h2.twentyFtext01{top:40px; line-height:30px; letter-spacing:0px; font-size:24px;}h2.twentyFtext02{top:110px;line-height:20px; letter-spacing:0px; font-size:14px;}div.twentyFDiv{background-size:100% auto; background-position:center bottom;}div.twentyFDiv,div.twentyFDivMid{height:400px;}}
@media (min-width:700px){h1.twentyFpic01{ display:none;}h2.twentyFtext01{top:80px; line-height:30px; letter-spacing:5px; font-size:36px;}h2.twentyFtext02{top:130px;line-height:20px; letter-spacing:3px; font-size:16px;}div.twentyFDiv{background-size:auto; background-position:center 0px;}div.twentyFDiv,div.twentyFDivMid{height:650px;}}
@media (min-width:1285px){h1.twentyFpic01{ display:none;}h2.twentyFtext01{top:80px; line-height:30px; letter-spacing:5px; font-size:36px;}h2.twentyFtext02{top:150px;line-height:20px; letter-spacing:3px; font-size:16px;}div.twentyFDiv{background-size:auto; background-position:center;}div.twentyFDiv,div.twentyFDivMid{height:768px;}}

/**/
div.twentyGDiv{clear:both; height:800px; background:#fff;}
div.twentyGDivMid{clear:both;height:800px; margin:0 auto; position:relative;}
div.twentyGDivMid h1,div.twentyGDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyGpic01{ bottom:50px; right:0; left:0;height:526px; margin:0;/*background:url(../images/12dao/banner_qibopic.jpg) no-repeat center center;*/}
h1.twentyGpic01>img{
	width: 90%;
	height: 75%;
	display: block;
	margin:0 auto;
	margin-top: 60px;
}
.moveIn h1.twentyGpic01{
animation:twentyGpic01M 3s;
-moz-animation:twentyGpic01M 3s; /* Firefox */
-webkit-animation:twentyGpic01M 3s; /* Safari and Chrome */
-o-animation:twentyGpic01M 3s; /* Opera */
}
@keyframes twentyGpic01M{from {bottom:-100px;}to {bottom:50px;}}

h2.twentyGtext01{top:50px; left:0; width:100%;line-height:50px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#333; font-weight:normal; text-align:center;}
.moveIn h2.twentyGtext01{
animation:twentyGtext01M 3s;
-moz-animation:twentyGtext01M 3s; /* Firefox */
-webkit-animation:twentyGtext01M 3s; /* Safari and Chrome */
-o-animation:twentyGtext01M 3s; /* Opera */
}
@keyframes twentyGtext01M{from {top: 0;}to {top:50px;}}

h2.twentyGtext02{top:120px; left:0px; width:100%;line-height:28px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#999; font-weight:normal;text-align:center;}
.moveIn h2.twentyGtext02{
animation:twentyGtext02M 3s;
-moz-animation:twentyGtext02M 3s; /* Firefox */
-webkit-animation:twentyGtext02M 3s; /* Safari and Chrome */
-o-animation:twentyGtext02M 3s; /* Opera */
}
@keyframes twentyGtext02M{from {top: 0;}to {top: 100px;}}


@media (min-width:200px){h1.twentyGpic01{ width:100%; height:400px; background-position:center bottom; background-size:100%;}h2.twentyGtext01{line-height:30px; letter-spacing:0px; font-size:24px;}div.twentyGDiv,div.twentyGDivMid{height:400px;}h2.twentyGtext02{top:80px;line-height:20px; letter-spacing:0px; font-size:14px;}}
@media (min-width:700px){h1.twentyGpic01{ width:100%; height:400px; background-position:center bottom; background-size:100%;}h2.twentyGtext01{line-height:30px; letter-spacing:5px; font-size:24px;}div.twentyGDiv,div.twentyGDivMid{height:600px;}h2.twentyGtext02{top:80px;line-height:20px; letter-spacing:3px; font-size:14px;}}
@media (min-width:1285px){h1.twentyGpic01{ width:100%; height:526px; background-position:center bottom; background-size:auto;}h2.twentyGtext01{line-height:30px; letter-spacing:5px; font-size:24px;}div.twentyGDiv,div.twentyGDivMid{height:800px;}h2.twentyGtext02{top:120px;line-height:28px; letter-spacing:5px; font-size:16px;}}



/**/
div.twentyHDiv{clear:both; height:1000px; background:#efefef;}
div.twentyHDivMid{clear:both;height:1000px; margin:0 auto; position:relative;}
div.twentyHDivMid h1,div.twentyHDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyHpic01{ bottom:50px; right:0; left:0;height:733px; margin:0;/*background:url(../images/12dao/peijian_itengo.png) no-repeat center center;*/}
h1.twentyHpic01>img{
	width: 90%;
	/*height: 100%;*/
	display: block;
	margin:0 auto;
}
@media screen and (max-width: 1285px){
	h1.twentyHpic01{
		height: 520px;
	}
}
@media screen and (max-width: 700px){
	h1.twentyHpic01{
		height: 255px;
	}
}
.moveIn h1.twentyHpic01{
animation:twentyHpic01M 3s;
-moz-animation:twentyHpic01M 3s; /* Firefox */
-webkit-animation:twentyHpic01M 3s; /* Safari and Chrome */
-o-animation:twentyHpic01M 3s; /* Opera */
}
@keyframes twentyHpic01M{from {bottom:-100px;}to {bottom: 50px;}}

h2.twentyHtext01{top:80px; left:0; width:100%;line-height:50px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#333; font-weight:normal; text-align:center;}
.moveIn h2.twentyHtext01{
animation:twentyHtext01M 3s;
-moz-animation:twentyHtext01M 3s; /* Firefox */
-webkit-animation:twentyHtext01M 3s; /* Safari and Chrome */
-o-animation:twentyHtext01M 3s; /* Opera */
}
@keyframes twentyHtext01M{from {top: 0;}to {top:50px;}}

@media (min-width:200px){
	/*h1.twentyHpic01{ height:400px;width:100%; background-size:100% auto; background-position:center bottom;}*/
	h2.twentyHtext01{top:30px;line-height:30px; letter-spacing:0px; font-size:24px;}
	div.twentyHDiv,div.twentyHDivMid{height:400px;}}
@media (min-width:700px){
/*	h1.twentyHpic01{height:533px;width:100%; background-size:100% auto; background-position:center bottom;}*/
	h2.twentyHtext01{top:50px;line-height:30px; letter-spacing:5px; font-size:36px;}div.twentyHDiv,div.twentyHDivMid{height:700px;}}
@media (min-width:1285px){
	/*h1.twentyHpic01{height:733px;width:100%; background-size:auto; background-position:center bottom;}*/
	h2.twentyHtext01{top:80px;line-height:30px; letter-spacing:5px; font-size:36px;}div.twentyHDiv,div.twentyHDivMid{height:1000px;}}



/**/
div.twentyIDiv{clear:both; height:900px;
background-image:-webkit-linear-gradient(to top,#f1f1f1,#f9f9f9);
background-image:linear-gradient(to top,#f1f1f1,#f9f9f9);
}
div.twentyIDivMid{clear:both;height:900px; margin:0 auto; position:relative;}
div.twentyIDivMid h1,div.twentyIDivMid h2{position: absolute;transition-property: left, opacity;}

h1.twentyIpic01{ bottom:50px; right:0; left:0;height:550px; margin:0;background:url(../images/12dao/12dao05.png) no-repeat center center; background-size:900px auto;}
.moveIn h1.twentyIpic01{
animation:twentyIpic01M 3s;
-moz-animation:twentyIpic01M 3s; /* Firefox */
-webkit-animation:twentyIpic01M 3s; /* Safari and Chrome */
-o-animation:twentyIpic01M 3s; /* Opera */
}
@keyframes twentyIpic01M{from {bottom:-100px;}to {bottom: 50px;}}

h2.twentyItext01{top:50px; left:0; width:100%;line-height:50px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#333; font-weight:normal; text-align:center;}
.moveIn h2.twentyItext01{
animation:twentyItext01M 3s;
-moz-animation:twentyItext01M 3s; /* Firefox */
-webkit-animation:twentyItext01M 3s; /* Safari and Chrome */
-o-animation:twentyItext01M 3s; /* Opera */
}
@keyframes twentyItext01M{from {top: 0;}to {top:50px;}}

h2.twentyItext02{top:120px; left:0px; width:100%;line-height:28px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#999; font-weight:normal;text-align:center;}
.moveIn h2.twentyItext02{
animation:twentyItext02M 3s;
-moz-animation:twentyItext02M 3s; /* Firefox */
-webkit-animation:twentyItext02M 3s; /* Safari and Chrome */
-o-animation:twentyItext02M 3s; /* Opera */
}
@keyframes twentyItext02M{from {top: 0;}to {top: 100px;}}




/**/
div.twentyiTengoKDiv{clear:both; /*height:800px;*/ /*background:url(../images/12dao/banner_itengopaidai.jpg) no-repeat center center;*/}
div.twentyiTengoKDivMid>img{
	/*height: 100%;*/
}
div.twentyiTengoKDivMid{clear:both; /*width:1280px;*/ /*height:800px; */margin:0 auto; position:relative;}
div.twentyiTengoKDivMid h1,div.twentyiTengoKDivMid h2{position: absolute;transition-property: left, opacity;}
h2.twentyiTengoKDivtext01{top:0px; left:0; right:0;line-height:50px; 
font-family:'微软雅黑'; letter-spacing:5px; font-size:40px; color:#000; font-weight:normal; text-align:center;}
h2.twentyiTengoKDivtext02{top:60px; left:0px;right:0;line-height:28px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:18px; color:#333; font-weight:normal;text-align:center;}


@media (min-width:200px){div.twentyiTengoKDiv{ background-size:auto 400px;}h2.twentyiTengoKDivtext01{line-height:30px; letter-spacing:0px; font-size:24px;}h2.twentyiTengoKDivtext02{top:30px;line-height:20px; letter-spacing:0px; font-size:14px;}div.twentyiTengoKDiv,div.twentyiTengoKDivMid{/*height:400px;*/}}
@media (min-width:700px){div.twentyiTengoKDiv{ background-size:auto 600px;}h2.twentyiTengoKDivtext01{line-height:30px; letter-spacing:4px; font-size:30px;}h2.twentyiTengoKDivtext02{top:30px;line-height:20px; letter-spacing:3px; font-size:14px;}div.twentyiTengoKDiv,div.twentyiTengoKDivMid{/*height:600px;*/}}
@media (min-width:1285px){div.twentyiTengoKDiv{ background-size:100% auto;}h2.twentyiTengoKDivtext01{line-height:30px; letter-spacing:5px; font-size:36px;}h2.twentyiTengoKDivtext02{top:60px;line-height:20px; letter-spacing:5px; font-size:16px;}div.twentyiTengoKDiv,div.twentyiTengoKDivMid{/*height:800px;*/}}


/**/
div.twentyItengoMoveDiv{clear:both; height:1000px; background:#f7f7f7;}
div.twentyItengoMoveDivMid{clear:both; /*width:1280px;*/ height:1000px; margin:0 auto; position:relative; z-index:1;}
div.twentyItengoMoveDivMid h1,div.twentyItengoMoveDivMid h2{position: absolute;transition-property: left, opacity;}

h2.ItengoMovetext01{top:350px; left:0; right:0;line-height:50px; 
font-family:'微软雅黑'; letter-spacing:5px; font-size:40px; color:#333; font-weight:normal; text-align:center;}

.ItengoMove_daoxian{ display:none;}
h1.ItengoMovepic01{display:block; top:0px; right:0; left:0; width:100%;height:303px; margin:0; /*background:url(../images/12dao/banner_movecommon02.png) no-repeat center center;*/}
h1.ItengoMovepic01>img{
	width: 80%;
	display: block;
	margin:0 auto;
}
h1.ItengoMovepic02{ top:0px; right:0; left:0; width:100%;height:303px; margin:0; /*background:url(../images/12dao/banner_movecommon01.png) no-repeat center center;*/}
h1.ItengoMovepic02>img{
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 700px){
	h1.ItengoMovepic02 {
	    height: 150px;
	}
}

h1.ItengoMovepic03{ bottom:0px; left:100px; width:131px;height:338px; margin:0; background:url(../images/12dao/banner_itangomove01.png) no-repeat center center; z-index:3;}
.moveIn h1.ItengoMovepic03{
animation:ItengoMovepic03M 6s;
-moz-animation:ItengoMovepic03M 6s; /* Firefox */
-webkit-animation:ItengoMovepic03M 6s; /* Safari and Chrome */
-o-animation:ItengoMovepic03M 6s; /* Opera */
}
@keyframes ItengoMovepic03M{from {left:211px;}to {left:100px;}}

h1.ItengoMovepic04{ bottom:140px; left:300px; width:315px;height:235px; margin:0; /*background:url(../images/12dao/banner_itangomove02.png) no-repeat center center; */z-index:2;}

h1.ItengoMovepic05{ bottom:160px; right:460px; width:53px;height:197px; margin:0; background:url(../images/12dao/banner_itangomove05.png) no-repeat center center; z-index:3;}
.moveIn h1.ItengoMovepic05{
animation:ItengoMovepic05M 6s;
-moz-animation:ItengoMovepic05M 6s; /* Firefox */
-webkit-animation:ItengoMovepic05M 6s; /* Safari and Chrome */
-o-animation:ItengoMovepic05M 6s; /* Opera */
}
@keyframes ItengoMovepic05M{from {right:575px;}to {right:460px;}}

h1.ItengoMovepic06{ bottom:175px; right:255px; width:145px;height:111px; margin:0; background:url(../images/12dao/banner_itangomove03.png) no-repeat center center; z-index:4;}
.moveIn h1.ItengoMovepic06{
animation:ItengoMovepic06M 6s;
-moz-animation:ItengoMovepic06M 6s; /* Firefox */
-webkit-animation:ItengoMovepic06M 6s; /* Safari and Chrome */
-o-animation:ItengoMovepic06M 6s; /* Opera */
}
@keyframes ItengoMovepic06M{from {right:492px;}to {right:255px;}}

h1.ItengoMovepic07{ bottom:143px; right:100px; width:105px;height:233px; margin:0; background:url(../images/12dao/banner_itangomove04.png) no-repeat center center; z-index:5;}
.moveIn h1.ItengoMovepic07{
animation:ItengoMovepic07M 6s;
-moz-animation:ItengoMovepic07M 6s; /* Firefox */
-webkit-animation:ItengoMovepic07M 6s; /* Safari and Chrome */
-o-animation:ItengoMovepic07M 6s; /* Opera */
}
@keyframes ItengoMovepic07M{from {right:438px;}to {right:100px;}}


ul.daoxianTab{ position:absolute; left:500px; top:470px; width:203px; height:50px; border:1px solid #c3c3c3; background:#fff; overflow:hidden;border-radius:25px;}
ul.daoxianTab li{ float:left; height:50px; line-height:50px; width:100px; box-sizing:content-box; cursor:pointer;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#666; font-weight:normal; text-align:center;}
ul.daoxianTab li:hover{ background:#ddd;}
ul.daoxianTab li.liOn{ background:#e3e3e3;color:#333;}


@media (min-width:200px){
	h1.ItengoMovepic01{ width:100%; height:300px; background-size:100% auto; background-position:center top;}h1.ItengoMovepic02{ width:100%; background-size:100% auto; background-position:center top;}h1.ItengoMovepic03{ display:none;}
	h1.ItengoMovepic04{ bottom:0; width:100%; left:0; /*background:url(../images/12dao/banner_itangomove0202.png) no-repeat center bottom; background-size:100% auto;*/}
	h1.ItengoMovepic04>img{
		width: 80%;
		display: block;
		margin:0 auto;
		margin-top: 30px;
	}

h1.ItengoMovepic05{ display:none;}h1.ItengoMovepic06{ display:none;}h1.ItengoMovepic07{ display:none;} h2.ItengoMovetext01{top:150px;line-height:30px; letter-spacing:0px; font-size:28px;}div.twentyItengoMoveDiv,div.twentyItengoMoveDivMid{height:500px;} ul.daoxianTab{left:20%; top:230px; z-index:3;}}
@media (min-width:700px){h1.ItengoMovepic01{ width:100%; height:300px; background-size:100% auto; background-position:center top;}h1.ItengoMovepic02{ width:100%; height:300px; background-size:auto; background-position:center bottom;}h1.ItengoMovepic03{ display:none;}h1.ItengoMovepic04{ bottom:0; width:100%; height:400px; left:0;/* background:url(../images/12dao/banner_itangomove0202.png) no-repeat center bottom; background-size:100% auto;*/}h1.ItengoMovepic05{ display:none;}h1.ItengoMovepic06{ display:none;}h1.ItengoMovepic07{ display:none;} h2.ItengoMovetext01{top:280px;line-height:30px; letter-spacing:0px; font-size:28px;}div.twentyItengoMoveDiv,div.twentyItengoMoveDivMid{/*height:800px;*/} ul.daoxianTab{left:40%; top:360px; z-index:3;}}
@media (min-width:1285px){h1.ItengoMovepic01{ width:100%; height:303px; background-size:auto; background-position:center top;}h1.ItengoMovepic02{ width:100%; height:300px; background-size:auto; background-position:center top;}h1.ItengoMovepic03{ display:block;}h1.ItengoMovepic04{bottom:140px; left:300px; width:315px;height:235px; background:url(../images/12dao/banner_itangomove02.png) no-repeat center center; background-size:auto;}h1.ItengoMovepic05{ display:block;}h1.ItengoMovepic06{ display:block;}h1.ItengoMovepic07{ display:block;} h2.ItengoMovetext01{top:350px;line-height:30px; letter-spacing:0px; font-size:28px;}div.twentyItengoMoveDiv,div.twentyItengoMoveDivMid{height:1000px;} ul.daoxianTab{left:500px; top:470px; z-index:3;}}




/*使用教程*/
.mainBox{
	width:1000px;
	margin:auto;}
.mainTable{
	width:100%;
	border-top:1px #e9e9e9 solid;
	margin-top:60px;}
.mainTable tr th{
	width:220px;
	line-height:100px;
	border-bottom:1px #e9e9e9 solid;
	border-right:1px #e9e9e9 solid;
	vertical-align:top;
	color:#333;
	font-size:16px;
	font-weight:normal;
	font-family:"微软雅黑";
	letter-spacing:2px;
	text-align:center;}
.mainTable tr td{
	border-bottom:1px #e9e9e9 solid;
	padding:30px 0px 30px 30px;}
.stepBox{
	width:100%;
	float:left;
	margin-top:20px;
	overflow:hidden;}
.stepBox.first{
	margin-top:0px;}
.stepPic{
	display:block;
	float:left;
	margin-right:10px;}
.textDiv{
	color:#666;
	font-size:16px;
	font-weight:normal;
	font-family:"微软雅黑";
	letter-spacing:2px;}
.stepBox .textDiv{
	width:480px;}
.textDiv p{
	line-height:28px;
	/*text-indent:20px;*/
	/*background:url(../images/dotGray.png) 5px 12px no-repeat;*/}
.forbidImg{
	display:block;
	float:left;
	margin:0px 40px 20px 0px;}
/*技术规格*/
h1.texth1{ float:left; padding:20px 20px 20px 20px; line-height:18px;
font-family:'微软雅黑'; letter-spacing:5px; font-size:14px; color:#999; font-weight:normal;text-align:left;}
h1.texth1 b{ display:inline-flex; width:60px; font-weight:normal; color:#666;}
.guigeBox{
	position:relative;
	line-height:30px;
	padding-left:160px;
	color:#666;
	font-size:14px;
	font-weight:normal;
	font-family:"微软雅黑";
	letter-spacing:2px;
	overflow:hidden;}
.guigeTit{
	position:absolute;
	top:0px;
	left:0px;
	width:160px;
	color:#333;}
.batteryImg{
	display:block;
	margin:auto;}
.batteryText{
	line-height:30px;
	margin-top:20px;
	color:#333;
	font-size:14px;
	font-weight:normal;
	font-family:"微软雅黑";
	letter-spacing:4px;
	text-align:center;}
.productText{
	line-height:30px;
	margin-top:20px;
	color:#888;
	font-size:14px;
	font-weight:normal;
	font-family:"微软雅黑";
	letter-spacing:4px;
	text-align:center;}
.partsImg{
	display:block;
	margin:auto;}
.partsTit{
	display:block;
	line-height:30px;
	color:#888;
	font-size:14px;
	font-weight:normal;
	font-family:"微软雅黑";
	letter-spacing:2px;
	text-align:center;
}

@media (max-width: 800px){
	h2.wuxianEtext01 {
	    font-size: 24px;
	    top:5px;
	}
	h2.wuxianEtext02{
		font-size: 12px;
		top:45px;
		line-height: 15px;
	}
}

@media (max-width: 560px){
	h2.wuxianEtext01 {
	    margin-top: 5px;
	    line-height: 20px;
	    font-size: 16px;
	}
	h2.wuxianEtext02{
	    margin-top: 5px;
	    top:25px;
	}
}

.textBox{align:center}
.textBox img{ width:100%;}
h1.textTittle{ padding:20px 0 10px 0; font-size:100%; color:#333; line-height:130%; font-weight:500;text-align:center;}