.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; overflow:hidden; position:relative; margin-top:120px; z-index:10}
.generic .t_1{ width:100%; float:left; position:relative; overflow:hidden; font-size:50px; line-height:60px; padding-bottom:40px; opacity:1}
.generic .t_2{ width:100%; float:left; position:relative; overflow:hidden; font-size:30px; line-height:50px; color:rgba(51,51,51,0.8); opacity:1}
.generic .img_box{ width:860px; float:left; position:absolute; top:0; left:0}
.generic .img_box img{ max-width:100%}

.main_1{ width:100%; height:1132px; float:left; position:relative; overflow:hidden}
.main_1 ul{ width:800%; height:1132px; float:left; will-change:transform}
.main_1 li{ width:12.5%; height:1132px; float:left; overflow:hidden; position:relative; text-align:center}
.main_1 li img{ width:860px; height:1132px; float:left; position:relative; left:50%; margin-left:-430px}
.main_1 .dian_box{ width:100%; height:2px; float:left; position:absolute; bottom:30px; left:0; text-align:center; z-index:20; -webkit-transform:translate3d(0,0,0)}
.main_1 .dian_box a{ width:20px; height:2px; background-color:rgba(255,255,255,0.6); overflow:hidden; display:inline-block; margin:0 3px}
.main_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)}
.main_1 .dian_box .cur span{ animation:dian_cur 3s linear forwards; -webkit-animation:dian_cur 3s linear forwards}
.main_1 .dian_box .dis span{ width:100%}

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

.main_1_2{ width:100%; float:left; padding:88px 0}
.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_2{ height:1234px}
.main_2 .tit_box{ opacity:0}
.main_2 .t_2{ font-size:28px; line-height:58px; color:#fff}

.main_3 .t_1{ color:rgba(50,50,50,0.9); opacity:0}
.main_3 .t_2{ color:rgba(50,50,50,0.8); opacity:0}
.main_3 .img_box{ height:300px; top:2200px}
.main_3 ul{ width:720px; float:left; position:relative; left:50%; margin:92px 0 0 -360px; opacity:0}
.main_3 li{ width:240px; height:40px; float:left; padding-top:130px; margin-bottom:82px; 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_3 .icon_2{ background-position:center -200px}
.main_3 .icon_3{ background-position:center -400px}
.main_3 .icon_4{ background-position:center -600px}
.main_3 .icon_5{ background-position:center -800px}
.main_3 .icon_6{ background-position:center -1000px}
.main_3 .icon_7{ background-position:center -1200px}
.main_3 .icon_8{ background-position:center -1400px}
.main_3 .icon_9{ background-position:center -1600px}
.main_3 .icon_10{ background-position:center -1800px}
.main_3 .icon_11{ background-position:center -2000px}
.main_3 .icon_12{ background-position:center -2200px}
.main_3 .icon_13{ background-position:center -2400px}
.main_3 .icon_14{ background-position:center -2600px}
.main_3 .icon_15{ background-position:center -2800px}
.main_3 .icon_16{ background-position:center -3000px}
.main_3 .icon_17{ background-position:center -3200px}

@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_4{ height:1528px}
.main_4 .tit_box{ color:#333; text-align:center; opacity:0}
.main_4 .t_1{ line-height:66px; padding-bottom:30px}
.main_4 .t_4{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:50px; color:rgba(51,51,51,0.8); padding-bottom:10px}
.main_4 ul{ width:80%; float:left; padding:64px 10% 0; position:relative}
.main_4 li{ width:33%; float:left; padding-top:120px; color:rgba(51,51,51,0.8); font-size:24px; text-align:center; line-height:34px; opacity:0; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-color2/img_4_1.png) no-repeat center 10px}
.main_4 .ic_2{ background-position:center -194px}
.main_4 .ic_3{ background-position:center -396px}

.main_5{ height:830px}
.main_5 .tit_box{ text-align:center; opacity:0}

.main_6{ height:1084px}
.main_6 .tit_box{ color:#333; text-align:center; margin-top:140px; opacity:0}
.main_6 .t_1{ line-height:66px; padding-bottom:30px}
.main_6 .t_4{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:50px; color:rgba(51,51,51,0.8); padding-bottom:10px}
.main_6 ul{ width:80%; float:left; padding:56px 10% 0; position:relative}
.main_6 li{ width:50%; float:left; padding-top:70px; color:rgba(51,51,51,0.8); font-size:24px; text-align:center; line-height:34px; opacity:0; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-color2/img_6_1.png) no-repeat center 10px}
.main_6 .ic_2{ background-position:center -194px}

.main_7{ height:1452px}
.main_7 .tit_box{ text-align:center; color:#fff}
.main_7 .t_1{ line-height:66px; padding-bottom:30px}
.main_7 .t_2{ color:rgba(255,255,255,0.8)}
.main_7 .t_4{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:50px; color:#fff; opacity:1; padding-bottom:10px}
.main_7 .img_box img{ position:absolute}
.main_7 ul{ width:752px; float:left; margin:32px 0 0 -376px; position:relative; left:50%}
.main_7 li{ width:84px; height:84px; float:left; border:2px solid rgba(255,255,255,0); margin:0 50px; border-radius:50px; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.main_7 li .ra{ width:70px; height:70px; float:left; background-color:#FFD2D2; border-radius:50px; cursor:pointer; margin:7px}
.main_7 li .ra.ic_2{ background-color:#74C8EF}
.main_7 li .ra.ic_3{ background-color:#9EE4E2}
.main_7 li .ra.ic_4{ background-color:#EEEEEE}
.main_7 .cur{ border-color:rgba(255,255,255,1)}

.main_8{ height:1224px}
.main_8 .tit_box{ color:#fff; margin-top:670px}
.main_8 .t_1{ line-height:66px; padding-bottom:30px; opacity:0}
.main_8 .t_2{ color:rgba(255,255,255,0.8); opacity:0}
.main_8 .t_4{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:50px; color:rgba(255,255,255,0.8); opacity:0; padding-bottom:10px}

.main_9{ height:1390px}
.main_9 .tit_box{ color:#fff; text-align:center; opacity:0}
.main_9 .t_1{ line-height:66px; padding-bottom:30px}
.main_9 .t_2{ color:rgba(255,255,255,0.8)}
.main_9 .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_9 .ring{ width:590px; height:590px; float:left; position:absolute; top:648px; left:135px; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-color2/img_9_1.png) no-repeat 40px 40px; z-index:10}
.main_9 .bar{ width:590px; height:62px; float:left; position:absolute; left:0; top:264px}
.main_9 .ra{ float:left; position:absolute; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-color2/img_9_1.png) no-repeat}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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}
.main_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)}}


.main_10{ height:1798px}
.main_10 .tit_box{ color:#333; text-align:center; opacity:0}
.main_10 .t_1{ line-height:66px; padding-bottom:30px}
.main_10 .t_4{ width:100%; float:left; position:relative; overflow:hidden; font-size:32px; line-height:50px; color:rgba(51,51,51,0.8); padding-bottom:10px}
.main_10 ul{ width:80%; float:left; padding:64px 10% 0; position:relative}
.main_10 li{ width:33%; float:left; padding-top:120px; color:rgba(51,51,51,0.8); font-size:24px; text-align:center; line-height:34px; opacity:0; background:url(https://images.iyunmai.com/home/m/static/images/hero/light-color2/img_10_1.png) no-repeat center 10px}
.main_10 .ic_2{ background-position:center -194px}
.main_10 .ic_3{ background-position:center -396px}

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

.main_app{ height:1684px}
.main_app .tit_box{ color:#fff; text-align:center}
.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_13{ height:1560px}
.main_13 .tit_box{ color:#323232; text-align:center; margin-top:82px}
.main_13 .tit_box .t_1{ font-size:76px; line-height:66px; padding-bottom:30px; font-weight:normal}
.main_13 .tit_box .t_2{ font-size:32px; line-height:50px; padding-bottom:10px}
.main_13 .tit_box .t_3{ width:344px; height:86px; float:left; border-radius:5px; margin:34px 0 0 -172px; left:50%; position:relative; background-color:rgba(56,122,221,1); color:#fff; text-align:center; line-height:86px; font-size:32px}
.main_13 ul{ width:100%; float:left; padding-top:490px; position:relative; z-index:100}
.main_13 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_13 .t_1{ width:100%; float:left; font-size:32px; padding:40px 0 18px; font-weight:bold; line-height:40px}
.main_13 .t_2{ width:100%; float:left; font-size:24px; opacity:0.8; line-height:34px}
.main_13 .bor_no{ border-right:none}
.main_13 .bob_no{ border-bottom:none}

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

@media only screen and (max-width : 600px){
	.generic .box{ width:430px; margin:0 0 0 -215px}
	.generic .tit_box{ margin-top:60px}
	.generic .t_1{ font-size:25px; line-height:30px; padding-bottom:20px}
	.generic .t_2{ font-size:15px; line-height:25px}
	.generic .img_box{ width:430px}
	
	.main_1{ height:566px}
	.main_1 ul{ height:566px}
	.main_1 li{ height:566px}
	.main_1 li img{ width:430px; height:566px; margin-left:-215px}
	.main_1 .dian_box{ height:2px}
	.main_1 .dian_box a{ width:20px; height:2px; margin:0 3px}
	.main_1 .dian_box a span{ height:2px}
	
	.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_2{ height:617px}
	.main_2 .t_2{ font-size:14px; line-height:29px}
	
	.main_3 .img_box{ height:150px; top:1100px}
	.main_3 ul{ width:360px; margin:46px 0 0 -180px}
	.main_3 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_3 .icon_2{ background-position:center -100px}
	.main_3 .icon_3{ background-position:center -200px}
	.main_3 .icon_4{ background-position:center -300px}
	.main_3 .icon_5{ background-position:center -400px}
	.main_3 .icon_6{ background-position:center -500px}
	.main_3 .icon_7{ background-position:center -600px}
	.main_3 .icon_8{ background-position:center -700px}
	.main_3 .icon_9{ background-position:center -800px}
	.main_3 .icon_10{ background-position:center -900px}
	.main_3 .icon_11{ background-position:center -1000px}
	.main_3 .icon_12{ background-position:center -1100px}
	.main_3 .icon_13{ background-position:center -1200px}
	.main_3 .icon_14{ background-position:center -1300px}
	.main_3 .icon_15{ background-position:center -1400px}
	.main_3 .icon_16{ background-position:center -1500px}
	.main_3 .icon_17{ background-position:center -1600px}
	
	.main_4{ height:764px}
	.main_4 .t_1{ line-height:33px; padding-bottom:15px}
	.main_4 .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_4 ul{ padding:32px 10% 0}
	.main_4 li{ padding-top:60px; font-size:12px; line-height:17px; background-size:50px 300px; background-position:center 5px}
	.main_4 .ic_2{ background-position:center -97px}
	.main_4 .ic_3{ background-position:center -198px}
	
	.main_5{ height:415px}
	
	.main_6{ height:542px}
	.main_6 .tit_box{ margin-top:70px}
	.main_6 .t_1{ line-height:33px; padding-bottom:15px}
	.main_6 .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_6 ul{ padding:28px 10% 0}
	.main_6 li{ padding-top:35px; font-size:12px; line-height:17px; background-size:100px 200px; background-position:center 5px}
	.main_6 .ic_2{ background-position:center -97px}
	
	.main_7{ height:726px}
	.main_7 .t_1{ line-height:33px; padding-bottom:15px}
	.main_7 .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_7 ul{ width:376px; margin:16px 0 0 -188px}
	.main_7 li{ width:42px; height:42px; border:1px solid rgba(255,255,255,0); margin:0 25px}
	.main_7 li .ra{ width:34px; height:34px; margin:4px}
	
	.main_8{ height:612px}
	.main_8 .tit_box{ margin-top:335px}
	.main_8 .t_1{ line-height:33px; padding-bottom:15px}
	.main_8 .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	
	.main_9{ height:695px}
	.main_9 .t_1{ line-height:33px; padding-bottom:15px}
	.main_9 .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_9 .ring{ top:324px; left:64px; transform:scale(0.5); transform-origin:top left; -webkit-transform:scale(0.5); -webkit-transform-origin:top left}
	
	.main_10{ height:899px}
	.main_10 .t_1{ line-height:33px; padding-bottom:15px}
	.main_10 .t_4{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_10 ul{ padding:32px 10% 0}
	.main_10 li{ padding-top:60px; font-size:12px; line-height:17px; background-size:50px 300px; background-position:center 5px}
	.main_10 .ic_2{ background-position:center -97px}
	.main_10 .ic_3{ background-position:center -198px}
	
	.main_app{ height:842px}
	.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_13{ height:780px}
	.main_13 .tit_box{ margin-top:41px}
	.main_13 .tit_box .t_1{ font-size:38px; line-height:33px; padding-bottom:15px}
	.main_13 .tit_box .t_2{ font-size:16px; line-height:25px; padding-bottom:5px}
	.main_13 .tit_box .t_3{ width:172px; height:43px; margin:17px 0 0 -86px; line-height:43px; font-size:16px}
	.main_13 ul{ padding-top:245px}
	.main_13 li{ height:104px}
	.main_13 .t_1{ font-size:16px; padding:20px 0 9px; line-height:20px}
	.main_13 .t_2{ font-size:12px; line-height:17px}
}