.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; color: #fff; z-index:10}
.generic .t_1{ width:100%; float:left; position:relative; overflow:hidden; font-size:50px; line-height: 60px; padding-bottom: 30px}
.generic .t_2{ width:100%; float:left; position:relative; overflow:hidden; font-size:30px; line-height: 50px; color:rgba(255,255,255,0.7); padding-bottom: 16px}
.generic .t_2 .fs_24{ font-size: 24px; top: -4px; left: 3px; position: relative; display: inline-block; transform: scale(0.8); transform-origin: top left; letter-spacing: 1px}
.generic .t_3{ width:100%; float:left; position:relative; overflow:hidden; font-size:24px; line-height: 36px; color:rgba(255,255,255,0.4)}
.generic ul{ width:100%; float:left; padding:38px 0 0; position:relative}
.generic li{ width:25%; float:left; padding-top:82px; font-size:24px; text-align:center; line-height:34px; opacity:1}
.generic .ic_2{ background-position:center -400px}
.generic .ic_3{ background-position:center -800px}
.generic .ic_4{ background-position:center -1200px}
.generic .img_box{ width:860px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ max-width:100%}

.main_1{ height:1244px}
.main_1 .tit_box{ margin-top:77px; text-align: center; opacity:0}
.main_1 .t_1{ text-align: center; padding-bottom: 30px}
.main_1 .t_2{ font-size: 32px; line-height: 40px; color: #fff; padding-bottom: 10px}
.main_1 .t_3{ font-size: 26px; line-height: 40px; color: #fff}
.main_1 .img_box{ height:1244px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}

.main_2{ width: calc(100% - 56px); padding: 28px 28px 0; background-color: #1D1C22}
.main_2 img{ max-width: 100%; margin-bottom: 28px}

.main_3{ width:calc(100% - 56px); padding:28px; background-color: #171719}
.main_3 .tit_box{ padding: 62px 0 56px}
.main_3 .t_1{ opacity: 0}
.main_3 .t_2{ opacity: 0}
.main_3 .t_3{ opacity: 0}
.main_3 .img_box{ width: 100%; position:relative}
.main_3 .img_box img{ border-radius:5px}

.main_4{ width:calc(100% - 56px); padding:28px; background-color: #030912}
.main_4 .tit_box{ padding: 62px 0 56px}
.main_4 .t_1{ opacity: 0}
.main_4 .t_2{ opacity: 0}
.main_4 .t_3{ opacity: 0}
.main_4 .img_box{ width: 100%; position:relative}
.main_4 .img_box img{ border-radius:5px}

.main_5{ height:1832px}
.main_5 .tit_box{ padding: 123px 0 56px}
.main_5 .t_1{ opacity: 0}
.main_5 .t_2{ opacity: 0}
.main_5 .t_3{ opacity: 0}
.main_5 .img_box{ height:1832px}

.main_6{ height:1134px}
.main_6 .tit_box{ width:390px; float:left; position:relative; color: #fff; margin:122px 0 0 84px; opacity: 0; z-index:10}
.main_6 .img_box{ height:1134px}
.main_6 ul{ width:100%; float:left; position: relative; padding-top: 90px}
.main_6 li{ width:100%; float:left; padding:0 0 79px 0; text-align: left; opacity: 0}
.main_6 li .lt_1{ width: 100%; float: left; font-size: 34px; color: rgba(255,255,255,0.7); line-height: 36px; letter-spacing:3px; padding-bottom: 12px}
.main_6 li .lt_2{ width: 100%; float: left; font-size: 16px; color: rgba(255,255,255,0.5); line-height: 24px}

.main_7{ width:calc(100% - 56px); padding:28px 28px 0; background-color: #100E24}
.main_7 .tit_box{ padding: 62px 0 56px}
.main_7 .t_1{ opacity: 0}
.main_7 .t_2{ opacity: 0}
.main_7 .t_3{ opacity: 0}
.main_7 .img_box{ width: 100%; position:relative}
.main_7 .img_box img{ border-radius:5px; margin-bottom: 24px}

.main_8{ height:1638px}
.main_8 .tit_box{ padding: 123px 0 56px}
.main_8 .t_1{ opacity: 0}
.main_8 .t_2{ opacity: 0}
.main_8 .t_3{ width: calc(100% - 56px); position: absolute; bottom: 60px; left: 28px; z-index: 10}
.main_8 .img_box{ height:1638px}
.main_8 li{ padding-top: 134px; color:#fff; opacity: 0; background:url(../../images/accessories/ems/8_1.png) no-repeat center 0}

.main_9{ height:1482px}
.main_9 .tit_box{ padding: 123px 0 56px}
.main_9 .t_1{ opacity: 0}
.main_9 .t_2{ opacity: 0}
.main_9 .t_3{ width: calc(100% - 56px); position: absolute; bottom: 60px; left: 28px; z-index: 10}
.main_9 .img_box{ height:1482px}
.main_9 li{ padding-top: 134px; color:#fff; opacity: 0; background:url(../../images/accessories/ems/9_1.png) no-repeat center 0}

.main_10{ height:1306px}
.main_10 .tit_box{ padding: 123px 0 56px; color: rgba(0,0,0,0.9)}
.main_10 .t_1{ opacity: 0}
.main_10 .t_2{ color: #000; opacity: 0}
.main_10 .t_3{ width: calc(100% - 56px); position: absolute; bottom: 60px; left: 28px; color: #fff; z-index: 10}
.main_10 .img_box{ height:1306px}
.main_10 li{ padding-top: 134px; color:rgba(0,0,0,0.7); opacity: 0; background:url(../../images/accessories/ems/10_1.png) no-repeat center 0}

.main_11{ height:1580px}
.main_11 .tit_box{ padding: 123px 0 56px}
.main_11 .t_1{ opacity: 0}
.main_11 .t_2{ opacity: 0}
.main_11 .t_3{ margin-top: -71px}
.main_11 .t_4{ width: 860px; height: 720px; float: left; position: relative; left: 50%; margin:-72px 0 0 -430px; opacity: 0}
.main_11 .t_4 img{ max-width: 100%}
.main_11 .img_box{ height:1580px}
.main_11 ul{ padding:44px 0 0}
.main_11 li{ padding-top: 134px; color:#fff; opacity: 0; background:url(../../images/accessories/ems/11_1.png) no-repeat center 0}

.main_12{ height:1306px}
.main_12 .tit_box{ padding: 123px 0 56px}
.main_12 .t_1{ opacity: 0}
.main_12 .t_2{ opacity: 0}
.main_12 .t_4{ width: 860px; height: 720px; float: left; position: relative; left: 50%; margin:-66px 0 0 -430px; opacity: 0}
.main_12 .t_4 img{ max-width: 100%}
.main_12 .img_box{ height:1306px}
.main_12 ul{ padding:44px 0 0}
.main_12 li{ padding-top: 134px; color:#fff; opacity: 0; background:url(../../images/accessories/ems/12_1.png) no-repeat center 0}

.main_13{ height:1424px}
.main_13 .tit_box{ padding: 123px 0 56px}
.main_13 .t_1{ opacity: 0}
.main_13 .t_2{ opacity: 0}
.main_13 .t_3{ margin-top: 14px}
.main_13 .t_4{ width: 860px; height: 720px; float: left; position: relative; left: 50%; margin:-188px 0 0 -430px; opacity: 0}
.main_13 .t_4 img{ max-width: 100%}
.main_13 .img_box{ height:1424px}
.main_13 ul{ padding:44px 0 0}
.main_13 li{ padding-top: 134px; color:#fff; opacity: 0; background:url(../../images/accessories/ems/13_1.png) no-repeat center 0}

.main_14{ height:1100px}
.main_14 .tit_box{ padding: 123px 0 56px}
.main_14 .t_1{ opacity: 0}
.main_14 .t_2{ opacity: 0}
.main_14 .img_box{ height:1100px}
.main_14 ul{ padding:44px 0 0}
.main_14 li{ padding-top: 134px; color:#fff; opacity: 0; background:url(../../images/accessories/ems/14_1.png) no-repeat center 0}

.main_15{ text-align: center}
.main_15 img{ max-width: 100%}

.main_16{ width:calc(100% - 56px); padding:28px; background-color: #171719}
.main_16 .tit_box{ padding: 96px 0 56px}
.main_16 .t_1{ opacity: 0}
.main_16 .t_2{ opacity: 0}
.main_16 .img_box{ width: 100%; position:relative}
.main_16 .img_box img{ border-radius:5px}
.main_16 ul{ padding:44px 0 0}
.main_16 li{ padding-top: 134px; color:#fff; opacity: 0; background:url(../../images/accessories/ems/16_1.png) no-repeat center 0}

.main_17{ width:calc(100% - 56px); padding:28px}
.main_17 .tit_box{ padding: 96px 0 56px}
.main_17 .t_1{ color: rgba(0,0,0,0.9); opacity: 0}
.main_17 .t_2{ color: rgba(0,0,0,0.9); opacity: 0}
.main_17 .img_box{ width: 100%; position:relative}
.main_17 .img_box img{ border-radius:5px}
.main_17 ul{ width: 90%; padding:88px 5% 58px}
.main_17 li{ width: 33.33%; padding-top: 230px; line-height: 42px; color:rgba(0,0,0,0.7); background:url(../../images/accessories/ems/17_1.png) no-repeat center 0}

.main_18{ text-align: center}
.main_18 .t_1{ line-height: 176px; background-color: #E7E7E7; text-align: center}
.main_18 img{ max-width: 100%}

.main_19{ text-align: center}
.main_19 .t_1{ line-height: 176px; background-color: #F1F1F1; text-align: center}
.main_19 img{ max-width: 100%}

@media only screen and (max-width : 720px){
	.main_6 .box_1{ width: 100%; left: 0; margin: 0}
	.main_6 .tit_box{ margin-left:28px}
}

@media only screen and (max-width : 600px){
	.generic .box{ width:430px; margin:0 0 0 -215px}
	.generic .t_1{ font-size:25px; line-height:30px; padding-bottom:15px}
	.generic .t_2{ font-size:15px; line-height:25px; padding-bottom:8px}
	.generic .t_2 .fs_24{ font-size: 12px; top: -2px; left: 2px}
	.generic .t_3{ font-size:12px; line-height:18px}
	.generic ul{ width:90%; padding:19px 5% 0}
	.generic li{ padding-top: 67px; font-size:12px; line-height:17px; background-size: 100px 1000px}
	.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:430px}
	
	.main_1{ height:622px}
	.main_1 .tit_box{ margin-top:38px}
	.main_1 .t_1{ padding-bottom: 15px}
	.main_1 .t_1 img{ width: 325px; height: 66px}
	.main_1 .t_2{ font-size: 16px; line-height: 20px; padding-bottom: 5px}
	.main_1 .t_3{ font-size: 13px; line-height: 20px}
	.main_1 .img_box{ height:622px}

	.main_2{ width: calc(100% - 28px); padding: 14px 14px 0}
	.main_2 img{ margin-bottom: 14px}

	.main_3{ width:calc(100% - 28px); padding:14px}
	.main_3 .tit_box{ padding: 31px 0 28px}
	.main_3 .img_box{ width: 100%}

	.main_4{ width:calc(100% - 28px); padding:14px}
	.main_4 .tit_box{ padding: 31px 0 28px}
	.main_4 .img_box{ width: 100%}

	.main_5{ height:916px}
	.main_5 .tit_box{ padding: 62px 0 28px}
	.main_5 .img_box{ height:916px}

	.main_6{ height:567px}
	.main_6 .box_1{ width:430px; left: 50%; margin:0 0 0 -215px}
	.main_6 .tit_box{ width:205px; margin:61px 0 0 42px}
	.main_6 .img_box{ height:567px}
	.main_6 ul{ padding-top: 45px}
	.main_6 li{ padding:0 0 40px 0}
	.main_6 li .lt_1{ font-size: 17px; line-height: 18px; padding-bottom: 6px; letter-spacing:1px}
	.main_6 li .lt_2{ font-size: 8px; line-height: 12px}

	.main_7{ width:calc(100% - 28px); padding:14px 14px 0}
	.main_7 .tit_box{ padding: 31px 0 28px}
	.main_7 .img_box{ width: 100%}
	.main_7 .img_box img{ margin-bottom: 12px}

	.main_8{ height:819px}
	.main_8 .tit_box{ padding: 62px 0 28px}
	.main_8 .t_3{ width: calc(100% - 28px); bottom: 30px; left: 14px}
	.main_8 .img_box{ height:819px}

	.main_9{ height:741px}
	.main_9 .tit_box{ padding: 62px 0 28px}
	.main_9 .t_3{ width: calc(100% - 28px); bottom: 30px; left: 14px}
	.main_9 .img_box{ height:741px}

	.main_10{ height:653px}
	.main_10 .tit_box{ padding: 62px 0 28px}
	.main_10 .t_3{ width: calc(100% - 28px); bottom: 30px; left: 14px}
	.main_10 .img_box{ height:653px}

	.main_11{ height:790px}
	.main_11 .tit_box{ padding: 62px 0 28px}
	.main_11 .t_3{ margin-top: -35px}
	.main_11 .t_4{ width: 430px; height: 360px; margin:-36px 0 0 -215px}
	.main_11 .img_box{ height:790px}

	.main_12{ height:653px}
	.main_12 .tit_box{ padding: 62px 0 28px}
	.main_12 .t_4{ width: 430px; height: 360px; margin:-33px 0 0 -215px}
	.main_12 .img_box{ height:653px}

	.main_13{ height:712px}
	.main_13 .tit_box{ padding: 62px 0 28px}
	.main_13 .t_3{ margin-top: 7px}
	.main_13 .t_4{ width: 430px; height: 360px; margin:-94px 0 0 -215px}
	.main_13 .img_box{ height:712px}

	.main_14{ height:550px}
	.main_14 .tit_box{ padding: 62px 0 28px}
	.main_14 .img_box{ height:550px}

	.main_16{ width:calc(100% - 28px); padding:14px}
	.main_16 .tit_box{ padding: 48px 0 28px}
	.main_16 .img_box{ width: 100%}

	.main_17{ width:calc(100% - 28px); padding:14px}
	.main_17 .tit_box{ padding: 48px 0 28px}
	.main_17 .img_box{ width: 100%}
	.main_17 ul{ padding:44px 5% 29px}
	.main_17 li{ padding-top: 115px; line-height: 21px}

	.main_18 .t_1{ line-height: 88px}

	.main_19 .t_1{ line-height: 88px}
}

@media only screen and (max-width : 360px){
	.main_6 .box_1{ width: 100%; left: 0; margin: 0}
	.main_6 .tit_box{ margin-left:14px}
}