@charset "utf-8";

.page-content article { margin-bottom:60px; font-size:15px; line-height:1.6;}
.page-content article .img { text-align:center; }

.page-content .article1 { margin-top:40px; }
.page-content .article1 .img { padding:20px; }
.page-content .article1 .tail { background:#dbeefd; padding:10px; }
.page-content .article1 .tail p.tit { font-size:18px; color:#1061a0; font-weight:500; } 

.page-content .article2 .box { overflow:hidden; }
.page-content .article2 .box ul { float:left; width:48%;  padding-left:0px;  }
.page-content .article2 .box ul:first-of-type { margin-right:4%; }
.page-content .article2 .box ul p { background: #ddd; padding: 5px 0 5px 20px; font-weight: 500; margin-bottom: 10px;}
.page-content .article2 .box ul li { list-style:none; position:relative; padding-left:20px; margin-bottom:5px; }
.page-content .article2 .box ul li:before { display:block; content:''; position:absolute; width:9px; height:2px; background:#555; left:0px; top: 12px; transform: rotate(45deg); }
.page-content .article2 .box:first-of-type { margin-bottom:20px; }

.page-content .article3 .img_box { overflow:hidden; }
.page-content .article3 .img_box .img { float:left; width:30%; margin-right:5%; }
.page-content .article3 .img_box .img:last-of-type { margin-right:0%; }
 
@media (max-width:480px) {
.page-content .article2 .box ul { float:none; width:100%; margin-bottom:20px;}
.page-content .article2 .box ul:first-of-type { margin-right:0%; }
.page-content .article2 .box:first-of-type { margin-bottom:0px; }
.page-content .article2 .box:last-of-type ul:last-of-type { margin-bottom:0; }
}