@charset "utf-8";
@import "page.css";
#gw_wsm{width:100%;padding:60px 0;}
#gw_wsm .list ul li{float:left;width:calc((100% - 90px) / 4);margin-right:30px;text-align:center;margin-top:30px;background:#fff;}
#gw_wsm .list ul li:nth-child(4n){margin-right:0;}
#gw_wsm .list ul li .img{font-size:60px;color:#fff;padding:20% 0;}
#gw_wsm .list ul li:nth-child(1) .img{background:#fd7441;}
#gw_wsm .list ul li:nth-child(2) .img{background:#bad878;}
#gw_wsm .list ul li:nth-child(3) .img{background:#4787b3;}
#gw_wsm .list ul li:nth-child(4) .img{background:#1ec2b8;}
#gw_wsm .list ul li .info{padding:30px;border:1px solid #e8edf2;border-top:0;}
#gw_wsm .list ul li .info big{display:block;font-size:18px;}
#gw_wsm .list ul li .info small{display:block;font-size:14px;margin-top:10px;color:#878B99;line-height:26px;min-height:52px;}
#gw_wsm .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);}

#gw_adv{width:100%;padding:60px 0;background:#f8f8f8;}
#gw_adv .list ul li{float:left;width:calc((100% - 30px) / 2);margin-right:30px;margin-top:30px;padding:50px 30px;background:#fff;display:flex;justify-content:space-between;align-items:center;}
#gw_adv .list ul li:nth-child(2n){margin-right:0;}
#gw_adv .list ul li .icon i{font-size:40px;color:#206ae4;}
#gw_adv .list ul li:nth-child(2) .icon i{color:#ffaa00;}
#gw_adv .list ul li:nth-child(3) .icon i{color:#4db849;}
#gw_adv .list ul li:nth-child(4) .icon i{color:#ff4c4c;}
#gw_adv .list ul li:nth-child(5) .icon i{color:#336633;}
#gw_adv .list ul li:nth-child(6) .icon i{color:#FF0033;}
#gw_adv .list ul li .info{width:calc(100% - 80px);}
#gw_adv .list ul li .info big{font-size:18px;display:block;}
#gw_adv .list ul li .info small{font-size:14px;display:block;color:#878B99;line-height:24px;margin-top:10px;}
#gw_adv .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);}

#gw_kh{width:100%;padding:60px 0;}
#gw_kh .list{margin-top:30px;padding-bottom:30px;}
#gw_kh .list ul li{float:left;width:20%;text-align:center;margin-top:30px;}

#gw_service{width:100%;padding:60px 0;background:#f8f8f8;}
#gw_service .list ul li{float:left;width:calc((100% - 60px) / 3);margin-right:30px;margin-top:30px;padding:30px;background:#fff;}
#gw_service .list ul li:nth-child(3n){margin-right:0;}
#gw_service .list ul li big{display:block;font-size:46px;font-family:"din";}
#gw_service .list ul li p{margin-top:20px;line-height:30px;height:60px;}
#gw_service .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);}

@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#gw_wsm{padding:.6rem 0;}
	#gw_wsm .list{margin-top:0;}
	#gw_wsm .list ul li{float:left;width:48%;margin-right:2%;margin-top:.3rem;}
	#gw_wsm .list ul li:nth-child(2n){margin-right:0;}
	#gw_wsm .list ul li .img{font-size:.6rem;padding:.5rem 0;}
	#gw_wsm .list ul li .info{padding:.3rem;}
	#gw_wsm .list ul li .info big{font-size:.26rem;}
	#gw_wsm .list ul li .info small{font-size:.21rem;margin-top:.2rem;line-height:.34rem;min-height:1.2rem;}
	
	#gw_adv{padding:.6rem 0;}
	#gw_adv .list{margin-top:0;}
	#gw_adv .list ul li{float:left;width:100%;margin-right:0;margin-top:.3rem;padding:.3rem;}
	#gw_adv .list ul li .icon{width:1rem;}
	#gw_adv .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;}
	#gw_adv .list ul li .info{width:calc(100% - 1.3rem); text-align:left;margin-top:0}
	#gw_adv .list ul li .info big{font-size:.26rem;display:block;}
	#gw_adv .list ul li .info small{font-size:.21rem;line-height:.34rem;margin-top:.1rem;}
	
	#gw_kh{padding:.6rem 0;}
	#gw_kh .list{margin-top:.3rem;padding-bottom:.3rem;}
	#gw_kh .list ul li{width:20%;margin-top:.3rem;}
	#gw_kh .list ul li img{width:85%;}

	#gw_service{padding:.6rem 0;}
	#gw_service .list{margin-top:0;}
	#gw_service .list ul li{float:inherit;width:100%;margin-right:0;margin-top:.3rem;padding:.3rem;}
	#gw_service .list ul li big{font-size:.4rem;}
	#gw_service .list ul li p{margin-top:.2rem;font-size:.21rem;line-height:.34rem;height:auto;}
}