.banner{margin-top: 70px;}
.banner img{width: 100%;}

.conter {background: #f5f5f5;padding-bottom: 70px;padding-top: 50px;}
.conter ul{width: 1200px;margin: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.conter ul li{width: 296px;margin-bottom: 16px; background: #fff;}
.conter ul li img{width: 100%; display: block;}
.conter ul li p{font: 14px "微软雅黑";background: #FFFFFF;color: #333333; padding: 8px 10px; line-height: 24px;}
.conter ul li:hover p{background: #e0211a;color: #FFFFFF;}
/*页码*/
.conter ol{display: flex;width: 1200px;margin:40px auto;justify-content: center;}
.conter ol li a{color: #666666;font: 14px "微软雅黑";width: 34px;height: 34px;border: 1px solid #cccccc;display: block;text-align: center;line-height: 34px;border-radius: 5px;margin: 0 5px;}
.conter ol li a.top-li{width: 66px;height: 34px;border: 1px solid #cccccc;display: block;text-align: center;line-height: 34px;border-radius: 5px;}
.conter ol li a.bot-li{border: none;}
.conter ol li a.one{background: #e0211a;color: #FFFFFF;}
.conter ol li a:hover{background: #e0211a;color: #FFFFFF;}
.conter ol li a.bot-li{background: none !important;color: #666666;}