.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{ width:100%; min-width:1160px; overflow:hidden; position:relative}
.light_1 .box{ width:100%; height:875px; float:left; overflow:hidden; position:relative; left:0; top:0}
.light_1 .tit_box{ width:720px; position:absolute; float:left; top:66px; margin-left:-360px; left:50%; text-align:center; z-index:100}
.light_1 .tit_box_2{ top:172px; margin-left:-288px}
.light_1 .tit_box_3{ top:130px}
.light_1 .tit_box_4{ top:432px; margin-left:-750px}
.light_1 .t_1{ width:100%; float:left; font-size:72px; line-height:90px; color:#fff; padding-bottom:6px}
.light_1 .t_2{ width:100%; float:left; font-size:30px; line-height:54px; color:rgba(255,255,255,0.8)}
.light_1 ul{ width:800%; height:875px; float:left; transition:transform .6s ease; -webkit-transition:transform .6s ease}
.light_1 li{ width:12.5%; height:875px; float:left; overflow:hidden; position:relative; text-align:center}
.light_1 img{ width:1920px; height:875px; float:left; position:absolute; margin-left:-960px; left:50%}
.light_1 .prev, .light_1 .next{ width:62px; height:100px; float:left; position:absolute; top:390px; left:50px; opacity:0; transition:opacity .5s ease-out; -webkit-transition:opacity .5s ease-out; z-index:10}
.light_1 .prev .icon, .light_1 .next .icon{ width:32px; height:82px; float:left; background-position:-410px -1700px; margin:9px 0 0 15px}
.light_1 .next{ left:auto; right:50px}
.light_1 .next .icon{ background-position:-410px -1900px}
.light_1 .dian_box{ width:800px; height:2px; float:left; position:absolute; bottom:40px; left:50%; margin-left:-400px; text-align:center; z-index:20}
.light_1 .dian_box a{ width:40px; height:2px; background-color:rgba(255,255,255,0.6); overflow:hidden; display:inline-block; margin:0 5px}
.light_1 .dian_box a span{ width:0; height:2px; float:left; background-color:rgba(255,255,255,1); transform:rotate(0.0001deg); -webkit-transform:rotate(0.0001deg)}
.light_1 .dian_box .cur span{ animation:dian_cur 3s linear forwards; -webkit-animation:dian_cur 3s linear forwards}
.light_1 .dian_box .dis span{ width:100%}
.light_1 .dian_box_black a{ background-color:rgba(0,0,0,0.3)}
.light_1 .dian_box_black a span{ background-color:rgba(0,0,0,1)}

.light_1_2{ height:400px}
.light_1_2 .box{ height:400px}
.light_1_2 ul{ width:1000px; height:260px; float:left; margin:83px 0 0 460px}
.light_1_2 li{ width:332px; height:124px; float:left; border-right:1px solid #eee; border-bottom:1px solid #eee; line-height:34px; color:#333; text-align:center}
.light_1_2 .t_1{ width:100%; float:left; font-size:26px; padding-top:28px}
.light_1_2 .t_2{ width:100%; float:left; font-size:20px; opacity:0.8}
.light_1_2 .bor_no{ border-right:none}
.light_1_2 .bob_no{ border-bottom:none}

@keyframes dian_cur{ 0%{ width:0; transform:rotate(0.0001deg)} 100%{ width:100%; transform:rotate(0.0001deg)}}
@-webkit-keyframes dian_cur{ 0%{ width:0; -webkit-transform:rotate(0.0001deg)} 100%{ width:100%; -webkit-transform:rotate(0.0001deg)}}

.light_2{ height:900px}
.light_2 .box{ height:900px}
.light_2 .tit_box{ height:500px; top:268px; left:600px; color:rgba(255,255,255,0.8); font-size:28px; line-height:50px; text-align:center; opacity:0}
.light_2 .img_box{ width:1920px; height:900px; float:left; overflow:hidden; position:absolute; top:0; left:0}

.light_3{ height:1160px; background-color:#F9F9F9}
.light_3 .box{ height:1160px}
.light_3 .tit_box{ width:100%; height:350px; text-align:center; float:left; overflow:hidden; margin-top:123px; 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:32px; line-height:36px; color:rgba(51,51,51,0.8); padding-bottom:24px}
.light_3 .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 32px; color:#222; font-weight:bold}
.light_3 .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(51,51,51,0.8)}
.light_3 ul{ width:1056px; height:800px; float:left; overflow:hidden; left:50%; margin:0 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:1281px}
.light_4 .box{ height:1281px}
.light_4 .tit_box{ width:920px; top:128px; left:500px; text-align:center; opacity:0}
.light_4 .t_1{ width:100%; float:left; font-size:30px; line-height:36px; color:rgba(51,51,51,0.8); padding-bottom:12px}
.light_4 .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 20px; color:#222; font-weight:bold}
.light_4 .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(51,51,51,0.8)}
.light_4 .img_box{ height:1281px}
.light_4 .img_box img{ height:1281px}
.light_4 ul{ width:414px; float:left; margin:56px 0 0 253px}
.light_4 li{ width:138px; float:left; padding-top:78px; font-size:18px; color:rgba(0,0,0,0.8); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_4_1.png) no-repeat center 0; opacity:0}
.light_4 .ic_2{ background-position:center -200px}
.light_4 .ic_3{ background-position:center -398px}
.light_4 .tips{ width:100%; float:left; text-align:center; font-size:16px; color:rgba(255,255,255,0.6); line-height:26px; position:absolute; bottom:62px}

.light_5{ height:1227px}
.light_5 .box{ height:1227px}
.light_5 .tit_box{ height:500px; top:115px; left:600px; color:rgba(0,0,0,0.8); font-size:28px; line-height:50px; text-align:center; opacity:0}
.light_5 .img_box{ width:1920px; height:1227px; float:left; overflow:hidden; position:absolute; top:0; left:0}

.light_6{ height:871px}
.light_6 .box{ height:871px}
.light_6 .tit_box{ width:920px; top:93px; left:500px; text-align:center; opacity:0}
.light_6 .t_1{ width:100%; float:left; font-size:30px; line-height:36px; color:rgba(51,51,51,0.8); padding-bottom:22px}
.light_6 .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 23px; color:#222; font-weight:bold}
.light_6 .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(51,51,51,0.8)}
.light_6 .img_box{ height:871px}
.light_6 .img_box img{ height:871px}
.light_6 ul{ width:370px; float:left; margin:48px 0 0 275px}
.light_6 li{ width:185px; float:left; padding-top:80px; font-size:18px; color:rgba(0,0,0,0.8); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_6_1.png) no-repeat center 0; opacity:0}
.light_6 .ic_2{ background-position:center -200px}

.light_7{ height:857px}
.light_7 .box{ height:857px}
.light_7 .tit_box{ top:265px; left:200px; opacity:1}
.light_7 .t_1{ width:100%; float:left; font-size:28px; line-height:36px; color:rgba(255,255,255,1); padding-bottom:7px}
.light_7 .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 23px; color:#fff; font-weight:bold}
.light_7 .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(255,255,255,0.8)}
.light_7 .img_box{ height:857px}
.light_7 .img_box img{ height:857px; float:left; position:absolute; top:0; left:0; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease}
.light_7 ul{ width:414px; float:left; margin:40px 0 0 0}
.light_7 li{ width:66px; height:66px; float:left; border:2px solid rgba(255,255,255,0); margin-right:30px; border-radius:50px; cursor:pointer}
.light_7 li .ra{ width:52px; height:52px; float:left; background-color:#FFD2D2; border-radius:50px; cursor:pointer; margin:7px}
.light_7 li .ra.ic_2{ background-color:#74C8EF}
.light_7 li .ra.ic_3{ background-color:#9EE4E2}
.light_7 li .ra.ic_4{ background-color:#EEEEEE}
.light_7 li:hover, .light_7 .cur{ border-color:rgba(255,255,255,1)}
.light_7 .prev, .light_7 .next{ width:36px; height:68px; float:left; position:absolute; top:395px; margin-left:60px; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_7_1.png) no-repeat; z-index:10}
.light_7 .next{ background-position:0 -100px; margin-left:0; right:60px}

.light_8{ height:1080px}
.light_8 .box{ height:1080px}
.light_8 .tit_box{ top:560px; left:380px}
.light_8 .t_1{ width:100%; float:left; font-size:28px; line-height:36px; color:rgba(255,255,255,1); padding-bottom:22px; opacity:0}
.light_8 .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 23px; color:#fff; font-weight:bold; opacity:0}
.light_8 .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(255,255,255,0.8); opacity:0}
.light_8 .img_box{ height:1080px}
.light_8 .img_box img{ height:1080px}

.light_9{ height:950px}
.light_9 .box{ height:950px}
.light_9 .tit_box{ top:315px; left:1052px}
.light_9 .t_1{ width:100%; float:left; font-size:28px; line-height:36px; color:rgba(255,255,255,0.8); padding-bottom:18px; opacity:0}
.light_9 .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 23px; color:#fff; font-weight:bold; opacity:0}
.light_9 .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(255,255,255,0.8); opacity:0}
.light_9 .img_box{ height:950px}
.light_9 .img_box img{ height:950px}
.light_9 .ring{ width:590px; height:590px; float:left; position:absolute; top:164px; left:260px; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_9_1.png) no-repeat 40px 40px; z-index:10}
.light_9 .bar{ width:590px; height:62px; float:left; position:absolute; left:0; top:264px}
.light_9 .ra{ float:left; position:absolute; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_9_1.png) no-repeat}
.light_9 .bar_1{ transform:rotate(0deg); animation:ring_9_1 19s linear infinite; -webkit-transform:rotate(0deg); -webkit-animation:ring_9_1 19s linear infinite}
.light_9 .bar_2{ transform:rotate(110deg); animation:ring_9_2 18s linear infinite; -webkit-transform:rotate(110deg); -webkit-animation:ring_9_2 18s linear infinite}
.light_9 .bar_3{ transform:rotate(340deg); animation:ring_9_3 20.5s linear infinite; -webkit-transform:rotate(340deg); -webkit-animation:ring_9_3 20.5s linear infinite}
.light_9 .bar_4{ transform:rotate(150deg); animation:ring_9_4 20s linear infinite; -webkit-transform:rotate(150deg); -webkit-animation:ring_9_4 20s linear infinite}
.light_9 .bar_5{ transform:rotate(180deg); animation:ring_9_5 21s linear infinite; -webkit-transform:rotate(180deg); -webkit-animation:ring_9_5 21s linear infinite}
.light_9 .bar_6{ transform:rotate(290deg); animation:ring_9_6 22s linear infinite; -webkit-transform:rotate(290deg); -webkit-animation:ring_9_6 22s linear infinite}
.light_9 .bar_1 .ra{ width:58px; height:58px; background-position:0 -600px; top:2px; left:13px; transform:rotate(0deg); animation:ring_9_1_1 19s linear infinite; -webkit-transform:rotate(0deg); -webkit-animation:ring_9_1_1 19s linear infinite}
.light_9 .bar_2 .ra{ width:55px; height:55px; background-position:0 -700px; top:3px; left:10px; transform:rotate(-110deg); animation:ring_9_2_1 18s linear infinite; -webkit-transform:rotate(-110deg); -webkit-animation:ring_9_2_1 18s linear infinite}
.light_9 .bar_3 .ra{ width:62px; height:62px; background-position:0 -800px; top:0; left:6px; transform:rotate(-340deg); animation:ring_9_3_1 20.5s linear infinite; -webkit-transform:rotate(-340deg); -webkit-animation:ring_9_3_1 20.5s linear infinite}
.light_9 .bar_4 .ra{ width:48px; height:48px; background-position:0 -900px; top:7px; left:70px; transform:rotate(-150deg); animation:ring_9_4_1 20s linear infinite; -webkit-transform:rotate(-150deg); -webkit-animation:ring_9_4_1 20s linear infinite}
.light_9 .bar_5 .ra{ width:61px; height:61px; background-position:0 -1000px; top:0; left:61px; transform:rotate(-180deg); animation:ring_9_5_1 21s linear infinite; -webkit-transform:rotate(-180deg); -webkit-animation:ring_9_5_1 21s linear infinite}
.light_9 .bar_6 .ra{ width:43px; height:43px; background-position:0 -1100px; top:10px; left:73px; transform:rotate(-290deg); animation:ring_9_6_1 22s linear infinite; -webkit-transform:rotate(-290deg); -webkit-animation:ring_9_6_1 22s linear infinite}

@keyframes ring_9_1{ 0%{ transform:rotate(0deg)} 50%{ transform:rotate(80deg)} 100%{ transform:rotate(0deg)}}
@keyframes ring_9_1_1{ 0%{ transform:rotate(0deg)}  50%{ transform:rotate(-80deg)} 100%{ transform:rotate(0deg)}}
@keyframes ring_9_2{ 0%{ transform:rotate(110deg)} 50%{ transform:rotate(190deg)} 100%{ transform:rotate(110deg)}}
@keyframes ring_9_2_1{ 0%{ transform:rotate(-110deg)} 50%{ transform:rotate(-190deg)} 100%{ transform:rotate(-110deg)}}
@keyframes ring_9_3{ 0%{ transform:rotate(340deg)} 50%{ transform:rotate(220deg)} 100%{ transform:rotate(340deg)}}
@keyframes ring_9_3_1{ 0%{ transform:rotate(-340deg)} 50%{ transform:rotate(-220deg)} 100%{ transform:rotate(-340deg)}}
@keyframes ring_9_4{ 0%{ transform:rotate(150deg)} 50%{ transform:rotate(70deg)} 100%{ transform:rotate(150deg)}}
@keyframes ring_9_4_1{ 0%{ transform:rotate(-150deg)} 50%{ transform:rotate(-70deg)} 100%{ transform:rotate(-150deg)}}
@keyframes ring_9_5{ 0%{ transform:rotate(180deg)} 50%{ transform:rotate(260deg)} 100%{ transform:rotate(180deg)}}
@keyframes ring_9_5_1{ 0%{ transform:rotate(-180deg)} 50%{ transform:rotate(-260deg)} 100%{ transform:rotate(-180deg)}}
@keyframes ring_9_6{ 0%{ transform:rotate(290deg)} 50%{ transform:rotate(370deg)} 100%{ transform:rotate(290deg)}}
@keyframes ring_9_6_1{ 0%{ transform:rotate(-290deg)} 50%{ transform:rotate(-370deg)} 100%{ transform:rotate(-290deg)}}
@-webkit-keyframes ring_9_1{ 0%{ -webkit-transform:rotate(0deg)} 50%{ -webkit-transform:rotate(80deg)} 100%{ -webkit-transform:rotate(0deg)}}
@-webkit-keyframes ring_9_1_1{ 0%{ -webkit-transform:rotate(0deg)}  50%{ -webkit-transform:rotate(-80deg)} 100%{ -webkit-transform:rotate(0deg)}}
@-webkit-keyframes ring_9_2{ 0%{ -webkit-transform:rotate(110deg)} 50%{ -webkit-transform:rotate(190deg)} 100%{ -webkit-transform:rotate(110deg)}}
@-webkit-keyframes ring_9_2_1{ 0%{ -webkit-transform:rotate(-110deg)} 50%{ -webkit-transform:rotate(-190deg)} 100%{ -webkit-transform:rotate(-110deg)}}
@-webkit-keyframes ring_9_3{ 0%{ -webkit-transform:rotate(340deg)} 50%{ -webkit-transform:rotate(220deg)} 100%{ -webkit-transform:rotate(340deg)}}
@-webkit-keyframes ring_9_3_1{ 0%{ -webkit-transform:rotate(-340deg)} 50%{ -webkit-transform:rotate(-220deg)} 100%{ -webkit-transform:rotate(-340deg)}}
@-webkit-keyframes ring_9_4{ 0%{ -webkit-transform:rotate(150deg)} 50%{ -webkit-transform:rotate(70deg)} 100%{ -webkit-transform:rotate(150deg)}}
@-webkit-keyframes ring_9_4_1{ 0%{ -webkit-transform:rotate(-150deg)} 50%{ -webkit-transform:rotate(-70deg)} 100%{ -webkit-transform:rotate(-150deg)}}
@-webkit-keyframes ring_9_5{ 0%{ -webkit-transform:rotate(180deg)} 50%{ -webkit-transform:rotate(260deg)} 100%{ -webkit-transform:rotate(180deg)}}
@-webkit-keyframes ring_9_5_1{ 0%{ -webkit-transform:rotate(-180deg)} 50%{ -webkit-transform:rotate(-260deg)} 100%{ -webkit-transform:rotate(-180deg)}}
@-webkit-keyframes ring_9_6{ 0%{ -webkit-transform:rotate(290deg)} 50%{ -webkit-transform:rotate(370deg)} 100%{ -webkit-transform:rotate(290deg)}}
@-webkit-keyframes ring_9_6_1{ 0%{ -webkit-transform:rotate(-290deg)} 50%{ -webkit-transform:rotate(-370deg)} 100%{ -webkit-transform:rotate(-290deg)}}

.light_10{ height:1011px}
.light_10 .box{ height:1011px}
.light_10 .tit_box{ top:307px; left:392px; opacity:0}
.light_10 .t_1{ width:100%; float:left; font-size:28px; line-height:36px; color:rgba(51,51,51,0.8); padding-bottom:22px}
.light_10 .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 23px; color:#222; font-weight:bold}
.light_10 .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(51,51,51,0.8)}
.light_10 .img_box{ height:1011px}
.light_10 .img_box img{ height:1011px}
.light_10 ul{ width:414px; float:left; margin:56px 0 0 -20px}
.light_10 li{ width:120px; float:left; padding-top:68px; font-size:18px; color:rgba(51,51,51,0.8); text-align:center; line-height:24px; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_10_1.png) no-repeat center 0; opacity:0}
.light_10 .ic_2{ background-position:center -200px}
.light_10 .ic_3{ background-position:center -398px}

.light_11{ height:1290px}
.light_11 .box{ height:1290px}
.light_11 .tit_box{ width:100%; top:121px; left:0; text-align:center; color:#361e07}
.light_11 .tit_box .t_1{ width:100%; float:left; font-size:28px; line-height:36px; color:rgba(51,51,51,0.8); padding-bottom:22px}
.light_11 .tit_box .t_2{ width:100%; float:left; font-size:40px; line-height:54px; padding:0 0 31px; color:#222; font-weight:bold}
.light_11 .tit_box .t_3{ width:100%; float:left; font-size:22px; line-height:30px; color:rgba(51,51,51,0.8); padding-bottom:66px}
.light_11 .tit_box .t_4{ width:100%; float:left}
.light_11 .tit_box .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_11 .list_box{ width:857px; height:620px; overflow:hidden; float:left; top:530px; left:680px; position:absolute}
.light_11 .list_box ul{ width:5000px; height:620px; float:left; position:absolute; transition:transform .6s ease; -webkit-transition:transform .6s ease}
.light_11 .list_box li{ width:857px; height:620px; float:left; overflow:hidden; position:relative}
.light_11 .img_box{ width:857px; height:620px; float:left; position:relative}
.light_11 .img_box img{ position:absolute; top:0; left:0}
.light_11 .img_box .t_1{ width:740px; float:left; font-size:42px; line-height:60px; position:absolute; top:448px; left:110px; z-index:10}
.light_11 .img_box .t_2{ width:600px; float:left; font-size:20px; line-height:28px; position:absolute; top:532px; left:196px; z-index:10}
.light_11 .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_11 .phoneImg{ width:437px; height:739px; float:left; position:absolute; top:510px; left:320px; z-index:100}
.light_11 .phoneImg .phoneImg_bg{ position:absolute; top:0; left:0; z-index:210}
.light_11 .phones_box{ width:295px; height:638px; overflow:hidden; float:left; top:20px; left:64px; position:absolute; border-radius:32px; z-index:200}
.light_11 .phones_box ul{ width:5000px; height:638px; float:left; position:absolute; transition:transform .6s ease; -webkit-transition:transform .6s ease}
.light_11 .phones_box li{ width:295px; height:638px; float:left; overflow:hidden; position:relative}
.light_11 .prev, .light_11 .next{ width:100px; height:100px; float:left; position:absolute; top:763px; left:50%; margin-left:-840px; background:url(https://images.iyunmai.com/home/static/images/hero/light-color2/img_11_2.png) no-repeat 37px 26px; z-index:10}
.light_11 .next{ background-position:37px -274px; margin-left:740px}
.light_11 .des_nav{ width:720px; height:3px; float:left; text-align:center; position:absolute; top:1217px; left:50%; margin-left:-360px; z-index:30}
.light_11 .des_nav a{ width:48px; height:3px; background-color:#D3D4D6; overflow:hidden; margin:0 5px; display:inline-block}
.light_11 .des_nav a:hover, .light_11 .des_nav .cur{ background-color:#2E2E2E}

.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)}}

.light_13{ height:1398px}
.light_13 .box{ height:1398px}
.light_13 .tit_box{ top:142px; left:600px; opacity:1; text-align:center}
.light_13 .tit_box .t_1{ width:100%; height:188px; float:left}
.light_13 .tit_box .t_2{ width:210px; height:52px; float:left; border-radius:5px; margin:0 0 0 255px; background-color:rgba(56,122,221,1); color:#fff; text-align:center; line-height:52px; font-size:22px}
.light_13 .img_box{ height:1398px}
.light_13 .img_box img{ height:1398px}
.light_13 ul{ width:1000px; height:260px; float:left; margin:0 0 0 460px; position:absolute; top:1000px}
.light_13 li{ width:332px; height:124px; float:left; border-right:1px solid #DADADA; border-bottom:1px solid #DADADA; line-height:34px; color:#333; text-align:center}
.light_13 li .t_1{ width:100%; float:left; font-size:26px; padding-top:28px}
.light_13 li .t_2{ width:100%; float:left; font-size:20px; opacity:0.8}
.light_13 .bor_no{ border-right:none}
.light_13 .bob_no{ border-bottom:none}

@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)}}
@keyframes x_30{ 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)}}
@-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)}}
@-webkit-keyframes x_30{ 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)}}


@media only screen and (max-width : 1360px){
	.light_9 .ring{ left:360px}
}

@media only screen and (max-width : 1560px){
	.light_7 .tit_box{ left:380px}
	.light_7 .img_box img{ left:100px}
}