.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:46px; line-height:60px; padding-bottom:32px}
.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:1029px}
.main_1 .box{ height:1029px}
.main_1 .tit_box{ height:300px; top:440px; left:945px; opacity:0}
.main_1 .img_box{ height:1029px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}

.main_1_2{ height:436px; background-color: #191919}
.main_1_2 .box{ height:400px}
.main_1_2 ul{ width:999px; height:260px; float:left; margin:96px 0 0 460px}
.main_1_2 li{ width:332px; height:124px; float:left; border-right:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); color:#fff; 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:970px}
.main_2 .box{ height:970px}
.main_2 .tit_box{ width: 760px; height: 600px; top:102px; left:580px; text-align: center; opacity: 0}
.main_2 .img_box{ height:970px}

.main_3{ height:802px}
.main_3 .box{ height:802px}
.main_3 .tit_box{ width:510px; top:196px; left:370px}
.main_3 .t_2{ opacity:0}
.main_3 .t_3{ opacity:0}
.main_3 .img_box{ height:802px}

.main_4{ height:1029px}
.main_4 .box{ height:1029px}
.main_4 .tit_box{ width:510px; top:316px; left:1032px}
.main_4 .t_2{ color: rgba(255,255,255,1); opacity:0}
.main_4 .t_3{ color: rgba(255,255,255,0.8); opacity:0}
.main_4 .img_box{ height:1029px}
.main_4 ul{ width:120%; float:left; position: relative; margin:39px 0 0 -50px}
.main_4 li{ width:182px; float:left; height:65px; background:url(../../images/accessories/vibrationMassageDevicePB/4_1.png) no-repeat center 0; opacity:0}
.main_4 li:nth-child(2){ width: 168px}
.main_4 li:nth-child(3){ width: 220px}
.main_4 .ic_2{ background-position:center -200px}
.main_4 .ic_3{ background-position:center -400px}
.main_4 .line{ width: 1px; height: 50px; float: right; background-color: #fff; margin-top: 7px}

.main_5{ height:1180px}
.main_5 .box{ height:1180px}
.main_5 .tit_box{ width:760px; top:114px; left:580px; text-align: center; opacity: 0}
.main_5 .t_2{ color: rgba(255,255,255,1)}
.main_5 .t_3{ color: rgba(255,255,255,0.8)}
.main_5 .img_box{ height:1180px}
.main_5 ul{ width:56%; float:left; position: relative; margin:37px 0 0 22%}
.main_5 li{ width:33.33%; float:left; padding-top:78px; font-size:16px; text-align:center; color: rgba(255,255,255,0.8); line-height:20px; background:url(../../images/accessories/vibrationMassageDevicePB/5_1.png) no-repeat center 0; opacity:0}
.main_5 .ic_2{ background-position:center -200px}
.main_5 .ic_3{ background-position:center -400px}

.main_6{ height:1020px}
.main_6 .box{ height:1020px}
.main_6 .tit_box{ width:500px; top:335px; left:370px}
.main_6 .t_2{ color: rgba(255,255,255,1); opacity: 0}
.main_6 .t_2 .fs_20{ font-size: 24px; float: left; margin: -8px 0 0 7px}
.main_6 .t_3{ color: rgba(255,255,255,0.8); opacity: 0}
.main_6 .img_box{ height:1020px}

.main_7{ height:1047px}
.main_7 .box{ height:1047px}
.main_7 .tit_box{ width:510px; top:268px; left:1033px}
.main_7 .t_2{ color: rgba(255,255,255,1); opacity: 0}
.main_7 .t_2 .fs_20{ font-size: 24px; float: left; margin: -8px 0 0 7px}
.main_7 .t_3{ color: rgba(255,255,255,0.8); opacity: 0}
.main_7 .img_box{ height:1047px}

.main_8{ height:1020px}
.main_8 .box{ height:1020px}
.main_8 .tit_box{ width:500px; top:258px; left:370px}
.main_8 .t_2{ color: rgba(255,255,255,1); opacity:0}
.main_8 .t_3{ color: rgba(255,255,255,0.8); opacity:0}
.main_8 .img_box{ height:1020px}
.main_8 ul{ width:84%; float:left; position: relative; margin:35px 0 0 -30px}
.main_8 li{ width:33.33%; float:left; padding-top:78px; font-size:16px; text-align:center; color: rgba(255,255,255,0.8); line-height:20px; background:url(../../images/accessories/vibrationMassageDevicePB/8_1.png) no-repeat center 0; opacity:0}
.main_8 .ic_2{ background-position:center -200px}
.main_8 .ic_3{ background-position:center -400px}

.main_9{ height:994px}
.main_9 .box{ height:994px}
.main_9 .tit_box{ width:510px; top:232px; left:1032px}
.main_9 .t_2{ color: rgba(255,255,255,1); opacity:0}
.main_9 .t_3{ color: rgba(255,255,255,0.8); opacity:0}
.main_9 .img_box{ height:994px}
.main_9 ul{ width:120%; float:left; position: relative; margin:33px 0 0 -40px}
.main_9 li{ width:200px; float:left; height:65px; background:url(../../images/accessories/vibrationMassageDevicePB/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}
.main_9 .line{ width: 1px; height: 46px; float: right; background-color: #fff; margin-top: 0; opacity: 0.5}

.main_10{ height:1020px}
.main_10 .box{ height:1020px}
.main_10 .tit_box{ width:510px; top:288px; left:370px}
.main_10 .t_2{ color: rgba(255,255,255,1); opacity:0}
.main_10 .t_3{ color: rgba(255,255,255,0.8); opacity:0}
.main_10 .img_box{ height:1020px}

.main_11{ height:1324px}
.main_11 .box{ height:1324px}
.main_11 .tit_box{ width:760px; top:136px; left:580px; text-align: center; opacity: 0}
.main_11 .t_2{ color: rgba(255,255,255,1)}
.main_11 .t_3{ color: rgba(255,255,255,0.8)}
.main_11 .img_box{ height:1324px}

.main_12{ height:1644px}
.main_12 .box{ height:1644px}
.main_12 .tit_box{ width:510px; top:304px; left:1033px}
.main_12 .t_2{ color: rgba(255,255,255,1); opacity:0}
.main_12 .t_3{ color: rgba(255,255,255,0.8); opacity:0}
.main_12 .img_box{ height:1020px}
.main_12 ul{ width:100%; float:left; position: relative; margin-top: 1020px}
.main_12 li{ width:25%; height: 297px; padding-top: 327px; float:left; color: rgba(255,255,255,0.7); text-align: center; background:#26283D url(../../images/accessories/vibrationMassageDevicePB/12_1.png) no-repeat center 110px}
.main_12 .lt_1{ width: 100%; float: left; font-size: 30px; line-height: 30px; padding-bottom: 27px}
.main_12 .lt_2{ width: 100%; float: left; font-size: 22px; line-height: 38px; color: rgba(255,255,255,0.5)}
.main_12 .ic_2{ background-position:center -490px; background-color: #111325}
.main_12 .ic_3{ background-position:center -1090px}
.main_12 .ic_4{ background-position:center -1690px; background-color: #111325}

.main_13{ height:1080px}
.main_13 .box{ height:230px}
.main_13 .tit_box{ width:100%; height: 230px; text-align: center}
.main_13 .t_2{ line-height: 230px}
.main_13 ul{ width: calc(100% - 5px); float: left; height: 850px; margin: 230px 0 0 5px}
.main_13 li{ width: calc(33.33% - 5px); height: 850px; overflow: hidden; float: left; margin-right: 5px}
.main_13 img{ float: left; position: relative; left: 50%; margin-left: -316px}

.main_14{ height:536px}
.main_14 .box{ height:536px}

.main_15{ height:947px}
.main_15 .box{ height:947px}