.generic{ width:100%; min-width:320px; float:left; position:relative; overflow:hidden}
.generic .box{ width:860px; position:relative; left:50%; margin:0 0 0 -430px}
.generic .tit_box{ width:100%; float:left; color: #323232; position:relative; margin-top:116px; opacity:0; z-index:10}
.generic .t_1{ width:100%; float:left; position:relative; overflow:hidden; font-size:50px; line-height:72px; padding-bottom:22px}
.generic .t_2{ width:100%; float:left; position:relative; overflow:hidden; font-size:30px; line-height:50px; color:rgba(50,50,50,0.8)}
.generic .t_3{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:56px; color:rgba(50,50,50,0.8)}
.generic ul{ width:100%; float:left; padding:62px 0 0; position:relative}
.generic li{ width:25%; float:left; padding-top:82px; font-size:24px; text-align:center; line-height:34px; color:rgba(50,50,50,0.8); opacity:0}
.generic .ic_2{ background-position:center -200px}
.generic .ic_3{ background-position:center -400px}
.generic .ic_4{ background-position:center -600px}
.generic .ic_5{ background-position:center -800px}
.generic .img_box{ width:860px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ max-width:100%}

.main_1{ height:1132px}
.main_1 .tit_box{ text-align:center; margin-top: 138px}
.main_1 .t_1{ font-size:100px; line-height:110px; padding-bottom:28px}
.main_1 .t_2{ font-size:28px; line-height:32px}
.main_1 .t_4{ width:150px; float:left; position: relative; color: #6daeff; left: 50%; margin:34px 0 0 -75px}
.main_1 .t_4 .fh{ float: left; font-size: 30px; line-height: 22px; padding-top: 8px}
.main_1 .t_4 .fs_48{ float: left; font-size: 40px; line-height: 48px; padding-right: 5px}
.main_1 .t_4 .y{ float: left; font-size: 24px; padding-top: 14px}
.main_1 .img_box{ height:1132px}
.main_1 .img_box img{ transform:scale(1.15); -webkit-transform:scale(1.15)}

.main_1_2{ width:100%; float:left; padding:88px 0; position: relative; z-index: 10}
.main_1_2 ul{ width:100%; float:left}
.main_1_2 li{ width:calc(50% - 1px); height:208px; float:left; border-right:1px solid #eee; border-bottom:1px solid #eee; color:#333; text-align:center}
.main_1_2 .t_1{ width:100%; float:left; font-size:32px; padding:40px 0 18px; font-weight:bold; line-height:40px}
.main_1_2 .t_2{ width:100%; float:left; font-size:24px; opacity:0.8; line-height:34px}
.main_1_2 .bor_no{ border-right:none}
.main_1_2 .bob_no{ border-bottom:none}
.main_1_2.mt__100{ margin-top: -840px}

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

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

.main_3{ height:1392px}
.main_3 .tit_box{ text-align: center; opacity:0}
.main_3 .t_1{ color:rgba(255,255,255,1)}
.main_3 .t_2{ color:rgba(255,255,255,0.8)}
.main_3 .img_box{ height:1392px}
.main_3 ul{ width:80%; padding:43px 10% 0}
.main_3 li{ width: 33.33%; padding-top: 102px; color:rgba(255,255,255,0.8); background:url(../images/hero/light-pro/3_1.png) no-repeat center 0}

.main_4{ height:1768px}
.main_4 .tit_box{ text-align: center; opacity:0}
.main_4 .img_box{ height:1768px}
.main_4 ul{ width:80%; padding:43px 10% 0}
.main_4 li{ width: 33.33%; padding-top: 116px; background:url(../images/hero/light-pro/4_1.png) no-repeat center 0}

.main_5{ height:1774px}
.main_5 .tit_box{ text-align: center; opacity:0}
.main_5 .img_box{ height:1774px}
.main_5 ul{ width:80%; padding:43px 10% 0}
.main_5 li{ width: 33.33%; padding-top: 108px; background:url(../images/hero/light-pro/5_1.png) no-repeat center 0}

.main_6{ height:1618px}
.main_6 .tit_box{ text-align: center; opacity:0}
.main_6 .t_1{ color:rgba(255,255,255,1)}
.main_6 .t_2{ color:rgba(255,255,255,0.8)}
.main_6 .img_box{ height:1618px}
.main_6 ul{ width:80%; padding:90px 10% 0}
.main_6 li{ width: 33.33%; padding-top: 93px; color:rgba(255,255,255,0.8); background:url(../images/hero/light-pro/6_1.png) no-repeat center 0}

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

.main_8{ height:1512px}
.main_8 .tit_box{ text-align: center; opacity:0}
.main_8 .img_box{ height:1512px}
.main_8 ul{ width:80%; padding:90px 10% 0}
.main_8 li{ width: 33.33%; padding-top: 93px; color:rgba(255,255,255,0.8); background:url(../images/hero/light-pro/8_1.png) no-repeat center 0}

.main_9{ height:2164px}
.main_9 .tit_box{ text-align: center; opacity:0}
.main_9 .img_box{ height:2164px}

.main_10{ height:1606px}
.main_10 .tit_box{ text-align: center; margin-top:91px; opacity:0}
.main_10 .t_1{ font-size:75px; line-height:80px; padding-bottom:19px}
.main_10 .btn{ width: 344px; height: 86px; float: left; position: relative; left: 50%; margin:45px 0 0 -172px; background-color: #3A7ADB; font-size: 28px; text-align: center; color: #fff; line-height: 86px; border-radius: 5px}
.main_10 .img_box{ height:1606px}

@keyframes scale_1{ 0%{ transform:translate3d(0,0,0) scale(1.15) rotate(0.0001deg)} 99.99%{ transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ transform:translate3d(0,0,0) scale(1) rotate(0)}}
@-webkit-keyframes scale_1{ 0%{ -webkit-transform:translate3d(0,0,0) scale(1.15) rotate(0.0001deg)} 99.99%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0.0001deg)} 100%{ -webkit-transform:translate3d(0,0,0) scale(1) rotate(0)}}

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

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

@keyframes y_60{ 0%{ opacity:0; transform:translate3d(0,60%,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 y_60{ 0%{ opacity:0; -webkit-transform:translate3d(0,60%,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 : 600px){
	.generic .box{ width:430px; margin:0 0 0 -215px}
	.generic .tit_box{ margin-top:58px}
	.generic .t_1{ font-size:25px; line-height:36px; padding-bottom:11px}
	.generic .t_2{ font-size:15px; line-height:25px}
	.generic .t_3{ font-size:16px; line-height:28px}
	.generic ul{ padding:26px 0 0}
	.generic li{ padding-top:41px; font-size:12px; line-height:17px; background-size: 50px 500px}
	.generic .ic_2{ background-position:center -100px}
	.generic .ic_3{ background-position:center -200px}
	.generic .ic_4{ background-position:center -300px}
	.generic .ic_5{ background-position:center -400px}
	.generic .img_box{ width:430px}
	
	.main_1{ height:566px}
	.main_1 .tit_box{ margin-top: 69px}
	.main_1 .t_1{ font-size:50px; line-height:55px; padding-bottom:14px}
	.main_1 .t_2{ font-size:14px; line-height:16px}
	.main_1 .t_4{ width:75px; margin:17px 0 0 -37px}
	.main_1 .t_4 .fh{ font-size: 15px; line-height: 11px; padding-top: 4px}
	.main_1 .t_4 .fs_48{ font-size: 20px; line-height: 24px; padding-right: 3px}
	.main_1 .t_4 .y{ font-size: 12px; padding-top: 7px}
	.main_1 .img_box{ height:566px}

	.main_1_2{ padding:44px 0}
	.main_1_2 li{ height:104px}
	.main_1_2 .t_1{ font-size:16px; padding:20px 0 9px; line-height:20px}
	.main_1_2 .t_2{ font-size:12px; line-height:17px}
	.main_1_2.mt__100{ margin-top: -420px}

	.main_2{ height:1240px}
	.main_2 ul{ width:360px; margin:46px 0 0 -180px}
	.main_2 li{ width:120px; height:20px; padding-top:65px; margin-bottom:41px; font-size:14px; line-height:20px; background-size:50px 1700px; background-position:center 0}
	.main_2 .icon_2{ background-position:center -100px}
	.main_2 .icon_3{ background-position:center -200px}
	.main_2 .icon_4{ background-position:center -300px}
	.main_2 .icon_5{ background-position:center -400px}
	.main_2 .icon_6{ background-position:center -500px}
	.main_2 .icon_7{ background-position:center -600px}
	.main_2 .icon_8{ background-position:center -700px}
	.main_2 .icon_9{ background-position:center -800px}
	.main_2 .icon_10{ background-position:center -900px}
	.main_2 .icon_11{ background-position:center -1000px}
	.main_2 .icon_12{ background-position:center -1100px}
	.main_2 .icon_13{ background-position:center -1200px}
	.main_2 .icon_14{ background-position:center -1300px}
	.main_2 .icon_15{ background-position:center -1400px}
	.main_2 .icon_16{ background-position:center -1500px}
	.main_2 .icon_17{ background-position:center -1600px}
	.main_2 .img_box{ height:1240px}
	
	.main_3{ height:696px}
	.main_3 .img_box{ height:696px}
	.main_3 ul{ padding:22px 10% 0}
	.main_3 li{ padding-top: 51px}

	.main_4{ height:884px}
	.main_4 .img_box{ height:884px}
	.main_4 ul{ padding:22px 10% 0}
	.main_4 li{ padding-top: 58px}

	.main_5{ height:887px}
	.main_5 .img_box{ height:887px}
	.main_5 ul{ padding:22px 10% 0}
	.main_5 li{ padding-top: 54px}

	.main_6{ height:809px}
	.main_6 .img_box{ height:809px}
	.main_6 ul{ padding:45px 10% 0}
	.main_6 li{ padding-top: 46px}

	.main_app{ height:842px}
	.main_app .tit_box{ margin-top: 55px}
	.main_app .tit_box .t_1{ line-height:33px; padding-bottom:15px}
	.main_app .tit_box .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_app .tit_box_2{ width:350px; margin:425px 0 0 80px}
	.main_app .tit_box_2 .t_1{ font-size:16px; line-height:31px; padding-bottom:5px}
	.main_app .tit_box_2 .t_2{ font-size:12px; line-height:18px; padding-bottom:23px}
	.main_app .img_box{ width:430px}

	.main_8{ height:756px}
	.main_8 .img_box{ height:756px}
	.main_8 ul{ padding:45px 10% 0}
	.main_8 li{ padding-top: 46px}

	.main_9{ height:1082px}
	.main_9 .img_box{ height:1082px}

	.main_10{ height:803px}
	.main_10 .tit_box{ margin-top:45px}
	.main_10 .t_1{ font-size:37px; line-height:40px; padding-bottom:9px}
	.main_10 .btn{ width: 172px; height: 43px; margin:22px 0 0 -86px; font-size: 14px; line-height: 43px}
	.main_10 .img_box{ height:803px}
}