.generic{ width:100%; min-width:930px; float:left; overflow:hidden; position:relative}
.generic .box{ width:1920px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px; font-family:HanHei SC; font-weight:200}
.generic .tit_box{ width:720px; float:left; position:absolute; z-index:10}
.generic .t_1{ width:100%; float:left; font-size:48px; line-height:64px; padding-bottom:34px; letter-spacing:4px}
.generic .t_2{ width:100%; float:left; font-size:20px; line-height:32px; padding-bottom:22px; letter-spacing:3px}
.generic .t_2 .fs_12{ font-size: 12px; top: -4px; position: relative; display: inline-block; transform: scale(0.8); transform-origin: top left; letter-spacing: 1px}
.generic .t_3{ width:100%; float:left; font-size:16px; line-height:26px; color: rgba(0,0,0,0.5)}
.generic .img_box{ width:1920px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ width:1920px; float:left; position:absolute; top:0; left:0}

.sticky{ width: 100%; float: left; position:relative}
.sticky .sbox{ width: 100%; height: 0px; visibility:visible; position:sticky; top: 0}

.main_1{ height:1006px}
.main_1 .box{ height:1006px}
.main_1 .tit_box{ height:300px; top:392px; left:968px; opacity:0}
.main_1 .t_1{ padding-bottom:38px}
.main_1 .t_2{ font-size: 32px; color: rgba(255,255,255,0.7); line-height: 40px; padding-bottom: 14px}
.main_1 .t_3{ font-size: 24px; color: rgba(255,255,255,0.7); line-height: 40px}
.main_1 .img_box{ height:1006px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}

.main_2{ height:816px; background-color: #100E24}
.main_2 ul{ width:1656px; float: left; height: 558px; position: relative; left: 50%; margin: 129px 0 0 -828px}
.main_2 li{ width: 520px; float: left; height: 558px; margin: 0 16px; overflow: hidden; position: relative}
.main_2 li img{ width: 520px; height: 558px; float: left; position: absolute; top: 0; left: 0}
.main_2 li .lt_1{ width: 90%; float: left; padding: 88px 5% 0; font-size: 24px; color: rgba(255,255,255,0.9); text-align: center; line-height: 30px; position: relative}

.main_3{ height:810px}
.main_3 .box{ height:810px}
.main_3 .tit_box{ width:460px; top:204px; left:1084px; color: #fff}
.main_3 .t_1{ opacity: 0}
.main_3 .t_2{ opacity: 0}
.main_3 .t_3{ color: rgba(255,255,255,0.5); opacity: 0}
.main_3 .img_box{ height:810px}

.main_4{ height:1007px}
.main_4 .box{ height:1007px}
.main_4 .tit_box{ width:482px; top:294px; left:380px}
.main_4 .t_1{ opacity: 0}
.main_4 .t_2{ opacity: 0}
.main_4 .t_3{ opacity: 0}
.main_4 .img_box{ height:1007px}

.main_5{ height:810px}
.main_5 .box{ height:810px}
.main_5 .tit_box{ width:460px; top:188px; left:1084px; color: #fff}
.main_5 .t_1{ opacity: 0}
.main_5 .t_2{ opacity: 0}
.main_5 .t_3{ color: rgba(255,255,255,0.5); opacity: 0}
.main_5 .img_box{ height:810px}

.main_6{ height:1018px}
.main_6 .box{ height:1018px}
.main_6 .tit_box{ width:450px; top:166px; left:380px; color: #fff}
.main_6 .t_1{ opacity: 0}
.main_6 .img_box{ height:1018px}
.main_6 ul{ width:100%; float:left; position: relative; margin-top: 52px}
.main_6 li{ width:100%; float:left; padding-bottom: 56px; 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: 9px}
.main_6 li .lt_2{ width: 100%; float: left; font-size: 18px; color: rgba(255,255,255,0.5); line-height: 23px}

.main_7{ height:1093px}
.main_7 .box{ height:1093px}
.main_7 .tit_box{ width:700px; top:132px; left:610px; text-align: center; color: #fff; opacity:0}
.main_7 .t_3{ color: rgba(255,255,255,0.5); padding-top: 433px; letter-spacing:1px}
.main_7 .img_box{ height:1093px}
.main_7 ul{ width:82%; float:left; position: relative; margin:18px 0 0 9%}
.main_7 li{ width:33.33%; float:left; padding-top:88px; font-size:15px; text-align:center; color: #ff8536; line-height:28px; background:url(../../images/accessories/ems/7_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_7 li .fs_12{ font-size: 12px; color: rgba(255,255,255,0.4)}
.main_7 .ic_2{ color: #36d7ff; background-position:center -200px}
.main_7 .ic_3{ color: #50f9a3; background-position:center -400px}

.main_8{ height:910px}
.main_8 .box{ height:910px}
.main_8 .tit_box{ width:460px; top:152px; left:1084px; color: #fff}
.main_8 .t_1{ opacity: 0}
.main_8 .t_2{ opacity: 0}
.main_8 .t_3{ color: rgba(255,255,255,0.5); letter-spacing:1px; opacity:0}
.main_8 .img_box{ height:910px}
.main_8 ul{ width:102%; float:left; position: relative; margin:42px 0 0 -20px}
.main_8 li{ width:25%; float:left; padding-top:84px; font-size:15px; text-align:center; color: #fff; line-height:28px; background:url(../../images/accessories/ems/8_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_8 .ic_2{ background-position:center -200px}
.main_8 .ic_3{ background-position:center -400px}
.main_8 .ic_4{ background-position:center -600px}

.main_9{ height:1017px}
.main_9 .box{ height:1017px}
.main_9 .tit_box{ width:460px; top:238px; left:380px; color: #fff}
.main_9 .t_1{ opacity: 0}
.main_9 .t_2{ opacity: 0}
.main_9 .t_3{ color: rgba(255,255,255,0.5); letter-spacing:1px; opacity:0}
.main_9 .img_box{ height:1017px}
.main_9 ul{ width:102%; float:left; position: relative; margin:42px 0 0 -20px}
.main_9 li{ width:25%; float:left; padding-top:84px; font-size:15px; text-align:center; color: #fff; line-height:28px; background:url(../../images/accessories/ems/9_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_9 .ic_2{ background-position:center -200px}
.main_9 .ic_3{ background-position:center -400px}
.main_9 .ic_4{ background-position:center -600px}

.main_10{ height:1067px}
.main_10 .box{ height:1067px}
.main_10 .tit_box{ width:640px; top:130px; left:640px; text-align: center; color:rgba(0,0,0,1); opacity:0}
.main_10 .t_3{ color: rgba(255,255,255,0.5); font-size: 14px; letter-spacing:1px; padding-top: 496px}
.main_10 .img_box{ height:1067px}
.main_10 ul{ width:74%; float:left; position: relative; margin:16px 0 0 13%}
.main_10 li{ width:25%; float:left; padding-top:87px; font-size:15px; text-align:center; color: rgba(0,0,0,0.8); line-height:28px; background:url(../../images/accessories/ems/10_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_10 .ic_2{ background-position:center -200px}
.main_10 .ic_3{ background-position:center -400px}
.main_10 .ic_4{ background-position:center -600px}

.main_11{ height:1280px}
.main_11 .box{ height:1280px}
.main_11 .tit_box{ width:690px; color:#fff; text-align:center; top:0; left:615px; opacity:1}
.main_11 .t_1{ opacity: 0}
.main_11 .t_2{ opacity: 0}
.main_11 .t_3{ opacity: 0; margin-top: -122px; color: rgba(255,255,255,0.5)}
.main_11 .t_4{ width: 1076px; height: 892px; float: left; position: relative; left: 50%; margin:-92px 0 0 -538px; opacity: 0}
.main_11 .img_box{ height:1280px}
.main_11 .img_box img{ top: 50%; margin-top: -640px}
.main_11 ul{ width:68%; float:left; position: relative; margin:19px 0 0 16%}
.main_11 li{ width:25%; float:left; padding-top:88px; font-size:15px; text-align:center; color: #fff; line-height:28px; background:url(../../images/accessories/ems/11_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_11 .ic_2{ background-position:center -200px}
.main_11 .ic_3{ background-position:center -400px}
.main_11 .ic_4{ background-position:center -600px}
.main_11 .maska{ width: 1920px; height: 1280px; float: left; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: rgba(0,0,0,0.7); z-index: 5}

.main_11_1{ height:900px}
.main_11_1 .box{ height:900px}

.main_12{ height:1280px}
.main_12 .box{ height:1280px}
.main_12 .tit_box{ width:850px; color:#fff; text-align:center; top:0; left:535px; opacity:1}
.main_12 .t_1{ opacity: 0}
.main_12 .t_2{ opacity: 0}
.main_12 .t_4{ width: 1027px; height: 821px; float: left; position: relative; left: 50%; margin:-92px 0 0 -513px; opacity: 0}
.main_12 .img_box{ height:1280px}
.main_12 .img_box img{ top: 50%; margin-top: -640px}
.main_12 ul{ width:56%; float:left; position: relative; margin:19px 0 0 22%}
.main_12 li{ width:25%; float:left; padding-top:90px; font-size:15px; text-align:center; color: #fff; line-height:28px; background:url(../../images/accessories/ems/12_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_12 .ic_2{ background-position:center -200px}
.main_12 .ic_3{ background-position:center -400px}
.main_12 .ic_4{ background-position:center -600px}
.main_12 .maska{ width: 1920px; height: 1280px; float: left; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: rgba(0,0,0,0.7); z-index: 5}

.main_12_1{ height:750px}
.main_12_1 .box{ height:750px}

.main_13{ height:1280px}
.main_13 .box{ height:1280px}
.main_13 .tit_box{ width:730px; color:#fff; text-align:center; top:0; left:595px; opacity:1}
.main_13 .t_1{ opacity: 0}
.main_13 .t_2{ opacity: 0}
.main_13 .t_3{ opacity: 0; margin-top: -122px; color: rgba(255,255,255,0.5)}
.main_13 .t_4{ width: 1047px; height: 1064px; float: left; position: relative; left: 50%; margin:-250px 0 0 -523px; opacity: 0}
.main_13 .img_box{ height:1280px}
.main_13 .img_box img{ top: 50%; margin-top: -640px}
.main_13 .maska{ width: 1920px; height: 1280px; float: left; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background-color: rgba(0,0,0,0.7); z-index: 5}

.main_13_1{ height:750px}
.main_13_1 .box{ height:750px}

.main_14{ height:960px}
.main_14 .box{ height:960px}
.main_14 .tit_box{ width:640px; top:130px; left:640px; text-align: center; color:#fff; opacity:0}
.main_14 .img_box{ height:960px}
.main_14 ul{ width:56%; float:left; position: relative; margin:16px 0 0 22%}
.main_14 li{ width:33.333%; float:left; padding-top:90px; font-size:15px; text-align:center; color: #fff; line-height:28px; background:url(../../images/accessories/ems/14_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_14 .ic_2{ background-position:center -200px}
.main_14 .ic_3{ background-position:center -400px}

.main_15{ height:960px}
.main_15 .box{ height:960px}
.main_15 .img_box{ height:960px}

.main_16{ height:1071px}
.main_16 .box{ height:1071px}
.main_16 .tit_box{ width:460px; top:311px; left:1084px; color:#fff}
.main_16 .t_1{ opacity: 0}
.main_16 .t_2{ opacity: 0}
.main_16 .img_box{ height:1071px}
.main_16 ul{ width:102%; float:left; position: relative; margin:16px 0 0 -21px}
.main_16 li{ width:25%; float:left; padding-top:87px; font-size:15px; text-align:center; color: #fff; line-height:28px; background:url(../../images/accessories/ems/16_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_16 .ic_2{ background-position:center -200px}
.main_16 .ic_3{ background-position:center -400px}
.main_16 .ic_4{ background-position:center -600px}

.main_17{ height:1010px}
.main_17 .box{ height:1010px}
.main_17 .tit_box{ width:410px; top:253px; left:380px; color:#323232}
.main_17 .t_1{ opacity: 0}
.main_17 .t_2{ opacity: 0}
.main_17 .img_box{ height:1010px}
.main_17 ul{ width:108%; float:left; position: relative; margin:4px 0 0 -35px}
.main_17 li{ width:33.33%; float:left; padding-top:140px; font-size:15px; text-align:center; color: #323232; line-height:28px; background:url(../../images/accessories/ems/17_1.png) no-repeat center 0; letter-spacing:3px; opacity:0}
.main_17 .ic_2{ background-position:center -300px}
.main_17 .ic_3{ background-position:center -600px}

.main_18{ height:934px}
.main_18 .box{ height:934px}
.main_18 .tit_box{ width:1920px; text-align: center; top:78px; left:0}
.main_18 .img_box{ height:934px}

.main_19{ height:3860px}
.main_19 .box{ height:3860px}
.main_19 .tit_box{ width:1920px; text-align: center; top:118px; left:0}
.main_19 .img_box{ height:3860px}

@media only screen and (max-width : 1704px){
	.main_2 ul{ width:calc(100% - 32px); left: 0; margin:129px 16px 0}
	.main_2 li{ width: calc(33.333% - 32px)}
	.main_2 li img{ left: 50%; margin-left: -260px}
}

@media only screen and (min-width : 1960px){
	.main_2{ width: 1920px; left: 50%; margin-left: -960px}
}