.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}
.generic .tit_box{ width:920px; float:left; position:absolute; opacity:0; z-index:10}
.generic .t_1{ width:100%; float:left; font-size:50px; line-height:62px}
.generic .t_2{ width:100%; float:left; font-size:22px; line-height:40px}
.generic .img_box{ width:1920px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ width:1920px; float:left; position:absolute; top:0; left:0}

.skip_1{ height:1260px}
.skip_1 .box{ height:1260px}
.skip_1 .tit_box{ text-align:center; color:#323232; top:58px; left:500px}
.skip_1 .t_1{ font-size:66px; line-height:70px; padding-bottom:5px}
.skip_1 .t_2{ font-size:24px; line-height:32px; opacity:0.7}
.skip_1 .tit_box_2{ width:100%; position:absolute; text-align:center; top:960px; opacity:0}
.skip_1 .t_3{ width:100%; float:left; font-size:20px; color:rgba(0,0,0,0.7); line-height:36px}
.skip_1 .playBtn{ height:28px; float:left; font-size:22px; color:#2fbbc0; line-height:28px; padding-right:40px; background:url(https://images.iyunmai.com/home/static/images/accessories/skip/img_1_3.png) no-repeat right 0; position:relative; left:50%; margin:48px 0 0 -80px}
.skip_1 .img_box{ height:1260px}
.skip_1 .img_box .img_1{ width:560px; height:580px; float:left; position:absolute; top:240px; left:50%; margin-left:-280px; transform:translate(0,-80px); -webkit-transform:translate(0,-80px)}
.skip_1 .img_box .img_2{ width:560px; height:32px; float:left; position:absolute; top:860px; left:50%; margin-left:-280px; opacity:0.03}

@keyframes img_1_1{ 0%{ transform:translate(0,-80px) rotate(0.0001deg)} 100%{ transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_2{ 0%{ opacity:0.03; transform:scale(0.8) rotate(0.0001deg)} 100%{ opacity:1; transform:scale(1) rotate(0.0001deg)}}

@-webkit-keyframes img_1_1{ 0%{ -webkit-transform:translate(0,-80px) rotate(0.0001deg)} 100%{ -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_2{ 0%{ opacity:0.03; -webkit-transform:scale(0.8) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:scale(1) rotate(0.0001deg)}}

.skip_2{ height:1400px; background-color:#EEE8DF}
.skip_2 .box{ height:1400px}
.skip_2 .tit_box{ text-align:center; color:#6d3615; top:120px; left:500px}
.skip_2 .t_1{ padding-bottom:20px; opacity:0.9}
.skip_2 .t_2{ line-height:36px; opacity:0.7}
.skip_2 .img_box{ height:1400px}
.skip_2 ul{ width:720px; float:left; position:relative; left:50%; margin:45px 0 0 -360px}
.skip_2 li{ width:120px; float:left; padding-top:114px; margin:0 60px; font-size:20px; color:rgba(109,54,21,0.7); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/accessories/skip/img_2_bg.png) no-repeat center 11px; opacity:0}
.skip_2 .icon_2{ background-position:center -185px}
.skip_2 .icon_3{ background-position:center -400px}

.skip_3{ height:844px}
.skip_3 .box{ height:844px}
.skip_3 .tit_box{ top:336px; left:380px}
.skip_3 .t_1{ padding-bottom:30px; opacity:0.9}
.skip_3 .t_2{ line-height:36px; opacity:0.7}
.skip_3 .img_box{ height:844px}
.skip_3 .img_box img{ opacity:0}

@keyframes img_3{ 0%{ opacity:0; transform:translate3d(120px,-120px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}

@-webkit-keyframes img_3{ 0%{ opacity:0; -webkit-transform:translate3d(120px,-120px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}

.skip_4{ height:660px}
.skip_4 .box{ height:660px}
.skip_4 .wp_50{ width:50%; position:relative; float:left; height:650px; overflow:hidden}
.skip_4 .bo_f4{ background-color:#F4F4F4}
.skip_4 .tit_box{ top:230px; left:145px}
.skip_4 .t_1{ padding-bottom:10px; opacity:0.9}
.skip_4 .t_2{ line-height:36px; opacity:0.7}
.skip_4 .img{ width:100%; float:left; height:650px; background:#F9F9F8 url(https://images.iyunmai.com/home/static/images/accessories/skip/img_4_1.jpg) no-repeat center 0}

.skip_5{ height:1000px}
.skip_5 .box{ height:1000px}
.skip_5 .tit_box{ top:328px; left:380px; color:#fff}
.skip_5 .t_1{ padding-bottom:22px; opacity:0.9}
.skip_5 .t_2{ line-height:36px; opacity:0.7}
.skip_5 .img_box{ height:1000px}

.skip_6{ height:850px}
.skip_6 .box{ height:850px}
.skip_6 .tit_box{ text-align:center; top:125px; left:500px}
.skip_6 .t_1{ padding-bottom:35px; opacity:0.9}
.skip_6 .t_2{ line-height:36px; opacity:0.7}
.skip_6 .img_box{ height:850px}

.skip_7{ height:850px}
.skip_7 .box{ height:850px}
.skip_7 .tit_box{ top:211px; left:1104px}
.skip_7 .t_1{ padding-bottom:23px; opacity:0.9}
.skip_7 .t_2{ line-height:36px; opacity:0.7}
.skip_7 .img_box{ height:850px}

.skip_8{ height:875px}
.skip_8 .box{ height:875px}
.skip_8 .tit_box{ top:344px; left:380px; color:#fff}
.skip_8 .t_1{ padding-bottom:22px; opacity:0.9}
.skip_8 .t_2{ line-height:36px; opacity:0.7}
.skip_8 .img_box{ height:875px}

.video_pop{ width:100%; height:100%; float:left; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8); overflow:hidden; z-index:99999999}
.video_pop video{ width:1280px; height:720px; float:left; position:absolute; top:50%; left:50%; margin:-360px 0 0 -640px}
.video_pop .close{ width:60px; height:60px; float:left; position:absolute; top:50%; left:50%; margin:-360px 0 0 640px; background-position:-400px -780px}

@keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}

@keyframes x_15{ 0%{ opacity:0; transform:translate3d(15%,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes x_15{ 0%{ opacity:0; -webkit-transform:translate3d(15%,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}