.i-left{ float: left;}
.i-right{ float: right;}
body,html{ overflow: hidden; font-family: "΢ÈíÑźÚ";}
#bg{ position: absolute; background: url(../image/bg.jpg)  center no-repeat; background-size: cover; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; }
#bg .title{ padding: 5% 20px 0;}

#bg .main{padding-top:20px;margin-top:0; background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0)); }
#bg .block{ border-radius: 10px; box-shadow: 3px 3px 3px #aaa; margin-bottom: 20px; text-align: center; padding: 0px 0 20px;  background: orange;  color: #fff;}
#bg .block img{ display: block; margin: 10px auto 20px; width: 22%;}
#bg .block i{ border: 1px solid #fff; border-radius:8px; padding: 5px 10px; font-style: normal;}
#bg .block h3{ font-size: 20px; }
#bg .block1{ background: rgba(254,137,160,.9);}
#bg .block1 img{ width: 22%;}
#bg .block2{ background:  rgba(0,168,138,.75);}
#bg .block2 img{ width: 20%;}

#bg .block3{ background:rgba(0,76,180,.76);}
#bg .block3 img{  width: 24%; margin:14px auto 33px} 
@media (max-width: 768px){
	#bg .block{ width: 80%; margin: 0 auto;}
	#bg .main{ padding-top: 0;}
	}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2020-02-26 10:02:05" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->




<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2022-12-08 08:12:45" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->