.clear{ clear: both;}
.top{ height: 360px; background: url(banner.png) center no-repeat; padding-top: 1px;}
.top div{ width: 1200px; margin: 0 auto; margin-top: 30px;}
.hr{ clear: both; border-bottom:1px solid #e8e8e8;  padding-top: 18px; margin-bottom: 8px;}
.section{ box-sizing: content-box; width: 1220px; margin: 0 auto; clear: both; margin-top: 30px;}
.section h4{ color: #333333; font-size: 28px; border-bottom: 2px solid #000; line-height: 80px; margin-bottom: 1px;}
.section .ban{ margin-top: 20px;}
.section .ban a:last-child{ margin-left: 40px;}
.section ul li{ float: left;  background-color: #F5F9FF;;width: 277px; height: 64px; margin-right: 31px; margin-top: 20px; display: table; text-align: center; } 
.section ul li a{ width: 100%; height: 100%; font-size: 18px; display: table-cell; vertical-align: middle; color: #143E93;font-family: PingFangSC-SNaNpxibold; font-weight: 600;}
.section ul li a:hover{ background-color: #4d8ffc; color: #fff; font-weight: bold;}
.section ul li:nth-child(4n){ margin-right: 0;}
.section *{ box-sizing: content-box;}