.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; color: #333; opacity:1; z-index:10}
.generic .t_1{ width:100%; float:left; font-size:30px; line-height:32px; color: rgba(51,51,51,0.8); padding-bottom: 5px}
.generic .t_2{ width:100%; float:left; font-size:40px; line-height:60px; padding-bottom: 16px}
.generic .t_3{ width:100%; float:left; font-size:18px; line-height:30px; color: rgba(51,51,51,0.8)}
.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}

.main_1{ height:906px}
.main_1 .box{ height:906px}
.main_1 .tit_box{ height:300px; top:314px; left:385px; opacity:0}
.main_1 .t_2{ font-size: 55px; color: #fff; padding-bottom:10px}
.main_1 .t_3{ font-size:24px; color: #fff}
.main_1 .t_4{ width:100%; float:left; font-size:24px; line-height:48px; color: #fff; padding-top: 35px}
.main_1 .t_4 .fh{ float: left; font-size: 22px; line-height: 22px; padding-top: 10px}
.main_1 .t_4 .fs_48{ float: left; font-size: 48px; padding-right: 5px}
.main_1 .t_4 .y{ float: left; padding-top: 8px}
.main_1 .img_box{ height:906px}
.main_1 .img_box img{ transform:scale(1.12); -webkit-transform:scale(1.12)}

.main_1_2{ height:436px}
.main_1_2 .box{ height:400px}
.main_1_2 ul{ width:999px; height:260px; float:left; margin:96px 0 0 460px}
.main_1_2 li{ width:332px; height:124px; 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:26px; padding-top:28px}
.main_1_2 .t_2{ width:100%; float:left; font-size:20px; opacity:0.8; line-height: 24px}
.main_1_2 .bor_no{ border-right:none}
.main_1_2 .bob_no{ border-bottom:none}

.main_2{ height:1214px}
.main_2 .box{ height:1214px}
.main_2 .tit_box{ width: 780px; height: 600px; top:124px; left:570px; text-align: center; opacity: 0}
.main_2 .t_1{ color: rgba(255,255,255,0.8)}
.main_2 .t_2{ color: rgba(255,255,255,1)}
.main_2 .t_3{ color: rgba(255,255,255,0.8)}
.main_2 .img_box{ height:1214px}

.main_3{ height:1950px}
.main_3 .box{ height:1950px}
.main_3 .tit_box{ width:760px; top:250px; left:336px}
.main_3 .t_1{ color: rgba(255,255,255,0.8); opacity: 0}
.main_3 .t_2{ color: #fff; opacity: 0}
.main_3 .t_3{ width: 484px; color: rgba(255,255,255,0.8); opacity: 0}
.main_3 .img_box{ height:1950px}
.main_3 ul{ width:70%; float:left; position: relative; margin:32px 0 0 -40px}
.main_3 li{ width:25%; float:left; padding-top:75px; font-size:14px; text-align:center; color: rgba(255,255,255,0.8); line-height:20px; background:url(../../images/accessories/nienie/3_1.png) no-repeat center 0; opacity:0}
.main_3 .ic_2{ background-position:center -200px}
.main_3 .ic_3{ background-position:center -400px}
.main_3 .ic_4{ background-position:center -600px}

.main_4{ height:1274px}
.main_4 .box{ height:1274px}
.main_4 .tit_box{ width:820px; top:80px; left:550px; text-align: center; opacity: 0}
.main_4 .t_1{ color: rgba(255,255,255,0.8)}
.main_4 .t_2{ color: #fff}
.main_4 .t_3{ color: rgba(255,255,255,0.8)}
.main_4 .img_box{ height:1274px}
.main_4 ul{ width:70%; float:left; position: relative; margin:32px 15% 0}
.main_4 li{ width:25%; float:left; padding-top:75px; font-size:14px; text-align:center; color: rgba(255,255,255,0.8); line-height:20px; background:url(../../images/accessories/nienie/4_1.png) no-repeat center 0; opacity:0}
.main_4 .ic_2{ background-position:center -200px}
.main_4 .ic_3{ background-position:center -400px}
.main_4 .ic_4{ background-position:center -600px}

.main_5{ height:1527px}
.main_5 .box{ height:1527px}
.main_5 .tit_box{ width:820px; top:80px; left:550px; text-align: center; opacity: 0}
.main_5 .t_1{ color: rgba(255,255,255,0.8)}
.main_5 .t_2{ color: #fff}
.main_5 .t_3{ color: rgba(255,255,255,0.8)}
.main_5 .img_box{ height:1527px}
.main_5 ul{ width:70%; float:left; position: relative; margin:32px 15% 0}
.main_5 li{ width:33.33%; float:left; padding-top:75px; font-size:14px; text-align:center; color: rgba(255,255,255,0.8); line-height:20px; background:url(../../images/accessories/nienie/5_1.png) no-repeat center 0; opacity:0}
.main_5 .ic_2{ background-position:center -200px}
.main_5 .ic_3{ background-position:center -400px}

.main_6{ height:960px}
.main_6 .box{ height:960px}
.main_6 .tit_box{ width:460px; top:355px; left:1120px}
.main_6 .t_1{ opacity: 0}
.main_6 .t_2{ opacity: 0}
.main_6 .t_3{ opacity: 0}
.main_6 .img_box{ height:960px}

.main_7{ height:953px}
.main_7 .box{ height:953px}
.main_7 .tit_box{ width:760px; top:290px; left:336px}
.main_7 .t_1{ color: rgba(255,255,255,0.8); opacity: 0}
.main_7 .t_2{ color: #fff; opacity: 0}
.main_7 .t_3{ width: 484px; color: rgba(255,255,255,0.8); opacity: 0}
.main_7 .img_box{ height:953px}
.main_7 ul{ width:70%; float:left; position: relative; margin:40px 0 0 -30px}
.main_7 li{ width:25%; float:left; padding-top:75px; font-size:14px; text-align:center; color: rgba(255,255,255,0.8); line-height:20px; background:url(../../images/accessories/nienie/7_1.png) no-repeat center 0; opacity:0}
.main_7 .ic_2{ background-position:center -200px}
.main_7 .ic_3{ background-position:center -400px}
.main_7 .ic_4{ background-position:center -600px}

.main_8{ height:1040px}
.main_8 .box{ height:1040px}
.main_8 .tit_box{ width:760px; top:348px; left:1120px}
.main_8 .t_1{ opacity: 0}
.main_8 .t_2{ opacity: 0}
.main_8 .t_3{ width:460px; opacity: 0}
.main_8 .img_box{ height:1040px}
.main_8 ul{ width:70%; float:left; position: relative; margin:40px 0 0 -30px}
.main_8 li{ width:25%; float:left; padding-top:75px; font-size:14px; text-align:center; line-height:20px; background:url(../../images/accessories/nienie/8_1.png) no-repeat center 0; 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:947px}
.main_9 .box{ height:947px}
.main_9 .tit_box{ width:740px; top:117px; left:590px; text-align: center; opacity: 0}
.main_9 .t_2{ color: #fff}
.main_9 .t_3{ color: rgba(255,255,255,0.8)}
.main_9 .img_box{ height:947px}

.main_10{ height:953px}
.main_10 .box{ height:953px}
.main_10 .tit_box{ width:760px; top:277px; left:340px}
.main_10 .t_1{ opacity: 0}
.main_10 .t_2{ opacity: 0}
.main_10 .t_3{ width:460px; opacity: 0}
.main_10 .img_box{ height:953px}
.main_10 ul{ width:70%; float:left; position: relative; margin:52px 0 0 -20px}
.main_10 li{ width:50%; float:left; padding-top:75px; font-size:14px; text-align:center; line-height:20px; background:url(../../images/accessories/nienie/10_1.png) no-repeat center 0; opacity:0}

.main_11{ height:1130px}
.main_11 .box{ height:1130px}
.main_11 .img_box{ height:1130px}

.main_12{ height:1247px}
.main_12 .box{ height:1247px}
.main_12 .img_box{ height:1247px}

.main_13{ height:901px}
.main_13 .box{ height:901px}
.main_13 .img_box{ height:901px}

.main_14{ height:1091px}
.main_14 .box{ height:1091px}
.main_14 .img_box{ height:1091px}


@keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}

@keyframes opac_0{ 0%{ opacity:1} 100%{ opacity:0}}
@-webkit-keyframes opac_0{ 0%{ opacity:1} 100%{ opacity:0}}

@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0)}}
@-webkit-keyframes scale_1{ 0%{ -webkit-transform:translate3d(0,0,0) scale(1.12) rotate(0.0001deg)} 99.99%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0)}}

@keyframes x_15{ 0%{ opacity:0; transform:translate3d(15px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes x_15{ 0%{ opacity:0; -webkit-transform:translate3d(15px,0,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}

@keyframes y_30{ 0%{ opacity:0; transform:translate3d(0,60px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0)}}
@-webkit-keyframes y_30{ 0%{ opacity:0; -webkit-transform:translate3d(0,60px,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0)}}