/*全局初始化*/
*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;}
ul{list-style:none;}
a{text-decoration:none;color:#333;}
img{max-width:100%;display:block;}
.container{width:90%;max-width:1200px;margin:0 auto;}

/*导航栏*/
header{background:#193441;position:sticky;top:0;z-index:99;}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0;}
.logo{color:#fff;font-size:22px;font-weight:bold;}
.nav-menu{display:flex;gap:32px;}
.nav-menu a{color:#fff;font-size:15px;transition:0.3s;}
.nav-menu a:hover{color:#ffb703;}
.btn-inquiry{background:#ffb703;color:#193441;padding:9px 22px;border-radius:4px;font-weight:bold;}

/*首页banner*/
.banner{background:#eef4f8;padding:80px 0;}
.banner-text h1{font-size:38px;color:#193441;margin-bottom:18px;line-height:1.3;}
.banner-text p{font-size:17px;color:#555;margin-bottom:30px;max-width:600px;}

/*通用板块间距*/
.section{padding:60px 0;}
.title{text-align:center;margin-bottom:45px;}
.title h2{font-size:28px;color:#193441;margin-bottom:10px;}
.title span{display:block;width:60px;height:3px;background:#ffb703;margin:0 auto;}

/*产品卡片（核心：吨包展示）*/
.pro-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:30px;}
.pro-item{border:1px solid #eee;overflow:hidden;border-radius:6px;transition:0.3s;}
.pro-item:hover{box-shadow:0 6px 18px #e1e8f0;}
.pro-img{height:210px;overflow:hidden;}
.pro-info{padding:18px;}
.pro-info h3{font-size:17px;margin-bottom:8px;color:#193441;}
.pro-info p{color:#666;font-size:14px;margin-bottom:12px;line-height:1.6;}
.pro-info a{display:inline-block;color:#ff7800;margin-top:5px;font-weight:bold;}

/*公司优势*/
.adv-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;}
.adv-item{text-align:center;padding:22px;border:1px solid #eee;}
.adv-item h4{margin:12px 0 8px;color:#193441;}

/*联系表单*/
.form-box{max-width:650px;margin:0 auto;}
.form-item{margin-bottom:16px;}
.form-item input,.form-item textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:4px;font-size:15px;}
.form-item textarea{height:130px;resize:none;}
.submit{background:#193441;color:#fff;border:0;padding:13px 36px;cursor:pointer;border-radius:4px;font-size:16px;}

/*底部*/
footer{background:#193441;color:#fff;padding:45px 0 25px;}
.foot-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:35px;margin-bottom:30px;}
.foot-item h4{margin-bottom:18px;font-size:17px;}
.foot-item p,.foot-item a{color:#ccc;line-height:1.8;font-size:14px;}
.copyright{text-align:center;padding-top:20px;border-top:#2c495b solid 1px;color:#aaa;font-size:13px;}

/*手机适配（自动变小排版）*/
@media(max-width:768px){
    .nav-wrap{flex-direction:column;gap:15px;padding:15px;}
    .nav-menu{gap:18px;flex-wrap:wrap;justify-content:center;}
    .banner{padding:50px 0;}
    .banner-text h1{font-size:28px;}
}

/* 美化表单 */
.nice-form {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.form-item input,
.form-item textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 15px;
  margin-bottom: 18px;
}
.form-item input:focus,
.form-item textarea:focus {
  border-color: #193441;
  outline: none;
}
.submit-btn {
  background: #193441;
  color: #fff;
  border: none;
  width: 100%;
  padding: 15px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}
.submit-btn:hover {
  background: #ffb703;
  color: #193441;
}


/* --------------- 关于我们页面样式 --------------- */
.about-wrap {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 50px;
}
.about-img {
  width: 50%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.about-text {
  width: 50%;
}
.about-text h3 {
  font-size: 24px;
  color: #193441;
  margin-bottom: 15px;
}
.about-text p {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  margin-bottom: 15px;
}
.about-text ul {
  padding-left: 20px;
}
.about-text li {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

/* 工厂数据展示 */
.about-bottom {
  display: flex;
  justify-content: space-around;
  text-align: center;
  background: #f7f9fb;
  padding: 30px 0;
  border-radius: 10px;
}
.about-item h4 {
  font-size: 28px;
  color: #193441;
  margin-bottom: 5px;
}
.about-item p {
  font-size: 16px;
  color: #666;
}

/* 手机适配 */
@media(max-width:768px){
  .about-wrap {
    flex-direction: column;
  }
  .about-img, .about-text {
    width: 100%;
  }
  .about-bottom {
    flex-wrap: wrap;
    gap: 20px;
  }
}