.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; maring-top:110px; z-index:20}
.generic .t_1{ width:100%; float:left; font-size:60px; line-height:80px; padding-bottom:40px}
.generic .t_2{ width:100%; float:left; font-size:32px; line-height:50px}
.generic .img_box{ width:860px; float:left; position:absolute; top:0}
.generic .img_box img{ max-width:100%}

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

.light_1{ height:1144px; margin-bottom:8px}
.light_1 .tit_box{ color:#fff; text-align:center; maring-top:102px; opacity:0}
.light_1 .t_1{ font-size:38px; line-height:56px; padding-bottom:5px}
.light_1 .t_2{ height:80px; padding-bottom:14px}
.light_1 .t_3{ width:100%; float:left; font-size:24px; line-height:42px}
.light_1 .t_3 .co_e2{ color:#e2cbb8; font-size:22px}
.light_1 .img_box{ height:1144px; transform:scale(1.15); -webkit-transform:scale(1.15)}
.light_1 .img_box img{ max-width:100%}
.light_1 .downBtn{ width:100px; height:80px; float:left; position:absolute; top:1040px; left:50%; margin-left:-50px; cursor:pointer; z-index:100}
.light_1 .downBtn a{ width:40px; height:40px; float:left; position:relative; border-radius:50px; background:#FF4877 url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_7_1.png) no-repeat 10px; left:50%; margin-left:-20px; z-index:100}
.light_1 .downBtn .t{ width:100%; float:left; font-size:18px; color:#fff; text-align:center; line-height:40px}

.more_box_1{ height:0}
.more_box_1 .tit_box_1{ width:90%; float:left; position:relative; color:#323232; margin:120px 5% 0; z-index:20; opacity:0}
.more_box_1 .t_1{ width:100%; float:left; font-size:45px; line-height:60px; padding-bottom:40px}
.more_box_1 .t_2{ width:100%; float:left; font-size:32px; line-height:50px; opacity:0.8; padding-bottom:40px}
.more_box_1 .img_box_1{ width:860px; height:460px; float:left; position:relative; overflow:hidden; left:50%; margin:126px 0 0 -430px}
.more_box_1 .img_box_1 .img_1{ width:674px; height:462px; float:left; position:absolute; top:0; left:0; opacity:0}
.more_box_1 .img_box_1 .img_2{ width:350px; height:190px; float:left; position:absolute; top:256px; right:0; opacity:0}
.more_box_1 .tit_box_2{ margin-top:46px}
.more_box_1 .img_box_2{ width:860px; height:340px; float:left; position:relative; left:50%; margin:96px 0 0 -430px}
.more_box_1 .img_box_2 .img_1{ width:726px; height:236px; float:left; position:absolute; top:0; left:67px; z-index:10; transform:translate3d(0,-6%,0); -webkit-transform:translate3d(0,-6%,0)}
.more_box_1 .img_box_2 .img_2{ width:650px; height:236px; float:left; position:absolute; top:56px; left:105px; z-index:8; opacity:0}
.more_box_1 .img_box_2 .img_3{ width:640px; height:60px; float:left; position:absolute; top:195px; left:102px; z-index:9; opacity:0}
.more_box_1 .upBtn{ width:40px; height:40px; float:left; position:relative; border-radius:50px; background:rgba(0,0,0,0.1) url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_7_1.png) no-repeat 10px; transform:rotate(135deg); -webkit-transform:rotate(135deg); left:50%; margin:40px 0 46px -20px}

@keyframes img_1_1{ 0%{ opacity:0; transform:translate3d(-6%,-6%,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_1_2{ 0%{ opacity:0; transform:translate3d(6%,6%,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_1_3{ 0%{ transform:translate3d(0,-10%,0) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) rotate(0.0001deg)}}

@-webkit-keyframes img_1_1{ 0%{ opacity:0; -webkit-transform:translate3d(-6%,-6%,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_2{ 0%{ opacity:0; -webkit-transform:translate3d(6%,6%,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_3{ 0%{ -webkit-transform:translate3d(0,-10%,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}

@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.15) 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.15) 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)}}

.light_19{ height:1394px; margin-bottom:8px}
.light_19 .tit_box{ margin-top:102px}
.light_19 .t_1{ color:rgba(50,50,50,0.9); padding-bottom:34px; opacity:0}
.light_19 .t_1 .fs_45{ font-size:45px; line-height:50px}
.light_19 .t_2{ color:rgba(50,50,50,0.8); opacity:0}
.light_19 .img_box{ height:1394px}
.light_19 .img_box img{ max-width:100%}
.light_19 .downBtn{ width:100px; height:80px; float:left; position:absolute; top:1294px; left:50%; margin-left:-50px; cursor:pointer; z-index:100}
.light_19 .downBtn a{ width:40px; height:40px; float:left; position:relative; border-radius:50px; background:#FF4877 url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_7_1.png) no-repeat 10px; left:50%; margin-left:-20px; z-index:100}
.light_19 .downBtn .t{ width:100%; float:left; font-size:18px; color:#fff; text-align:center; line-height:40px}

.more_box_19{ height:0}
.more_box_19 .tit_box_1{ width:90%; float:left; position:relative; color:#323232; margin:120px 5% 0; z-index:20; opacity:1}
.more_box_19 .t_1{ width:100%; float:left; font-size:45px; line-height:60px; padding-bottom:28px; opacity:0}
.more_box_19 .t_2{ width:100%; float:left; font-size:32px; line-height:50px; color:rgba(50,50,50,0.8); padding-bottom:40px; opacity:0}
.more_box_19 .img_box_1{ width:860px; float:left; position:relative; overflow:hidden; left:50%; margin:146px 0 0 -430px}
.more_box_19 .img_box_1 .img_1{ width:846px; height:900px; float:left}
.more_box_19 ul{ width:620px; float:left; margin:22px 0 0 -32px}
.more_box_19 li{ width:160px; padding-top:68px; margin-right:46px; float:left; line-height:28px; font-size:24px; color:rgba(0,0,0,0.8); text-align:center; opacity:0; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_19_bg.png) no-repeat center 0}
.more_box_19 .icon_1{ background-position:center -200px}
.more_box_19 .icon_2{ background-position:center -400px}
.more_box_19 .upBtn{ width:40px; height:40px; float:left; position:relative; border-radius:50px; background:rgba(0,0,0,0.1) url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_7_1.png) no-repeat 10px; transform:rotate(135deg); -webkit-transform:rotate(135deg); left:50%; margin:50px 0 46px -20px}

@keyframes tit_19_1{ 0%{ opacity:0; transform:translate3d(6%,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 tit_19_1{ 0%{ opacity:0; -webkit-transform:translate3d(6%,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)}}

.light_20{ height:1472px; margin-bottom:8px}
.light_20 .tit_box{ margin-top:130px}
.light_20 .t_1{ color:rgba(50,50,50,0.9); padding-bottom:34px; opacity:0}
.light_20 .t_1 .fs_45{ font-size:45px; line-height:50px}
.light_20 .t_2{ color:rgba(50,50,50,0.8); opacity:0}
.light_20 .img_box{ height:1472px}
.light_20 .img_box img{ max-width:100%}
.light_20 ul{ width:620px; float:left; margin:62px 0 0 -32px}
.light_20 li{ width:160px; padding-top:74px; margin-right:46px; float:left; line-height:28px; font-size:24px; color:rgba(51,51,51,0.7); text-align:center; opacity:0; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_20_bg.png) no-repeat center 0}
.light_20 .icon_1{ background-position:center -200px}

.light_2{ height:2446px}
.light_2 .licon_bg{ background-image:url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_2_bg.png); background-repeat:no-repeat}
.light_2 .tit_box_1{ width:580px; float:left; position:absolute; left:50%; margin:116px 0 0 -290px; color:#323232; opacity:0}
.light_2 .tit_box_1 .w_310{ width:290px; float:left}
.light_2 .tit_box_1 .t_1{ width:100%; line-height:60px; font-size:40px; padding:0 0 8px 0}
.light_2 .tit_box_1 .t_2{ width:100%; line-height:40px; font-size:24px}
.light_2 .tit_box_1 .ta_r{ text-align:right}
.light_2 .img_box{ width:660px; height:1000px; float:left; position:absolute; top:400px; left:50%; margin-left:-330px}
.light_2 .img_box_1{ width:370px; height:900px; float:left; position:absolute; z-index:10; transform:translate3d(0,-3%,0) rotate(0.0001deg); -webkit-transform:translate3d(0,-3%,0) rotate(0.0001deg)}
.light_2 .img_box_2{ width:370px; height:900px; float:left; position:absolute; z-index:30; transform:translate3d(0,-3%,0) rotate(0.0001deg); -webkit-transform:translate3d(0,-3%,0) rotate(0.0001deg)}
.light_2 .img_box_2 .img_1{ width:230px; height:270px; float:left; position:absolute; background-position:0 -1940px; top:718px; left:20px}
.light_2 .img_box_2 .img_2{ width:4px; height:80px; float:left; position:absolute; background-position:0 -2240px; top:742px; left:290px}
.light_2 .img_box_3{ width:640px; height:760px; float:left; position:absolute; top:170px; left:38px; z-index:20; transform:translate3d(0,3%,0) rotate(0.0001deg); -webkit-transform:translate3d(0,3%,0) rotate(0.0001deg)}
.light_2 .img_box_3 .img_1{ width:202px; height:456px; float:left; position:absolute; background-position:0 -1400px; top:174px; left:0}
.light_2 .img_box_3 .img_2{ width:366px; height:772px; float:left; position:absolute; top:0; left:250px}
.light_2 .img_box .arrow_1, .light_2 .img_box .arrow_2{ width:8px; height:0; float:left; position:absolute; top:-70px; left:92px; background-position:-200px -2620px; z-index:50}
.light_2 .img_box .arrow_2{ left:554px; background-position:0 -2620px}
.light_2 .shadow{ width:644px; height:152px; float:left; position:absolute; top:920px; left:5px; background-position:0 -2400px; z-index:40}
.light_2 .tit_box_2{ width:100%; float:left; position:absolute; top:1486px; left:0; color:#323232}
.light_2 .tit_box_2 .t_1{ width:100%; float:left; font-size:40px; line-height:48px; padding-bottom:26px; opacity:0}
.light_2 .tit_box_2 .t_2{ width:100%; float:left; font-size:24px; line-height:40px; padding-bottom:30px; opacity:0}
.light_2 .tit_box_2 .pt_80{ padding-top:80px}
.light_2 .tit_box_2 .icon_box{ width:210px; float:left; padding-top:70px; font-size:24px; text-align:center; line-height:28px; margin:0 46px 20px 0; opacity:0}
.light_2 .tit_box_2 .icon_1{ width:100px; background-position:center -400px}
.light_2 .tit_box_2 .icon_2{ background-position:center -600px}
.light_2 .tit_box_2 .icon_3{ width:100px; background-position:center -800px}
.light_2 .tit_box_2 .icon_4{ background-position:center -1000px}
.light_2 .tit_box_2 .icon_5{ width:140px; background-position:center -1200px; margin-right:0}

@keyframes img_2_1{ 0%{ opacity:1; transform:translate3d(0,-3%,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_2{ 0%{ opacity:1; transform:translate3d(0,3%,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes icon_2{ 0%{ opacity:0; transform:translate3d(10%,0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes arrow_2{ 0%{ height:0; transform:rotate(0.0001deg)} 100%{ height:300px; transform:rotate(0.0001deg)}}

@-webkit-keyframes img_2_1{ 0%{ opacity:1; -webkit-transform:translate3d(0,-3%,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_2{ 0%{ opacity:1; -webkit-transform:translate3d(0,3%,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes icon_2{ 0%{ opacity:0; -webkit-transform:translate3d(10%,0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes arrow_2{ 0%{ height:0; -webkit-transform:rotate(0.0001deg)} 100%{ height:300px; -webkit-transform:rotate(0.0001deg)}}

.light_3{ height:2440px}
.light_3 .t_1{ color:rgba(50,50,50,0.9); opacity:0}
.light_3 .t_2{ color:rgba(50,50,50,0.8); opacity:0}
.light_3 .img_box{ height:300px; top:2200px}
.light_3 ul{ width:720px; float:left; position:relative; left:50%; margin:92px 0 0 -360px; opacity:0}
.light_3 li{ width:240px; height:40px; float:left; padding-top:130px; margin-bottom:82px; overflow:hidden; font-size:28px; line-height:40px; text-align:center; color:#323232; background:url(https://images.iyunmai.com/home/m/static/images/body_bg.png) no-repeat center 0}
.light_3 .icon_2{ background-position:center -200px}
.light_3 .icon_3{ background-position:center -400px}
.light_3 .icon_4{ background-position:center -600px}
.light_3 .icon_5{ background-position:center -800px}
.light_3 .icon_6{ background-position:center -1000px}
.light_3 .icon_7{ background-position:center -1200px}
.light_3 .icon_8{ background-position:center -1400px}
.light_3 .icon_9{ background-position:center -1600px}
.light_3 .icon_10{ background-position:center -1800px}
.light_3 .icon_11{ background-position:center -2000px}
.light_3 .icon_12{ background-position:center -2200px}
.light_3 .icon_13{ background-position:center -2400px}
.light_3 .icon_14{ background-position:center -2600px}
.light_3 .icon_15{ background-position:center -2800px}
.light_3 .icon_16{ background-position:center -3000px}
.light_3 .icon_17{ background-position:center -3200px}

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

.light_4{ height:1184px}
.light_4 .t_1{ color:rgba(50,50,50,0.8); opacity:0; border-top:1px solid rgba(0,0,0,0.1); padding-top:140px}
.light_4 .t_2{ color:rgba(50,50,50,0.6); opacity:0}
.light_4 ul{ width:680px; float:left; position:relative; margin:114px 0 0 -25px}
.light_4 li{ width:170px; float:left; padding-top:92px; font-size:28px; line-height:40px; text-align:center; color:rgba(50,50,50,0.7); background:url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_4_bg.png) no-repeat center 0; opacity:0}
.light_4 .icon_2{ background-position:center -200px}
.light_4 .icon_3{ background-position:center -400px}
.light_4 .icon_4{ background-position:center -600px}

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

.light_5{ height:1816px}
.light_5 .tit_box{ color:#472106}
.light_5 .img_box{ height:1816px}
.light_5 .curve{ width:700px; height:130px; float:left; position:relative; font-size:24px; color:#8A5D0A; background:url(https://images.iyunmai.com/home/m/static/images/title/light-mini2/tit_5.png) no-repeat 16px 0; margin:64px 0 0 -16px}
.light_5 .curve .line{ width:586px; height:122px; float:left; background:url(https://images.iyunmai.com/home/m/static/images/title/light-mini2/tit_5.png) no-repeat 0 -180px; position:absolute; overflow:hidden; top:0; left:16px}
.light_5 .curve .t_3{ width:80px; float:left; line-height:30px; position:absolute; top:-13px; left:597px}
.light_5 .curve ul{ width:700px; float:left; position:absolute; top:124px}
.light_5 .curve li{ width:100px; line-height:34px; float:left; text-align:center; margin-right:30px}

.light_6{ height:1580px}
.light_6 .tit_box{ color:#fff}
.light_6 .img_box{ height:1580px}

.light_7{ height:1572px}
.light_7 .tit_box{ color:#472106; margin-top:928px}
.light_7 .t_2{ opacity:0.9}
.light_7 .img_box{ height:1572px}

.light_8{ height:642px}
.light_8 .t_3{ width:50%; font-size:24px; line-height:28px; color:#fff; text-align:center; float:left; padding-top:26px; position:relative; z-index:10}
.light_8 .img_box{ height:642px}

.light_9{ height:1186px}
.light_9 .tit_box{ color:#fff}
.light_9 .img_box{ height:1186px}

.light_10{ height:1216px}
.light_10 .tit_box{ margin-top:100px; color:#fff}
.light_10 .t_1{ opacity:0.8}
.light_10 .t_2{ opacity:0.6}
.light_10 .img_box{ height:1216px}
.light_10 .img_box .img_1{ position:absolute; top:0; left:0}
.light_10 .img_box .img_2{ position:absolute; top:0; left:0; opacity:0}
.light_10 .btn_box{ width:572px; height:80px; float:left; position:absolute; top:536px; left:50%; margin-left:-286px; z-index:100}
.light_10 .btn_box a{ width:242px; height:76px; float:left; border:2px solid rgba(255,255,255,0.5); border-radius:8px; color:rgba(255,255,255,0.5); font-size:28px; text-align:center; line-height:76px; margin:0 20px}
.light_10 .btn_box .cur{ background-color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.9); color:#28292d}

.light_12{ height:1520px}
.light_12 .tit_box{ color:#fff}
.light_12 .img_box{ height:1520px}
.light_12 .bar_box{ width:132px; height:740px; float:left; position:absolute; top:698px; left:258px}
.light_12 .bar_box_468{ left:468px}
.light_12 .bar_box .bar{ width:132px; height:634px; float:left; overflow:hidden; position:relative}
.light_12 .bar_box .bar_bo{ width:128px; height:630px; float:left; position:absolute; top:0; left:0; border:2px solid #464749}
.light_12 .bar_box .bar_color_1, .light_12 .bar_box .bar_color_2{ width:132px; height:634px; float:left; position:absolute; top:0; left:0; z-index:10; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_12_1.png) no-repeat; transform:translate3d(0,0,0)}
.light_12 .bar_box .bar_color_2{ height:326px; top:308px; background-position:0 -680px}
.light_12 .bar_box .t_3{ width:100%; float:left; text-align:center; color:#fff; font-size:26px; line-height:32px; padding-top:32px}
.light_12 .bar_box .t_4{ width:100%; float:left; text-align:center; line-height:32px; font-size:28px; color:rgba(255,255,255,0.2); position:absolute; top:132px}

.light_13{ height:1120px}
.light_13 .tit_box{ color:#fff}
.light_13 .img_box{ height:1120px}

.light_14{ height:1586px; background-color:#fff}
.light_14 .tit_box{ color:#361e07}
.light_14 .t_1{ opacity:0.9}
.light_14 .img_box{ height:956px; top:630px}
.light_14 .img_box .img_1{ position:absolute; top:0; left:0}
.light_14 .img_box .img_2{ position:absolute; top:0; left:0; transform:translate(0,0); z-index:20}
.light_14 .ripple{ width:400px; height:400px; position:absolute; margin:332px 0 0 212px; float:left; box-shadow:0px 0px 60px #fff inset; border-radius:50%; z-index:10}
.light_14 .ripple img{ max-width:100%; position:absolute; top:0; left:0}

@keyframes ripple_14{ 0%{ opacity:1; transform:scale(1) rotate(0.0001deg)} 60%{ opacity:0} 100%{ opacity:0; transform:scale(4) rotate(0.0001deg)}}
@-webkit-keyframes ripple_14{ 0%{ opacity:1; -webkit-transform:scale(1) rotate(0.0001deg)} 60%{ opacity:0} 100%{ opacity:0; -webkit-transform:scale(4) rotate(0.0001deg)}}

.light_17{ height:1208px}
.light_17 .tit_box{ margin-top:102px}
.light_17 .t_1{ color:#fff}
.light_17 .t_1 .fs_45{ font-size:45px}
.light_17 .t_2{ color:#fff}
.light_17 .img_box{ height:1208px}
.light_17 .img_1, .light_17 .img_2, .light_17 .img_3{ width:388px; height:544px; float:left; position:absolute; top:794px; left:236px; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-mini2/img_17_1.png) no-repeat; z-index:10; transform:translate3d(0,100%,0) scale(1.08) rotate(0.0001deg); -webkit-transform:translate3d(0,100%,0) scale(1.08) rotate(0.0001deg)}
.light_17 .img_2{ width:366px; height:414px; background-position:0 -600px; top:888px; left:64px; z-index:8; transform:translate3d(100%,100%,0) scale(1.08) rotate(0.0001deg); -webkit-transform:translate3d(100%,100%,0) scale(1.08) rotate(0.0001deg)}
.light_17 .img_3{ width:308px; height:504px; background-position:0 -1100px; top:888px; left:466px; z-index:8; transform:translate3d(-100%,100%,0) scale(1.08) rotate(0.0001deg); -webkit-transform:translate3d(-100%,100%,0) scale(1.08) rotate(0.0001deg)}

@keyframes img_17_1{ 0%{ transform:translate3d(0,100%,0) scale(1.08) rotate(0.0001deg)} 60%{ transform:translate3d(0,-0.4%,0) scale(1.08) rotate(0.0001deg)} 85%{ transform:translate3d(0,0.3%,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@keyframes img_17_2{ 0%{ transform:translate3d(100%,100%,0) scale(1.03) rotate(0.0001deg)} 70%{ transform:translate3d(-0.2%,-0.3%,0) scale(1.03) rotate(0.0001deg)} 90%{ transform:translate3d(0.1%,0.2%,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@keyframes img_17_3{ 0%{ transform:translate3d(-100%,100%,0) scale(1.03) rotate(0.0001deg)} 70%{ transform:translate3d(0.2%,-0.3%,0) scale(1.03) rotate(0.0001deg)} 90%{ transform:translate3d(-0.1%,0.2%,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}

@-webkit-keyframes img_17_1{ 0%{ -webkit-transform:translate3d(0,100%,0) scale(1.08) rotate(0.0001deg)} 60%{ -webkit-transform:translate3d(0,-0.4%,0) scale(1.08) rotate(0.0001deg)} 85%{ -webkit-transform:translate3d(0,0.3%,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@-webkit-keyframes img_17_2{ 0%{ -webkit-transform:translate3d(100%,100%,0) scale(1.03) rotate(0.0001deg)} 70%{ -webkit-transform:translate3d(-0.2%,-0.3%,0) scale(1.03) rotate(0.0001deg)} 90%{ -webkit-transform:translate3d(0.1%,0.2%,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@-webkit-keyframes img_17_3{ 0%{ -webkit-transform:translate3d(-100%,100%,0) scale(1.03) rotate(0.0001deg)} 70%{ -webkit-transform:translate3d(0.2%,-0.3%,0) scale(1.03) rotate(0.0001deg)} 90%{ -webkit-transform:translate3d(-0.1%,0.2%,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}

.light_18{ height:1048px; background-color:#F5F6F8}
.light_18 .tit_box{ text-align:center; margin-top:110px}
.light_18 .t_1{ font-size:48px}

.carousel{ width:100%; height:760px; float:left; position:absolute; top:280px; overflow:hidden}
.carousel ul{ width:800%; height:600px; float:left}
.carousel li{ width:12.5%; height:600px; float:left; overflow:hidden; position:relative; text-align:center}

.dian_box{ width:100%; float:left; position:absolute; top:634px; left:0; text-align:center; z-index:20}
.dian_box a{ width:48px; height:4px; background-color:#D7D8DA; margin:0 10px; overflow:hidden; display:inline-block}
.dian_box .cur{ background-color:#2E2E2E}

.main_app{ height:1684px}
.main_app .tit_box{ color:#fff; text-align:center}
.main_app .tit_box .t_1{ line-height:66px; padding-bottom:30px}
.main_app .tit_box .t_4{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:50px; color:rgba(255,255,255,0.8); opacity:1; padding-bottom:10px}
.main_app .tit_box_2{ width:700px; float:left; overflow:hidden; position:relative; margin:850px 0 0 160px; z-index:10; opacity:1; color:#fff}
.main_app .tit_box_2 .t_1{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:62px; padding-bottom:10px; opacity:1}
.main_app .tit_box_2 .t_2{ width:100%; float:left; position:relative; overflow:hidden; font-size:24px; line-height:36px; color:rgba(255,255,255,0.8); opacity:1; padding-bottom:46px}


@media only screen and (max-width : 600px){
	.generic .box{ width:430px; margin:0 0 0 -215px}
	.generic .tit_box{ margin-top:55px}
	.generic .t_1{ font-size:30px; line-height:40px; padding-bottom:20px}
	.generic .t_2{ font-size:16px; line-height:25px}
	.generic .img_box{ width:430px}
	
	.light_1{ height:572px; margin-bottom:4px}
	.light_1 .tit_box{ margin-top:51px}
	.light_1 .t_1{ font-size:19px; line-height:28px; padding-bottom:3px}
	.light_1 .t_2{ height:40px; padding-bottom:7px}
	.light_1 .t_2 img{ width:200px; height:40px}
	.light_1 .t_3{ font-size:12px; line-height:21px}
	.light_1 .t_3 .co_e2{ font-size:11px}
	.light_1 .img_box{ height:572px}
	.light_1 .downBtn{ width:50px; height:40px; top:520px; margin-left:-25px}
	.light_1 .downBtn a{ width:20px; height:20px; background-size:10px; background-position:5px; margin-left:-10px}
	.light_1 .downBtn .t{ font-size:9px; line-height:20px}
	
	.more_box_1 .tit_box_1{ margin:60px 5% 0}
	.more_box_1 .t_1{ font-size:23px; line-height:30px; padding-bottom:20px}
	.more_box_1 .t_2{ font-size:16px; line-height:25px; padding-bottom:20px}
	.more_box_1 .img_box_1{ width:430px; height:230px; margin:63px 0 0 -215px}
	.more_box_1 .img_box_1 .img_1{ width:337px; height:231px}
	.more_box_1 .img_box_1 .img_2{ width:175px; height:95px; top:128px}
	.more_box_1 .tit_box_2{ margin-top:23px}
	.more_box_1 .img_box_2{ width:430px; height:170px; margin:48px 0 0 -215px}
	.more_box_1 .img_box_2 .img_1{ width:363px; height:118px; left:34px}
	.more_box_1 .img_box_2 .img_2{ width:325px; height:118px; top:28px; left:53px}
	.more_box_1 .img_box_2 .img_3{ width:320px; height:30px; top:98px; left:51px}
	.more_box_1 .upBtn{ width:20px; height:20px; background-size:10px; background-position:5px; margin:20px 0 23px -10px}
	
	.light_19{ height:697px; margin-bottom:4px}
	.light_19 .tit_box{ margin-top:51px}
	.light_19 .t_1{ padding-bottom:17px}
	.light_19 .t_1 .fs_45{ font-size:23px; line-height:25px}
	.light_19 .img_box{ height:697px}
	.light_19 .downBtn{ width:50px; height:40px; top:647px; margin-left:-25px}
	.light_19 .downBtn a{ width:20px; height:20px; border-radius:25px; background-size:10px; background-position:5px; margin-left:-10px}
	.light_19 .downBtn .t{ font-size:9px; line-height:20px}
	
	.more_box_19 .tit_box_1{ margin:60px 5% 0}
	.more_box_19 .t_1{ font-size:23px; line-height:30px; padding-bottom:14px}
	.more_box_19 .t_2{ font-size:16px; line-height:25px; padding-bottom:20px}
	.more_box_19 .img_box_1{ width:430px; margin:73px 0 0 -215px}
	.more_box_19 .img_box_1 .img_1{ width:423px; height:450px}
	.more_box_19 ul{ width:310px; margin:11px 0 0 -16px}
	.more_box_19 li{ width:80px; padding-top:34px; margin-right:23px; line-height:14px; font-size:12px; background-size:40px 250px}
	.more_box_19 .icon_1{ background-position:center -100px}
	.more_box_19 .icon_2{ background-position:center -200px}
	.more_box_19 .upBtn{ width:20px; height:20px; background-size:10px; background-position:5px; margin:25px 0 23px -10px}
	
	.light_20{ height:736px; margin-bottom:4px}
	.light_20 .tit_box{ margin-top:65px}
	.light_20 .t_1{ padding-bottom:17px}
	.light_20 .t_1 .fs_45{ font-size:23px; line-height:25px}
	.light_20 .img_box{ height:736px}
	.light_20 ul{ width:310px; margin:31px 0 0 -16px}
	.light_20 li{ width:80px; padding-top:37px; margin-right:23px; line-height:14px; font-size:12px; background-size:40px 200px}
	.light_20 .icon_1{ background-position:center -100px}
	
	.light_2{ height:1223px}
	.light_2 .licon_bg{ background-size:400px 2000px}
	.light_2 .tit_box_1{ width:290px; margin:58px 0 0 -145px}
	.light_2 .tit_box_1 .w_310{ width:145px}
	.light_2 .tit_box_1 .t_1{ line-height:30px; font-size:20px; padding:0 0 4px}
	.light_2 .tit_box_1 .t_2{ line-height:20px; font-size:12px}
	.light_2 .img_box{ width:330px; height:500px; top:200px; margin-left:-165px}
	.light_2 .img_box_1{ width:185px; height:450px}
	.light_2 .img_box_1 img{ width:185px; height:391px}
	.light_2 .img_box_2{ width:185px; height:450px}
	.light_2 .img_box_2 .img_1{ width:115px; height:135px; background-position:0 -970px; top:359px; left:10px}
	.light_2 .img_box_2 .img_2{ width:2px; height:40px; background-position:0 -1120px; top:371px; left:145px}
	.light_2 .img_box_3{ width:320px; height:380px; top:85px; left:19px}
	.light_2 .img_box_3 .img_1{ width:101px; height:228px; background-position:0 -700px; top:87px}
	.light_2 .img_box_3 .img_2{ width:183px; height:386px; left:125px}
	.light_2 .img_box .arrow_1, .light_2 .img_box .arrow_2{ width:4px; height:0; top:-35px; left:46px; background-position:-100px -1310px}
	.light_2 .img_box .arrow_2{ left:277px; background-position:0 -1310px}
	.light_2 .shadow{ width:322px; height:76px; top:460px; left:3px; background-position:0 -1200px}
	.light_2 .tit_box_2{ top:743px}
	.light_2 .tit_box_2 .t_1{ font-size:20px; line-height:24px; padding-bottom:13px}
	.light_2 .tit_box_2 .t_2{ font-size:12px; line-height:20px; padding-bottom:15px}
	.light_2 .tit_box_2 .pt_80{ padding-top:40px}
	.light_2 .tit_box_2 .icon_box{ width:105px; padding-top:35px; font-size:12px; line-height:14px; margin:0 23px 10px 0}
	.light_2 .tit_box_2 .icon_1{ width:50px; background-position:center -200px}
	.light_2 .tit_box_2 .icon_2{ background-position:center -300px}
	.light_2 .tit_box_2 .icon_3{ width:50px; background-position:center -400px}
	.light_2 .tit_box_2 .icon_4{ background-position:center -500px}
	.light_2 .tit_box_2 .icon_5{ width:70px; background-position:center -600px}
	
	.light_3{ height:1255px}
	.light_3 .img_box{ height:150px; top:1100px}
	.light_3 .img_box img{ width:430px; height:150px}
	.light_3 ul{ width:360px; margin:46px 0 0 -180px}
	.light_3 li{ width:120px; height:20px; padding-top:65px; margin-bottom:41px; font-size:14px; line-height:20px; background-size:50px 1700px; background-position:center 0}
	.light_3 .icon_2{ background-position:center -100px}
	.light_3 .icon_3{ background-position:center -200px}
	.light_3 .icon_4{ background-position:center -300px}
	.light_3 .icon_5{ background-position:center -400px}
	.light_3 .icon_6{ background-position:center -500px}
	.light_3 .icon_7{ background-position:center -600px}
	.light_3 .icon_8{ background-position:center -700px}
	.light_3 .icon_9{ background-position:center -800px}
	.light_3 .icon_10{ background-position:center -900px}
	.light_3 .icon_11{ background-position:center -1000px}
	.light_3 .icon_12{ background-position:center -1100px}
	.light_3 .icon_13{ background-position:center -1200px}
	.light_3 .icon_14{ background-position:center -1300px}
	.light_3 .icon_15{ background-position:center -1400px}
	.light_3 .icon_16{ background-position:center -1500px}
	.light_3 .icon_17{ background-position:center -1600px}
	
	.light_4{ height:591px}
	.light_4 .t_1{ padding-top:70px}
	.light_4 ul{ width:340px; margin:57px 0 0 -13px}
	.light_4 li{ width:85px; padding-top:46px; font-size:14px; line-height:20px; background-size:40px 500px}
	.light_4 .icon_2{ background-position:center -100px}
	.light_4 .icon_3{ background-position:center -200px}
	.light_4 .icon_4{ background-position:center -300px}
	
	.light_5{ height:908px}
	.light_5 .img_box{ height:908px}
	.light_5 .img_box img{ width:430px; height:908px}
	.light_5 .curve{ width:350px; height:65px; font-size:12px; background-size:293px 160px; background-position:8px 0; margin:32px 0 0 -8px}
	.light_5 .curve .line{ width:293px; height:61px; background-size:293px 160px; background-position:0 -90px; left:8px}
	.light_5 .curve .t_3{ width:40px; line-height:15px; top:-7px; left:298px}
	.light_5 .curve ul{ width:350px; top:62px}
	.light_5 .curve li{ width:50px; line-height:17px; margin-right:15px}
	
	.light_6{ height:790px}
	.light_6 .img_box{ height:790px}
	.light_6 .img_box img{ width:430px; height:790px}
	
	.light_7{ height:786px}
	.light_7 .tit_box{ margin-top:464px}
	.light_7 .img_box{ height:786px}
	.light_7 .img_box img{ width:430px; height:786px}
	
	.light_8{ height:321px}
	.light_8 .t_3{ font-size:12px; line-height:14px; padding-top:13px}
	.light_8 .img_box{ height:321px}
	.light_8 .img_box img{ width:430px; height:321px}
	
	.light_9{ height:593px}
	.light_9 .img_box{ height:593px}
	.light_9 .img_box img{ width:430px; height:593px}
	
	.light_10{ height:608px}
	.light_10 .tit_box{ margin-top:50px}
	.light_10 .img_box{ height:608px}
	.light_10 .img_box img{ width:430px; height:608px}
	.light_10 .btn_box{ width:286px; height:40px; top:268px; margin-left:-143px}
	.light_10 .btn_box a{ width:121px; height:38px; border:1px solid rgba(255,255,255,0.5); border-radius:5px; font-size:14px; line-height:38px; margin:0 10px}
	.light_10 .btn_box .cur{ border:1px solid rgba(255,255,255,0.9)}
	
	.light_11{ height:326px}
	.light_11 .img_box{ height:326px}
	.light_11 .img_box img{ width:430px; height:326px}
	
	.light_12{ height:760px}
	.light_12 .img_box{ height:760px}
	.light_12 .img_box img{ width:430px; height:760px}
	.light_12 .bar_box{ width:66px; height:370px; top:349px; left:129px}
	.light_12 .bar_box_468{ left:234px}
	.light_12 .bar_box .bar{ width:66px; height:317px}
	.light_12 .bar_box .bar_bo{ width:64px; height:315px; border:1px solid #464749}
	.light_12 .bar_box .bar_color_1, .light_12 .bar_box .bar_color_2{ width:66px; height:317px; background-size:66px 503px}
	.light_12 .bar_box .bar_color_2{ height:163px; top:154px; background-position:0 -340px}
	.light_12 .bar_box .t_3{ font-size:13px; line-height:16px; padding-top:16px}
	.light_12 .bar_box .t_4{ line-height:16px; font-size:14px; top:66px}
	
	.light_13{ height:560px}
	.light_13 .img_box{ height:560px}
	.light_13 .img_box img{ width:430px; height:560px}
	
	.light_14{ height:793px}
	.light_14 .img_box{ height:478px; top:315px}
	.light_14 .img_box .img_1{ width:430px; height:478px}
	.light_14 .img_box .img_2{ width:430px; height:438px}
	.light_14 .ripple{ width:200px; height:200px; margin:166px 0 0 106px}
	
	.light_17{ height:604px}
	.light_17 .tit_box{ margin-top:51px}
	.light_17 .t_1 .fs_45{ font-size:23px}
	.light_17 .img_box{ height:604px}
	.light_17 .img_box img{ width:430px; height:604px}
	.light_17 .img_1, .light_17 .img_2, .light_17 .img_3{ width:194px; height:272px; top:397px; left:118px; background-size:200px 1000px}
	.light_17 .img_2{ width:183px; height:207px; background-position:0 -300px; top:444px; left:32px}
	.light_17 .img_3{ width:154px; height:252px; background-position:0 -550px; top:444px; left:233px}
	
	.light_18{ height:524px}
	.light_18 .tit_box{ margin-top:55px}
	.light_18 .t_1{ font-size:24px}
	
	.carousel{ height:380px; top:140px}
	.carousel ul{ height:300px}
	.carousel li{ height:300px}
	.carousel li img{ width:320px; height:300px}
	
	.dian_box{ top:317px}
	.dian_box a{ width:24px; height:2px; margin:0 5px}
	
	.main_app{ height:842px}
	.main_app .tit_box .t_1{ line-height:33px; padding-bottom:15px}
	.main_app .tit_box .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_app .tit_box_2{ width:350px; margin:425px 0 0 80px}
	.main_app .tit_box_2 .t_1{ font-size:16px; line-height:31px; padding-bottom:5px}
	.main_app .tit_box_2 .t_2{ font-size:12px; line-height:18px; padding-bottom:23px}
}