.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:800px; height:300px; float:left; position:absolute; top:85px; left:560px; text-align:center; 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:880px; background-color:#fff}
.light_1 .box{ height:880px}
.light_1 .tit_box{ top:180px; left:560px}
.light_1 .tit_box .t_1{ width:100%; height:80px; float:left; overflow:hidden; position:absolute; opacity:0}
.light_1 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:97px; font-size:22px; color:#333; line-height:36px; opacity:0}
.light_1 .tit_box .t_3{ width:100%; float:left; overflow:hidden; position:absolute; top:180px; opacity:0}
.light_1 .tit_box .t_3 a{ color:#2fbbc0; padding-right:18px; font-size:18px; line-height:24px; background-position:right -2597px; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out}
.light_1 .tit_box .t_3 a:hover{ opacity:0.7}
.light_1 .img_box{ width:1920px; height:866px; float:left; overflow:hidden; position:absolute; top:14px; left:0; opacity:0}

@keyframes tit_1_1{ 0%{ opacity:0; transform:translate(0,-20px) rotate(0.0001deg)} 99.99%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}  100%{ opacity:1; transform:translate(0,0) rotate(0)}}
@keyframes img_1{ 0%{ opacity:0; transform:translate(100px,100px) rotate(0.0001deg)} 100%{ opacity:1; transform:translate(0,0) rotate(0.0001deg)}}

@-webkit-keyframes tit_1_1{ 0%{ opacity:0; -webkit-transform:translate(0,-20px) rotate(0.0001deg)} 99.99%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}  100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0)}}
@-webkit-keyframes img_1{ 0%{ opacity:0; -webkit-transform:translate(100px,100px) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}

.light_2{ height:480px; background-color:#fff}
.light_2 .box{ height:480px}
.light_2 ul{ width:1200px; float:left; margin:148px 0 0 360px}
.light_2 li{ width:400px; height:300px; float:left; position:relative}
.light_2 .icon_1, .light_2 .icon_2, .light_2 .icon_3{ width:110px; height:100px; float:left; background:url(https://images.iyunmai.com/home/static/images/title/light-se/tit_2.png) no-repeat; margin-left:145px; position:absolute; opacity:0}
.light_2 .icon_2{ background-position:0 -98px}
.light_2 .icon_3{ background-position:0 -200px}
.light_2 .t_box{ width:100%; float:left; position:absolute; top:100px; opacity:0}
.light_2 .t_1{ width:100%; float:left; font-size:25px; line-height:30px; font-weight:300; text-align:center; padding:8px 0 10px}
.light_2 .t_2{ width:100%; float:left; font-size:18px; line-height:28px; text-align:center; color:#333}

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

.light_3{ height:900px; background-color:#F6F6F6}
.light_3 .box{ height:900px}
.light_3 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:50px; position:absolute}
.light_3 .tit_box .t_1 .fs_18{ font-size:18px; color:#333; opacity:0.8}
.light_3 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:122px; font-size:18px; color:#333; line-height:30px}
.light_3 .img_box{ width:1920px; height:300px; float:left; overflow:hidden; position:absolute; top:436px; left:0}

.light_4{ height:900px; background-color:#fff}
.light_4 .box{ height:900px}
.light_4 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:50px; position:absolute}
.light_4 .tit_box .t_1 .fs_18{ font-size:18px; color:#333; opacity:0.8}
.light_4 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:122px; font-size:18px; color:#333; line-height:30px}
.light_4 .img_box{ width:1920px; height:188px; float:left; overflow:hidden; position:absolute; top:532px; left:0}
.light_4 .img_box .img_1{ width:960px; height:188px; float:left; position:absolute; opacity:0; transform:translate(-100px,0)}
.light_4 .img_box .img_2{ width:960px; height:188px; float:left; position:absolute; opacity:0; left:960px; transform:translate(100px,0)}

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

@-webkit-keyframes img_4_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_4_2{ 0%{ opacity:0; -webkit-transform:translate(100px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate(0,0) rotate(0.0001deg)}}

.light_5{ height:844px}
.light_5 .box{ height:844px}
.light_5 .tit_box{ color:#fff}
.light_5 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:50px; position:absolute}
.light_5 .tit_box .t_1 .fs_18{ font-size:18px; opacity:0.8}
.light_5 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:122px; font-size:18px; line-height:30px}
.light_5 .img_box{ width:1920px; height:844px; float:left; overflow:hidden; position:absolute; top:0; left:0}

.light_6{ height:844px}
.light_6 .box{ height:844px}
.light_6 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:50px; position:absolute}
.light_6 .tit_box .t_1 .fs_18{ font-size:18px; color:#333; opacity:0.8}
.light_6 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:122px; font-size:18px; color:#333; line-height:30px}
.light_6 .img_box{ width:900px; height:581px; float:left; overflow:hidden; position:absolute; top:319px; left:636px}

.light_7{ height:1071px; background-color:#0D0D0E}
.light_7 .box{ height:1071px}
.light_7 .tit_box{ color:#fff}
.light_7 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:50px; position:absolute}
.light_7 .tit_box .t_1 .fs_18{ font-size:18px; opacity:0.8}
.light_7 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:122px; font-size:18px; line-height:30px}
.light_7 .img_box{ width:1320px; height:660px; float:left; overflow:hidden; position:absolute; top:411px; left:600px}

.light_8{ height:1733px}
.light_8 .box{ height:1733px}
.light_8 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:50px; position:absolute}
.light_8 .tit_box .t_1 .fs_18{ font-size:18px; color:#333; opacity:0.8}
.light_8 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:122px; font-size:18px; color:#333; line-height:30px}
.light_8 .tit_box .t_3{ width:100%; float:left; position:absolute; top:233px; text-align:center}
.light_8 .tit_box .t_3 a{ color:#2fbbc0; padding-right:18px; font-size:18px; line-height:24px; background-position:right -2597px; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out}
.light_8 .tit_box .t_3 a:hover{ opacity:0.7}
.light_8 .img_box{ width:1920px; height:1733px; float:left; overflow:hidden; position:absolute; top:0; left:0}

.light_9{ height:720px; background-color:#F6F6F6}
.light_9 .box{ height:720px}
.light_9 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:62px; position:absolute}
.light_9 .tit_box_2{ width:1200px; height:360px; float:left; position:absolute; top:300px; left:360px}
.light_9 .tit_box_2 .t_box{ width:600px; height:400px; float:left; text-align:center; position:relative}
.light_9 .tit_box_2 .icon_1, .light_9 .tit_box_2 .icon_2{ width:112px; height:71px; float:left; background:url(https://images.iyunmai.com/home/static/images/title/light-se/tit_9.png) no-repeat; position:absolute; left:50%; margin-left:-56px}
.light_9 .tit_box_2 .icon_2{ background-position:0 -95px}
.light_9 .tit_box_2 .t_2{ width:100%; float:left; font-size:24px; line-height:32px; position:absolute; top:100px}
.light_9 .tit_box_2 .t_3{ width:100%; float:left; font-size:18px; line-height:32px; color:#333; position:absolute; top:148px}

.light_10{ height:880px}
.light_10 .box{ height:880px}
.light_10 .tit_box .t_1{ width:100%; float:left; font-size:40px; line-height:50px; position:absolute}
.light_10 .tit_box .t_1 .fs_18{ font-size:18px; color:#333; opacity:0.8}
.light_10 .tit_box .t_2{ width:100%; float:left; overflow:hidden; position:absolute; top:122px; font-size:18px; color:#333; line-height:30px}
.light_10 .img_box{ width:720px; height:500px; float:left; position:absolute; top:300px; left:450px; padding:0 150px}
.light_10 .img_box img{ width:720px; height:500px; position:absolute; opacity:0}
.light_10 .chage_box{ width:240px; float:left; position:absolute; top:820px; left:50%; margin-left:-120px}
.light_10 .chage_box a{ width:50px; height:4px; float:left; margin:0 5px; background-color:#E5E5E5}
.light_10 .chage_box a:hover, .light_10 .chage_box .cur{ background-color:#545454}
.light_10 .prev, .light_10 .next{ width:62px; height:100px; float:left; position:absolute; top:180px; left:50px; opacity:0; transition:opacity .5s ease-out; -webkit-transition:opacity .5s ease-out; z-index:10}
.light_10 .prev .icon, .light_10 .next .icon{ width:32px; height:82px; float:left; background-position:-410px -1700px; margin:9px 0 0 15px}
.light_10 .next{ left:auto; right:50px}
.light_10 .next .icon{ background-position:-410px -1900px}

.light_11{ height:290px; background-color:#F5F5F5}
.light_11 .box{ height:290px}
.light_11 .img_box{ width:165px; height:176px; float:left; position:absolute; top:50px; left:750px}
.light_11 .tit_box{ width:500px; float:left; position:absolute; top:88px; left:956px; text-align:left}
.light_11 .tit_box .t_1{ width:100%; float:left; font-size:24px; line-height:32px}
.light_11 .tit_box .t_2{ width:100%; float:left; font-size:24px; line-height:42px}
.light_11 .tit_box .t_2 .fs_16{ font-size:16px}
.light_11 .tit_box .t_3{ width:100%; float:left}
.light_11 .tit_box .t_3 a{ color:#10A570; padding-right:15px; font-size:16px; line-height:24px; background-position:right -2796px; transition:opacity .3s ease-out; -webkit-transition:opacity .3s ease-out}
.light_11 .tit_box .t_3 a:hover{ opacity:0.7}