body, ul, li{margin:0;padding:0;list-style:none}.header{background:#fff;border-bottom:1px solid #eee;position:relative}.container{display:flex;align-items:center;flex-wrap:wrap;padding:10px 20px}.logo img{aspect-ratio:3 / 1;max-height:60px}.nav-bar{display:flex}.nav-bar li a{text-decoration:none;color:#000;font-size:16px;padding:8px}.menu-toggle{display:none;font-size:24px;cursor:pointer}






.footer-wrapper {
  background-size: cover;
  background-position: center;
  color: #fff;
  font-size: 14px;
}
.footer-overlay {
  background: rgba(0, 0, 0, 0.6);
  padding: 50px 20px 20px;
}
.footer-container {
  max-width: 1200px;
  margin: 0 auto;
}
.footer-main {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}
.footer-contact, .footer-form {
  flex: 1 1 300px;
}
.footer-title {
  font-size: 20px;
  margin-bottom: 20px;
}
.footer-list li {
  margin-bottom: 10px;
  line-height: 1.6;
}
.footer-form form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.form-row input, .form-row textarea {
  flex: 1 1 48%;
  padding: 8px 10px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
}
.form-row textarea {
  width: 100%;
  resize: vertical;
}
.footer-btn {
  background: #e60012;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: bold;
  cursor: pointer;
  width: 150px;
}
.footer-btn:hover {
  background: #cc0000;
}
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 40px;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 13px;
}
.footer-legal {
  list-style: none;
  display: flex;
  gap: 15px;
  margin: 0;
  padding: 0;
}
.footer-legal a {
  color: #ccc;
  text-decoration: none;
}
.footer-legal a:hover {
  text-decoration: underline;
  color: #fff;
}










    .inquiry-box {
      position: fixed;
      right: 20px;
      top: 40%;
      width: 110px;
      background-color: #4DB2FF;
      color: white;
      font-family: Arial, sans-serif;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.2);
      z-index: 1000;
      padding: 10px;
      text-align: center;
    }

    .inquiry-box .header {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      font-size: 14px;
      margin-bottom: 5px;
    }

    .inquiry-box .close {
      cursor: pointer;
      color:black;
    }

    .inquiry-box .mail-area {
      height: 80px;
      background-image: url('/style/images/email-bg.png'); /* 请替换为实际图片路径 */
      /*background-size: 40px 40px;*/
      background-repeat: no-repeat;
      background-position: center;
      background-color: white;
      border-radius: 5px;
      margin: 5px 0;
    }

    .inquiry-box .help-text {
      font-size: 12px;
      margin: 8px 0;
    }

    .inquiry-box a.send-btn {
      display: block;
      background-color: #222;
      color: white;
      text-decoration: none;
      padding: 6px;
      border-radius: 4px;
      font-weight: bold;
      font-size: 14px;
    }

    .inquiry-box a.send-btn:hover {
      background-color: #444;
    }
    
    
    
    
    
    
    
.footer-wrapper {
	background-size: cover;
	background-position: center;
	color: #fff;
	font-size: 14px
}

.footer-overlay {
	background: rgba(0, 0, 0, 0.6);
	padding: 50px 20px 20px
}

.footer-container {
	max-width: 1200px;
	margin: 0 auto
}

.footer-main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px
}

.footer-contact,.footer-form {
	flex: 1 1 300px
}

.footer-title {
	font-size: 20px;
	margin-bottom: 20px
}

.footer-list {
	list-style: none;
	padding: 0;
	margin: 0
}

.footer-list li {
	margin-bottom: 10px;
	line-height: 1.6
}

.footer-form form {
	display: flex;
	flex-direction: column;
	gap: 10px
}

.form-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

.form-row input,.form-row textarea {
	flex: 1 1 48%;
	padding: 8px 10px;
	border: none;
	border-radius: 4px;
	font-size: 14px
}

.form-row textarea {
	width: 100%;
	resize: vertical
}

.footer-btn {
	background: #e60012;
	color: #fff;
	border: none;
	padding: 10px 20px;
	border-radius: 4px;
	font-weight: bold;
	cursor: pointer;
	width: 150px
}

.footer-btn:hover {
	background: #cc0000
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 40px;
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 13px
}

.footer-legal {
	list-style: none;
	display: flex;
	gap: 15px;
	margin: 0;
	padding: 0
}

.footer-legal a {
	color: #ccc;
	text-decoration: none
}

.footer-legal a:hover {
	text-decoration: underline;
	color: #fff
}

@media (max-width:991px) {
	.product-list li {
		width: calc(50% - 20px)
	}
}

@media (max-width:600px) {
	.product-list li {
		width: 100%
	}
}

@media (max-width:768px) {
	.menu-toggle {
		display: block
	}

	.nav-bar {
		flex-direction: column;
		width: 100%;
		display: none;
		margin-top: 10px
	}

	.nav-bar.active {
		display: flex
	}

	.nav-bar li {
		border-top: 1px solid #eee
	}

	.container {
		flex-direction: column;
		align-items: flex-start
	}

	.nav {
		width: 100%
	}

	.fuwu figure {
		width: 100%
	}

	.about-heading {
		font-size: 24px
	}

	.about-content p {
		font-size: 15px
	}

	.news-item {
		flex: 1 1 100%
	}

	.news-item a {
		white-space: normal
	}

	.footer-main {
		flex-direction: column
	}

	.form-row {
		flex-direction: column
	}

	.footer-bottom {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 10px
	}

	.footer-legal {
		flex-direction: column;
		align-items: center;
		gap: 5px
	}

	.footer-btn {
		width: 100%
	}

	.footer-contact, .footer-form {
		flex: 1 1 0;
	}

	.footer-main {
		gap: 0;
	}
}
    
    
    
    