diff --git a/assets/css/solution.css b/assets/css/solution.css
index fe68068..7c347e3 100644
--- a/assets/css/solution.css
+++ b/assets/css/solution.css
@@ -15,7 +15,25 @@
             align-items: center;
             padding-top: 110px; /* header高度80px + 最小间距30px */
             overflow: hidden;
-            background: url("../images/solution/neihe.png") 100%;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: cover;
+        }
+
+        .solution-hero--inland-river {
+            background-image: url("../images/solution/neihe.png");
+        }
+
+        .solution-hero--supply-chain {
+            background-image: url("../images/solution/dazong.png");
+        }
+
+        .solution-hero--port-supply-chain {
+            background-image: url("../images/solution/gangkou.png");
+        }
+
+        .solution-hero--logistics-chain {
+            background-image: url("../images/solution/quancheng.png");
         }
 
         .solution-hero::before {
diff --git a/solution_inland_river_shipping.html b/solution_inland_river_shipping.html
index 7982072..011aa6a 100644
--- a/solution_inland_river_shipping.html
+++ b/solution_inland_river_shipping.html
@@ -59,7 +59,7 @@
 
 
         <!-- Hero Section -->
-        <section class="solution-hero">
+        <section class="solution-hero solution-hero--inland-river">
             <div class="container">
                 <div class="row">
                     <div class="col-md-6 hero-content">
diff --git a/solution_logistics_chain.html b/solution_logistics_chain.html
index d5d84b5..ae06e58 100644
--- a/solution_logistics_chain.html
+++ b/solution_logistics_chain.html
@@ -59,7 +59,7 @@
 
 
         <!-- Hero Section -->
-        <section class="solution-hero">
+        <section class="solution-hero solution-hero--logistics-chain">
             <div class="container">
                 <div class="row">
                     <div class="col-md-6 hero-content">
diff --git a/solution_port_supply_chain.html b/solution_port_supply_chain.html
index 857f8ca..3ef832f 100644
--- a/solution_port_supply_chain.html
+++ b/solution_port_supply_chain.html
@@ -59,7 +59,7 @@
 
 
         <!-- Hero Section -->
-        <section class="solution-hero">
+        <section class="solution-hero solution-hero--port-supply-chain">
             <div class="container">
                 <div class="row">
                     <div class="col-md-6 hero-content">
diff --git a/solution_supply_chain.html b/solution_supply_chain.html
index 771bd36..ab0fbe2 100644
--- a/solution_supply_chain.html
+++ b/solution_supply_chain.html
@@ -59,7 +59,7 @@
 
 
         <!-- Hero Section -->
-        <section class="solution-hero">
+        <section class="solution-hero solution-hero--supply-chain">
             <div class="container">
                 <div class="row">
                     <div class="col-md-6 hero-content">