.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:1048px}
.main_1 .tit_box{ text-align:center}
.main_1 .t_1{ font-size:60px; line-height:72px; padding-bottom:22px}
.main_1 .t_2{ font-size:28px; line-height:32px}
.main_1 .img_box{ height:1048px}
.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:1824px}
.main_2 .t_1{ color:rgba(255,255,255,1)}
.main_2 .t_2{ color:rgba(255,255,255,0.8)}
.main_2 .t_3{ color:rgba(255,255,255,0.8)}
.main_2 .img_box{ height:1824px}

.main_3{ height:1588px}
.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:1588px}
.main_3 li{ padding-top: 62px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/rope/3_1.png) no-repeat center 0}

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

.main_5{ height:1472px}
.main_5 .img_box{ height:1472px}
.main_5 li{ padding-top: 72px; background:url(../../images/accessories/rope/5_1.png) no-repeat center 0}

.main_6{ height:1324px}
.main_6 .img_box{ height:1324px}
.main_6 li{ padding-top: 72px; background:url(../../images/accessories/rope/6_1.png) no-repeat center 0}

.main_7{ height:1510px}
.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 .img_box{ height:1510px}
.main_7 li{ padding-top: 82px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/rope/7_1.png) no-repeat center 0}

.main_8{ height:1598px}
.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:1598px}
.main_8 li{ padding-top: 82px; color:rgba(255,255,255,0.8); background:url(../../images/accessories/rope/8_1.png) no-repeat center 0}

.main_9{ height:1482px}
.main_9 .img_box{ height:1482px}
.main_9 li{ padding-top: 72px; background:url(../../images/accessories/rope/9_1.png) no-repeat center 0}

.main_10{ height:1474px}
.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 .t_4{ width: 100%; float: left; padding-top: 45px}
.main_10 .img_box{ height:1474px}

.tips{ width: 90%; float: left; padding: 40px 5%; color:rgba(51,51,51,0.6); font-size: 32px; line-height: 50px; background-color: #F5F5F5}


@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:524px}
	.main_1 .t_1{ font-size:30px; line-height:36px; padding-bottom:11px}
	.main_1 .t_2{ font-size:14px; line-height:16px}
	.main_1 .img_box{ height:524px}

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

	.main_3{ height:794px}
	.main_3 .img_box{ height:794px}
	.main_3 li{ padding-top: 31px}

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

	.main_5{ height:736px}
	.main_5 .img_box{ height:736px}
	.main_5 li{ padding-top: 36px}

	.main_6{ height:662px}
	.main_6 .img_box{ height:662px}
	.main_6 li{ padding-top: 36px}

	.main_7{ height:755px}
	.main_7 .img_box{ height:755px}
	.main_7 li{ padding-top: 41px}

	.main_8{ height:799px}
	.main_8 .img_box{ height:799px}
	.main_8 li{ padding-top: 41px}

	.main_9{ height:741px}
	.main_9 .img_box{ height:741px}
	.main_9 li{ padding-top: 36px}

	.main_10{ height:737px}
	.main_10 .t_4{ padding-top: 22px}
	.main_10 .t_4 img{ width: 222px; height: 54px}
	.main_10 .img_box{ height:737px}

	.tips{ padding: 20px 5%; font-size: 16px; line-height: 25px}
}