.honor{ width: 100%; background: #f5f5f5; padding: 100px 0;}
.honor .title{ padding: 50px 0;}
.honor .title h2{ text-align: center; font-size: 44px; color: #333; padding-bottom: 20px;}
.honor .title p{ width: 1000px; margin: 0 auto; line-height: 26px; text-align: center; font-size: 16px; color: #777;}

.honor .layer1{ height: 150px; background: #fff;}
.honor .layer1 ul{ width: 100%; height: 100%;}
.honor .layer1 ul li{ position: relative; height: 100%; width: 20%; float: left;}
.honor .layer1 ul li h2{ height: 78px; line-height: 78px; font-size: 28px; color: #004ea2; text-align: center; font-weight: bold;}
.honor .layer1 ul li span{ display: block; font-size: 20px; color: #004ea2; font-weight: bold; text-align: center; margin-bottom: 10px;}
.honor .layer1 ul li p{ text-align: center; font-size: 16px; color: #004ea2;}
.honor .layer1 ul li::after{ background: #eeeeee; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50px;}
.honor .Main ul{ width: 100%;}
.honor .Main ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 23.5%; background: #fff; float: left; margin: 0 2% 35px 0; padding: 20px 20px 0 20px; box-sizing: border-box;}
.honor .Main ul li:nth-child(4n){ margin-right: 0;}
.honor .Main ul li .icon{ width: 100%; height: 200px; display: flex;align-items: center;justify-content: center}
.honor .Main ul li .icon img{ display: block; height: 100%;}
.honor .Main ul li p{ height: 70px;  text-align: center; font-size: 18px; color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
.honor .Main ul li:hover{ background: linear-gradient(to right,#009de7,#004fa2);}
.honor .Main ul li:hover p{ color: #fff;}
<!--ºÄʱ1754965753.6937Ãë-->