.generic{ width:100%; min-width:930px; float:left; overflow:hidden; position:relative; font-family:HanHei SC; font-weight:200}
.generic .box{ width:1920px; overflow:hidden; float:left; position:absolute; left:50%; margin-left:-960px}
.generic .tit_box{ width:720px; height:300px; float:left; position:absolute; z-index:10}

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

.light_1{ height:1080px; margin-bottom:8px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.light_1 .box{ height:3174px}
.light_1 .tit_box{ top:91px; left:600px; text-align:center; color:#fff; opacity:0}
.light_1 .tit_box .t_1{ width:100%; float:left; font-size:26px; line-height:32px; padding-bottom:16px}
.light_1 .tit_box .t_2{ width:100%; height:85px; float:left; padding-bottom:14px}
.light_1 .tit_box .t_3{ width:100%; float:left; line-height:26px; font-size:24px}
.light_1 .img_box{ width:1920px; height:1080px; float:left; overflow:hidden; position:absolute; top:0; left:0; transform:scale(1.12); -webkit-transform:scale(1.12)}
.light_1 .more_box{ width:1920px; height:2094px; float:left; overflow:hidden; position:absolute; background-color:#FCFCFC; top:1088px; transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease}
.light_1 .tit_box_1{ width:720px; height:300px; float:left; position:absolute; top:129px; left:600px; text-align:center; opacity:0}
.light_1 .tit_box_1 .t_1{ width:100%; float:left; font-size:44px; line-height:48px; color:#323232; padding-bottom:36px}
.light_1 .tit_box_1 .t_2{ width:100%; float:left; font-size:20px; line-height:40px; color:#372508; opacity:0.7}
.light_1 .tit_box_2{ top:1079px}
.light_1 .img_1{ width:1125px; height:693px; float:left; position:absolute; top:387px; left:0; opacity:0}
.light_1 .img_2{ width:876px; height:381px; float:left; position:absolute; top:784px; right:0; opacity:0}
.light_1 .img_3{ width:1148px; height:372px; float:left; position:absolute; top:1458px; left:386px; transform:translate3d(0,-80px,0); -webkit-transform:translate3d(0,-80px,0); z-index:10}
.light_1 .img_3_1{ width:994px; height:328px; float:left; position:absolute; top:1568px; left:463px; opacity:0}
.light_1 .img_3_2{ width:1014px; height:76px; float:left; position:absolute; top:1776px; left:446px; opacity:0}
.light_1 .downBtn{ width:100px; height:32px; float:left; position:absolute; top:990px; left:50%; margin-left:-50px; cursor:pointer; z-index:100}
.light_1 .downBtn a{ width:32px; height:32px; float:left; position:relative; left:50%; margin-left:-16px}
.light_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}
.light_1 .downBtn .icon{ width:16px; height:16px; float:left; position:absolute; margin:8px; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_7_1.png) no-repeat}
.light_1 .downBtn .t{ width:100%; float:left; font-size:18px; color:#fff; text-align:center; line-height:38px}
.light_1 .downBtn:hover .bg_co{ transform:scale(1.3) rotate(0.0001deg); -webkit-transform:scale(1.3) rotate(0.0001deg)}
.light_1 .upBtn{ top:3080px}
.light_1 .upBtn .bg_co{ background-color:rgba(0,0,0,0.1)}
.light_1 .upBtn .icon{ transform:rotate(135deg)}

@keyframes img_1_1{ 0%{ opacity:0; transform:translate3d(-80px,-80px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_1_2{ 0%{ opacity:0; transform:translate3d(80px,80px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_1_3{ 0%{ transform:translate3d(0,-80px,0) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_1{ 0%{ opacity:0; -webkit-transform:translate3d(-80px,-80px,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(80px,80px,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,-80px,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.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)}}

.light_19{ height:900px; margin-bottom:8px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.light_19 .box{ height:1868px}
.light_19 .tit_box{ height:500px; top:278px; left:408px; color:#372508}
.light_19 .tit_box .t_1{ width:100%; float:left; font-size:48px; line-height:58px; padding-bottom:37px; opacity:0}
.light_19 .tit_box .t_1 .fs_30{ font-size:32px}
.light_19 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:44px; opacity:0}
.light_19 .img_box{ width:1920px; height:900px; float:left; overflow:hidden; position:absolute; top:0; left:0}
.light_19 .downBtn{ width:100px; height:32px; float:left; position:absolute; top:810px; left:50%; margin-left:-50px; cursor:pointer; z-index:100}
.light_19 .downBtn a{ width:32px; height:32px; float:left; position:relative; left:50%; margin-left:-16px}
.light_19 .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}
.light_19 .downBtn .icon{ width:16px; height:16px; float:left; position:absolute; margin:8px; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_7_1.png) no-repeat}
.light_19 .downBtn .t{ width:100%; float:left; font-size:18px; color:#fff; text-align:center; line-height:38px}
.light_19 .downBtn:hover .bg_co{ transform:scale(1.3) rotate(0.0001deg); -webkit-transform:scale(1.3) rotate(0.0001deg)}
.light_19 .upBtn{ top:1780px}
.light_19 .upBtn .bg_co{ background-color:rgba(0,0,0,0.1)}
.light_19 .upBtn .icon{ transform:rotate(135deg)}
.light_19 .more_box{ width:1920px; height:960px; float:left; overflow:hidden; position:absolute; background-color:#F8F8F8; top:900px; transition:opacity 0.4s ease; -webkit-transition:opacity 0.4s ease}
.light_19 .img_1{ width:701px; height:665px; float:left; position:absolute; top:137px; left:264px; opacity:1}
.light_19 .tit_box_1{ left:1043px; top:235px}
.light_19 ul{ width:620px; float:left; margin-top:54px}
.light_19 li{ width:120px; padding-top:72px; margin-right:46px; float:left; line-height:28px; font-size:18px; color:#372508; text-align:center; opacity:0; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_19_bg.png) no-repeat center 0}
.light_19 .icon_1{ background-position:center -200px}
.light_19 .icon_2{ background-position:center -400px}

@keyframes x_15{ 0%{ opacity:0; transform:translate3d(15%,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(15%,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:900px; margin-bottom:8px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.light_20 .box{ height:1868px}
.light_20 .tit_box{ height:500px; top:267px; left:1043px; color:#372508}
.light_20 .tit_box .t_1{ width:100%; float:left; font-size:48px; line-height:58px; padding-bottom:22px; opacity:0}
.light_20 .tit_box .t_1 .fs_30{ font-size:32px}
.light_20 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:44px; opacity:0}
.light_20 .img_box{ width:1920px; height:900px; float:left; overflow:hidden; position:absolute; top:0; left:0}
.light_20 ul{ width:620px; float:left; margin:45px 0 0 -31px}
.light_20 li{ width:120px; padding-top:72px; margin-right:46px; float:left; line-height:28px; font-size:18px; color:#372508; text-align:center; opacity:0; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_20_bg.png) no-repeat center 0}
.light_20 .icon_1{ background-position:center -200px}

.light_3{ height:1050px}
.light_3 .box{ height:1050px}
.light_3 .tit_box{ width:100%; height:240px; text-align:center; float:left; overflow:hidden; margin-top:135px; opacity:0; color:#323232; position:relative; transform:translate(0,0); background-color:rgba(255,255,255,0.01); z-index:99999}
.light_3 .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding:0 0 22px}
.light_3 .t_2{ width:100%; float:left; font-size:20px; line-height:30px}
.light_3 ul{ width:1056px; height:800px; float:left; overflow:hidden; left:50%; margin:11px 0 0 -528px; position:relative}
.light_3 li{ width:100px; height:185px; float:left; margin:0 38px; opacity:0}
.light_3 li .icon_box{ width:100px; height:100px; float:left; margin-bottom:10px; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_3_bg.png) no-repeat}
.light_3 li .tit{ width:100px; color:#333; font-size:22px; line-height:28px; float:left; text-align:center}
.light_3 li .icon_1{ background-position:0 0}
.light_3 li .icon_2{ background-position:0 -100px}
.light_3 li .icon_3{ background-position:0 -200px}
.light_3 li .icon_4{ background-position:0 -300px}
.light_3 li .icon_5{ background-position:0 -400px}
.light_3 li .icon_6{ background-position:0 -500px}
.light_3 li .icon_7{ background-position:0 -600px}
.light_3 li .icon_8{ background-position:0 -700px}
.light_3 li .icon_9{ background-position:0 -800px}
.light_3 li .icon_10{ background-position:0 -900px}
.light_3 li .icon_11{ background-position:0 -1000px}
.light_3 li .icon_12{ background-position:0 -1100px}
.light_3 li .icon_13{ background-position:0 -1200px}
.light_3 li .icon_14{ background-position:0 -1300px}
.light_3 li .icon_15{ background-position:0 -1400px}
.light_3 li .icon_16{ background-position:0 -1500px}
.light_3 li .icon_17{ background-position:0 -1600px}
.light_3 li:nth-child(6){ margin-right:0}

@keyframes img_2_1{ 0%{ opacity:0; transform:translate(0,200px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}

@-webkit-keyframes img_2_1{ 0%{ opacity:0; -webkit-transform:translate(0,200px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}

.light_4{ height:560px}
.light_4 .box{ height:560px}
.light_4 .tit_box{ width:1160px; left:380px; color:#323232; text-align:center; border-top:1px solid #E5E5E5; padding-top:56px; opacity:0}
.light_4 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_4 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px}
.light_4 ul{ width:936px; float:left; position:absolute; top:335px; left:490px}
.light_4 li{ width:80px; float:left; padding-top:86px; background:url(https://images.iyunmai.com/home/static/images/title/light-mini2/tit_4.png) no-repeat; margin:0 76px; opacity:0}
.light_4 li .t_3{ width:100%; float:left; font-size:18px; line-height:28px; text-align:center; color:#323232}
.light_4 .icon_2{ background-position:0 -200px}
.light_4 .icon_3{ background-position:0 -400px}
.light_4 .icon_4{ background-position:0 -600px}

@keyframes tit_4{ 0%{ opacity:0; transform:translate3d(60px,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_4{ 0%{ opacity:0; -webkit-transform:translate3d(60px,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_5{ height:960px}
.light_5 .box{ height:960px}
.light_5 .tit_box{ height:500px; top:192px; left:408px; color:#472106}
.light_5 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px; opacity:0}
.light_5 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px; padding-bottom:69px; opacity:0}
.light_5 .curve{ width:500px; height:200px; float:left; position:relative; font-size:18px; color:#573215; background:url(https://images.iyunmai.com/home/static/images/title/light-mini2/tit_5.png) no-repeat 6px 0; margin-left:-6px; opacity:0}
.light_5 .curve .line{ width:0; height:91px; float:left; background:url(https://images.iyunmai.com/home/static/images/title/light-mini2/tit_5.png) no-repeat 0 -260px; position:absolute; overflow:hidden; top:0; left:6px}
.light_5 .curve .t_3{ width:80px; line-height:20px; float:left; position:absolute; top:0; left:440px}
.light_5 .curve ul{ width:500px; float:left; position:absolute; top:93px}
.light_5 .curve li{ width:60px; line-height:22px; float:left; text-align:center; margin-right:38px}
.light_5 .img_box{ width:1920px; height:960px; float:left; overflow:hidden; position:absolute; top:0; left:0}

@keyframes tit_5_1{ 0%{ opacity:0; transform:translate3d(30px,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)}}
@keyframes tit_5_2{ 0%{ width:0; transform:rotate(0.0001deg)} 100%{ width:450px; transform:rotate(0.0001deg)}}

@-webkit-keyframes tit_5_1{ 0%{ opacity:0; -webkit-transform:translate3d(30px,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)}}
@-webkit-keyframes tit_5_2{ 0%{ width:0; -webkit-transform:rotate(0.0001deg)} 100%{ width:450px; -webkit-transform:rotate(0.0001deg)}}

.light_6{ height:700px}
.light_6 .box{ height:700px}
.light_6 .tit_box{ top:216px; left:1052px; color:#fff}
.light_6 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:32px; opacity:0}
.light_6 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px; opacity:0}
.light_6 .img_box{ width:1920px; height:700px; float:left; overflow:hidden; position:absolute; top:0; left:0}
.light_6 .img_1, .light_6 .img_2{ width:284px; height:284px; float:left; position:absolute; top:212px; left:509px; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_6_1.png) no-repeat 0 -600px; z-index:10}
.light_6 .img_2{ width:602px; height:573px; background-position:0 0; top:43px; left:342px; animation:img_6 linear 7s infinite; -webkit-animation:img_6 linear 7s infinite; z-index:1}

@keyframes tit_6{ 0%{ opacity:0; transform:translate3d(30px,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)}}
@keyframes img_6{ 0%{ transform:translate(0,-6px) rotate(0.001deg); opacity:1} 25%{ transform:translate(6px,0) rotate(0.001deg); opacity:0.5} 50%{ transform:translate(0,6px) rotate(0.001deg); opacity:1} 75%{ transform:translate(-6px,0) rotate(0.001deg); opacity:0.5} 100%{ transform:translate(0,-6px) rotate(0.001deg); opacity:1}}

@-webkit-keyframes tit_6{ 0%{ opacity:0; -webkit-transform:translate3d(30px,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)}}
@-webkit-keyframes img_6{ 0%{ -webkit-transform:translate(0,-6px) rotate(0.001deg); opacity:1} 25%{ -webkit-transform:translate(6px,0) rotate(0.001deg); opacity:0.5} 50%{ -webkit-transform:translate(0,6px) rotate(0.001deg); opacity:1} 75%{ -webkit-transform:translate(-6px,0) rotate(0.001deg); opacity:0.5} 100%{ -webkit-transform:translate(0,-6px) rotate(0.001deg); opacity:1}}

.light_7{ height:1024px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.light_7 .box{ height:1024px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.light_7 .tit_box{ top:100px; left:600px; text-align:center; color:#351d07; opacity:0}
.light_7 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_7 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px}
.light_7 .img_box{ width:1920px; height:1024px; float:left; overflow:hidden; position:absolute; top:0; left:0}
.light_7 .down_box{ width:120px; height:64px; float:left; position:absolute; cursor:pointer; top:940px; left:900px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; z-index:20}
.light_7 .down_box a{ width:32px; height:32px; float:left; position:relative; margin-left:44px}
.light_7 .down_box a .bg_co{ width:32px; height:32px; float:left; position:absolute; border-radius:50px; background-color:#FF4877; transition:background-color 0.5s ease,transform 0.1s ease; -webkit-transition:background-color 0.5s ease,transform 0.1s ease}
.light_7 .down_box a .icon{ width:16px; height:16px; float:left; position:absolute; margin:8px; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_7_1.png) no-repeat; transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.light_7 .down_box .a_hover .bg_co{ transform:scale(1.3) rotate(0.0001deg); -webkit-transform:scale(1.3) rotate(0.0001deg)}
.light_7 .down_box span{ width:100%; float:left; font-size:18px; color:#fff; text-align:center; line-height:32px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease}
.light_7 .sketch_box{ width:1920px; height:500px; float:left; overflow:hidden; position:absolute; top:1024px}
.light_7 .video_box{ width:460px; height:340px; float:left; position:absolute; top:107px; left:478px}
.light_7 .video_box .video{ width:460px; height:287px; float:left}
.light_7 .video_box .t_4{ width:100%; float:left; font-size:16px; color:#464646; line-height:50px}
.light_7 .video_box_2{ left:986px}

.light_9{ height:960px; background-color:#0B0B0B}
.light_9 .box{ height:960px}
.light_9 .tit_box{ top:100px; left:600px; text-align:center; color:#fff; opacity:0}
.light_9 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_9 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px}
.light_9 .img_box{ width:1920px; height:960px; float:left; overflow:hidden; position:absolute; top:0; left:0}

.light_10{ height:900px; background-color:#242529}
.light_10 .box{ height:900px}
.light_10 .tit_box{ top:100px; left:600px; text-align:center; color:#fff; opacity:0}
.light_10 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_10 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px}
.light_10 .btn_box{ width:400px; height:50px; float:left; position:absolute; top:282px; left:50%; margin-left:-200px; z-index:100}
.light_10 .btn_box a{ width:168px; height:46px; float:left; border:2px solid rgba(255,255,255,0.5); border-radius:5px; color:rgba(255,255,255,0.5); font-size:22px; text-align:center; line-height:46px; margin:0 14px}
.light_10 .btn_box a:hover, .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_10 .img_box{ width:1920px; height:900px; float:left; overflow:hidden; position:absolute; top:0; left:0}
.light_10 .img_1{ width:1920px; height:900px; float:left; position:absolute; top:0; left:0}
.light_10 .img_2{ width:1920px; height:900px; float:left; position:absolute; top:0; left:0; opacity:0}

.light_12{ height:888px; background-color:#151515}
.light_12 .box{ height:888px}
.light_12 .tit_box{ top:300px; left:438px; color:#fff}
.light_12 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:40px; opacity:0}
.light_12 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px; opacity:0}
.light_12 .img_box{ width:1920px; height:888px; float:left; overflow:hidden; position:absolute; top:0; left:0}
.light_12 .img_box img{ width:1920px; height:1200px; float:left; position:absolute; top:0; left:0; transition:transform 0.3s ease; transform:translate(0,-150px); -webkit-transition:transform 0.3s ease; -webkit-transform:translate(0,-150px)}
.light_12 .bar_box{ width:94px; height:540px; float:left; position:absolute; top:215px; left:1210px}
.light_12 .bar_box_1362{ left:1362px}
.light_12 .bar_box .bar{ width:94px; height:454px; float:left; overflow:hidden; position:relative}
.light_12 .bar_box .bar_bo{ width:90px; height:450px; 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:94px; height:454px; float:left; position:absolute; top:0; left:0; z-index:10; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_12_1.png) no-repeat; transform:translate3d(0,100%,0); -webkit-transform:translate3d(0,100%,0)}
.light_12 .bar_box .bar_color_2{ height:234px; top:230px; background-position:0 -500px}
.light_12 .bar_box .t_3{ width:100%; float:left; text-align:center; color:#fff; font-size:20px; line-height:32px; padding-top:12px}
.light_12 .bar_box .t_4{ width:100%; float:left; text-align:center; line-height:24px; font-size:22px; color:rgba(255,255,255,0.2); position:absolute; top:100px; opacity:0}

@keyframes tit_12{ 0%{ opacity:0; transform:translate3d(30px,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)}}
@keyframes img_12{ 0%{ transform:translate3d(0,100%,0) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) rotate(0.0001deg)}}

@-webkit-keyframes tit_12{ 0%{ opacity:0; -webkit-transform:translate3d(30px,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)}}
@-webkit-keyframes img_12{ 0%{ -webkit-transform:translate3d(0,100%,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}

.light_13{ height:900px; background-color:#000}
.light_13 .box{ height:900px}
.light_13 .tit_box{ top:100px; left:600px; text-align:center; color:#fff; opacity:0}
.light_13 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_13 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px}
.light_13 .img_box{ width:1072px; height:300px; float:left; overflow:hidden; position:absolute; top:450px; left:450px; transition:transform 0.3s ease; -webkit-transition:transform 0.3s ease}

.light_15{ height:1010px}
.light_15 .box{ height:1010px}
.light_15 .tit_box{ width:100%; top:63px; left:0; text-align:center; color:#361e07}
.light_15 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_15 .tit_box .t_2{ width:100%; float:left}
.light_15 .tit_box .t_2 a{ font-size:20px; color:#0fb9a4; background:url(https://images.iyunmai.com/home/static/images/title/light-mini2/tit_15.png) no-repeat right -696px; padding-right:15px}
.light_15 .list_box{ width:857px; height:620px; overflow:hidden; float:left; top:235px; left:680px; position:absolute}
.light_15 .list_box ul{ width:5000px; height:620px; float:left; position:absolute; transition:transform .6s ease; -webkit-transition:transform .6s ease}
.light_15 .list_box li{ width:857px; height:620px; float:left; overflow:hidden; position:relative}
.light_15 .img_box{ width:857px; height:620px; float:left; position:relative}
.light_15 .img_box img{ position:absolute; top:0; left:0}
.light_15 .img_box .t_1{ width:740px; float:left; font-size:42px; line-height:60px; position:absolute; top:448px; left:110px; z-index:10}
.light_15 .img_box .t_2{ width:600px; float:left; font-size:20px; line-height:28px; position:absolute; top:532px; left:196px; z-index:10}
.light_15 .img_box .t_3{ width:630px; float:left; font-size:20px; color:#666; line-height:32px; position:absolute; top:562px; left:196px; z-index:10}
.light_15 .phoneImg{ width:424px; height:750px; float:left; position:absolute; top:215px; left:320px; z-index:100}
.light_15 .phones_box{ width:296px; height:526px; overflow:hidden; float:left; top:82px; left:57px; position:absolute; z-index:200}
.light_15 .phones_box ul{ width:5000px; height:526px; float:left; position:absolute; transition:transform .6s ease; -webkit-transition:transform .6s ease}
.light_15 .phones_box li{ width:296px; height:526px; float:left; overflow:hidden; position:relative}
.light_15 .prev, .light_15 .next{ width:100px; height:100px; float:left; position:absolute; top:468px; left:50%; margin-left:-840px; background:url(https://images.iyunmai.com/home/static/images/title/light-mini2/tit_15.png) no-repeat 37px 26px; z-index:10}
.light_15 .next{ background-position:37px -274px; margin-left:740px}
.light_15 .des_nav{ width:720px; height:3px; float:left; text-align:center; position:absolute; top:922px; left:50%; margin-left:-360px; z-index:30}
.light_15 .des_nav a{ width:48px; height:3px; background-color:#D3D4D6; overflow:hidden; margin:0 5px; display:inline-block}
.light_15 .des_nav a:hover, .light_15 .des_nav .cur{ background-color:#2E2E2E}

.light_16{ height:757px}
.light_16 .box{ height:757px}
.light_16 .tit_box{ top:100px; left:600px; text-align:center; color:#fff}
.light_16 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_16 .tit_box .t_2{ width:100%; float:left}
.light_16 .tit_box .t_2 a{ font-size:18px; color:#fff; background:url(https://images.iyunmai.com/home/static/images/title/light-mini2/tit_16.png) no-repeat right 5px; padding-right:15px}
.light_16 .img_box{ width:1920px; height:757px; float:left; overflow:hidden; position:absolute; top:0; left:0}

.light_17{ height:1048px}
.light_17 .box{ height:1048px}
.light_17 .tit_box{ width:920px; top:82px; left:500px; text-align:center; color:#fff; opacity:0}
.light_17 .tit_box .t_1{ width:100%; float:left; font-size:44px; line-height:56px; padding-bottom:25px}
.light_17 .tit_box .t_1 .fs_30{ font-size:32px}
.light_17 .tit_box .t_2{ width:100%; float:left; font-size:20px; line-height:30px}
.light_17 .img_box{ width:1920px; height:1048px; float:left; overflow:hidden; position:absolute; top:0; left:0}
.light_17 .img_1, .light_17 .img_2, .light_17 .img_3, .light_17 .img_4{ width:644px; height:1015px; float:left; position:absolute; top:354px; left:637px; background:url(https://images.iyunmai.com/home/static/images/hero/light-mini2/img_17_1.png) no-repeat; z-index:10; transform:translate3d(0,1050px,0) scale(1.08) rotate(0.0001deg); -webkit-transform:translate3d(0,1050px,0) scale(1.08) rotate(0.0001deg)}
.light_17 .img_2{ width:560px; height:633px; background-position:0 -1100px; top:594px; left:304px; z-index:8; transform:translate3d(380px,480px,0) scale(1.03) rotate(0.0001deg); -webkit-transform:translate3d(380px,480px,0) scale(1.03) rotate(0.0001deg)}
.light_17 .img_3{ width:465px; height:662px; background-position:0 -1800px; top:592px; left:1092px; z-index:8; transform:translate3d(-285px,482px,0) scale(1.03) rotate(0.0001deg); -webkit-transform:translate3d(-285px,482px,0) scale(1.03) rotate(0.0001deg)}
.light_17 .img_4{ width:164px; height:134px; background-position:0 -2500px; top:286px; left:1197px; z-index:8; opacity:0; transform:translate3d(-200px,200px,0) rotate(0.0001deg); -webkit-transform:translate3d(-200px,200px,0) rotate(0.0001deg)}

@keyframes img_17_1{ 0%{ transform:translate3d(0,1050px,0) scale(1.08) rotate(0.0001deg)} 60%{ transform:translate3d(0,-50px,0) scale(1.08) rotate(0.0001deg)} 85%{ transform:translate3d(0,40px,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@keyframes img_17_2{ 0%{ transform:translate3d(380px,480px,0) scale(1.03) rotate(0.0001deg)} 70%{ transform:translate3d(-10px,-15px,0) scale(1.03) rotate(0.0001deg)} 90%{ transform:translate3d(5px,10px,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@keyframes img_17_3{ 0%{ transform:translate3d(-285px,482px,0) scale(1.03) rotate(0.0001deg)} 70%{ transform:translate3d(10px,-15px,0) scale(1.03) rotate(0.0001deg)} 90%{ transform:translate3d(-5px,10px,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@keyframes img_17_4{ 0%{ transform:translate3d(-200px,200px,0) rotate(0.0001deg); opacity:0} 70%{ transform:translate3d(5px,-10px,0) rotate(0.0001deg)} 90%{ transform:translate3d(-2px,4px,0) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) rotate(0.0001deg); opacity:1}}

@-webkit-keyframes img_17_1{ 0%{ -webkit-transform:translate3d(0,1050px,0) scale(1.08) rotate(0.0001deg)} 60%{ -webkit-transform:translate3d(0,-50px,0) scale(1.08) rotate(0.0001deg)} 85%{ -webkit-transform:translate3d(0,40px,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(380px,480px,0) scale(1.03) rotate(0.0001deg)} 70%{ -webkit-transform:translate3d(-10px,-15px,0) scale(1.03) rotate(0.0001deg)} 90%{ -webkit-transform:translate3d(5px,10px,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(-285px,482px,0) scale(1.03) rotate(0.0001deg)} 70%{ -webkit-transform:translate3d(10px,-15px,0) scale(1.03) rotate(0.0001deg)} 90%{ -webkit-transform:translate3d(-5px,10px,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)}}
@-webkit-keyframes img_17_4{ 0%{ -webkit-transform:translate3d(-200px,200px,0) rotate(0.0001deg); opacity:0} 70%{ -webkit-transform:translate3d(5px,-10px,0) rotate(0.0001deg)} 90%{ -webkit-transform:translate3d(-2px,4px,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) rotate(0.0001deg); opacity:1}}

.light_18{ height:974px; background-color:#F5F6F8}
.light_18 .box{ width:2560px; height:974px; margin-left:-1280px}
.light_18 .tit_box{ top:72px; left:920px; text-align:center; z-index:20}
.light_18 .tit_box .t_1{ width:100%; float:left; font-size:34px; line-height:48px}
.light_18 .img_box{ width:2560px; height:974px; float:left; overflow:hidden; position:absolute; top:0; left:0; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0)}
.light_18 .img_bg{ width:2560px; height:974px; z-index:10; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0)}
.light_18 ul{ width:12000px; height:850px; float:left; position:absolute; top:64px; left:0; transition:transform .4s ease-out; transform:translate3d(0,0,0); -webkit-transition:-webkit-transform .4s ease-out; -webkit-transform:translate3d(0,0,0)}
.light_18 li{ width:800px; height:850px; float:left; margin-left:-60px}
.light_18 li:first-child{ margin-left:880px}
.light_18 li img{ transform:scale(0.71); transition:transform .4s ease-out; -webkit-transform:scale(0.71); -webkit-transition:-webkit-transform .4s ease-out}
.light_18 li .cur{ transform:scale(1); -webkit-transform:scale(1)}
.light_18 .des_nav{ width:720px; height:3px; float:left; text-align:center; position:absolute; top:900px; left:920px; z-index:30}
.light_18 .des_nav a{ width:48px; height:3px; background-color:#D3D4D6; overflow:hidden; margin:0 5px; display:inline-block}
.light_18 .des_nav a:hover, .light_18 .des_nav .cur{ background-color:#2E2E2E}
.light_18 .prev, .light_18 .next{ width:460px; height:460px; cursor:default; float:left; opacity:1; position:absolute; top:260px; left:310px; z-index:30}
.light_18 .next{ width:460px; height:460px; float:left; opacity:1; left:1790px; cursor:pointer}

.light_app{ height:1120px}
.light_app .box{ height:1120px; color:#fff}
.light_app .tit_box{ width:100%; height:360px; float:left; position:absolute; top:30px; left:0; text-align:center}
.light_app .t_1{ width:100%; float:left; font-size:26px; line-height:36px; color:rgba(255,255,255,0.8); padding-bottom:22px}
.light_app .t_2{ width:100%; float:left; font-size:42px; line-height:54px; padding:0 0 23px; color:#fff; font-weight:bold}
.light_app .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(255,255,255,0.8); padding-bottom:15px}
.light_app .t_4{ width:100%; float:left}
.light_app .t_4 a{ font-size:20px; color:#0fb9a4; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_11_2.png) no-repeat right -696px; padding-right:15px}
.light_app .img_box{ width:1920px; height:1120px; float:left; position:absolute; top:0; left:0}
.light_app .t_5{ width:400px; float:left; line-height:30px; font-size:18px; text-align:right; position:absolute; top:568px; left:254px; opacity:0}
.light_app .t_6, .light_app .t_7{ width:400px; float:left; line-height:30px; font-size:18px; text-align:right; position:absolute; top:611px; left:254px; opacity:0}
.light_app .t_7{ top:641px}
.light_app .t_8{ width:400px; float:left; line-height:30px; font-size:18px; position:absolute; top:568px; left:1259px; opacity:0}
.light_app .t_9, .light_app .t_10, .light_app .t_11{ width:400px; float:left; line-height:30px; font-size:18px; position:absolute; top:611px; left:1259px; opacity:0}
.light_app .t_10{ top:641px}
.light_app .t_11{ top:671px}

@keyframes app_1{ 0%{ opacity:0; transform:translate(40px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0deg)}}
@keyframes app_2{ 0%{ opacity:0; transform:translate(-40px,0) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0deg)}}
@-webkit-keyframes app_1{ 0%{ opacity:0; -webkit-transform:translate(40px,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0deg)}}
@-webkit-keyframes app_2{ 0%{ opacity:0; -webkit-transform:translate(-40px,0) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0deg)}}