@charset "utf-8";
@import "page.css";

#rw_about{ width:100%; padding:80px 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:80px 0; background:#f8f8f8}
#rw_why .list{ margin-top:20px}
#rw_why .list ul li{ float:left; width:calc((100% - 60px) / 3); margin-right:30px; margin-top:30px; padding:30px; background:#fff}
#rw_why .list ul li:nth-child(3n){ margin-right:0}
#rw_why .list ul li .icon{ float:left; padding-top:10px}
#rw_why .list ul li .icon i{ font-size:40px;color:#005bd4}
#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{ float:right; 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:80px 0;}
#rw_jz .list{ margin-top:20px}
#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:#005bd4}

#rw_rhz{ width:100%; padding:80px 0; background:#f8f8f8}
#rw_rhz .list{ margin-top:20px}
#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(/static/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:80px 0;}
#rw_yy .list{ margin-top:50px; background:url(/static/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 #eee; 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 #eee; 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:#eee; padding:10px 30px; line-height:22px; min-height:64px}
#rw_yy .list ul li:hover{ border:1px solid #005bd4}
#rw_yy .list ul li:hover .icon i{ background:#005bd4; border:1px solid #005bd4; color:#fff}
#rw_yy .list ul li:hover p{ background:#005bd4; color:#fff}

@media (max-width:800px){
	#rw_about{padding:.8rem 0}
	#rw_about .list{ margin-top:.5rem;}
	#rw_about .list .content{ margin-top:.5rem; padding:0; font-size:.24rem}
	
	#rw_why{padding:.8rem 0;}
	#rw_why .list{ margin-top:.2rem}
	#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{ float: inherit; padding-top:10px}
	#rw_why .list ul li .icon i{ font-size:.6rem;}
	#rw_why .list ul li .info{ float: inherit; width:100%; margin-top:.2rem}
	#rw_why .list ul li .info big{ font-size:.28rem;}
	#rw_why .list ul li .info small{ font-size:.24rem;line-height:.34rem; margin-top:.1rem; min-height: inherit}
	
	#rw_jz{padding:.8rem 0;}
	#rw_jz .list{ margin-top:.2rem}
	#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:.28rem;}
	#rw_jz .list ul li .info small{ font-size:.24rem;line-height:.34rem; margin-top:.1rem; min-height: inherit}
	
	#rw_rhz{ padding:.8rem 0;}
	#rw_rhz .list{ margin-top:.2rem}
	#rw_rhz .list ul li{ float: inherit; text-align:center; width:100%; height: auto; margin-right:0; margin-top:.3rem; padding:.3rem; background:#005bd4}
	#rw_rhz .list ul li:nth-child(2n){ margin-top:.3rem}
	#rw_rhz .list ul li .icon i{ font-size:.6rem;color:#fff; padding-top:.1rem}
	#rw_rhz .list ul li .info{ margin-top:.2rem}
	#rw_rhz .list ul li .info big{ font-size:.28rem; }
	#rw_rhz .list ul li .info small{ font-size:.24rem;line-height:.34rem; margin-top:.1rem;}
	
	#rw_yy{padding:.8rem 0;}
	#rw_yy .list{ margin-top:.2rem; 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:.28rem}
	#rw_yy .list ul li .info small{ font-size:.24rem; line-height:.34rem; margin-top:.1rem; margin-bottom:.3rem;  padding:0 .3rem; min-height: inherit}
	#rw_yy .list ul li p{padding:.2rem .3rem;line-height:.34rem; min-height: inherit}
}