.generic{ width:100%; min-width:320px; float:left; position:relative; overflow:hidden}
.generic .box{ width:860px; position:relative; left:50%; margin:0 0 0 -430px}
.generic .tit_box{ width:100%; float:left; color: #333; text-align: center; position:relative; margin-top:116px; opacity:0; z-index:10}
.generic .t_1{ width:100%; float:left; position:relative; overflow:hidden; font-size:50px; line-height:72px; padding-bottom:22px}
.generic .t_2{ width:100%; float:left; position:relative; overflow:hidden; font-size:30px; line-height:50px; color:rgba(0,0,0,0.7)}
.generic .img_box{ width:860px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ max-width:100%}

.main_1{ height:1334px}
.main_1 .tit_box{ margin-top:148px; opacity:0}
.main_1 .img_box{ height:1334px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}

.main_1_2{ width:100%; float:left; padding:88px 0}
.main_1_2 ul{ width:100%; float:left}
.main_1_2 li{ width:calc(50% - 1px); height:208px; 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:32px; padding:40px 0 18px; font-weight:bold; line-height:40px}
.main_1_2 .t_2{ width:100%; float:left; font-size:24px; opacity:0.8; line-height:34px}
.main_1_2 .bor_no{ border-right:none}
.main_1_2 .bob_no{ border-bottom:none}

.main_2{ height:1330px}
.main_2 .t_2{ color:rgba(50,50,50,0.7)}
.main_2 .img_box{ height:1330px}

.main_3{ height:1828px}
.main_3 .t_1{ color:rgba(50,50,50,0.9); padding-bottom: 40px}
.main_3 .t_2{ color:rgba(50,50,50,0.6)}
.main_3 .img_box{ height:1828px}
.main_3 ul{ width:100%; float:left; padding:74px 0 45px; position:relative}
.main_3 li{ width:33.33%; float:left; padding-top:156px; font-size:24px; text-align:center; line-height:34px; color:rgba(50,50,50,0.6); opacity:0; background:url(../../images/accessories/vibrationMassageDevice/3_1.png) no-repeat center 0}
.main_3 .ic_2{ background-position:center -400px}
.main_3 .ic_3{ background-position:center -800px}

.main_4{ height:1828px}
.main_4 .t_1{ color:rgba(255,255,255,0.9)}
.main_4 .t_2{ color:rgba(255,255,255,0.6)}
.main_4 .img_box{ height:1828px}

.main_5{ height:1498px}
.main_5 .t_1{ color:rgba(255,255,255,0.9)}
.main_5 .t_2{ color:rgba(255,255,255,0.6)}
.main_5 .img_box{ height:1498px}

.main_5_1{ width:100%; float:left; position: relative}
.main_5_1 li{ width:50%; height: 268px; padding-top: 288px; float:left; color: rgba(255,255,255,0.6); text-align: center; background:#26283D url(../../images/accessories/vibrationMassageDevice/5_1.png) no-repeat center 101px}
.main_5_1 .lt_1{ width: 70%; float: left; font-size: 30px; line-height: 40px; padding:0 15% 15px}
.main_5_1 .lt_2{ width: 70%; float: left; font-size: 24px; line-height: 34px; padding: 0 15%; color: rgba(255,255,255,0.3)}
.main_5_1 .ic_2{ background-position:center -499px; background-color: #111325}
.main_5_1 .ic_3{ background-position:center -1099px; background-color: #111325}
.main_5_1 .ic_4{ background-position:center -1699px}

.main_6{ height:1986px}
.main_6 .t_1{ color:rgba(50,50,50,0.9); padding-bottom: 26px}
.main_6 .t_2{ color:rgba(50,50,50,0.6)}
.main_6 .img_box{ height:1986px}
.main_6 ul{ width:100%; float:left; padding:74px 0 45px; position:relative}
.main_6 li{ width:33.33%; float:left; padding-top:156px; font-size:24px; text-align:center; line-height:34px; color:rgba(50,50,50,0.6); opacity:0; background:url(../../images/accessories/vibrationMassageDevice/6_1.png) no-repeat center 0}
.main_6 .ic_2{ background-position:center -400px}
.main_6 .ic_3{ background-position:center -800px}

.main_7{ height:1440px}
.main_7 .t_1{ color:rgba(255,255,255,0.9)}
.main_7 .t_2{ color:rgba(255,255,255,0.6)}
.main_7 .img_box{ height:1440px}
.main_7 ul{ width:60%; float:left; padding:74px 20% 45px; position:relative}
.main_7 li{ width:50%; float:left; padding-top:156px; font-size:24px; text-align:center; line-height:34px; color:rgba(255,255,255,0.6); opacity:0; background:url(../../images/accessories/vibrationMassageDevice/7_1.png) no-repeat center 0}
.main_7 .ic_2{ background-position:center -400px}

.main_8{ height:1758px}
.main_8 .t_1{ color:rgba(50,50,50,0.9)}
.main_8 .t_2{ color:rgba(50,50,50,0.6)}
.main_8 .img_box{ height:1758px}
.main_8 ul{ width:60%; float:left; padding:74px 20% 45px; position:relative}
.main_8 li{ width:50%; float:left; padding-top:150px; opacity:0; background:url(../../images/accessories/vibrationMassageDevice/8_1.png) no-repeat center 0}
.main_8 .ic_2{ background-position:center -200px}

.main_9{ height:1796px}
.main_9 .tit_box{ margin-top: 0; padding: 116px 0 96px}
.main_9 .t_1{ color:rgba(255,255,255,0.9)}
.main_9 .t_2{ color:rgba(255,255,255,0.6)}
.main_9 .img_box{ height:1796px}
.main_9 ul{ width:80%; float:left; padding:74px 10% 45px; position:relative}
.main_9 li{ width:33.33%; float:left; padding-top:156px; font-size:24px; text-align:center; line-height:34px; color:rgba(255,255,255,0.6); opacity:0; background:url(../../images/accessories/vibrationMassageDevice/9_1.png) no-repeat center 0}
.main_9 .ic_2{ background-position:center -400px}
.main_9 .ic_3{ background-position:center -800px}

.main_10{ height:1614px}
.main_10 .t_1{ color:rgba(50,50,50,0.9); padding-bottom: 26px}
.main_10 .t_2{ color:rgba(50,50,50,0.6)}
.main_10 .img_box{ height:1614px}
.main_10 ul{ width:80%; float:left; padding:96px 10% 45px; position:relative}
.main_10 li{ width:33.33%; float:left; padding-top:76px; margin-bottom: 60px; font-size:24px; text-align:center; line-height:34px; color:rgba(50,50,50,0.6); opacity:0; background:url(../../images/accessories/vibrationMassageDevice/10_1.png) no-repeat center 0}
.main_10 .ic_2{ background-position:center -200px}
.main_10 .ic_3{ background-position:center -400px}
.main_10 .ic_4{ margin-left: 33.33%; background-position:center -600px}
.main_10 .ic_5{ background-position:center -800px}
.main_10 .tips{ width:100%; float:left; font-size:24px; line-height:30px; color: rgba(50,50,50,1); position:absolute; top:1534px; text-align: center; z-index: 20}

.main_11{ height:1970px}
.main_11 .t_1{ color:rgba(50,50,50,0.9); padding-bottom: 26px}
.main_11 .t_2{ color:rgba(50,50,50,0.6)}
.main_11 .img_box{ height:1970px}
.main_11 .tips{ width:100%; float:left; font-size:24px; line-height:30px; color: rgba(50,50,50,0.6); position:absolute; top:1894px; text-align: center; z-index: 20}

.main_12{ height:1130px}
.main_12 .t_1{ color:rgba(255,255,255,0.9)}
.main_12 .t_2{ color:rgba(255,255,255,0.6)}
.main_12 .img_box{ height:1130px}

.main_13{ height:260px}
.main_13 .img_box{ height:260px}


@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.15) 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.15) 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_5{ 0%{ opacity:0; transform:translate3d(5%,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_5{ 0%{ opacity:0; -webkit-transform:translate3d(5%,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 opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}

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

@media only screen and (max-width : 600px){
	.generic .box{ width:430px; margin:0 0 0 -215px}
	.generic .tit_box{ margin-top:58px}
	.generic .t_1{ font-size:25px; line-height:36px; padding-bottom:11px}
	.generic .t_2{ font-size:15px; line-height:25px}
	.generic .img_box{ width:430px}

	.main_1{ height:667px}
	.main_1 .tit_box{ margin-top:74px}
	.main_1 .tit_box img{ width: 293px; height: 53px}
	.main_1 .img_box{ height:667px}
	.main_1 .mark{ height: 667px}

	.main_1_2{ padding:44px 0}
	.main_1_2 li{ height:104px}
	.main_1_2 .t_1{ font-size:16px; padding:20px 0 9px; line-height:20px}
	.main_1_2 .t_2{ font-size:12px;line-height:17px}

	.main_2{ height:665px}
	.main_2 .img_box{ height:665px}

	.main_3{ height:914px}
	.main_3 .t_1{ padding-bottom: 20px}
	.main_3 .img_box{ height:914px}
	.main_3 ul{ padding:37px 0 22px}
	.main_3 li{ padding-top:78px; font-size:12px; line-height:17px; background-size: 100px 600px}
	.main_3 .ic_2{ background-position:center -200px}
	.main_3 .ic_3{ background-position:center -400px}

	.main_4{ height:914px}
	.main_4 .img_box{ height:914px}

	.main_5{ height:749px}
	.main_5 .img_box{ height:749px}

	.main_5_1 li{ height: 134px; padding-top: 144px; background-size: 50px 1200px; background-position: center 50px}
	.main_5_1 .lt_1{ font-size: 15px; line-height: 20px; padding:0 15% 7px}
	.main_5_1 .lt_2{ font-size: 12px; line-height: 17px}
	.main_5_1 .ic_2{ background-position:center -250px}
	.main_5_1 .ic_3{ background-position:center -550px}
	.main_5_1 .ic_4{ background-position:center -850px}

	.main_6{ height:993px}
	.main_6 .t_1{ padding-bottom: 13px}
	.main_6 .img_box{ height:993px}
	.main_6 ul{ padding:37px 0 22px}
	.main_6 li{ padding-top:78px; font-size:12px; line-height:17px; background-size: 60px 500px}
	.main_6 .ic_2{ background-position:center -200px}
	.main_6 .ic_3{ background-position:center -400px}

	.main_7{ height:720px}
	.main_7 .img_box{ height:720px}
	.main_7 ul{ padding:37px 20% 22px}
	.main_7 li{ padding-top:78px; font-size:12px; line-height:17px; background-size: 60px 300px}
	.main_7 .ic_2{ background-position:center -200px}

	.main_8{ height:879px}
	.main_8 .img_box{ height:879px}
	.main_8 ul{ padding:37px 20% 22px}
	.main_8 li{padding-top:75px; background-size: 140px 200px}
	.main_8 .ic_2{ background-position:center -100px}

	.main_9{ height:898px}
	.main_9 .tit_box{ margin-top: 0; padding: 58px 0 48px}
	.main_9 .img_box{ height:898px}
	.main_9 ul{ padding:37px 10% 22px}
	.main_9 li{ padding-top:78px; font-size:12px; line-height:17px; background-size: 60px 500px}
	.main_9 .ic_2{ background-position:center -200px}
	.main_9 .ic_3{ background-position:center -400px}

	.main_10{ height:807px}
	.main_10 .t_1{ padding-bottom: 13px}
	.main_10 .img_box{ height:807px}
	.main_10 ul{ padding:48px 10% 22px}
	.main_10 li{ padding-top:38px; margin-bottom: 30px; font-size:12px; line-height:17px; background-size: 50px 500px}
	.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{ font-size:12px; line-height:15px; top:767px}

	.main_11{ height:985px}
	.main_11 .t_1{ padding-bottom: 13px}
	.main_11 .img_box{ height:985px}
	.main_11 .tips{ font-size:12px; line-height:15px; top:947px}

	.main_12{ height:565px}
	.main_12 .img_box{ height:565px}

	.main_13{ height:130px}
	.main_13 .img_box{ height:130px}
}