﻿@charset "utf-8";
/* CSS Document */

/**/
div.erheyiTabMain{ display:none;}

/**/
div.erheyi01Div{ clear:both; height:850px; background:#ffffff;}
div.erheyi01DivMid{ margin:0 auto; height:850px; position:relative;}
div.erheyi01DivMid h1,div.erheyi01Div h2{position: absolute;transition-property: left, opacity;}

h1.erheyi01pic01{ top:240px; left:0; width:608px;height:471px; margin:0;/*background:url(../images/erheyi/erheyi01_1.png) no-repeat center center;*/}
h1.erheyi01pic01>img{
	/*height: 100%;*/
}
.moveIn h1.erheyi01pic01{
animation:erheyi01pic01M 9s;
-moz-animation:erheyi01pic01M 9s; /* Firefox */
-webkit-animation:erheyi01pic01M 9s; /* Safari and Chrome */
-o-animation:erheyi01pic01M 9s; /* Opera */
}
@keyframes erheyi01pic01M{from {left:50px;}to {left:0;}}

h1.erheyi01pic02{ top:100px; right:0px; width:574px;height:609px; margin:0;background:url(../images/erheyi/erheyi01_2.png) no-repeat center center;}
.moveIn h1.erheyi01pic02{
animation:erheyi01pic02M 3s;
-moz-animation:erheyi01pic02M 3s; /* Firefox */
-webkit-animation:erheyi01pic02M 3s; /* Safari and Chrome */
-o-animation:erheyi01pic02M 3s; /* Opera */
}
@keyframes erheyi01pic02M{from {right:50px;}to {right:0;}}

@media (min-width:300px){h1.erheyi01pic01{ background-size:210px auto; background-position:left top;width: 100%;height:210px; top:130px;}h1.erheyi01pic02{background-size:240px auto; background-position:center center; height:280px; top:30px;width:100%;}div.erheyi01Div,div.erheyi01DivMid{ height:340px;}}
@media (min-width:700px){h1.erheyi01pic01{ background-size:310px auto; background-position:left top;width: 100%;height:310px; top:130px;}h1.erheyi01pic02{background-size:340px auto; background-position:center center; height:380px; top:30px;width:100%;}div.erheyi01Div,div.erheyi01DivMid{ height:440px;}}
@media (min-width:992px){h1.erheyi01pic01{background-size:410px auto; background-position:left top;width: 100%; top:195px;}h1.erheyi01pic02{background-size:380px auto; background-position:right center; top:50px;height:480px; width:100%;}div.erheyi01Div,div.erheyi01DivMid{ height:640px;}}
@media (min-width:1030px){h1.erheyi01pic01{ top:165px; left:0;height:510px;width:508px;background-size:500px auto;}h1.erheyi01pic02{width:574px;background-size:500px auto;top:0px; right:0px;height:540px;}div.erheyi01Div,div.erheyi01DivMid{height:650px;}}
@media (min-width:1285px){h1.erheyi01pic01{ top:240px; left:0; width:608px;height:471px;background-size:auto;}h1.erheyi01pic02{width:574px;background-size:auto;top:100px; right:0px;height:609px;}div.erheyi01Div,div.erheyi01DivMid{height:850px;}}


/**/
div.erheyi02Div{ clear:both; height:850px; background:#fff; overflow:hidden;}
div.erheyi02DivMid{ margin:0 auto; height:850px; position:relative;}
div.erheyi02DivMid h1,div.erheyi02DivMid h2{position: absolute;transition-property: left, opacity;}

h1.erheyi02pic01{ bottom:80px; left:100px; width:1100px;height:503px; margin:0;/*background:url(../images/erheyi/erheyi02_1.png) no-repeat center bottom;*/}
h1.erheyi02pic01>img{
	height: 100%;
	display: block;
	margin:0 auto;
}
.moveIn h1.erheyi02pic01{
animation:erheyi02pic01M 3s;
-moz-animation:erheyi02pic01M 3s; /* Firefox */
-webkit-animation:erheyi02pic01M 3s; /* Safari and Chrome */
-o-animation:erheyi02pic01M 3s; /* Opera */
}
@keyframes erheyi02pic01M{from {bottom:0px;}to {bottom:80px;}}


h2.erheyi02text01{top:80px; left:0;width:100%;line-height:50px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:36px; color:#000; font-weight:normal; text-align:center;}
.moveIn h2.erheyi02text01{
animation:erheyi02text01M 3s;
-moz-animation:erheyi02text01M 3s; /* Firefox */
-webkit-animation:erheyi02text01M 3s; /* Safari and Chrome */
-o-animation:erheyi02text01M 3s; /* Opera */
}
@keyframes erheyi02text01M{from {top: 0;}to {top:80px;}}

h2.erheyi02text02{top:130px; left:0px; width:100%;line-height:28px; float:left;
font-family:'微软雅黑'; letter-spacing:5px; font-size:16px; color:#666; font-weight:normal;text-align:center;}
.moveIn h2.erheyi02text02{
animation:erheyi02text02M 3s;
-moz-animation:erheyi02text02M 3s; /* Firefox */
-webkit-animation:erheyi02text02M 3s; /* Safari and Chrome */
-o-animation:erheyi02text02M 3s; /* Opera */
}
@keyframes erheyi02text02M{from {top: 0;}to {top: 130px;}}

@media (min-width:100px){h1.erheyi02pic01{ background-size:410px auto; background-position:center; left:0;height:203px;width: 100%; bottom:80px;}h2.erheyi02text01,h1.erheyi02text02{ width:100%;}div.erheyi02Div,div.erheyi02DivMid{ height:600px;}}
@media (min-width:1030px){h1.erheyi02pic01{background-size:800px auto; background-position:center; left:0;height:403px;width: 100%; bottom:20px;}h2.erheyi02text01{top:40px;}h2.erheyi02text02{top:90px;}div.erheyi02Div,div.erheyi02DivMid{height:650px;}}
@media (min-width:1285px){h1.erheyi02pic01{ background-size:auto; background-position:center; left:0;height:503px;width: 100%; bottom:80px;}div.erheyi02Div,div.erheyi02DivMid{height:850px;}}



/*使用教程*/
.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;overflow:hidden;
color:#666;font-size:14px;font-weight:normal;font-family:"微软雅黑";letter-spacing:2px;}
.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;}

/**/
div.detailTitleA{ clear:both; margin:20px 0 10px; height:45px; border-bottom:1px solid #c2c0c0;}
div.detailTitleA h1{ float:left;height:45px; line-height:45px;background:#777777; padding:0 20px; margin:0;
font-family:'微软雅黑'; letter-spacing:1px; font-size:16px; color:#fff;font-weight:normal; text-align:center;}
div.detailTitleB{clear:both; margin:10px 0;}
div.detailTitleB p{ clear:both;line-height:16px;padding:10px;
font-family:'微软雅黑'; letter-spacing:1px; font-size:14px; color:#333;font-weight:normal; text-align:left;}
div.detailTitleB p i{ padding:10px; background:#efefef; border-radius:30px;color:#333; margin-right:10px;font-weight:bold;}
div.detailTableDiv{}
table.detailTable{ width:100%; border-collapse:collapse;}
table.detailTable th,table.detailTable td{vertical-align:top; text-align:center; padding:10px;}
table.detailTable th{line-height:16px;
font-family:'微软雅黑'; letter-spacing:1px; font-size:12px; color:#666;font-weight:normal; text-align:center;}
@media (max-width: 992px){
	h1.erheyi01pic01>img{
		width: 45%;
	}
}