.pages{margin: 50px 0;}
.pagination{display: flex;gap: 10px;justify-content: center;}
.pagination li{border:1px solid #ddd;padding:8px 15px}
.pagination li a{font-size: 13px;}
.pagination .active{background: #e50014;}
.pagination .active a{color:#fff;}
.banner{position: relative;}
.banner img{width:100%;}
.banner .form{width:360px;position: absolute;top:50%;right: 240px;transform: translate(0,-50%);background: #444;padding: 40px 20px;border-radius: 15px;}
.banner .title{color:#fff;font-size: 22px;letter-spacing: 2px;text-align: center;}
.banner .form form{}
.banner .form form .form-group{position: relative;}
.banner .form form .form-group .icon{width:26px;position: absolute;left: 8px;top: 36px;}
.banner .form form input{width:100%;border: none;background: #666;border-radius: 16px;height: 50px;margin-top: 24px;padding-left: 40px;}
input:focus,textarea:focus,select:focus{border: none;}
.banner .form form button{width: 100%;font-size: 1.01563vw;
height: 2.60417vw;margin-top: 1.45833vw;border-radius: 5.3125vw;background: linear-gradient(90deg,#ed5a67,#e7020d);text-align: center;border: none;font-size: 20px;color: #fff;}
.banner .form .bottom{font-size: 14px;text-align: center;color: #666;margin-top: 10px;}
.now{width:1200px;margin:0 auto;height: 50px;line-height: 50px;border: 1px solid #eee;border-radius: 8px;font-size: 14px;color: #999;padding: 0 20px;margin-top: 50px;}

.list{margin-top:30px;}
.w{width:1200px;margin:0 auto;}
.list ul{display: flex;gap: 20px;flex-wrap: wrap;}
.list ul li{flex: 1;background: #fff;border-radius: 8px;box-shadow: 2px 2px 10px #eee;padding: 8px;flex: 0 0 calc(50% - 10px);}
.list ul li:hover{background: #fff;box-shadow: 0 20px 64px -10px rgb(0 0 0 / 35%);}
.list ul li .img{display: block;float: left;width:33%;position: relative;}
.list ul li .img img{width:100%;border-radius: 8px;}
.list ul li:hover .img .mark{display: block;}
.list ul li .img .mark{display: none; position: absolute;top:0;width:100%;height:98%;background: rgba(0,0,0,0.6);text-align: center;border-radius: 8px;}
.list ul li .img .mark i{font-style: normal;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 14px;color:#fff;width:80%;}
.list ul li .info{float:right;width:67%;padding:14px;}
.list ul li .info .p-1{font-size:20px;font-weight: 600;color:#000;}
.list ul li .info .p-1 span{display: inline-block;margin-left: 8px;margin-bottom: 3px;padding: 1px 4px;font-size: 11px;color: #1b1b1b;background: linear-gradient(172deg,#e80813 7.22%,#e7071240 94.17%);border-radius: 3px;}
.list ul li .info .p-2{color:#3c4d59;font-size:12px;margin-top: 16px;}
.list ul li .info .tag{display: flex;margin-top: 20px;}
.list ul li .info .tag p{display:inline-block; border:1px solid rgba(0,0,0,.1);border-radius: 4px;font-size: 12px;color: #3c4d59;margin: 0 4px;padding:2px 6px}
.list ul li .info .tag p:first-child{margin-left:0}
.list ul li .info .case{}
.list ul li .info .case p{color: #e50014;font-size: 12px;margin-top: 14px;}
/*.list ul li .info .case ul{display: flex}*/
/*.list ul li .info .case ul li{width: 30%}*/
.list ul li .info .case img{width:19.5%;}
/* 弹窗样式 */
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.modal-overlay.active { opacity: 1; visibility: visible; }
.modal-content { background: white; width: 90%; max-width: 500px; border-radius: 15px; padding: 30px 80px; position: relative; transform: scale(0.8); opacity: 0; transition: all 0.4s ease; box-shadow: 0 20px 40px rgba(0,0,0,0.3); }
.modal-overlay.active .modal-content { transform: scale(1); opacity: 1; }
.close-btn { position: absolute; top: 15px; right: 20px; font-size: 28px; cursor: pointer; color: #7f8c8d; transition: all 0.3s ease; }
.close-btn:hover { color: #e74c3c; transform: rotate(90deg); }
.modal-title { text-align: center; color: #2c3e50; margin-bottom: 25px; font-size: 24px; }
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; color: #2c3e50; font-weight: 500; }
.form-group input { width: 100%; padding: 14px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 16px; transition: all 0.3s ease; }
.form-group input::-webkit-input-placeholde { color:#ddd; }
.form-group input:focus { border-color: #3498db; outline: none; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2); }
.submit-btn { width: 100%; padding: 15px; background: linear-gradient(270deg, #ed5b68, #e50014); color: white; border: none; border-radius: 30px; font-size: 18px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; margin-top: 10px; }
.submit-btn:hover { background: linear-gradient(90deg, #ed5b68, #e50014); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(52, 152, 219, 0.4); }
.form-note { text-align: center; color: #7f8c8d; font-size: 14px; margin-top: 20px; }
@media (max-width: 600px) {
	.services { grid-template-columns: 1fr; } h1 { font-size: 2rem; }
}

/*全站响应式*/
/*
@media (max-width: 1401px) {
	.wrap {width: 1200px;padding-top: 144px;}
	.header[data-v-3f95cb0a]{width: 1200px;min-width: auto;}
}
@media (max-width: 1201px) {
	.wrap {width: 80%;padding-top: 144px;}
	.header[data-v-3f95cb0a]{width: 80%;min-width: auto;}
}
@media (max-width: 767px) {
	.wrap {width: 100%;padding-top: 144px;}
}
*/