

.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:52px 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:1120px}
.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:1120px}
.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.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: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{ height:1646px}
.main_3 .t_1{ color:rgba(255,255,255,1)}
.main_3 .t_2{ color:rgba(255,255,255,0.8)}
.main_3 .t_3{ color:rgba(255,255,255,0.8)}
.main_3 .img_box{ height:1646px}
.main_3 li{ padding-top: 62px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDeviceSC/3_1.png) no-repeat center 0}

.main_4{ height:2268px}
.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:2268px}
.main_4 li{ padding-top: 72px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDeviceSC/4_1.png) no-repeat center 0}

.main_5{ height:1442px}
.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:1442px}
.main_5 li{ padding-top: 58px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDeviceSC/5_1.png) no-repeat center 0}

.main_6{ height:2108px}
.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 .img_box{ height:2108px}

.main_7{ height:1812px}
.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_4{ width:100%; float:left; position:relative; overflow:hidden; font-size:24px; line-height:32px; color:rgba(255,255,255,0.6); padding-top: 28px}
.main_7 .img_box{ height:1812px}
.main_7 li{ padding-top: 58px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDeviceSC/7_1.png) no-repeat center 0}

.main_8{ height:1398px}
.main_8 .img_box{ height:1398px}

.main_9{ height:2512px}
.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_box{ height:2512px}
.main_9 li{ padding-top: 88px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDeviceSC/9_1.png) no-repeat center 0}

.main_10{ height:1604px}
.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:1604px}
.main_10 li{ padding-top: 88px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/vibrationMassageDeviceSC/10_1.png) no-repeat center 0}

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

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

.main_13{ width: 100%; float: left}
.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:260px}
.main_14 .img_box{ height:260px}

@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:26px 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:560px}
	.main_1 .tit_box{ margin-top:83px}
	.main_1 .t_1{ padding-bottom: 1px}
	.main_1 .img_box{ height:560px}

	.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{ height:823px}
	.main_3 .img_box{ height:823px}
	.main_3 li{ padding-top: 31px}

	.main_4{ height:1134px}
	.main_4 .img_box{ height:1134px}
	.main_4 li{ padding-top: 36px}

	.main_5{ height:721px}
	.main_5 .img_box{ height:721px}
	.main_5 li{ padding-top: 29px}

	.main_6{ height:1054px}
	.main_6 .img_box{ height:1054px}

	.main_7{ height:906px}
	.main_7 .t_4{ font-size:12px; line-height:16px; padding-top: 14px}
	.main_7 .img_box{ height:906px}
	.main_7 li{ padding-top: 29px}

	.main_8{ height:699px}
	.main_8 .img_box{ height:699px}

	.main_9{ height:1256px}
	.main_9 .img_box{ height:1256px}
	.main_9 li{ padding-top: 44px}

	.main_10{ height:802px}
	.main_10 .img_box{ height:802px}
	.main_10 li{ padding-top: 44px}

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

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

	.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:130px}
	.main_14 .img_box{ height:130px}
}