.city-banner{ height: 350px; padding-top:80px; }
.city-banner .center{ width: 800px; margin:0 auto; }
.city-banner .center .form{ position: relative; }

.city-banner h4{ font-size: 28px; font-weight: 500; color: #ca2b2f;}
.city-banner .txt{ width: 24%; border:none; background: #fff; padding:10px; height: 50px; font-size: 16px; border-radius: 10px;}
.city-banner .txt._mobile{ }
.city-banner .show-code{ position: absolute; right: 10px; top:18px; font-size: 14px; border-left: 1px solid #eee; padding-left: 10px; }
.city-banner .submit{ border-radius: 10px; background: #ca2b2f; line-height: 50px; text-align: center; color: #fff; display: block;  font-size: 16px;}
.city-banner .tips{ font-size: 12px; padding:20px 0; color: #fff; }
.city-banner .red{ color: red; }
.city-list .list{ font-size: 16px; border:2px solid #ca2b2f; padding:20px 30px 0 30px; margin:0 auto;}
.city-list dl{ margin:10px 0; color: #000;}
.city-list dt{ padding-bottom: 21px; font-weight: 600;}
.city-list dd{ border-bottom: 1px solid #eee; width: 95%; padding-bottom: 15px;}
.city-list dl:last-child dd{ border:none; padding-bottom:  }
.city-list dd a{ display: inline-block; padding:0 10px; color: #000;}
.city-list dd a.active{ color: #ca2b2f; }
.case-list{ color: #333; margin-bottom: 50px;}
.case-list h4{ font-size: 40px; font-weight: 500;}
.case-list h4 span{ font-size: 16px; }
.case-list ul{ flex-wrap: wrap; padding:0;}
.case-list li{ width: 32%;  margin-top: 30px;}
.case-list li .img:hover{ box-shadow:0 5px 10px #ccc; }
.case-list li .img{ width: 100%; height: 250px; overflow: hidden; margin-bottom: 20px; background: #ccc;}
.case-list li .img img{ object-fit: cover; width: 100%; height: 100%; }
.case-list li p{ color: #333; font-size: 18px; }
.case-list li p.small{ color: #ccc; font-size: 14px; margin-top: 10px; }