.haoqing_1{ width:100%; height:800px; float:left; overflow:hidden; position:relative; background-color:#fafafa}
.haoqing_1 .con_box{ width:420px; height:360px; overflow:hidden; float:left; margin-top:20px; position:absolute; z-index:999}
.haoqing_1 .tit_1{ font-size:48px; color:#000; line-height:112px}
.haoqing_1 .tit_2{ font-size:22px; color:#323232; line-height:36px}
.haoqing_1 .tit_3{ font-size:90px; color:#ea1b1b; line-height:160px}
.haoqing_1 .fs_20{ font-size:40px}
.haoqing_1_img{ width:100%; height:488px; margin-top:310px; float:left; overflow:hidden; position:absolute; z-index:99}
.haoqing_1_img img{ width:828px; height:488px; opacity:0; transition:transform 0.9s ease-out,opacity 0.9s ease-out; transform:translate3d(100px,100px,0); -webkit-transition:-webkit-transform 0.9s ease-out,-webkit-opacity 0.9s ease-out; -webkit-transform:translate3d(100px,100px,0)}

.haoqing_2{ width:100%; height:1800px; float:left; overflow:hidden; position:relative}
.haoqing_2 .con_box{ width:540px; height:360px; overflow:hidden; float:left; margin-top:36px; position:absolute; z-index:999}
.haoqing_2 .tit_1{ font-size:48px; color:#000; line-height:112px}
.haoqing_2 .tit_2{ font-size:22px; color:#323232; line-height:36px}
.haoqing_2_img{ width:100%; height:1700px; margin-top:280px; float:left; overflow:hidden; position:absolute; z-index:99}
.haoqing_2_img ul{ width:720px; float:left; position:relative; left:50%; margin:0 0 0 -360px}
.haoqing_2_img li{ width:240px; height:40px; float:left; padding-top:130px; margin-bottom:82px; overflow:hidden; opacity:0; 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}
.haoqing_2_img .icon_2{ background-position:center -200px}
.haoqing_2_img .icon_3{ background-position:center -400px}
.haoqing_2_img .icon_4{ background-position:center -600px}
.haoqing_2_img .icon_5{ background-position:center -800px}
.haoqing_2_img .icon_6{ background-position:center -1000px}
.haoqing_2_img .icon_7{ background-position:center -1200px}
.haoqing_2_img .icon_8{ background-position:center -1400px}
.haoqing_2_img .icon_9{ background-position:center -1600px}
.haoqing_2_img .icon_10{ background-position:center -1800px}
.haoqing_2_img .icon_11{ background-position:center -2000px}
.haoqing_2_img .icon_12{ background-position:center -2200px}
.haoqing_2_img .icon_13{ background-position:center -2400px}
.haoqing_2_img .icon_14{ background-position:center -2600px}
.haoqing_2_img .icon_15{ background-position:center -2800px}
.haoqing_2_img .icon_16{ background-position:center -3000px}
.haoqing_2_img .icon_17{ background-position:center -3200px}

@keyframes img_2_1{ 0%{ opacity:0; transform:translate3d(0,300px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_2{ 0%{ opacity:0; transform:translate3d(0,400px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_3{ 0%{ opacity:0; transform:translate3d(0,500px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_4{ 0%{ opacity:0; transform:translate3d(0,600px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_5{ 0%{ opacity:0; transform:translate3d(0,700px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_6{ 0%{ opacity:0; transform:translate3d(0,800px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_7{ 0%{ opacity:0; transform:translate3d(0,900px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_8{ 0%{ opacity:0; transform:translate3d(0,1000px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_9{ 0%{ opacity:0; transform:translate3d(0,1100px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_10{ 0%{ opacity:0; transform:translate3d(0,1200px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_11{ 0%{ opacity:0; transform:translate3d(0,1300px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_12{ 0%{ opacity:0; transform:translate3d(0,1400px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_13{ 0%{ opacity:0; transform:translate3d(0,1500px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_14{ 0%{ opacity:0; transform:translate3d(0,1600px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_15{ 0%{ opacity:0; transform:translate3d(0,1700px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_16{ 0%{ opacity:0; transform:translate3d(0,1800px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}
@keyframes img_2_17{ 0%{ opacity:0; transform:translate3d(0,1900px,0) rotate(0.0001deg)} 100%{ opacity:1; transform:translate3d(0,0,0) rotate(0.0001deg)}}

@-webkit-keyframes img_2_1{ 0%{ opacity:0; -webkit-transform:translate3d(0,300px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_2{ 0%{ opacity:0; -webkit-transform:translate3d(0,400px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_3{ 0%{ opacity:0; -webkit-transform:translate3d(0,500px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_4{ 0%{ opacity:0; -webkit-transform:translate3d(0,600px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_5{ 0%{ opacity:0; -webkit-transform:translate3d(0,700px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_6{ 0%{ opacity:0; -webkit-transform:translate3d(0,800px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_7{ 0%{ opacity:0; -webkit-transform:translate3d(0,900px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_8{ 0%{ opacity:0; -webkit-transform:translate3d(0,1000px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_9{ 0%{ opacity:0; -webkit-transform:translate3d(0,1100px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_10{ 0%{ opacity:0; -webkit-transform:translate3d(0,1200px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_11{ 0%{ opacity:0; -webkit-transform:translate3d(0,1300px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_12{ 0%{ opacity:0; -webkit-transform:translate3d(0,1400px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_13{ 0%{ opacity:0; -webkit-transform:translate3d(0,1500px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_14{ 0%{ opacity:0; -webkit-transform:translate3d(0,1600px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_15{ 0%{ opacity:0; -webkit-transform:translate3d(0,1700px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_16{ 0%{ opacity:0; -webkit-transform:translate3d(0,1800px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}
@-webkit-keyframes img_2_17{ 0%{ opacity:0; -webkit-transform:translate3d(0,1900px,0) rotate(0.0001deg)} 100%{ opacity:1; -webkit-transform:translate3d(0,0,0) rotate(0.0001deg)}}

.haoqing_3{ width:100%; height:708px; float:left; overflow:hidden; position:relative; background-size:860px 708px}
.haoqing_3_bg{ background:#000 url(https://images.iyunmai.com/home/m/static/images/hero/haoqing/hero_haoqing_new_b_3.jpg) no-repeat center}
.haoqing_3 .t_1{ width:100%; font-size:40px; line-height:44px; position:absolute; top:100px; color:#fff; text-align:center; z-index:100}
.haoqing_3 .box{ width:0; height:708px; overflow:hidden; position:relative; float:left; z-index:999}
.haoqing_3 .box .t_1{ color:#000}
.haoqing_3 .img_box{ width:860px; height:708px; overflow:hidden; float:left; position:relative; background:#fff}
.haoqing_3 .img_box img{ width:860px; height:708px; float:left; position:relative; left:50%; margin-left:-430px}

.haoqing_4{ width:100%; height:920px; float:left; overflow:hidden; position:relative}
.haoqing_4 .con_box{ width:540px; height:360px; overflow:hidden; float:left; margin-top:36px; position:absolute; z-index:999}
.haoqing_4 .tit_1{ font-size:48px; color:#000; line-height:112px}
.haoqing_4 .tit_2{ font-size:22px; color:#323232; line-height:36px}
.haoqing_4_img{ width:100%; height:764px; margin-top:150px; float:left; overflow:hidden; position:absolute; z-index:99}
.haoqing_4_img img{ width:686px; height:764px; opacity:0; transition:transform 0.9s ease-out,opacity 0.9s ease-out; transform:translate3d(0,100px,0); -webkit-transition:-webkit-transform 0.9s ease-out,-webkit-opacity 0.9s ease-out; -webkit-transform:translate3d(0,100px,0)}

.haoqing_5{ width:100%; height:640px; float:left; overflow:hidden; position:relative}
.haoqing_5 .con_box{ width:100%; height:360px; overflow:hidden; float:left; margin-top:36px; text-align:center; position:absolute; z-index:999}
.haoqing_5 .tit_1{ font-size:48px; color:#000; line-height:112px}
.haoqing_5 .tit_2{ font-size:22px; color:#323232; line-height:36px}
.haoqing_5_img{ width:100%; height:262px; margin-top:260px; float:left; overflow:hidden; position:absolute; z-index:99}
.haoqing_5_img img{ width:828px; height:262px; opacity:0; transition:transform 0.9s ease-out,opacity 0.9s ease-out; transform:translate3d(100px,0,0); -webkit-transition:-webkit-transform 0.9s ease-out,-webkit-opacity 0.9s ease-out; -webkit-transform:translate3d(100px,0,0)}

.haoqing_6{ width:100%; height:1060px; float:left; overflow:hidden; position:relative; background-color:#e3e3e3}
.haoqing_6 .con_box{ width:600px; height:360px; overflow:hidden; float:left; margin-top:36px; position:absolute; z-index:999}
.haoqing_6 .tit_1{ font-size:48px; color:#000; line-height:112px}
.haoqing_6 .tit_2{ font-size:22px; color:#323232; line-height:36px}
.haoqing_6_img{ width:100%; height:810px; margin-top:230px; float:left; overflow:hidden; position:absolute; z-index:99}
.haoqing_6_img img{ width:828px; height:810px; opacity:0; transition:transform 0.9s ease-out,opacity 0.9s ease-out; transform:translate3d(100px,0,0); -webkit-transition:-webkit-transform 0.9s ease-out,-webkit-opacity 0.9s ease-out; -webkit-transform:translate3d(100px,0,0)}

.haoqing_7{ width:100%; height:900px; float:left; overflow:hidden; position:relative}
.haoqing_7 .con_box{ width:540px; height:360px; overflow:hidden; float:left; margin-top:56px; position:absolute; z-index:999}
.haoqing_7 .tit_1{ font-size:48px; color:#000; line-height:72px; padding-bottom:10px}
.haoqing_7 .tit_2{ font-size:22px; color:#323232; line-height:36px}
.haoqing_7_img{ width:100%; height:400px; margin-top:484px; float:left; overflow:hidden; position:absolute; z-index:99; text-align:center}
.haoqing_7_img img{ width:1100px; height:400px; opacity:0; transition:transform 0.6s ease-out,opacity 0.6s ease-out; transform:translate3d(0,100px,0); -webkit-transition:-webkit-transform 0.6s ease-out,-webkit-opacity 0.6s ease-out; -webkit-transform:translate3d(0,100px,0)}

.haoqing_8{ width:100%; height:950px; float:left; overflow:hidden; position:relative}
.haoqing_8 .con_box{ width:540px; height:360px; overflow:hidden; float:left; margin-top:10px; position:absolute; z-index:999}
.haoqing_8 .tit_1{ font-size:48px; color:#000; line-height:72px; padding-bottom:10px}
.haoqing_8 .tit_2{ font-size:22px; color:#323232; line-height:36px}
.haoqing_8_img{ width:100%; height:668px; margin-top:282px; float:left; overflow:hidden; position:absolute; z-index:99}
.haoqing_8_img img{ width:828px; height:668px; opacity:0; transition:transform 0.9s ease-out,opacity 0.9s ease-out; transform:translate3d(0,100px,0); -webkit-transition:-webkit-transform 0.9s ease-out,-webkit-opacity 0.9s ease-out; -webkit-transform:translate3d(0,100px,0)}

.haoqing_9{ width:100%; height:1040px; float:left; overflow:hidden; position:relative; background-color:#0B98E9}
.haoqing_9 .con_box{ width:540px; height:360px; overflow:hidden; float:left; margin-top:36px; position:absolute; z-index:999}
.haoqing_9 .tit_1{ font-size:48px; color:#fff; line-height:72px; padding-bottom:10px}
.haoqing_9 .tit_2{ font-size:22px; color:#fff; line-height:36px}
.haoqing_9_img{ width:100%; height:704px; margin-top:336px; float:left; overflow:hidden; position:relative; z-index:99; text-align:center}
.haoqing_9_img img{ width:828px; height:704px; position:absolute; left:50%; margin:0 0 0 -414px; opacity:0; transition:transform 0.9s ease-out,opacity 0.9s ease-out; transform:translate3d(0,100px,0); -webkit-transition:-webkit-transform 0.9s ease-out,-webkit-opacity 0.9s ease-out; -webkit-transform:translate3d(0,100px,0)}

@media only screen and (max-width : 600px){
	.haoqing_1{ height:400px}
	.haoqing_1 .con_box{ width:210px; height:180px; margin-top:10px}
	.haoqing_1 .tit_1{ font-size:24px; line-height:56px}
	.haoqing_1 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_1 .tit_3{ font-size:45px; line-height:80px}
	.haoqing_1 .fs_20{ font-size:20px}
	.haoqing_1_img{ width:100%; height:244px; margin-top:155px}
	.haoqing_1_img img{ width:414px; height:244px}
	
	.haoqing_2{ height:900px}
	.haoqing_2 .con_box{ width:270px; height:180px; margin-top:18px}
	.haoqing_2 .tit_1{ font-size:24px; line-height:56px}
	.haoqing_2 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_2_img{ height:850px; margin-top:140px}
	.haoqing_2_img ul{ width:360px; margin:0 0 0 -180px}
	.haoqing_2_img 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}
	.haoqing_2_img .icon_2{ background-position:center -100px}
	.haoqing_2_img .icon_3{ background-position:center -200px}
	.haoqing_2_img .icon_4{ background-position:center -300px}
	.haoqing_2_img .icon_5{ background-position:center -400px}
	.haoqing_2_img .icon_6{ background-position:center -500px}
	.haoqing_2_img .icon_7{ background-position:center -600px}
	.haoqing_2_img .icon_8{ background-position:center -700px}
	.haoqing_2_img .icon_9{ background-position:center -800px}
	.haoqing_2_img .icon_10{ background-position:center -900px}
	.haoqing_2_img .icon_11{ background-position:center -1000px}
	.haoqing_2_img .icon_12{ background-position:center -1100px}
	.haoqing_2_img .icon_13{ background-position:center -1200px}
	.haoqing_2_img .icon_14{ background-position:center -1300px}
	.haoqing_2_img .icon_15{ background-position:center -1400px}
	.haoqing_2_img .icon_16{ background-position:center -1500px}
	.haoqing_2_img .icon_17{ background-position:center -1600px}
	
	.haoqing_3{ height:354px; background-size:430px 354px}
	.haoqing_3 .t_1{ font-size:20px; line-height:22px; top:50px}
	.haoqing_3 .box{ height:354px}
	.haoqing_3 .img_box{ width:430px; height:354px}
	.haoqing_3 .img_box img{ width:430px; height:354px; margin-left:-215px}
	
	.haoqing_4{ height:460px}
	.haoqing_4 .con_box{ width:270px; height:180px; margin-top:18px}
	.haoqing_4 .tit_1{ font-size:24px; line-height:56px}
	.haoqing_4 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_4_img{ width:100%; height:382px; margin-top:75px}
	.haoqing_4_img img{ width:343px; height:382px}
	
	.haoqing_5{ height:320px}
	.haoqing_5 .con_box{ height:180px; margin-top:18px}
	.haoqing_5 .tit_1{ font-size:24px; line-height:56px}
	.haoqing_5 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_5_img{ height:131px; margin-top:130px}
	.haoqing_5_img img{ width:414px; height:131px}
	
	.haoqing_6{ height:530px}
	.haoqing_6 .con_box{ width:300px; height:180px; margin-top:18px}
	.haoqing_6 .tit_1{ font-size:24px; line-height:56px}
	.haoqing_6 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_6_img{ width:100%; height:405px; margin-top:115px}
	.haoqing_6_img img{ width:414px; height:405px}
	
	.haoqing_7{ height:450px}
	.haoqing_7 .con_box{ width:270px; height:180px; margin-top:28px}
	.haoqing_7 .tit_1{ font-size:24px; line-height:36px; padding-bottom:5px}
	.haoqing_7 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_7_img{ width:100%; height:200px; margin-top:242px}
	.haoqing_7_img img{ width:550px; height:200px}
	
	.haoqing_8{ height:475px}
	.haoqing_8 .con_box{ width:270px; height:180px; margin-top:5px}
	.haoqing_8 .tit_1{ font-size:24px; line-height:36px; padding-bottom:5px}
	.haoqing_8 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_8_img{ width:100%; height:334px; margin-top:141px}
	.haoqing_8_img img{ width:414px; height:334px}
	
	.haoqing_9{ height:520px}
	.haoqing_9 .con_box{ width:270px; height:180px; margin-top:18px}
	.haoqing_9 .tit_1{ font-size:24px; line-height:36px; padding-bottom:5px}
	.haoqing_9 .tit_2{ font-size:11px; line-height:18px}
	.haoqing_9_img{ width:100%; height:352px; margin-top:168px}
	.haoqing_9_img img{ width:414px; height:352px; margin:0 0 0 -207px}
}