.clear{ clear: both;}
.top{ height: 500px; background: url(banner.png?v=1) 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: 1200px; margin: 0 auto; clear: both; margin-top: 30px;}
.section .title{ margin: 20px auto;}
.section .title img{ }
.section .ban{ margin-top: 20px;}
.section .ban a:last-child{ margin-left: 25px;}
.section ul li{ float: left;  background-color: #F5F9FF;;width: 289px; height: 49px; margin-right: 14px; margin-top: 20px; display: table; text-align: center; } 
.section ul li a{ width: 100%; height: 100%; font-size: 16px; display: table-cell; vertical-align: middle; color: #000;font-family: PingFangSC-SNaNpxibold;}
.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;}