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

@keyframes opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@keyframes transX_100{ 0%{ opacity:0; transform:translate(100px,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 opac_1{ 0%{ opacity:0} 100%{ opacity:1}}
@-webkit-keyframes transX_100{ 0%{ opacity:0; -webkit-transform:translate(100px,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_1{ height:960px; background-color:#fff}
.light_1 .box{ height:960px}
.light_1 .tit_box{ width:413px; height:300px; float:left; position:absolute; top:212px; left:754px; opacity:0}
.light_1 .tit_box .t_1{ width:413px; height:75px; float:left; overflow:hidden; position:absolute; text-align:center}
.light_1 .tit_box .t_2{ width:413px; height:60px; line-height:30px; text-align:center; font-size:24px; color:#323232; float:left; overflow:hidden; position:absolute; top:92px}
.light_1 .tit_box .t_3{ width:413px; line-height:32px; text-align:center; float:left; position:absolute; color:#2fbbc0; font-size:24px; top:159px; opacity:1; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out}
.light_1 .tit_box .t_3:hover{ opacity:0.7}
.light_1 .tit_box .t_3 span{ padding: 0 36px 5px 0; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_1_3.png) no-repeat right 0}
.light_1 .img_1{ width:901px; height:444px; float:left; position:absolute; top:452px; left:536px; opacity:0; z-index:10}
.light_1 .img_2{ width:1187px; height:206px; float:left; position:absolute; top:719px; left:274px; opacity:0}
.light_1 .img_3{ width:1187px; height:206px; float:left; position:absolute; top:719px; left:274px; z-index:8}

.light_1_2{ height:1235px; background:linear-gradient(#F2F2F2,#FAFAFA)}
.light_1_2 .box{ height:1235px}
.light_1_2 .tit_box_1{ width:1360px; height:510px; float:left; position:absolute; left:280px; border-bottom:1px solid #E1E1E1; text-align:center; opacity:0; animation:opac_1 1.5s ease 3s forwards; -webkit-animation:opac_1 1.5s ease 3s forwards}
.light_1_2 .tit_box_1 .t_1{ width:100%; float:left; color:#888; font-size:28px; line-height:32px; padding:104px 0 10px}
.light_1_2 .tit_box_1 .t_2{ width:100%; float:left; color:#333; font-size:44px; line-height:52px}
.light_1_2 .tit_box_1 .t_3{ width:100%; height:200px; float:left; position:relative; margin-top:76px}
.light_1_2 .tit_box_1 .t_box{ width:430px; float:left; padding-top:100px; position:absolute; top:0; left:-37px; text-align:center; color:#333; font-size:22px; line-height:36px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_1_7.png) no-repeat center 0}
.light_1_2 .tit_box_1 .t_box_2{ left:472px; background-position:0 -200px}
.light_1_2 .tit_box_1 .t_box_3{ left:986px; background-position:0 -400px}
.light_1_2 .tit_box_2{ width:100%; height:100px; float:left; position:absolute; top:611px; left:0; font-size:22px; color:#333; text-align:center; opacity:0; line-height:32px; animation:opac_1 1.5s ease 4s forwards; -webkit-animation:opac_1 1.5s ease 4s forwards}
.light_1_2 .tit_box_3{ width:1600px; height:360px; float:left; position:absolute; top:846px; left:200px}
.light_1_2 .tit_box_3 .t_box{ width:330px; float:left; padding:0 90px; text-align:center; position:absolute; top:0; left:0; opacity:0; animation:tit_1_2 0.8s ease 4.5s forwards; -webkit-animation:tit_1_2 0.8s ease 4.5s forwards}
.light_1_2 .tit_box_3 .t_box_2{ left:510px; animation:tit_1_2 0.8s ease 4.7s forwards; -webkit-animation:tit_1_2 0.8s ease 4.7s forwards}
.light_1_2 .tit_box_3 .t_box_3{ left:1020px; animation:tit_1_2 0.8s ease 4.9s forwards; -webkit-animation:tit_1_2 0.8s ease 4.9s forwards}
.light_1_2 .tit_box_3 .img{ width:100%; height:120px; text-align:center; float:left}
.light_1_2 .tit_box_3 .t_1{ width:100%; float:left; font-size:28px; color:#333; line-height:32px; padding-bottom:15px}
.light_1_2 .tit_box_3 .t_2{ width:100%; float:left; font-size:18px; color:#333; line-height:32px}

@keyframes tit_1_1{ 0%{ opacity:0; transform:translate(0,-40px) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0deg)}}
@keyframes tit_1_2{ 0%{ opacity:0; transform:translate(80px,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 img_1_1{ 0%{ opacity:0; transform:translate(0,-100px) rotate(0.0001deg)} 65%{ opacity:1} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_1_2{ 0%{ opacity:0; transform:scale(0.2) translate(0,-100px) rotate(0.0001deg); transform-origin:bottom} 25%{ opacity:0.2; transform:scale(1) translate(0,0) rotate(0.0001deg); transform-origin:bottom} 100%{ opacity:1; transform:scale(1) rotate(0.0001deg); transform-origin:bottom}}
@keyframes img_1_3{ 0%{ opacity:0; transform:translate(0,0) rotate(0.0001deg)} 25%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,-206px) rotate(0.0001deg)}}

@-webkit-keyframes tit_1_1{ 0%{ opacity:0; -webkit-transform:translate(0,-40px) 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 tit_1_2{ 0%{ opacity:0; -webkit-transform:translate(80px,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 img_1_1{ 0%{ opacity:0; -webkit-transform:translate(0,-100px) rotate(0.0001deg)} 65%{ opacity:1} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_1_2{ 0%{ opacity:0; -webkit-transform:scale(0.2) translate(0,-100px) rotate(0.0001deg); -webkit-transform-origin:bottom} 25%{ opacity:0.2; -webkit-transform:scale(1) translate(0,0) rotate(0.0001deg); -webkit-transform-origin:bottom} 100%{ opacity:1; -webkit-transform:scale(1) rotate(0.0001deg); -webkit-transform-origin:bottom}}
@-webkit-keyframes img_1_3{ 0%{ opacity:0; -webkit-transform:translate(0,0) rotate(0.0001deg)} 25%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,-206px) rotate(0.0001deg)}}

.light_2{ height:1080px; background-color:#000}
.light_2 .box{ height:1080px; background:url(https://images.iyunmai.com/home/static/images/hero/light2/light2_2.jpg) no-repeat}
.light_2 .video{ width:1920px; height:1080px; float:left; position:absolute; top:0; left:0}
.light_2 .playBtn{ width:1920px; height:60px; float:left; position:absolute; top:780px; left:0; text-align:center; z-index:10}
.light_2 .playBtn a{ font-size:48px; line-height:60px; padding-right:54px; display:inline-block; color:#fff; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_2_1.png) no-repeat right 6px; opacity:1; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out}
.light_2 .playBtn a:hover{ opacity:0.7}

.light_3{ height:1355px}
.light_3 .box{ height:1355px}
.light_3 .img_box_1{ width:920px; height:650px; float:left; position:absolute; top:190px; left:0; opacity:0}
.light_3 .tit_box_1{ width:720px; height:360px; float:left; position:absolute; top:247px; left:982px}
.light_3 .tit_box_1 .t_1{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; position:absolute; opacity:0}
.light_3 .tit_box_1 .t_1 .fs_26{ font-size:26px; color:#888}
.light_3 .tit_box_1 .t_2{ width:100%; float:left; font-size:18px; color:#333; line-height:30px; position:absolute; top:129px; opacity:0}
.light_3 .tit_box_1 .t_3, .light_3 .tit_box_1 .t_4{ width:80px; padding-top:70px; font-size:14px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_3_2.png) no-repeat center 0; color:#888; line-height:16px; text-align:center; float:left; position:absolute; overflow:hidden; top:260px; opacity:0}
.light_3 .tit_box_1 .t_4{ background-position:center -200px; left:127px}
.light_3 .tit_box_2{ width:720px; height:360px; float:left; position:absolute; top:863px; left:458px}
.light_3 .tit_box_2 .t_1{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; position:absolute; opacity:0}
.light_3 .tit_box_2 .t_1 .fs_26{ font-size:26px; color:#888}
.light_3 .tit_box_2 .t_2{ width:100%; float:left; font-size:18px; color:#333; line-height:30px; position:absolute; top:128px; opacity:0}
.light_3 .tit_box_2 .t_3, .light_3 .tit_box_2 .t_4{ width:110px; padding-top:70px; font-size:14px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_3_4.png) no-repeat center 0; color:#888; line-height:16px; text-align:center; float:left; position:absolute; overflow:hidden; top:295px; opacity:0}
.light_3 .tit_box_2 .t_4{ background-position:center -200px; left:129px}
.light_3 .img_box_2{ width:500px; height:500px; float:left; position:absolute; top:833px; left:1060px}
.light_3 .imgMark{ width:414px; height:414px; float:left; position:absolute; border-radius:50%; overflow:hidden; left:28px; z-index:10}
.light_3 .img_1{ width:471px; height:485px; float:left; position:absolute; z-index:10}
.light_3 .img_2{ width:460px; height:460px; float:left; position:absolute; top:-23px; left:-23px; z-index:11; animation:img_3_2 12s linear infinite; -webkit-animation:img_3_2 12s linear infinite}
.light_3 .img_3{ width:500px; height:500px; float:left; position:absolute; top:-43px; left:-43px; z-index:12; animation:img_3_3 6s linear infinite; -webkit-animation:img_3_3 6s linear infinite}
.light_3 .img_4{ width:313px; height:315px; float:left; position:absolute; top:54px; left:78px; z-index:13}
.light_3 .ripple{ width:400px; height:400px; position:absolute; margin:5px 0 0 34px; float:left; border-radius:50%; z-index:9}
.light_3 .ripple img{ max-width:100%; position:absolute; top:0; left:0}

@keyframes tit_3_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 img_3_1{ 0%{ opacity:0; transform:translate(-100px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}
@keyframes img_3_2{ 0%{ transform:rotate(0deg)} 100%{ transform:rotate(360deg)}}
@keyframes img_3_3{ 0%{ transform:rotate(360deg)} 100%{ transform:rotate(0deg)}}
@keyframes ripple_3_1{ 0%{ opacity:0.5; transform:scale(1) rotate(0.0001deg)} 100%{ opacity:0; transform:scale(1.45) rotate(0.0001deg)}}
@keyframes ripple_3_2{ 0%{ transform:scale(1) rotate(0.0001deg)} 100%{ transform:scale(1.45) rotate(0.0001deg)}}

@-webkit-keyframes tit_3_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 img_3_1{ 0%{ opacity:0; -webkit-transform:translate(-100px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_3_2{ 0%{ -webkit-transform:rotate(0deg)} 100%{ -webkit-transform:rotate(360deg)}}
@-webkit-keyframes img_3_3{ 0%{ -webkit-transform:rotate(360deg)} 100%{ -webkit-transform:rotate(0deg)}}
@-webkit-keyframes ripple_3_1{ 0%{ opacity:0.5; -webkit-transform:scale(1) rotate(0.0001deg)} 100%{ opacity:0; -webkit-transform:scale(1.45) rotate(0.0001deg)}}
@-webkit-keyframes ripple_3_2{ 0%{ -webkit-transform:scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:scale(1.45) rotate(0.0001deg)}}

.light_4{ height:1500px; background-color:#000}
.light_4 .box{ height:1500px; background-color:#000}
.light_4 .tit_box{ width:100%; height:500px; float:left; position:absolute; top:111px; left:0; opacity:0}
.light_4 .tit_box .t_1{ width:100%; float:left; font-size:42px; color:#fff; line-height:50px; position:absolute; text-align:center}
.light_4 .tit_box .t_1 .fs_26{ font-size:26px; color:#888}
.light_4 .tit_box .t_2{ width:100%; float:left; line-height:30px; font-size:18px; color:#fff; text-align:center; overflow:hidden; position:absolute; top:128px}
.light_4 .tit_box .t_3, .light_4 .tit_box .t_4{ width:220px; padding-top:106px; font-size:14px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_4_2.png) no-repeat center 0; color:rgba(255,255,255,0.7); line-height:16px; text-align:center; float:left; position:absolute; top:342px; left:720px; opacity:0}
.light_4 .tit_box .t_4{ background-position:center -200px; left:1010px}
.light_4 .img_box{ width:1246px; height:784px; float:left; position:absolute; top:700px; left:338px}
.light_4 .img_box img{ position:absolute; top:0; left:0}
.light_4 .img_box .t_5{ width:366px; height:100px; position:absolute; top:231px; left:439px; opacity:0}
.light_4 .img_box .shadows{ width:977px; height:3px; float:left; position:absolute; right:170px; transition:transform 0.6s ease; transform:scale(0.3,1) rotate(0.001deg); -webkit-transition:transform 0.6s ease; -webkit-transform:scale(0.3,1) rotate(0.001deg)}
.light_4 .imgMark{ width:1246px; height:784px; float:left; position:absolute; top:1300px; left:338px; transition:transform 0.3s ease; transform:translate(0,-60px) rotate(0.0001deg); -webkit-transition:transform 0.3s ease; -webkit-transform:translate(0,-60px) rotate(0.0001deg)}

.light_5{ height:1200px}
.light_5 .box{ height:1200px}
.light_5 .tit_box{ width:100%; height:500px; float:left; position:absolute; color:#333; top:113px; left:0; text-align:center; opacity:0}
.light_5 .tit_box .t_1{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; position:absolute; text-align:center}
.light_5 .tit_box .t_1 .fs_26{ font-size:26px; color:#888}
.light_5 .tit_box .t_2{ width:100%; float:left; font-size:18px; line-height:32px; position:absolute; top:125px}
.light_5 .tit_box .t_3, .light_5 .tit_box .t_4, .light_5 .tit_box .t_5{ width:240px; padding-top:118px; float:left; font-size:14px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_5_2.png) no-repeat center 0; color:#888; line-height:16px; text-align:center; position:absolute; overflow:hidden; top:308px; left:594px; opacity:0}
.light_5 .tit_box .t_4{ background-position:center -200px; left:870px}
.light_5 .tit_box .t_5{ padding-top:112px; background-position:center -400px; top:308px; left:1116px}
.light_5 .img_box{ width:1920px; height:400px; float:left; position:absolute; top:670px; left:0}

.light_6{ height:1000px}
.light_6 .box{ height:1000px}
.light_6 .tit_box{ width:100%; height:500px; float:left; position:absolute; color:#333; top:30px; left:0; text-align:center; opacity:0}
.light_6 .tit_box .t_1{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; position:absolute; text-align:center}
.light_6 .tit_box .t_1 .fs_26{ font-size:26px; color:#888}
.light_6 .tit_box .t_2{ width:100%; float:left; font-size:18px; line-height:22px; position:absolute; top:125px}
.light_6 .img_1{ width:1160px; height:172px; float:left; position:absolute; top:425px; left:380px}
.light_6 .img_2{ width:1120px; height:382px; float:left; position:absolute; top:430px; left:400px; z-index:10; opacity:0}

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

.light_7{ height:1080px; background-color:#000}
.light_7 .box{ height:1080px; background-color:#000}
.light_7 .img_box_1{ width:1543px; height:300px; float:left; position:absolute; top:267px; left:372px}
.light_7 .img_box_1 .img_1{ position:absolute; top:0; left:0}
.light_7 .img_box_1 .img_2{ position:absolute; top:-1px; left:8px; z-index:10; opacity:0; transition:opacity 1.2s linear; -webkit-transition:opacity 1.2s linear}
.light_7 .img_box_2{ width:360px; height:240px; float:left; position:absolute; overflow:hidden; top:720px; left:1160px}
.light_7 .img_box_2 img{ margin:-140px 0 0 -70px; position:absolute; top:0}
.light_7 .img_box_2 .playBox{ width:356px; height:236px; float:left; position:absolute; top:0; border:2px solid #333; background:url(https://images.iyunmai.com/home/static/images/hero/light2/light2_7_3.png) no-repeat; cursor:pointer; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out}
.light_7 .tit_box{ width:720px; height:500px; float:left; position:absolute; color:#fff; top:588px; left:445px; opacity:0}
.light_7 .tit_box .t_1{ width:100%; float:left; font-size:42px; color:#fff; line-height:50px; position:absolute}
.light_7 .tit_box .t_1 .fs_26{ font-size:26px; color:#888}
.light_7 .tit_box .t_2{ width:100%; float:left; font-size:18px; line-height:30px; position:absolute; top:127px}
.light_7 .tit_box .t_3{ width:160px; padding-top:60px; float:left; font-size:14px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_7_2.png) no-repeat center 0; color:#fff; line-height:16px; text-align:center; position:absolute; top:290px; left:-20px; opacity:0}
.light_7 .lookBtn{ width:33px; height:33px; float:left; position:absolute; top:490px; left:940px}
.light_7 .lookBtn .icon{ width:32px; height:32px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_7_5.png) no-repeat; position:absolute; top:0; z-index:10}
.light_7 .lookBtn .co_bar{ width:32px; height:32px; float:left; position:absolute; top:0; background-color:#606060; border-radius:50%; transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease}
.light_7 .lookBtn:hover .co_bar{ transform:scale(1.5) rotate(0.001deg); -webkit-transform:scale(1.5) rotate(0.001deg)}
.light_7 .lookBtn_hover .co_bar{ background-color:#ff4877}

.light_8{ height:986px}
.light_8 .box{ height:986px}
.light_8 .img_box{ width:1920px; height:833px; float:left; position:absolute; top:72px; text-align:center}

.light_9{ height:1930px; padding-top:40px}
.light_9 .box{ height:1930px}
.light_9 .box img{ position:absolute; top:0; left:0}
.light_9 .img_box_1{ width:900px; height:940px; float:left; overflow:hidden; position:absolute; left:40px}
.light_9 .img_box_2{ width:900px; height:940px; float:left; overflow:hidden; position:absolute; left:980px}
.light_9 .img_box_3{ width:900px; height:940px; float:left; overflow:hidden; position:absolute; top:990px; left:40px}
.light_9 .img_box_4{ width:900px; height:940px; float:left; overflow:hidden; position:absolute; top:990px; left:980px}
.light_9 .tit_box{ width:100%; float:left; text-align:center; position:absolute; color:#333; top:93px; opacity:0}
.light_9 .tit_box .t_1{ width:100%; float:left; line-height:50px; font-size:42px; position:absolute}
.light_9 .tit_box .t_2{ width:100%; float:left; font-size:18px; line-height:30px; position:absolute; top:86px}

.light_10{ height:1140px; transition:height 0.4s ease; -webkit-transition:height 0.4s ease}
.light_10 .box{ height:1140px; transition:height 0.4s ease; -webkit-transition:height 0.4s ease}
.light_10 .tit_box{ width:720px; height:500px; float:left; position:absolute; color:#333; top:112px; left:446px; z-index:10}
.light_10 .tit_box .t_1{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; position:absolute; opacity:0}
.light_10 .tit_box .t_1 .fs_26{ font-size:26px; color:#888}
.light_10 .tit_box .t_2{ width:100%; float:left; font-size:18px; line-height:30px; position:absolute; top:113px; opacity:0}
.light_10 .tit_box .t_3, .light_10 .tit_box .t_4, .light_10 .tit_box .t_5{ width:150px; padding-top:60px; float:left; font-size:14px; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_10_2.png) no-repeat center 0; color:#888; line-height:16px; text-align:center; position:absolute; overflow:hidden; top:326px; left:-15px; opacity:0}
.light_10 .tit_box .t_4{ background-position:center -200px; left:140px}
.light_10 .tit_box .t_5{ background-position:center -400px; left:260px}
.light_10 .img_box{ width:1262px; height:800px; float:left; position:absolute; top:346px; left:510px}
.light_10 .addBtn{ width:32px; height:32px; float:left; position:absolute; top:1063px; left:970px}
.light_10 .sketch_box{ width:1920px; height:650px; float:left; overflow:hidden; position:absolute; top:1140px}
.light_10 .video_box{ width:460px; height:340px; float:left; position:absolute; top:73px; left:478px}
.light_10 .video_box .video{ width:460px; height:287px; float:left}
.light_10 .video_box .t_4{ width:100%; float:left; font-size:16px; color:#464646; line-height:50px}
.light_10 .video_box_2{ left:986px}
.light_10 .t_5{ width:100%; float:left; position:absolute; font-size:18px; text-align:center; line-height:24px; top:430px}
.light_10 .closeBtn{ width:32px; height:32px; float:left; position:absolute; top:568px; left:946px}

.light_11{ height:1000px; background-color:#000}
.light_11 .box{ height:1000px; background-color:#000}
.light_11 .tit_box_1{ width:100%; height:360px; float:left; position:absolute; color:#fff; top:110px; left:0; text-align:center; opacity:0}
.light_11 .tit_box_1 .t_1{ width:100%; float:left; font-size:42px; color:#fff; line-height:50px; position:absolute}
.light_11 .tit_box_1 .t_1 .fs_26{ font-size:26px; color:#888}
.light_11 .tit_box_1 .t_2{ width:100%; float:left; font-size:18px; line-height:30px; position:absolute; top:140px}
.light_11 .tit_box_2{ width:1000px; height:360px; float:left; position:absolute; color:#fff; top:560px; left:525px; opacity:0}
.light_11 .tit_box_2 .t_1{ width:210px; height:100px; float:left; position:absolute; top:0; left:0}
.light_11 .tit_box_2 .t_2{ width:210px; height:100px; float:left; position:absolute; top:0; left:543px}
.light_11 .tit_box_2 .bar_1{ width:225px; height:4px; float:left; position:absolute; overflow:hidden; top:18px; left:176px}
.light_11 .tit_box_2 .bar_1 span{ width:225px; height:4px; float:left; background-color:#24E571; position:absolute; transform:translate(-100%,0); -webkit-transform:translate(-100%,0)}
.light_11 .tit_box_2 .bar_2{ width:103px; height:4px; float:left; position:absolute; overflow:hidden; top:77px; left:176px}
.light_11 .tit_box_2 .bar_2 span{ width:103px; height:4px; float:left; background-color:#FFD145; position:absolute; transform:translate(-100%,0); -webkit-transform:translate(-100%,0)}
.light_11 .tit_box_2 .bar_3{ width:225px; height:4px; float:left; position:absolute; overflow:hidden; top:18px; left:716px}
.light_11 .tit_box_2 .bar_3 span{ width:225px; height:4px; float:left; background-color:#24E571; position:absolute; transform:translate(-100%,0); -webkit-transform:translate(-100%,0)}
.light_11 .tit_box_2 .bar_4{ width:54px; height:4px; float:left; position:absolute; overflow:hidden; top:77px; left:716px}
.light_11 .tit_box_2 .bar_4 span{ width:54px; height:4px; float:left; background-color:#FFD145; position:absolute; transform:translate(-100%,0); -webkit-transform:translate(-100%,0)}
.light_11 .img_box{ width:1920px; height:1000px; float:left; position:absolute; top:0; left:0}
.light_11 .img_box img{ position:absolute; top:0; transition:transform 0.3s ease; transform:translate(0,-30px) rotate(0.0001deg); -webkit-transition:transform 0.3s ease; -webkit-transform:translate(0,0) rotate(0.0001deg)}

@keyframes bar_11_1{ 0%{ transform:translate(-100%,0) rotate(0.0001deg)} 100%{ transform:translate(0,0) rotate(0deg)}}
@-webkit-keyframes bar_11_1{ 0%{ -webkit-transform:translate(-100%,0) rotate(0.0001deg)} 100%{ -webkit-transform:translate(0,0) rotate(0deg)}}

.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; z-index: 10}
.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:720px}
.light_13 .box{ height:720px}
.light_13 .tit_box_1{ width:100%; height:100px; float:left; position:absolute; top:100px; left:0; text-align:center}
.light_13 .tit_box_1 .t_1{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; position:absolute}
.light_13 .tit_box_2{ width:1200px; height:360px; float:left; position:absolute; top:320px; left:408px}
.light_13 .tit_box_2 .t_box{ width:400px; float:left; padding:0 80px; text-align:center}
.light_13 .tit_box_2 .t_1, .light_13 .tit_box_2 .t_2{ width:100%; padding-top:100px; font-size:28px; line-height:40px; color:#333; text-align:center; background:url(https://images.iyunmai.com/home/static/images/title/light2/tit_13_2.png) no-repeat center 0; float:left}
.light_13 .tit_box_2 .t_2{ background-position:center -200px}
.light_13 .tit_box_2 .con{ width:100%; float:left; font-size:18px; color:#333; line-height:32px; margin-top:20px}

.light_14{ height:1080px; background-color:#FAFAFA}
.light_14 .box{ height:1080px}
.light_14 .img_box{ width:700px; height:800px; float:left; position:absolute; top:187px; left:233px}
.light_14 .img_box img{ width:700px; height:800px; position:absolute; opacity:0}
.light_14 .tit_box{ width:720px; height:360px; float:left; position:absolute; top:307px; left:1045px}
.light_14 .tit_box .t_1{ width:100%; float:left; font-size:42px; color:#333; line-height:50px; position:absolute}
.light_14 .tit_box .t_1 .fs_26{ font-size:26px; color:#888}
.light_14 .tit_box .t_2{ width:100%; float:left; font-size:18px; line-height:24px; position:absolute; top:138px}
.light_14 .chage_box{ width:400px; float:left; position:absolute; top:522px; left:1074px}
.light_14 .chage_box a{ width:48px; height:80px; float:left; margin-right:30px; padding-top:32px; transition:transform 0.2s ease; -webkit-transition:transform 0.2s ease}
.light_14 .chage_box a .co_box{ width:48px; height:48px; float:left; border-radius:50px}
.light_14 .chage_box a .t_3{ width:100%; line-height:18px; color:#333; text-align:center; font-size:10px; float:left; opacity:0}
.light_14 .chage_box a:hover, .light_14 .chage_box .cur{ transform:scale(1.5); -webkit-transform:scale(1.5)}
.light_14 .chage_box a:hover .t_3, .light_14 .chage_box .cur .t_3{ opacity:1}
.light_14 .chage_box .co_1{ background-color:#C3C3C3}
.light_14 .chage_box .co_2{ background-color:#FAE7D5}
.light_14 .chage_box .co_3{ background-color:#F6D1CD}
.light_14 .chage_box .co_4{ background-color:#677AB3}
.light_14 .chage_box .co_5{ background-color:#383838}

.light_15{ height:290px; background-color:#F5F5F5}
.light_15 .box{ height:290px}
.light_15 .img_box{ width:1920px; height:290px; float:left; position:absolute; top:0; left:0}
.light_15 .tit_box{ width:500px; float:left; position:absolute; top:88px; left:1076px}
.light_15 .tit_box .t_1{ width:100%; float:left; font-size:24px; line-height:32px}
.light_15 .tit_box .t_2{ width:100%; float:left; font-size:24px; line-height:42px}
.light_15 .tit_box .t_2 .fs_16{ font-size:16px}
.light_15 .tit_box .t_3{ width:82px; float:left; line-height:24px; color:#10A570; padding-right:10px; font-size:16px; background-position:right -2794px; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out}
.light_15 .tit_box .t_3:hover{ opacity:0.7}


.video_pop{ width:100%; height:100%; float:left; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8); overflow:hidden; z-index:99999999}
.video_pop video{ width:1280px; height:720px; float:left; position:absolute; top:50%; left:50%; margin:-360px 0 0 -640px}
.video_pop .close{ width:60px; height:60px; float:left; position:absolute; top:50%; left:50%; margin:-360px 0 0 640px; background-position:-400px -780px}