

.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: #323232; 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(50,50,50,0.8)}
.generic .t_3{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:56px; color:rgba(50,50,50,0.8)}
.generic ul{ width:100%; float:left; padding:46px 0 0; position:relative}
.generic li{ width:25%; float:left; padding-top:82px; font-size:24px; text-align:center; line-height:34px; color:rgba(50,50,50,0.8); opacity:0}
.generic .ic_2{ background-position:center -200px}
.generic .ic_3{ background-position:center -400px}
.generic .ic_4{ background-position:center -600px}
.generic .ic_5{ background-position:center -800px}
.generic .img_box{ width:860px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ max-width:100%}

.main_1{ height:1360px}
.main_1 .tit_box{ margin-top:166px; text-align: center; opacity:0}
.main_1 .t_1{ color:rgba(255,255,255,1); padding-bottom: 2px}
.main_1 .t_2{ color:rgba(255,255,255,0.8)}
.main_1 .img_box{ height:1360px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}

.main_1_2{ width:100%; float:left; padding:88px 0; background-color: #212121}
.main_1_2 ul{ width:100%; float:left}
.main_1_2 li{ width:calc(50% - 1px); height:208px; float:left; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; 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:1228px}
.main_2 .img_box{ height:1228px}

.main_3 .img{ width: calc(100% - 20px); padding: 40px 10px 10px}

.main_4{ height:1812px}
.main_4 .t_1{ color:rgba(255,255,255,1)}
.main_4 .t_2{ color:rgba(255,255,255,0.8)}
.main_4 .t_3{ color:rgba(255,255,255,0.8)}
.main_4 .img_box{ height:1812px}
.main_4 li{ width: 30%; height: 120px; padding-top: 0; background:url(../../images/accessories/vibrationMassageDevicePB/4_1.png) no-repeat center 0}
.main_4 li:nth-child(2){ width: 30%}
.main_4 li:nth-child(3){ width: 40%}
.main_4 .line{ width: 1px; height: 116px; float: right; background-color: #fff; margin-top: 0; opacity: 0.5}

.main_5{ height:1246px}
.main_5 .t_1{ color:rgba(255,255,255,1)}
.main_5 .t_2{ color:rgba(255,255,255,0.8)}
.main_5 .t_3{ color:rgba(255,255,255,0.8)}
.main_5 .img_box{ height:1246px}
.main_5 .tit_box{ margin-top:76px}
.main_5 li{ padding-top: 88px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDevicePB/5_1.png) no-repeat center 0}

.main_6{ height:1584px}
.main_6 .t_1{ color:rgba(255,255,255,1)}
.main_6 .t_2{ color:rgba(255,255,255,0.8)}
.main_6 .t_3{ color:rgba(255,255,255,0.8)}
.main_6 .t_3 .fs_20{ font-size: 20px; float: left; margin: -8px 0 0 5px}
.main_6 .img_box{ height:1584px}

.main_7{ height:1608px}
.main_7 .t_1{ color:rgba(255,255,255,1)}
.main_7 .t_2{ color:rgba(255,255,255,0.8)}
.main_7 .t_3{ color:rgba(255,255,255,0.8)}
.main_7 .t_3 .fs_20{ font-size: 20px; float: left; margin: -8px 0 0 5px}
.main_7 .img_box{ height:1608px}

.main_8{ height:1348px}
.main_8 .t_1{ color:rgba(255,255,255,1)}
.main_8 .t_2{ color:rgba(255,255,255,0.8)}
.main_8 .t_3{ color:rgba(255,255,255,0.8)}
.main_8 .img_box{ height:1348px}
.main_8 li{ padding-top: 88px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDevicePB/8_1.png) no-repeat center 0}

.main_9{ background: url(../../images/accessories/vibrationMassageDevicePB/9_1.jpg) repeat-y}
.main_9 .t_1{ color:rgba(255,255,255,1)}
.main_9 .t_2{ color:rgba(255,255,255,0.8)}
.main_9 .t_3{ color:rgba(255,255,255,0.8)}
.main_9 .img{ width: calc(100% - 20px); padding: 50px 10px 10px}
.main_9 li{ width: 33%; height: 70px; padding-top: 0; background:url(../../images/accessories/vibrationMassageDevicePB/9_1.png) no-repeat center 0}
.main_9 .line{ width: 1px; height: 84px; float: right; background-color: #fff; margin-top: -5px; opacity: 0.5}

.main_10{ height:1898px}
.main_10 .t_1{ color:rgba(255,255,255,1)}
.main_10 .t_2{ color:rgba(255,255,255,0.8)}
.main_10 .t_3{ color:rgba(255,255,255,0.8)}
.main_10 .img_box{ height:1898px}

.main_11{ height:1964px}
.main_11 .t_1{ color:rgba(255,255,255,1)}
.main_11 .t_2{ color:rgba(255,255,255,0.8)}
.main_11 .t_3{ color:rgba(255,255,255,0.8)}
.main_11 .img_box{ height:1964px}

.main_12{ height:2352px}
.main_12 .t_1{ color:rgba(255,255,255,1)}
.main_12 .t_2{ color:rgba(255,255,255,0.8)}
.main_12 .t_3{ color:rgba(255,255,255,0.8)}
.main_12 .img_box{ height:2352px}

.main_13{ width: 100%; float: left; background-color: #F6F6F6}
.main_13 .t_1{ width: 100%; float: left; font-size: 50px; color: rgba(50,50,50,0.9); background-color: #EBEBEB; line-height: 210px; text-align: center}
.main_13 ul{ width: 100%; float: left}
.main_13 li{ width: 50%; float: left; height: 475px; overflow: hidden}
.main_13 img{ float: left; position: relative; left: 50%; margin-left: -215px}
.main_13 .t_2{ width: 100%; float: left; text-align: center; color: #222; font-size: 30px; line-height: 58px; padding-top: 180px}
.main_13 .t_3{ width: 100%; float: left; text-align: center; color: #222; font-size: 28px; line-height: 58px; opacity: 0.8}

.main_14{ height:878px}
.main_14 .img_box{ height:878px}
.main_14 .t_1{ width: 100%; float: left; font-size: 22px; color: rgba(14,14,14,0.6); line-height: 32px; text-align: center; padding-top: 760px; position: relative; z-index: 10}

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

.main_16{ height:1360px}
.main_16 .tit_box{ margin-top:84px; text-align: center; opacity:0}
.main_16 .img_box{ height:1360px}

.main_17{ height:1360px}
.main_17 .tit_box{ margin-top:122px; text-align: center; opacity:0}
.main_17 .img_box{ height:1360px}

@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 .t_3{ font-size:16px; line-height:28px}
	.generic ul{ padding:23px 0 0}
	.generic li{ padding-top:41px; font-size:12px; line-height:17px; background-size: 50px 500px}
	.generic .ic_2{ background-position:center -100px}
	.generic .ic_3{ background-position:center -200px}
	.generic .ic_4{ background-position:center -300px}
	.generic .ic_5{ background-position:center -400px}
	.generic .img_box{ width:430px}
	
	.main_1{ height:680px}
	.main_1 .tit_box{ margin-top:83px}
	.main_1 .t_1{ padding-bottom: 1px}
	.main_1 .img_box{ height:680px}

	.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:614px}
	.main_2 .img_box{ height:614px}

	.main_3 .img{ padding: 25px 10px 10px}

	.main_4{ height:906px}
	.main_4 .img_box{ height:906px}
	.main_4 li{ padding-top: 0; height: 60px; background-size: 150px 500px}
	.main_4 .line{ height: 58px}

	.main_5{ height:623px}
	.main_5 .img_box{ height:623px}
	.main_5 .tit_box{ margin-top:38px}
	.main_5 li{ padding-top: 44px}

	.main_6{ height:792px}
	.main_6 .t_3 .fs_20{ font-size: 10px; margin: -4px 0 0 3px}
	.main_6 .img_box{ height:792px}

	.main_7{ height:804px}
	.main_7 .t_3 .fs_20{ font-size: 10px; margin: -4px 0 0 3px}
	.main_7 .img_box{ height:804px}

	.main_8{ height:674px}
	.main_8 .img_box{ height:674px}
	.main_8 li{ padding-top: 44px}

	.main_9{ background-size: 430px 50px}
	.main_9 .img{ padding: 30px 10px 10px}
	.main_9 li{ padding-top: 0; height: 30px; background-size: 100px 500px}
	.main_9 .line{ height: 42px; margin-top: -3px}

	.main_10{ height:949px}
	.main_10 .img_box{ height:949px}

	.main_11{ height:982px}
	.main_11 .img_box{ height:982px}

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

	.main_13 .t_1{ font-size: 25px; line-height: 105px}
	.main_13 li{ height: 237px}
	.main_13 img{ width: 215px; height:237px; margin-left: -107px}
	.main_13 .t_2{ font-size: 15px; line-height: 29px; padding-top: 90px}
	.main_13 .t_3{ font-size: 14px; line-height: 29px}

	.main_14{ height:439px}
	.main_14 .img_box{ height:439px}
	.main_14 .t_1{ font-size: 11px; line-height: 16px; padding-top: 380px}

	.main_15{ height:130px}
	.main_15 .img_box{ height:130px}
	
	.main_16{ height:680px}
	.main_16 .tit_box{ margin-top:42px}
	.main_16 .tit_box img{ width: 226px; height:113px}
	.main_16 .img_box{ height:680px}

	.main_17{ height:680px}
	.main_17 .tit_box{ margin-top:61px}
	.main_17 .tit_box img{ width: 262px; height:95px}
	.main_17 .img_box{ height:680px}
}