.tit_box{ font-family:HanHei SC; font-weight:200}

.generic{ width:100%; min-width:930px; float:left; overflow:hidden; position:relative}
.generic .box{ width:1920px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px; font-family:HanHei SC; font-weight:200}

.titAni_1{ opacity:0; transform:translate(0,80px) rotate(0.0001deg); -webkit-transform:translate(0,80px) rotate(0.0001deg)}

@keyframes titAni_1{ 0%{ opacity:0; transform:translate(0,80px) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0deg)}}
@-webkit-keyframes titAni_1{ 0%{ opacity:0; -webkit-transform:translate(0,80px) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0deg)}}

.battery_1{ height:960px; margin-top:-50px}
.battery_1 .box{ height:960px; transform:translate(0,0)}
.battery_1 .tit_box{ width:720px; height:300px; float:left; text-align:center; color:#323232; position:absolute; top:118px; left:600px}
.battery_1 .t_1, .battery_1 .t_2, .battery_1 .t_3{ width:100%; float:left; height:50px; font-size:48px; line-height:50px; position:absolute; top:0; left:0; opacity:0}
.battery_1 .t_2{ height:auto; top:67px; font-size:18px; line-height:28px}
.battery_1 .t_3{ height:64px; top:144px}
.battery_1 .t_3 img{ width:122px; height:64px; float:left; margin-left:299px}
.battery_1 .t_3 .t_3_1{ float:left; font-size:18px; line-height:20px; padding-top:44px}

.battery_1 .img_box{ width:722px; height:800px; float:left; position:absolute; top:383px; left:599px}
.battery_1 .img_box .img_1{ width:722px; height:451px; overflow:hidden; float:left; position:absolute; top:0; left:0; opacity:0; z-index:10; transform:translate(0,-140px) rotate(0.0001deg); -webkit-transform:translate(0,-140px) rotate(0.0001deg)}
.battery_1 .img_box .img_2{ width:722px; height:160px; overflow:hidden; float:left; top:311px; position:absolute; opacity:0.03}
.battery_1 .img_box .img_2 img{ margin-top:-500px}

@keyframes tit_1_1{ 0%{ opacity:0} 100%{ opacity:1}}
@keyframes tit_1_2{ 0%{ opacity:0; transform:translate(0,-20px) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0deg)}}
@keyframes img_1_1{ 0%{ opacity:0; transform:translate(0,-140px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_2{ 0%{ opacity:0.001; transform:scale(0.8) rotate(0.0001deg)} 60%{ opacity:0.1; transform:scale(1) rotate(0.0001deg)} 100%{ opacity:1; transform:scale(1) rotate(0.0001deg)}}

@-webkit-keyframes tit_1_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes tit_1_2{ 0%{ opacity:0; -webkit-transform:translate(0,-20px) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0deg)}}
@-webkit-keyframes img_1_1{ 0%{ opacity:0; -webkit-transform:translate(0,-140px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_2{ 0%{ opacity:0.001; -webkit-transform:scale(0.8) rotate(0.0001deg)} 60%{ opacity:0.1; -webkit-transform:scale(1) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:scale(1) rotate(0.0001deg)}}

.battery_2{ height:769px}
.battery_2_bg{ background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_2_bg.jpg) no-repeat}
.battery_2 .box{ height:769px}
.battery_2 .tit_box{ width:720px; height:200px; float:left; position:absolute; top:98px; left:600px}
.battery_2 .t_1{ width:100%; height:80px; float:left; line-height:48px; font-size:40px; color:#a05b1d; text-align:center}
.battery_2 .t_2{ width:100%; float:left; text-align:center; line-height:28px; font-size:18px; color:#a05b1d}
.battery_2 .img_box{ width:1123px; height:350px; float:left; position:absolute; top:360px; left:397px; z-index:10}
.battery_2 .img{ width:115px; height:500px; float:left; position:absolute; top:0; left:0; background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_2.png) no-repeat}
.battery_2 .img_2{ left:114px; background-position:-114px 0}
.battery_2 .img_3{ left:226px; background-position:-226px 0}
.battery_2 .img_4{ left:340px; background-position:-340px 0}
.battery_2 .img_5{ left:454px; background-position:-454px 0}
.battery_2 .img_6{ left:564px; background-position:-564px 0}
.battery_2 .img_7{ left:679px; background-position:-679px 0}
.battery_2 .img_8{ left:792px; background-position:-792px 0}
.battery_2 .img_9{ left:907px; background-position:-907px 0}
.battery_2 .img_10{ left:1021px; background-position:-1021px 0}

.battery_2 .imgShadow{ width:101px; height:23px; float:left; position:absolute; top:685px; left:398px; background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_2_1.png) no-repeat; z-index:8}
.battery_2 .is_2{ left:510px}
.battery_2 .is_3{ left:622px}
.battery_2 .is_4{ left:736px}
.battery_2 .is_5{ left:850px}
.battery_2 .is_6{ left:960px}
.battery_2 .is_7{ left:1075px}
.battery_2 .is_8{ left:1188px}
.battery_2 .is_9{ left:1303px}
.battery_2 .is_10{ left:1417px}

.battery_2 .shadow{ width:1379px; height:60px; float:left; position:absolute; top:645px; left:330px; background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_2_2.png) no-repeat; opacity:0; transition:opacity 0.5s ease 1.4s; -webkit-transition:opacity 0.5s ease 1.4s}

@keyframes img_2{ 0%{ transform:translate(0,0) rotate(0.0001deg)} 50%{ transform:translate(0,-100px) rotate(0.0001deg)} 100%{ transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_shadow_2{ 0%{ background-position:0 -32px; opacity:0.2; transform:scale(1) rotate(0.0001deg)} 50%{ background-position:0 -32px; opacity:0.03; transform:scale(0.5) rotate(0.0001deg)} 99%{ background-position:0 -32px; opacity:0.2; transform:scale(1) rotate(0.0001deg)} 100%{ background-position:0 -32px; opacity:1; transform:scale(1) rotate(0.0001deg)}}

@-webkit-keyframes img_2{ 0%{ -webkit-transform:translate(0,0) rotate(0.0001deg)} 50%{ -webkit-transform:translate(0,-100px) rotate(0.0001deg)} 100%{ -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_shadow_2{ 0%{ background-position:0 -32px; opacity:0.2; -webkit-transform:scale(1) rotate(0.0001deg)} 50%{ background-position:0 -32px; opacity:0.03; -webkit-transform:scale(0.5) rotate(0.0001deg)} 99%{ background-position:0 -32px; opacity:0.2; -webkit-transform:scale(1) rotate(0.0001deg)} 100%{ background-position:0 -32px; opacity:1; -webkit-transform:scale(1) rotate(0.0001deg)}}

.battery_3{ height:769px}
.battery_3 .box{ height:769px}
.battery_3 .tit_box{ width:920px; height:240px; float:left; position:absolute; top:142px; left:500px}
.battery_3 .t_1{ width:100%; height:90px; line-height:50px; font-size:40px; float:left; text-align:center}
.battery_3 .t_2{ width:100%; float:left; text-align:center; line-height:28px; font-size:18px}
.battery_3 .img_box{ width:980px; height:200px; float:left; position:absolute; top:448px; left:470px; opacity:0; transition:opacity 0.5s ease 0.8s; -webkit-transition:opacity 0.5s ease 0.8s}
.battery_3 .t_3{ width:245px; float:left; line-height:20px; font-size:16px; color:#666; text-align:center; padding-top:20px}

.battery_4{ height:769px}
.battery_4_bg{ background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_4_bg.jpg) no-repeat}
.battery_4 .box{ height:769px}
.battery_4 .tit_box{ width:450px; height:550px; float:left; position:absolute; top:170px; left:1100px}
.battery_4 .t_1{ width:100%; height:115px; float:left; font-size:40px; color:#fff; line-height:46px}
.battery_4 .t_2{ width:100%; float:left; line-height:28px; font-size:18px; color:#fff}
.battery_4 .t_3{ width:180px; height:143px; float:left}
.battery_4 .t_3 .t_3_1{ width:100%; color:#9aa4b4; float:left; font-size:14px; line-height:18px}
.battery_4 .t_3 .t_3_2{ float:left; padding-top:14px}
.battery_4 .t_3 .t_3_3{ width:56px; text-align:center; color:#9aa4b4; font-size:14px; line-height:18px; float:left; padding-top:6px}
.battery_4 .t_3 .t_3_4{ padding-left:54px}
.battery_4 .img_box{ width:560px; height:650px; float:left; position:absolute; top:84px; left:580px}
.battery_4 .img_1{ width:552px; height:570px; float:left; position:absolute; top:0; left:0; z-index:10}
.battery_4 .img_2, .battery_4 .img_3, .battery_4 .img_4, .battery_4 .img_5{ width:332px; height:278px; float:left; position:absolute; top:337px; left:15px; background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_4_1.png) no-repeat -400px 0; z-index:8; opacity:0; transition:opacity 1s ease 0.2s; -webkit-transition:opacity 1s ease 0.2s}
.battery_4 .img_3{ background-position:-400px -280px; opacity:0; transition:opacity 1s ease 0.4s; -webkit-transition:opacity 1s ease 0.4s}
.battery_4 .img_4{ background-position:-400px -560px; opacity:0; transition:opacity 1s ease 0.6s; -webkit-transition:opacity 1s ease 0.6s}
.battery_4 .img_5{ background-position:0 0}

@keyframes img_4_5{ 0%{ opacity:1} 50%{ opacity:0.5} 100%{ opacity:1}}

@-webkit-keyframes img_4_5{ 0%{ opacity:1} 50%{ opacity:0.5} 100%{ opacity:1}}

.battery_5{ height:800px}
.battery_5_1_bg{ background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_5_1.png) no-repeat}
.battery_5_bg{ background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_5_bg.jpg) no-repeat}
.battery_5 .box{ height:800px}
.battery_5 .tit_box{ width:720px; height:300px; float:left; position:absolute; top:102px; left:600px}
.battery_5 .t_1{ width:100%; height:80px; line-height:50px; font-size:40px; float:left; text-align:center}
.battery_5 .t_2{ width:100%; float:left; text-align:center; line-height:28px; font-size:18px}
.battery_5 .img_box{ width:900px; height:300px; float:left; position:absolute; top:434px; left:538px}
.battery_5 .img_1{ width:803px; height:150px; float:left; position:absolute; top:-23px; left:88px; z-index:10; background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_5_2.png) no-repeat right bottom; opacity:0; transition:opacity 0.7s ease 2.0s; -webkit-transition:opacity 0.7s ease 2.0s}
.battery_5 .img_2, .battery_5 .img_3, .battery_5 .img_4, .battery_5 .img_5{ width:566px; height:255px; float:left; position:absolute; top:63px; left:0; z-index:8; transform:translate(50px,0) rotate(0.0001deg); -webkit-transform:translate(50px,0) rotate(0.0001deg)}
.battery_5 .img_3{ width:104px; left:558px; top:68px; z-index:7; transform:translate(-53px,0) rotate(0.0001deg); -webkit-transform:translate(-53px,0) rotate(0.0001deg)}
.battery_5 .img_3 .img_3_1{ width:104px; height:165px; float:left; background-position:-644px 0}
.battery_5 .img_3 .img_3_2{ width:104px; height:90px; float:left; background-position:-644px -165px}
.battery_5 .img_4{ width:107px; left:635px; top:68px; z-index:6; transform:translate(-144px,0) rotate(0.0001deg); -webkit-transform:translate(-144px,0) rotate(0.0001deg)}
.battery_5 .img_4 .img_4_1{ width:107px; height:165px; float:left; background-position:-815px 0}
.battery_5 .img_4 .img_4_2{ width:107px; height:90px; float:left; background-position:-815px -165px}
.battery_5 .img_5{ width:107px; left:725px; top:68px; z-index:5; transform:translate(-240px,0) rotate(0.0001deg); -webkit-transform:translate(-240px,0) rotate(0.0001deg)}
.battery_5 .img_5 .img_5_1{ width:107px; height:165px; float:left; background-position:-1008px 0}
.battery_5 .img_5 .img_5_2{ width:107px; height:90px; float:left; background-position:-1008px -165px}
.battery_5 .tra_op{ opacity:0; transition:opacity 0.6s ease 0.5s; -webkit-transition:opacity 0.6s ease 0.5s}
.battery_5 .it_1, .battery_5 .it_2, .battery_5 .it_3, .battery_5 .it_4, .battery_5 .it_5{ width:120px; float:left; line-height:20px; font-size:16px; color:#666; position:absolute; top:19px; left:42px}
.battery_5 .it_2{ left:212px}
.battery_5 .it_3{ left:568px}
.battery_5 .it_4{ left:686px}
.battery_5 .it_5{ left:756px}

@keyframes img_5_2{ 0%{ transform:translate(50px,0) rotate(0.0001deg)} 100%{ transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_5_3{ 0%{ transform:translate(-53px,0) rotate(0.0001deg)} 100%{ transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_5_4{ 0%{ transform:translate(-144px,0) rotate(0.0001deg)} 100%{ transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_5_5{ 0%{ transform:translate(-240px,0) rotate(0.0001deg)} 100%{ transform:translate(0,0) rotate(0.0001deg)}}

@-webkit-keyframes img_5_2{ 0%{ -webkit-transform:translate(50px,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_5_3{ 0%{ -webkit-transform:translate(-53px,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_5_4{ 0%{ -webkit-transform:translate(-144px,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_5_5{ 0%{ -webkit-transform:translate(-240px,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate(0,0) rotate(0.0001deg)}}

.battery_6{ height:770px}
.battery_6_bg{ background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_6_bg.jpg) no-repeat}
.battery_6 .box{ height:770px}
.battery_6 .tit_box{ width:500px; height:500px; float:left; position:absolute; top:160px; left:410px}
.battery_6 .t_1{ width:100%; float:left; font-size:40px; line-height:48px; height:70px}
.battery_6 .t_2{ width:100%; float:left; line-height:28px; font-size:18px}
.battery_6 ul{ width:480px; height:300px; float:left; background:url(https://images.iyunmai.com/home/static/images/title/battery/tit_6.png) no-repeat; margin:0 0 0 -33px}
.battery_6 li{ width:120px; height:40px; float:left; font-size:16px; color:#666; line-height:20px; text-align:center; padding:64px 0 18px}

.battery_7{ height:770px}
.battery_7_bg{ background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_7_bg.jpg) no-repeat}
.battery_7 .box{ height:770px}
.battery_7 .tit_box{ width:450px; height:300px; float:left; position:absolute; top:270px; left:1110px}
.battery_7 .t_1{ width:100%; height:125px; float:left; font-size:38px; line-height:48px}
.battery_7 .t_2{ width:100%; float:left; line-height:28px; font-size:18px}

.battery_8{ height:796px}
.battery_8_bg{ background:url(https://images.iyunmai.com/home/static/images/accessories/battery/battery_8_bg.jpg) no-repeat}
.battery_8 .box{ height:796px}
.battery_8 .tit_box{ width:520px; height:300px; float:left; position:absolute; top:342px; left:406px}
.battery_8 .t_1{ width:100%; height:70px; float:left; font-size:40px; line-height:48px}
.battery_8 .t_2{ width:100%; float:left; line-height:28px; font-size:18px}
.battery_8 .t_3{ width:100%; height:60px; float:left; padding-top:36px}

.battery_9{ height:469px}
.battery_9 .box{ height:469px}