.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; position:relative; margin-top: 121px; z-index:10}
.generic .t_1{ width:100%; float:left; position:relative; overflow:hidden; font-size:40px; line-height: 54px; color: #323232; padding-bottom: 19px; opacity:0}
.generic .t_2{ width:100%; float:left; position:relative; overflow:hidden; font-size:24px; line-height: 40px; color:rgba(50,50,50,0.7); opacity:0}
.generic .t_3{ width:calc(100% - 140px); float:left; font-size:16px; line-height: 24px; color:rgba(50,50,50,0.6); position: absolute; bottom: 46px; left: 70px; z-index: 1}
.generic ul{ width:100%; float:left; margin: 40px 0 0 -25px; position:relative}
.generic li{ width:25%; float:left; padding-top:100px; font-size:20px; color:rgba(255,255,255,0.5); text-align:center; line-height:26px; opacity:0}
.generic .ic_2{ background-position:center -200px}
.generic .ic_3{ background-position:center -400px}
.generic .ic_4{ background-position:center -600px}
.generic .img_box{ width:860px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ max-width:100%}
.generic .plr_70{ padding:0 70px}

.main_1{ height:2150px}
.main_1 .tit_box{ margin-top:256px; text-align: center; opacity:0}
.main_1 .img_box{ height:2150px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}
.main_1 ul{ width: calc(100% - 140px); height: 516px; position: absolute; bottom: 44px; left: 40px; background-color: #fff; padding: 78px 30px 0; border-radius: 20px; margin: 0}
.main_1 li{ width: calc(50% - 108px); height: 100px; float: left; padding:0 0 0 108px; text-align: left; background:url("../../images/accessories/rope2/1_2.png") no-repeat; margin: 0 0 70px; opacity: 1}
.main_1 li .lt_1{ width: 100%; float: left; color: #323234; font-size: 32px; line-height: 50px}
.main_1 li .lt_1 .fs_20{ font-size: 20px; opacity: 0.6}
.main_1 li.ic_1{ background-position: 0 6px}
.main_1 li.ic_2{ background-position: 0 -190px}
.main_1 li.ic_3{ background-position: 0 -395px}
.main_1 li.ic_4{ background-position: 0 -582px}
.main_1 li.ic_5{ background-position: 0 -793px}
.main_1 li.ic_6{ background-position: 0 -993px}

.main_2{ height:1320px}
.main_2 .tit_box{ margin-top: 75px}
.main_2 .img_box{ height:1320px}

.main_3{ height:1830px}
.main_3 .t_1{ color: #fff}
.main_3 .t_2{ color:rgba(255,255,255,0.7)}
.main_3 .img_box{ height:1830px}
.main_3 li{ width:26%; background:url(../../images/accessories/rope2/3_1.png) no-repeat center 0}

.main_4{ width:100%; padding-bottom:102px}
.main_4 .tit_box{ margin:113px 0 80px}
.main_4 .img_box{ width: calc(100% - 52px); padding:0 26px; position:relative}

.main_5{ height:1752px}
.main_5 .img_box{ height:1752px}
.main_5 ul{ margin-top: 36px}
.main_5 li{ width:19%; color: #9E9FA1; background:url(../../images/accessories/rope2/5_1.png) no-repeat center 0}

.main_6{ height:1488px}
.main_6 .tit_box{ margin-top:220px}
.main_6 .t_1{ color: #fff}
.main_6 .t_2{ color:rgba(255,255,255,0.7)}
.main_6 .img_box{ height:1488px}

.main_7{ height:2682px}
.main_7 .img_box{ height:2682px}
.main_7 ul{ margin: 57px 0 0 -10px}
.main_7 li{ width:19%; color: #9E9FA1; background:url(../../images/accessories/rope2/7_1.png) no-repeat center 0}

.main_8{ height:1354px}
.main_8 .tit_box{ margin-top:131px}
.main_8 .img_box{ height:1354px}

.main_9{ height:1474px}
.main_9 .tit_box{ margin-top:131px}
.main_9 .t_1{ color: #fff}
.main_9 .t_2{ color:rgba(255,255,255,0.7)}
.main_9 .img_box{ height:1474px}

.main_10{ height:1672px}
.main_10 .tit_box{ margin-top:173px}
.main_10 .t_1{ color: #fff}
.main_10 .t_2{ color:rgba(255,255,255,0.7)}
.main_10 .img_box{ height:1672px}
.main_10 ul{ margin: 52px 0 0 -10px}
.main_10 li{ width:19%; color:rgba(255,255,255,0.5); background:url(../../images/accessories/rope2/10_1.png) no-repeat center 0}

.main_11{ height:3440px}
.main_11 .tit_box{ margin-top:133px}
.main_11 .t_1{ color: #fff}
.main_11 .t_2{ color:rgba(255,255,255,0.7)}
.main_11 .t_3{ top: 1655px; text-align: center; color:rgba(207,217,226,0.5)}
.main_11 .img_box{ height:3440px}
.main_11 ul{ margin-left: 0}
.main_11 li{ width: auto; float:left; font-size: 64px; color: #fff; line-height:20px; padding:0 32px 0 0; text-align: left}
.main_11 li .lt_1{ width: 100%; height: 64px; line-height: 64px; float:left; overflow: hidden}
.main_11 li .fs_26{ font-size: 26px; color: #babcca}
.main_11 li .fs_27{ font-size: 27px; position: relative; top: -20px}
.main_11 li .fs_25{ font-size: 25px; color: rgba(255,255,255,0.4)}
.main_11 .img_box_2{ width: calc(100% - 48px); height: 800px; float: left; position: absolute; top: 1714px; left: 24px; overflow: hidden; border-radius: 14px}
.main_11 .img_box_2.t_2534{ top: 2534px}
.main_11 .img_box_2 img{ position:absolute; top: 0; left: 50%; margin-left: -405px; border-radius: 14px}
.main_11 .img_box_2 .it_1{ position: relative; float: right; margin: 72px 64px 0 0; color: #fff; font-size: 34px; line-height: 40px; text-align: right; z-index: 1}
.main_11 .img_box_2 .it_1 .fs_19{ font-size: 19px}

.main_12{ width:100%; padding-bottom:60px; background-color: #F6F6F6}
.main_12 .tit_box{ margin:138px 0 24px; opacity: 0}
.main_12 .t_1{ opacity: 1}
.main_12 .img_box{ width: calc(100% - 52px); margin:0 26px; position:relative; text-align: center}
.main_12 .img_box img{ border-radius: 14px}
.main_12 .img_box .it_1{ width: calc(100% - 44px); float: left; position: absolute; left: 44px; top: 56px; font-size: 32px; color: rgba(50,50,50,0.5); line-height: 40px; text-align: left; z-index: 1}
.main_12 .img_box .it_2{ width: calc(100% - 44px); float: left; position: absolute; left: 44px; top: 125px; font-size: 24px; color: rgba(50,50,50,1); line-height: 40px; text-align: left; z-index: 1}


@media only screen and (max-width : 600px){
	.generic .box{ width:430px; margin:0 0 0 -215px}
	.generic .tit_box{ margin-top: 60px}
	.generic .t_1{ font-size:20px; line-height: 27px; padding-bottom: 10px}
	.generic .t_2{ font-size:12px; line-height: 20px}
	.generic .t_3{ width:calc(100% - 70px); font-size:8px; line-height: 12px; bottom: 23px; left: 35px}
	.generic ul{ margin: 20px 0 0 -12px}
	.generic li{ padding-top:50px; font-size:10px; line-height:13px; 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 .img_box{ width:430px}
	.generic .plr_70{ padding:0 35px}

	.main_1{ height:1075px}
	.main_1 .tit_box{ margin-top:128px}
	.main_1 .tit_box img{ width: 243px; height: 80px}
	.main_1 .img_box{ height:1075px}
	.main_1 ul{ width: calc(100% - 70px); height: 258px; bottom: 22px; left: 20px; padding: 39px 15px 0; margin: 0}
	.main_1 li{ width: calc(50% - 54px); height: 50px; padding:0 0 0 54px; margin: 0 0 35px; background-size: 50px 600px}
	.main_1 li .lt_1{ font-size: 16px; line-height: 25px}
	.main_1 li .lt_1 .fs_20{ font-size: 10px}
	.main_1 li.ic_1{ background-position: 0 3px}
	.main_1 li.ic_2{ background-position: 0 -95px}
	.main_1 li.ic_3{ background-position: 0 -197px}
	.main_1 li.ic_4{ background-position: 0 -291px}
	.main_1 li.ic_5{ background-position: 0 -396px}
	.main_1 li.ic_6{ background-position: 0 -497px}

	.main_2{ height:660px}
	.main_2 .tit_box{ margin-top:37px}
	.main_2 .img_box{ height:660px}

	.main_3{ height:915px}
	.main_3 .img_box{ height:915px}

	.main_4{ padding-bottom:51px}
	.main_4 .tit_box{ margin:56px 0 40px}
	.main_4 .img_box{ width: calc(100% - 26px); padding:0 13px}

	.main_5{ height:876px}
	.main_5 .img_box{ height:876px}
	.main_5 ul{ margin-top: 18px}

	.main_6{ height:744px}
	.main_6 .tit_box{ margin-top:110px}
	.main_6 .img_box{ height:744px}

	.main_7{ height:1341px}
	.main_7 .img_box{ height:1341px}
	.main_7 ul{ margin: 28px 0 0 -5px}

	.main_8{ height:677px}
	.main_8 .tit_box{ margin-top:65px}
	.main_8 .img_box{ height:677px}

	.main_9{ height:737px}
	.main_9 .tit_box{ margin-top:65px}
	.main_9 .img_box{ height:737px}

	.main_10{ height:836px}
	.main_10 .tit_box{ margin-top:86px}
	.main_10 .img_box{ height:836px}
	.main_10 ul{ margin: 26px 0 0 -5px}

	.main_11{ height:1720px}
	.main_11 .tit_box{ margin-top:66px}
	.main_11 .t_3{ top: 827px}
	.main_11 .img_box{ height:1720px}
	.main_11 ul{ margin-left: 0}
	.main_11 li{ width: auto; font-size: 32px; line-height:10px; padding:0 16px 0 0}
	.main_11 li .lt_1{ height: 32px; line-height: 32px}
	.main_11 li .fs_26{ font-size: 13px}
	.main_11 li .fs_27{ font-size: 13px; top: -10px}
	.main_11 li .fs_25{ font-size: 12px}
	.main_11 .img_box_2{ width: calc(100% - 24px); height: 400px; top: 857px; left: 12px}
	.main_11 .img_box_2.t_2534{ top: 1267px}
	.main_11 .img_box_2 img{ margin-left: -202px}
	.main_11 .img_box_2 .it_1{ margin: 36px 32px 0 0; font-size: 17px; line-height: 20px}
	.main_11 .img_box_2 .it_1 .fs_19{ font-size: 10px}

	.main_12{ padding-bottom:30px}
	.main_12 .tit_box{ margin:69px 0 12px}
	.main_12 .img_box{ width: calc(100% - 26px); margin:0 13px}
	.main_12 .img_box .it_1{ width: calc(100% - 22px); left: 22px; top: 28px; font-size: 16px; line-height: 20px}
	.main_12 .img_box .it_2{ width: calc(100% - 22px); left: 22px; top: 62px; font-size: 12px; line-height: 20px}
}

@media only screen and (max-width : 410px){
	.main_1 li .lt_1{ font-size: 14px}
	.main_1 li .lt_1 .fs_20{ font-size: 9px}
}

@media only screen and (max-width : 390px){
	.main_1 li .lt_1{ font-size: 12px}
	.main_1 li .lt_1 .fs_20{ font-size: 8px}
}