.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:720px; float:left; position:absolute; opacity:1; z-index:10}
.generic .t_1{ width:100%; float:left; font-size:28px; line-height:32px; padding-bottom:8px}
.generic .t_2{ width:100%; float:left; font-size:50px; line-height:60px; padding-bottom:28px}
.generic .t_3{ width:100%; float:left; font-size:22px; line-height:36px}
.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}

.main_1{ height:976px}
.main_1 .box{ height:976px}
.main_1 .tit_box{ height:300px; top:439px; left:600px; text-align: center; opacity:0}
.main_1 .img_box{ height:976px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}
.main_1 .mark{ width: 100%; height: 976px; float: left; position: absolute; top: 0; left: 0; opacity:0; background-color: rgba(0,0,0,0.4); z-index: 8}

.main_1_2{ height:436px}
.main_1_2 .box{ height:400px}
.main_1_2 ul{ width:1332px; height:260px; float:left; margin:96px 0 0 294px}
.main_1_2 li{ width:332px; height:124px; float:left; border-right:1px solid #eee; border-bottom:1px solid #eee; color:#333; text-align:center}
.main_1_2 .t_1{ width:100%; float:left; font-size:26px; padding-top:28px}
.main_1_2 .t_2{ width:100%; float:left; font-size:20px; opacity:0.8; line-height: 24px}
.main_1_2 .bor_no{ border-right:none}
.main_1_2 .bob_no{ border-bottom:none}

.main_2{ height:940px}
.main_2 .box{ height:940px}
.main_2 .tit_box{ width: 350px; height: 600px; top:156px; left:1134px; color: rgba(0,0,0,0.6); opacity: 0}
.main_2 .t_3{ width: 450px; line-height: 40px}
.main_2 .img_box{ height:940px}

.main_3{ height:1054px}
.main_3 .box{ height:1054px}
.main_3 .tit_box{ width:920px; top:193px; left:380px; opacity:1}
.main_3 .t_2{ padding-bottom:28px; font-size:50px; line-height: 64px; opacity:0}
.main_3 .t_3{ width: 500px; line-height: 40px; color: rgba(0,0,0,0.6); opacity:0}
.main_3 .img_box{ height:1054px}
.main_3 ul{ width:690px; float:left; position: relative; margin:66px 0 0 -60px}
.main_3 li{ width:33.33%; float:left; padding-top:130px; font-size:20px; text-align:center; color: rgba(51,51,51,0.8); line-height:30px; background:url(../../images/accessories/vibrationMassageDevice/3_1.png) no-repeat center 0; opacity:0}
.main_3 .ic_2{ background-position:center -200px}
.main_3 .ic_3{ background-position:center -400px}

.main_4{ height:1443px}
.main_4 .box{ height:1443px}
.main_4 .tit_box{ color:#fff; top:305px; left:1100px; opacity:1}
.main_4 .t_2{ padding-bottom:22px; opacity:0}
.main_4 .t_3{ line-height:40px; color:rgba(255,255,255,0.8); opacity:0}
.main_4 .img_box{ height:1443px}

.main_5{ height:2030px}
.main_5 .box{ height:1477px}
.main_5 .tit_box{ width:920px; color:#fff; text-align:center; top:126px; left:500px; opacity:0}
.main_5 .t_2{ padding-bottom:32px; line-height: 64px}
.main_5 .t_3{ line-height:40px; color:rgba(255,255,255,0.6); opacity:1}
.main_5 .img_box{ height:1477px}
.main_5 ul{ width:100%; float:left; position: relative; margin-top: 1477px}
.main_5 li{ width:25%; height: 240px; padding-top: 313px; float:left; color: rgba(255,255,255,0.6); text-align: center; background:#26283D url(../../images/accessories/vibrationMassageDevice/5_1.png) no-repeat center 122px}
.main_5 .lt_1{ width: 100%; float: left; font-size: 20px; line-height: 30px; padding-bottom: 15px}
.main_5 .lt_2{ width: 100%; float: left; font-size: 16px; line-height: 34px; color: rgba(255,255,255,0.3)}
.main_5 .ic_2{ background-position:center -478px; background-color: #111325}
.main_5 .ic_3{ background-position:center -1078px}
.main_5 .ic_4{ background-position:center -1678px; background-color: #111325}

@media only screen and (min-width : 1920px){
	.main_5 ul{ width: 1920px; left: 50%; margin-left: -960px}
}

.main_6{ height:1200px}
.main_6 .box{ height:1200px}
.main_6 .tit_box{ width:920px; top:296px; left:380px; opacity:1}
.main_6 .t_2{ padding-bottom:28px; font-size:50px; line-height: 64px; opacity:0}
.main_6 .t_3{ line-height: 40px; color: rgba(0,0,0,0.6); opacity:0}
.main_6 .img_box{ height:1200px}
.main_6 ul{ width:530px; float:left; position: relative; margin:73px 0 0 -36px}
.main_6 li{ width:33.33%; float:left; padding-top:130px; font-size:20px; text-align:center; color: rgba(51,51,51,0.8); line-height:30px; background:url(../../images/accessories/vibrationMassageDevice/6_1.png) no-repeat center 0; opacity:0}
.main_6 .ic_2{ background-position:center -200px}
.main_6 .ic_3{ background-position:center -400px}

.main_7{ height:1612px}
.main_7 .box{ height:1612px}
.main_7 .tit_box{ width:920px; color:#fff; text-align:center; top:110px; left:500px; opacity:0}
.main_7 .t_2{ padding-bottom:32px; line-height: 64px; opacity:1}
.main_7 .t_3{ line-height: 40px; color: rgba(255,255,255,0.6); opacity:1}
.main_7 .img_box{ height:1612px}
.main_7 ul{ width:300px; float:left; position: relative; left: 50%; margin:68px 0 0 -150px}
.main_7 li{ width:50%; float:left; padding-top:132px; font-size:18px; color:rgba(255,255,255,0.8); text-align:center; line-height:24px; background:url(../../images/accessories/vibrationMassageDevice/7_1.png) no-repeat center 0; opacity:0}
.main_7 .ic_2{ background-position:center -300px}

.main_8{ height:1200px}
.main_8 .box{ height:1200px}
.main_8 .tit_box{ width:620px; top:378px; left:380px}
.main_8 .t_2{ padding-bottom:28px; font-size:50px; line-height: 64px; opacity:0}
.main_8 .t_3{ width: 500px; line-height: 40px; color: rgba(0,0,0,0.6); opacity:0}
.main_8 .img_box{ height:1200px}
.main_8 ul{ width:488px; float:left; position: relative; margin:90px 0 0 0}
.main_8 li{ width:50%; float:left; padding-top:80px; background:url(../../images/accessories/vibrationMassageDevice/8_1.png) no-repeat; opacity:0}
.main_8 .ic_2{ background-position:0 -200px}

.main_9{ height:1017px}
.main_9 .box{ height:1017px}
.main_9 .tit_box{ width:920px; top:205px; left:1130px; opacity:1}
.main_9 .t_2{ padding-bottom:28px; font-size:50px; color: rgba(255,255,255,0.6); line-height: 64px; opacity:0}
.main_9 .t_3{ width: 500px; line-height: 40px; color: rgba(255,255,255,0.6); opacity:0}
.main_9 .img_box{ height:1017px}
.main_9 ul{ width:530px; float:left; position: relative; margin:69px 0 0 -38px}
.main_9 li{ width:33.33%; float:left; padding-top:130px; font-size:20px; text-align:center; color: rgba(255,255,255,0.8); line-height:30px; background:url(../../images/accessories/vibrationMassageDevice/9_1.png) no-repeat center 0; opacity:0}
.main_9 .ic_2{ background-position:center -200px}
.main_9 .ic_3{ background-position:center -400px}

@keyframes img_9{ 0%{ opacity:0; transform:translate3d(744px,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 img_9{ 0%{ opacity:0; -webkit-transform:translate3d(744px,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)}}

.main_10{ height:1341px}
.main_10 .box{ height:620px}
.main_10 .tit_box{ width:1020px; color:#000; text-align:center; top:123px; left:450px; opacity:0}
.main_10 .t_2{ padding-bottom:32px; line-height: 64px; opacity:1}
.main_10 .t_3{ line-height: 40px; color: rgba(0,0,0,0.6); opacity:1}
.main_10 .img_box{ width: calc(100% - 40px); float: left; height: 701px; overflow: hidden; margin: 20px; margin-top: 620px}
.main_10 .img_box img{ width: 1876px; height: 701px; float: left; position: relative; left: 50%; margin-left: -938px}
.main_10 ul{ width:950px; float:left; position: relative; left: 50%; margin:84px 0 0 -475px}
.main_10 li{ width:20%; float:left; padding-top:55px; font-size:18px; color:rgba(0,0,0,0.6); text-align:center; line-height:24px; background:url(../../images/accessories/vibrationMassageDevice/10_1.png) no-repeat center 0; opacity:0}
.main_10 .ic_2{ background-position:center -100px}
.main_10 .ic_3{ background-position:center -200px}
.main_10 .ic_4{ background-position:center -300px}
.main_10 .ic_5{ background-position:center -400px}
.main_10 .tips{ width:100%; float:left; font-size:18px; line-height:30px; color: rgba(255,255,255,0.6); position: relative; top:1261px; text-align: center; z-index: 20}

.main_11{ height:1083px}
.main_11 .box{ height:1083px}
.main_11 .tit_box{ width:920px; top:129px; text-align: center; left:500px; opacity:0}
.main_11 .t_2{ padding-bottom:28px; font-size:50px; color: #323232; line-height: 64px; opacity:1}
.main_11 .t_3{ line-height: 40px; color: rgba(51,51,51,0.6); opacity:1}
.main_11 .img_box{ height:1083px}

.main_12{ height:1316px}
.main_12 .box{ height:1316px}
.main_12 .tit_box{ width:920px; top:127px; text-align: center; left:500px; opacity:0}
.main_12 .t_2{ padding-bottom:28px; font-size:50px; color: #fff; line-height: 64px; opacity:1}
.main_12 .t_3{ line-height: 40px; color: rgba(255,255,255,0.6); opacity:1}
.main_12 .img_box{ height:1316px}

.main_13{ height:300px}
.main_13 .box{ height:300px}


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

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

@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0)}}
@-webkit-keyframes scale_1{ 0%{ -webkit-transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0)}}

@keyframes x_15{ 0%{ opacity:0; transform:translate3d(15px,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(15px,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)}}

@keyframes y_30{ 0%{ opacity:0; transform:translate3d(0,60px,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 y_30{ 0%{ opacity:0; -webkit-transform:translate3d(0,60px,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)}}