.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; z-index:10}
.generic .t_1{ width:100%; float:left; font-size:40px; line-height:52px; color: #fff; padding-bottom: 23px; opacity: 0}
.generic .t_2{ width:100%; float:left; font-size:18px; line-height:30px; color: rgba(255,251,251,0.8); padding-bottom: 31px; opacity: 0}
.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:960px; transition:all 0.5s ease}
.main_1 .box{ height:2880px}
.main_1 .tit_box{ height:300px; top:427px; left:1052px; opacity:0}
.main_1 .tit_box .t_1{ font-size:64px; line-height:60px; padding-bottom: 5px; opacity: 1}
.main_1 .tit_box .t_2{ font-size:24px; line-height:32px; color: #fff; opacity: 1}
.main_1 .tit_box_2{ top: 401px; left: 336px; opacity: 1}
.main_1 .tit_box_2 img{ width: 472px; height: 157px}
.main_1 .tit_box_3{ top: 397px; left: auto; right: 312px; text-align: right; opacity: 1}
.main_1 .tit_box_3 .t_1{ font-size:40px; line-height:46px; padding-bottom: 16px; opacity: 1}
.main_1 .tit_box_3 .t_2{ font-size:18px; line-height:30px; opacity: 1}
.main_1 .img_box{ height:960px}
.main_1 .img_box img{ transform:scale(1.12)}
.main_1 .img_box_2{ top: 960px}
.main_1 .img_box_2 img{ transform:scale(1)}
.main_1 .img_box_3{ top: 1918px}
.main_1 .img_box_3 img{ transform:scale(1)}
.main_1 .downBtn{ width:100px; height:32px; float:left; position:absolute; top:850px; left:50%; margin-left:-50px; cursor:pointer; opacity: 0; z-index:100}
.main_1 .downBtn a{ width:32px; height:32px; float:left; position:relative; left:50%; margin-left:-16px}
.main_1 .downBtn .bg_co{ width:32px; height:32px; float:left; position:absolute; border-radius:50px; background-color:#FF4877; transition:transform 0.1s ease; -webkit-transition:transform 0.1s ease}
.main_1 .downBtn .icon{ width:18px; height:18px; float:left; position:absolute; margin:7px; background:url(../images/hero/light3-mini/1_2.png) no-repeat}
.main_1 .downBtn .t{ width:100%; float:left; font-size:18px; color:#2b2b2b; text-align:center; line-height:38px}
.main_1 .downBtn:hover .bg_co{ transform:scale(1.3) rotate(0.0001deg); -webkit-transform:scale(1.3) rotate(0.0001deg)}
.main_1 .upBtn{ top:2805px}
.main_1 .upBtn .bg_co{ background-color:rgba(255,255,255,0.6)}
.main_1 .upBtn .icon{ background-position: 3px -97px}
.main_1 .upBtn .t{ display: none}

.main_1_2{ height:400px}
.main_1_2 .box{ height:400px}
.main_1_2 ul{ width:1172px; height:260px; float:left; position: relative; left: 50%; margin:80px 0 0 -586px}
.main_1_2 li{ width:390px; height:120px; float:left; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:28px; color:#333}
.main_1_2 .lt_1{ width:200px; height: 80px; float:left; font-size:28px; padding-left: 92px; position: relative; left: 50%; margin:28px 0 0 -90px; font-weight: bold; background: url("../images/hero/light3-mini/1_1.png") no-repeat}
.main_1_2 .lt_2{ font-size:18px; opacity:0.8; line-height: 50px; font-weight: normal}
.main_1_2 .ic_1{ background-position:0 0}
.main_1_2 .ic_2{ background-position:0 -190px}
.main_1_2 .ic_3{ background-position:0 -393px}
.main_1_2 .ic_4{ background-position:0 -598px}
.main_1_2 .ic_5{ background-position:0 -785px}
.main_1_2 .ic_6{ background-position:0 -992px}
.main_1_2 .bor_no{ border-right:none}
.main_1_2 .bob_no{ border-bottom:none}

.main_2{ height:960px}
.main_2 .box{ height:960px}
.main_2 .tit_box{ width: 380px; height:300px; top:355px; left:336px; opacity:1}
.main_2 .img_box{ height:960px}

.main_3{ height:713px}
.main_3 .box{ height:713px}
.main_3 .tit_box{ width:370px; top:290px; left:1182px}
.main_3 .img_box{ height:713px}

.main_4{ height:960px}
.main_4 .box{ height:960px}
.main_4 .tit_box{ width: 380px; height:300px; top:160px; left:336px; opacity:1}
.main_4 .img_box{ height:960px}

.main_5{ height:960px}
.main_5 .box{ height:960px}
.main_5 .tit_box{ width: 512px; height:300px; top:337px; left:1035px; opacity:1}
.main_5 .t_1{ color: #4F4F4F}
.main_5 .t_2{ color: rgba(79,79,79,0.8); letter-spacing:1px}
.main_5 .img_box{ height:960px}
.main_5 ul{ width:120%; float:left; position: relative; margin:24px 0 0 0}
.main_5 li{ float:left; font-size:52px; text-align:center; color: #26272b; line-height:30px; padding-right: 50px; opacity:0}
.main_5 .lt_1{ font-family: Arial}
.main_5 .lt_1 .fs_14{ font-size: 14px}
.main_5 .lt_2{ float: left; font-size: 18px; line-height: 20px}

.main_6{ height:1363px}
.main_6 .box{ height:1363px}
.main_6 .tit_box{ width: 360px; height:300px; top:338px; left:336px; opacity:1}
.main_6 .t_1{ line-height: 50px; padding-bottom: 26px}
.main_6 .img_box{ height:1363px}

.main_7{ height:3033px}
.main_7 .box{ height:3033px}
.main_7 .tit_box{ width: 100%; height:300px; top:65px; left:0; text-align: center; opacity:1}
.main_7 .t_1{ line-height: 46px; padding-bottom: 28px; color: #3b3b3b}
.main_7 .t_2{ color: rgba(59,59,59,0.8)}
.main_7 .img_box{ height:3033px}

.main_8{ height:2574px}
.main_8 .box{ height:2574px}
.main_8 .tit_box{ width: 100%; height:300px; top:123px; left:0; text-align: center; opacity:1}
.main_8 .t_1{ line-height: 46px; color: #3b3b3b}
.main_8 .img_box{ height:2574px}

.main_9{ height:1840px}
.main_9 .box{ height:1840px}
.main_9 .img_box{ height:1840px}