@charset "utf-8";
@import "page.css";
#rw_about{width:100%;padding:60px 0;}
#rw_about .list{margin-top:50px;text-align:center;}
#rw_about .list .img img{max-width:100%;}
#rw_about .list .content{margin-top:50px;padding:0 25%;}

#rw_why{width:100%;padding:60px 0;background:#f8f8f8;}
#rw_why .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;margin-top:30px;padding:30px;background:#fff;display:flex;justify-content:space-between;align-items:center;}
#rw_why .list ul li:nth-child(3n){margin-right:0;}
#rw_why .list ul li .icon{padding-top:10px; width:80px}
#rw_why .list ul li .icon i{font-size:40px;color:#206ae4;}
#rw_why .list ul li:nth-child(2) .icon i{color:#ffaa00;}
#rw_why .list ul li:nth-child(3) .icon i{color:#4db849;}
#rw_why .list ul li:nth-child(4) .icon i{color:#ff4c4c;}
#rw_why .list ul li:nth-child(5) .icon i{color:#336633;}
#rw_why .list ul li:nth-child(6) .icon i{color:#FF0033;}
#rw_why .list ul li .info{width:calc(100% - 80px);}
#rw_why .list ul li .info big{font-size:18px;display:block;}
#rw_why .list ul li .info small{font-size:14px;display:block;color:#878B99;line-height:24px;margin-top:10px;min-height:100px;}
#rw_why .list ul li:hover{-webkit-transform:translatey(-10px);-ms-transform:translatey(-10px);-o-transform:translatey(-10px);transform:translatey(-10px);box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06);}

#rw_jz{width:100%;padding:60px 0;}
#rw_jz .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;margin-top:30px;padding:30px;background:#b3bbd0;}
#rw_jz .list ul li:nth-child(4n){margin-right:0;}
#rw_jz .list ul li .num{font-size:46px;font-family:dinpro-bold;color:#fff;padding-top:10px;}
#rw_jz .list ul li .info{margin-top:20px;}
#rw_jz .list ul li .info big{font-size:18px;display:block;color:#fff;}
#rw_jz .list ul li .info small{font-size:14px;display:block;color:#878B99;line-height:24px;margin-top:10px;min-height:100px;color:#fff;}
#rw_jz .list ul li:hover,
#rw_jz .list ul li.curr{background:#206ae4;}

#rw_rhz{width:100%;padding:60px 0;background:#f8f8f8;}
#rw_rhz .list ul li{float:left;text-align:center;width:240px;height:270px;margin-right:calc((100% - 1200px) / 4);margin-top:30px;padding:30px;background:url("../images/rw_rhz.png");}
#rw_rhz .list ul li:nth-child(5n){margin-right:0;}
#rw_rhz .list ul li:nth-child(2n){margin-top:120px;}
#rw_rhz .list ul li .icon i{font-size:46px;color:#fff;padding-top:10px;}
#rw_rhz .list ul li .info{margin-top:10px;}
#rw_rhz .list ul li .info big{font-size:18px;display:block;color:#fff;}
#rw_rhz .list ul li .info small{font-size:14px;display:block;line-height:22px;margin-top:10px;color:#fff;}

#rw_yy{width:100%;padding:60px 0;}
#rw_yy .list{margin-top:30px;background:url("../images/rw_yy.png") no-repeat center top;}
#rw_yy .list .stitle{text-align:center;font-size:24px;padding-top:40px;color:#fff;}
#rw_yy .list ul{margin-top:80px;}
#rw_yy .list ul li{float:left;width:calc((100% - 120px) / 5);margin-right:30px;padding:30px 0px 0;border:1px solid #e8edf2;text-align:center;border-radius:6px;overflow:hidden;background:#fff;}
#rw_yy .list ul li:nth-child(5n){margin-right:0;}
#rw_yy .list ul li .icon i{font-size:36px;width:80px;height:80px;border:1px solid #e8edf2;text-align:center;line-height:80px;border-radius:100%;background:#f8f8f8;color:#666;}
#rw_yy .list ul li .info{margin-top:20px;}
#rw_yy .list ul li .info big{display:block;font-size:18px;}
#rw_yy .list ul li .info small{font-size:14px;display:block;line-height:22px;margin-top:10px;margin-bottom:30px;color:#878B99;padding:0 30px;min-height:44px;}
#rw_yy .list ul li p{background:#e8edf2;padding:10px 30px;line-height:22px;min-height:64px;}
#rw_yy .list ul li:hover{border:1px solid #206ae4;}
#rw_yy .list ul li:hover .icon i{background:#206ae4;border:1px solid #206ae4;color:#fff;}
#rw_yy .list ul li:hover p{background:#206ae4;color:#fff;}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#rw_about{padding:.6rem 0;}
	#rw_about .list{margin-top:.3rem;}
	#rw_about .list .content{margin-top:.5rem;padding:0;font-size:.21rem;line-height:.34rem;}
	
	#rw_why{padding:.6rem 0;}
	#rw_why .list{margin-top:0;}
	#rw_why .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;padding:.3rem;}
	#rw_why .list ul li:nth-child(3n){margin-right:0;}
	#rw_why .list ul li .icon{width:1rem;padding-top:0;}
	#rw_why .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;border-radius:100%;border:1px solid #e8edf2;text-align:center;}
	#rw_why .list ul li .info{width:calc(100% - 1.3rem); text-align:left;margin-top:0}
	#rw_why .list ul li .info big{font-size:.26rem;}
	#rw_why .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;min-height:inherit;}
	
	#rw_jz{padding:.6rem 0;}
	#rw_jz .list{margin-top:0;}
	#rw_jz .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;padding:.3rem;}
	#rw_jz .list ul li .num{font-size:.6rem;padding-top:.1rem;}
	#rw_jz .list ul li .info{margin-top:.2rem;}
	#rw_jz .list ul li .info big{font-size:.26rem;}
	#rw_jz .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;min-height:inherit;}
	
	#rw_rhz{padding:.6rem 0;}
	#rw_rhz .list{margin-top:0;}
	#rw_rhz .list ul li{float:inherit;text-align:center;width:100%;height:auto;margin-right:0;margin-top:.3rem;padding:.3rem;background:#206ae4;display:flex;justify-content:space-between;align-items:center;}
	#rw_rhz .list ul li:nth-child(2n){margin-top:.3rem;}
	#rw_rhz .list ul li .icon{width:1rem;}
	#rw_rhz .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;border-radius:100%;border:1px solid #e8edf2;text-align:center;padding-top:0;}
	#rw_rhz .list ul li .info{width:calc(100% - 1.3rem); text-align:left;margin-top:0}
	#rw_rhz .list ul li .info big{font-size:.26rem;}
	#rw_rhz .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}
	
	#rw_yy{padding:.6rem 0;}
	#rw_yy .list{margin-top:0;background:none;}
	#rw_yy .list .stitle{display:none;}
	#rw_yy .list ul{margin-top:0;}
	#rw_yy .list ul li{float:inherit;width:100%;margin-right:0;padding:.3rem 0 0;border-radius:6px;margin-top:.3rem;}
	#rw_yy .list ul li:nth-child(5n){margin-right:0;}
	#rw_yy .list ul li .icon i{font-size:.4rem;width:1rem;height:1rem;line-height:1rem;}
	#rw_yy .list ul li .info{margin-top:.2rem;}
	#rw_yy .list ul li .info big{font-size:.26rem;}
	#rw_yy .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;margin-bottom:.3rem;padding:0 .3rem;min-height:inherit;}
	#rw_yy .list ul li p{padding:.2rem .3rem;font-size:.21rem;line-height:.34rem;min-height:inherit;}
}