Side Open Door Container
Exporter & Manufacturers | CIMIC</
title>
<style>
body
{
font-family: 'Inter', '
Space Grotesk', sans-serif;
margin:
0;
padding: 0;
background-color: #f4f7
f6; /* Light gray background for a
tech feel */
color: #
333;
line-height: 1
.7;
scroll-behavior
: smooth;
}
.
aicc_full-screen-wrapper {
width: 100%;
overflow: hidden;
background-color: #ffffff
; /* White background for content modules */
}
.aicc_container {
max-width: 1280px;
margin
: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.aicc_
banner {
width: 100%;
height: 400px;
position: relative;
display: flex;
align
-items: center;
justify-content: center;
overflow: hidden;
background-color: #0a211f; /* Dark background for
banner */
}
.aicc_banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0,
0, 0.5); /* Overlay for better text readability */
z-index: 1;
}
.aicc
_banner video, .aicc_banner img {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate
(-50%, -50%);
z-index: 0;
object-fit: cover;
}
.aicc_banner .
aicc_content {
position: relative;
z-index: 2;
text-align: center;
color: #ffffff
;
padding: 20px;
}
.aicc_banner h1 {
font-size: 3.5
em;
margin-bottom: 15px;
font-weight: 700;
text-shadow: 2
px 2px 8px rgba(0,0,0,0.4);
}
.aicc_banner h2 {
font-
size: 1.8em;
font-weight: 500;
opacity: 0.9;
text-shadow
: 1px 1px 4px rgba(0,0,0,0.4);
}
/* Section Styling */
.aicc_
section {
padding: 80px 0;
position: relative;
display: flex; /* Use flexbox for alternating backgrounds */
flex-
direction: column;
align-items: center;
}
.aicc_section.aicc_white {
background-color: #ffffff
;
}
.aicc_section.aicc_gray {
background-color: #f8f9fa; /* Slightly lighter gray
for contrast */
}
.aicc_section h2 {
font-size: 2.5em;
margin-
bottom: 20px;
font-weight: 700;
text-align: center;
}
.aicc_section
h3 {
font-size: 1.8em;
margin-bottom: 15px;
font-weight: 600
;
}
.aicc_section p {
font-size: 1.1em;
max-width: 8
00px;
margin: 0 auto 30px auto;
text-align: center;
color: #555;
}
.aicc_section .aicc_eyebrow {
display: block;
font-size: 0.9em;
text
-transform: uppercase;
letter-spacing: 1.5px;
color: #007bff; /* Accent color */
margin-bottom:
10px;
font-weight: 600;
}
/* Grid Layout */
.aicc_grid-container
{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
width: 100%;
padding: 20px 0;
}
.a
icc_grid-item {
background-color: #ffffff;
border-radius: 8px;
padding: 30px;
box
-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
transition: transform 0.3
s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space
-between; /* Pushes button to bottom if content varies */
align-items: center; /* Center content within the item */
text-
align: center;
}
.aicc_grid-item:hover {
transform: translateY(-10px);
box-shadow: 0
8px 25px rgba(0, 0, 0, 0.15);
}
.aicc_grid-item .
aicc_icon {
width: 60px;
height: 60px;
margin-bottom: 20px;
color: #007bff; /* Icon color */
stroke: #007bff;
fill: none;
}
.aicc_grid-item h3 {
margin-top: 0;
margin-bottom: 15px;
font-size:
1.5em;
color: #0a211f;
}
.aicc_grid-item p {
font-size
: 0.95em;
color: #555;
margin-bottom: 0; /* Remove margin if button is present
*/
flex-grow: 1; /* Allows text to take up available space */
margin-bottom: 20px; /* Add space
before potential button */
}
/* Interactive Elements */
.aicc_grid-item:hover .aicc_icon {
animation: pulse
1.5s infinite;
}
@keyframes pulse {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.15); opacity: 0.7; }
100% { transform: scale(1); opacity:
1; }
}
/* Buttons and Links */
.aicc_btn {
display: inline-block;
padding
: 12px 25px;
background-color: #007bff;
color: #ffffff !important;
text
-decoration: none;
border-radius: 5px;
font-weight: 600;
transition: background-color
0.3s ease, transform 0.2s ease;
border: none;
cursor: pointer;
font-size: 1em
;
margin-top: 15px; /* Space above button */
}
.aicc_btn.aicc_secondary
{
background-color: #6c757d;
}
.aicc_btn:hover {
background-color:
#0056b3;
transform: translateY(-3px);
color: #ffffff;
}
.aicc
_btn:active {
transform: translateY(0);
}
/* Product Showcase */
.aicc_product-showcase
{
padding: 80px 0;
background-color: #eef2f3; /* Slightly different gray for product section
*/
position: relative;
}
.aicc_product-showcase h2 {
margin-bottom: 40px;
}
.aicc_product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); /* Default
to 4 columns */
gap: 25px;
width: 100%;
}
.aicc_product-card
{
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0
4px 15px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease
, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between
;
}
.aicc_product-card:hover {
transform: translateY(-5px);
box-shadow: 0 6
px 20px rgba(0, 0, 0, 0.1);
}
.aicc_product-card img
{
width: 100%;
height: 200px;
object-fit: cover;
display: block;
border-bottom: 1px solid #eee;
}
.aicc_product-card .aicc_content {
padding: 20px;
flex-grow: 1;
}
.aicc_product-card h3 {
font
-size: 1.2em;
margin-top: 0;
margin-bottom: 10px;
color
: #0a211f;
height: 54px; /* Fixed height for titles to avoid layout shifts */
overflow: hidden;
display
: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.aicc_product-card p {
font-size: 0.9em;
color: #666;
margin
-bottom: 15px;
height: 60px; /* Fixed height for descriptions */
overflow: hidden;
display
: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.
aicc_product-card .aicc_link {
display: block;
text-align: right;
font-weight: 600;
color: #007bff;
text-decoration: none;
margin-top: auto; /* Pushes link to the bottom */
transition: color 0.3s ease;
}
.aicc_product-card .aicc_link:hover {
color
: #0056b3;
}
.aicc_product-card .aicc_link .aicc_icon {
width
: 16px;
height: 16px;
vertical-align: middle;
margin-left: 5px;
stroke-width: 2;
}
/* Specific Product Link Styling */
.aicc_product-card .aicc_link.
aicc_button-link {
display: inline-block;
padding: 8px 15px;
background-color: #00
7bff;
color: #ffffff !important;
border-radius: 5px;
font-size: 0.9em;
margin-top: auto;
}
.aicc_product-card .aicc_link.aicc_button-link:hover {
background-color: #0056b3;
transform: none; /* Override hover effect */
}
/* FAQ Section */
.aicc_faq-section {
padding: 80px 0;
background-color: #ffffff;
position: relative
;
}
.aicc_faq-grid {
display: grid;
grid-template-columns: 1fr 2
fr;
gap: 50px;
align-items: center;
}
.aicc_faq-side h
2 {
text-align: left;
margin-bottom: 15px;
}
.aicc_faq-side p {
text-align: left;
max-width: none;
font-size: 1.1em;
color: #5
55;
}
.aicc_faq-list details {
background-color: #f8f9fa;
border-
radius: 8px;
margin-bottom: 15px;
border: 1px solid #e0e0e0;
overflow
: hidden;
}
.aicc_faq-list summary {
display: block;
padding: 20px;
font-weight: 600;
font-size: 1.1em;
cursor: pointer;
position: relative;
transition
: background-color 0.3s ease;
color: #0a211f;
}
.aicc_faq-list
summary::after {
content: '+';
position: absolute;
right: 20px;
font-size: 1.
5em;
color: #007bff;
transition: transform 0.3s ease;
}
.aicc_faq-
list details[open] > summary::after {
content: '−';
transform: rotate(180deg); /* Visual feedback for
expanded state */
}
.aicc_faq-list details[open] > summary {
background-color: #eef2f3;
}
.aicc_faq-list p {
padding: 0 20px 20px 20px;
margin: 0;
font-size: 1em;
color: #555;
text-align: left;
}
/* Global Status & Trends Section */
.aicc_global-trends {
padding: 80px 0;
background-
color: #ffffff;
text-align: center;
}
.aicc_global-trends h2 {
margin-bottom: 40
px;
}
.aicc_trend-item {
background-color: #ffffff;
border-radius: 8px;
padding: 30px;
box-shadow: 0 4px 15px rgba(0, 0, 0
, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
text
-align: left;
display: flex;
flex-direction: column;
height: 100%; /* Ensure items in
a row have equal height */
}
.aicc_trend-item:hover {
transform: translateY(-10px);
box
-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.aicc
_trend-item .aicc_icon {
width: 50px;
height: 50px;
margin-bottom: 20
px;
color: #28a745; /* Green for growth/trends */
stroke: #28a745;
fill
: none;
}
.aicc_trend-item h3 {
margin-top: 0;
margin-bottom:
10px;
font-size: 1.3em;
color: #0a211f;
}
.
aicc_trend-item p {
font-size: 0.95em;
color: #555;
margin
-bottom: 0;
flex-grow: 1;
}
.aicc_trend-counter {
font-size: 2
.5em;
font-weight: 700;
color: #28a745;
display: block;
margin
-bottom: 15px;
}
/* Table Styling */
.aicc_table-container {
overflow-x: auto
;
margin: 40px auto;
width: 100%;
background-color: #ffffff;
padding
: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(
0, 0, 0, 0.08);
}
.aicc_table-container table {
width: 100%;
border-collapse: collapse;
font-size: 0.95em;
}
.aicc_table-container th,
.aicc_table-container td {
padding: 15px 18px;
text-align: left;
border-bottom: 1px solid #eee;
}
.aicc_table-container th {
background-color: #0a
211f;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.aicc_table-container tr:last-child td {
border-bottom
: none;
}
.aicc_table-container td {
color: #444;
}
.aicc_
table-container td a {
color: #007bff;
text-decoration: none;
font-weight: 5
00;
transition: color 0.3s ease;
}
.aicc_table-container td a:hover {
color:
#0056b3;
}
/* Footer */
.aicc_footer {
background-color: #0
a211f; /* Dark footer */
color: #ccc;
padding: 60px 0 20px
0;
font-size: 0.9em;
position: relative;
}
.aicc_footer::before {
content
: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height:
8px;
background: linear-gradient(to right, #007bff, #28a745, #ffc
107); /* Gradient accent */
}
.aicc_footer .aicc_container {
display: grid;
grid
-template-columns: repeat(4, 1fr);
gap: 40px;
align-items: start;
}
.aicc_footer .aicc_col h3 {
color: #ffffff;
font-size: 1.2em;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(2
55, 255, 255, 0.2);
}
.aicc_footer ul {
list-style
: none;
padding: 0;
margin: 0;
}
.aicc_footer li {
margin
-bottom: 10px;
}
.aicc_footer a {
color: #ccc;
text-decoration
: none;
transition: color 0.3s ease;
}
.aicc_footer a:hover {
color:
#ffffff;
}
.aicc_footer .aicc_brand-text {
font-weight: 700;
font
-size: 1.5em;
color: #ffffff;
}
.aicc_footer .aicc_brand-text small {
display: block;
font-size: 0.7em;
font-weight: 400;
color: #aaa
;
}
.aicc_footer .aicc_social li {
display: inline-block;
margin-right: 15
px;
}
.aicc_footer .aicc_social .aicc_icon {
width: 24px;
height
: 24px;
color: #ffffff;
fill: currentColor; /* Ensure SVG icons inherit color */
transition: color 0.3s
ease;
}
.aicc_footer .aicc_social a:hover .aicc_icon {
color: #00
7bff;
}
.aicc_footer .aicc_contact-info .aicc_icon {
width: 18
px;
height: 18px;
margin-right: 10px;
color: #007bff;
stroke: #
007bff;
vertical-align: middle;
}
.aicc_footer .aicc_contact-info span,
.aicc
_footer .aicc_contact-info a {
vertical-align: middle;
}
.aicc_footer-bottom {
padding-top: 20px;
margin-top: 40px;
border-top: 1px solid rgba(255
, 255, 255, 0.1);
text-align: center;
font-size: 0.85em
;
color: #aaa;
}
.aicc_footer-bottom a {
color: #ccc;
text-decoration: underline
;
}
.aicc_footer-bottom a:hover {
color: #ffffff;
}
/* Responsive adjustments */
@media (max-width: 1280px) {
.aicc_container {
width: 95%;
}
.aicc_banner h1 {
font-size: 3em;
}
.aicc_banner h2 {
font-size: 1.5em;
}
.aicc_section h2 {
font-size: 2.
2em;
}
}
@media (max-width: 1024px) {
.aicc_
grid-container, .aicc_product-grid, .aicc_footer .aicc_container {
grid-template-columns: repeat(
auto-fill, minmax(280px, 1fr));
}
.aicc_faq-grid {
grid
-template-columns: 1fr;
}
.aicc_faq-side {
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.aicc_banner h1 {
font-size:
2.5em;
}
.aicc_banner h2 {
font-size: 1.3em;
}
.aicc_section {
padding: 60px 0;
}
.aicc_section h2 {
font-size: 2em;
}
.aicc_product-card img {
height: 180px;
}
.aicc_product-card h3 {
font-size: 1.1em;
}
.aicc
_footer .aicc_container {
grid-template-columns: 1fr;
}
.aicc_footer-bottom {
margin-
top: 20px;
}
}
/* Styling for the main content based on provided HTML */
.site-header {
background
-color: #ffffff;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
padding
: 10px 0;
}
.topbar {
background-color: #0a211f;
color: #ccc;
padding: 8px 0;
font-size: 0.85em;
display: flex;
justify-content: center;
}
.topbar .container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
}
.top
-contact, .social {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align
-items: center;
}
.top-contact li, .social li {
margin-left: 20px;
}
.top-contact a, .social a {
color: #ccc;
text-decoration: none;
transition: color 0.3
s ease;
}
.top-contact a:hover, .social a:hover {
color: #007bff;
}
.top-contact .icon, .social .icon {
width: 16px;
height: 16px;
margin-right: 6px;
vertical-align: middle;
stroke: currentColor;
fill: currentColor;
}
.navbar {
background-color: #ffffff;
padding: 15px 0;
position: sticky;
top: 0;
z-index: 1000;
transition: box-shadow 0.3s ease;
}
.nav
-in {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 12
80px;
margin: 0 auto;
padding: 0 20px;
}
.brand {
display: flex;
align-items: center;
text-decoration: none;
color: #0a211f;
}
.brand-
logo img {
margin-right: 15px;
}
.brand-text strong {
font-size: 1.6em
;
font-weight: 700;
}
.brand-text small {
display: block;
font
-size: 0.7em;
font-weight: 500;
letter-spacing: 0.5px;
color
: #666;
}
.main-nav .menu {
list-style: none;
padding: 0;
margin:
0;
display: flex;
align-items: center;
}
.main-nav .menu li {
margin
-left: 30px;
position: relative;
}
.main-nav .menu a {
color: #3
33;
text-decoration: none;
font-weight: 500;
font-size: 1em;
transition:
color 0.3s ease;
}
.main-nav .menu a:hover {
color: #007bff;
}
.main-nav .menu .caret {
width: 14px;
height: 14px;
margin-left
: 5px;
vertical-align: middle;
stroke-width: 2;
color: #666;
}
.btn-catalog {
margin-left: 30px;
}
.burger {
display: none;
/* Hidden by default, shown on mobile */
background: none;
border: none;
cursor: pointer;
padding: 1
0px;
}
.burger .icon {
width: 24px;
height: 24px;
stroke: #333;
stroke-width: 2;
}
/* Hero Section - Banner Replacement */
.hero {
position: relative;
height: 75vh; /* Adjust height as needed */
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: #0a211f; /* Dark background */
}
.
hero-slides {
position: absolute;
top: 0;
left: 0;
width: 100%;
height
: 100%;
}
.hero-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-
in-out;
z-index: 0;
}
.hero-slide.is-active {
opacity: 1;
z
-index: 1;
}
.hero-media {
width: 100%;
height: 100%;
object
-fit: cover;
position: absolute;
top: 0;
left: 0;
}
.hero-
video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(10, 33, 31, 0.6) 0%,
rgba(10, 33, 31, 0.8) 70%); /* Gradient overlay */
z-index: 1;
}
.hero-content {
position: relative;
z-index: 2;
display: flex;
align-items: center
;
justify-content: space-between;
color: #ffffff;
width: 100%;
max-width:
1280px;
margin: 0 auto;
padding: 0 20px;
height: 100
%;
}
.hero-copy {
max-width: 60%;
text-align: left;
}
.hero-copy .eyebrow {
font-size: 0.9em;
text-transform: uppercase;
letter-spacing:
1.5px;
color: #00C9A7; /* Accent color */
margin-bottom: 10px;
font-weight: 600;
display: block;
}
.hero h1 {
font-size: 3.8
em;
margin-bottom: 15px;
font-weight: 700;
line-height: 1.
1;
}
.hero h1 em {
font-weight: 400;
font-style: normal;
color: #00C9A7; /* Accent color */
}
.hero-caption {
font-size: 1.3
em;
opacity: 0.9;
margin-bottom: 40px;
}
.hero-actions {
display: flex
;
gap: 20px;
}
.btn-orange {
background-color: #FF6B00;
color: #ffffff !important;
padding: 15px 30px;
border-radius: 5px;
font-weight:
600;
text-decoration: none;
transition: background-color 0.3s ease, transform 0.2s ease;
border: none;
cursor: pointer;
}
.btn-orange:hover {
background-color: #e05
e00;
transform: translateY(-3px);
}
.btn-ghost {
background-color: transparent;
color: #
ffffff !important;
border: 2px solid #ffffff;
padding: 15px 30px;
border-
radius: 5px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.3
s ease, color 0.3s ease;
}
.btn-ghost:hover {
background-color: #ffffff;
color: #
0a211f !important;
}
.hero-widget {
background-color: rgba(255, 25
5, 255, 0.95);
color: #0a211f;
padding: 30px;
border
-radius: 8px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.
15);
width: 320px;
flex-shrink: 0;
display: flex;
flex-direction: column;
}
.widget-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.widget-head h2 {
font-size: 1.5em;
margin: 0;
font-weight: 700;
}
.widget-head .live i {
display
: inline-block;
width: 10px;
height: 10px;
background-color: #28a745;
/* Green dot for 'In Stock' */
border-radius: 50%;
margin-right: 8px;
animation:
blink 1.5s infinite;
}
@keyframes blink {
0% { opacity: 1; }
50% { opacity
: 0.5; }
100% { opacity: 1; }
}
.widget-grid {
display:
grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
margin-bottom:
20px;
}
.widget-grid a {
display: flex;
align-items: center;
padding: 12
px 15px;
background-color: #eef2f3;
border-radius: 6px;
text
-decoration: none;
color: #0a211f;
font-weight: 500;
font-size: 0
.95em;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.widget-grid a:hover {
background-color: #007bff;
color: #ffffff;
transform: translateY
(-2px);
}
.widget-grid .ico {
margin-right: 10px;
color: #FF
6B00; /* Accent color for icons */
flex-shrink: 0;
}
.widget-grid .ico .
icon {
width: 20px;
height: 20px;
stroke-width: 1.8;
}
.widget-foot {
text-align: center;
font-size: 0.85em;
color: #5
55;
border-top: 1px solid #ddd;
padding-top: 15px;
}
.widget-foot span
{
display: block;
margin-bottom: 8px;
font-weight: 500;
}
.widget-foot
a {
color: #007bff;
text-decoration: none;
font-weight: 600;
}
.widget-foot a:hover {
text-decoration: underline;
}
.widget-foot .icon-sm {
width:
12px;
height: 12px;
vertical-align: middle;
margin-left: 5px;
}
/* Trust Bar */
.trust {
background-color: #ffffff;
padding: 30px 0;
border-top:
1px solid #eef2f3;
border-bottom: 1px solid #eef2f3;
display: flex;
justify-content: center;
align-items: center;
}
.trust-in {
max-width: 1280
px;
width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-
between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.trust-list
{
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap
;
gap: 30px;
align-items: center;
}
.trust-list li {
display
: flex;
align-items: center;
font-size: 0.95em;
color: #0a211f;
font-weight: 500;
}
.trust-list .icon {
width: 24px;
height
: 24px;
margin-right: 10px;
color: #007bff;
stroke: #007bff
;
fill: none;
}
/* Product Cards (Original Structure) */
.products {
background-color: #f
8f9fa;
padding: 80px 0;
}
.products h2 {
margin-bottom: 4
0px;
}
.prod-top {
display: flex;
justify-content: space-between;
align-items: center
;
margin-bottom: 30px;
}
.prod-top .sec-head {
text-align: left;
margin-bottom: 0;
}
.prod-top .sec-head h2, .prod-top .sec-head p {
text-align: left;
max-width: none;
}
.prod-nav {
display: flex;
gap:
10px;
}
.prod-nav button {
background: #ffffff;
border: 1px solid #ddd
;
border-radius: 50%;
width: 40px;
height: 40px;
display
: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.3
s ease, border-color 0.3s ease;
}
.prod-nav button:hover {
background-color: #007
bff;
border-color: #007bff;
}
.prod-nav button:hover .icon {
stroke: #ffffff
;
}
.prod-nav .icon {
width: 20px;
height: 20px;
stroke-
width: 2;
color: #333;
}
.prod-track {
overflow-x: auto;
white-space: nowrap; /* Prevent wrapping for horizontal scroll */
scroll-snap-type: x mandatory;
scrollbar-width: none
; /* Hide scrollbar */
-ms-overflow-style: none; /* Hide scrollbar for IE/Edge */
}
.prod-track::-
webkit-scrollbar {
display: none; /* Hide scrollbar for Chrome/Safari */
}
.p-card {
display
: inline-block; /* For horizontal scrolling */
width: 360px; /* Fixed width for cards */
margin-right:
25px; /* Space between cards */
scroll-snap-align: start;
vertical-align: top; /* Align cards properly */
white
-space: normal; /* Reset white-space for card content */
}
.p-card:last-child {
margin-right: 0
;
}
.p-media {
position: relative;
display: block;
}
.p-media img {
width: 100%;
height: 270px;
object-fit: cover;
border-radius: 8px
8px 0 0;
}
.p-tag {
position: absolute;
top: 15px;
left:
15px;
background-color: #FF6B00;
color: #ffffff;
padding: 5px 1
0px;
border-radius: 4px;
font-size: 0.8em;
font-weight: 600;
z-index: 1;
}
.p-chips {
position: absolute;
bottom: 15px;
left: 15px;
display: flex;
gap: 8px;
z-index: 1;
}
.p-chip {
background-color: rgba(10, 33, 31, 0.8);
color: #
ffffff;
padding: 4px 8px;
border-radius: 3px;
font-size: 0.
75em;
display: flex;
align-items: center;
}
.p-chip .icon {
width:
14px;
height: 14px;
margin-right: 4px;
stroke-width: 1.5
;
}
.p-body {
background-color: #ffffff;
padding: 20px;
border
-radius: 0 0 8px 8px;
box-shadow: 0 4px 15px rgba(0, 0,
0, 0.05);
display: flex;
flex-direction: column;
justify-content: space-between;
height:
250px; /* Fixed height for body */
}
.p-cat {
display: block;
font-size: 0.
85em;
color: #666;
margin-bottom: 5px;
}
.p-body
h3 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 10px;
color: #0a211f;
height: 54px; /* Fixed height for titles */
overflow: hidden;
display
: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.p
-body p {
font-size: 0.9em;
color: #555;
margin-bottom: 15
px;
height: 60px; /* Fixed height for descriptions */
overflow: hidden;
display: -webkit-box;
-webkit
-line-clamp: 3;
-webkit-box-orient: vertical;
}
.p-specs {
list-style: none
;
padding: 0;
margin: 0;
font-size: 0.85em;
color: #7
77;
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.p-specs li {
display: inline-block;
}
.p-link {
display: flex;
align
-items: center;
margin-top: auto; /* Pushes link to bottom */
font-weight: 600;
color: #007bff;
text-decoration: none;
transition: color 0.3s ease;
}
.p-
link:hover {
color: #0056b3;
}
.p-link .icon {
width: 16
px;
height: 16px;
stroke-width: 2;
margin-left: 5px;
}
/* About
Section */
.about {
background-color: #ffffff;
padding: 80px 0;
position: relative;
overflow: hidden;
}
.about-watermark {
position: absolute;
top: 50%;
left:
50%;
transform: translate(-50%, -50%) rotate(-15deg);
font-size: 15
em;
color: rgba(10, 33, 31, 0.08);
z-index: 0;
font-weight: 900;
line-height: 0.8;
white-space: nowrap;
}
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
position: relative;
z-index: 1;
}
.about-copy h
2 {
text-align: left;
margin-bottom: 20px;
}
.about-copy p {
text
-align: left;
font-size: 1.1em;
color: #555;
max-width: none
;
}
.about-points {
list-style: none;
padding: 0;
margin: 30px 0
;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.about-points li {
display: flex;
align-items: flex-start;
}
.about-points .icon {
width: 30px;
height: 30px;
margin-right: 15px;
color: #007bff
;
stroke: #007bff;
flex-shrink: 0;
}
.about-points div b {
display
: block;
font-size: 1.1em;
color: #0a211f;
margin-bottom: 5
px;
}
.about-points div {
font-size: 1em;
color: #555;
}
.video-frame {
position: relative;
border-radius: 10px;
overflow: hidden;
box
-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.video-frame video
{
width: 100%;
height: auto;
display: block;
}
.video-cover {
position: absolute
;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content
: center;
cursor: pointer;
}
.video-cover img {
width: 100%;
height: 1
00%;
object-fit: cover;
}
.play-btn {
background-color: rgba(255, 2
55, 255, 0.8);
border: none;
border-radius: 50%;
width: 8
0px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
position: absolute;
z-index: 2;
}
.play-btn:hover {
transform: scale(1.05);
background-color:
rgba(255, 255, 255, 1);
}
.play-btn .icon {
width
: 36px;
height: 36px;
fill: #007bff;
}
.video-label
{
position: absolute;
bottom: 20px;
left: 20px;
background-color: rgba
(10, 33, 31, 0.8);
color: #ffffff;
padding: 10px 15px
;
border-radius: 5px;
font-size: 0.9em;
}
.video-label b
{
font-weight: 600;
display: block;
margin-bottom: 5px;
}
/* Global Footprint Section */
.footprint {
background-color: #eef2f3;
padding: 80
px 0;
text-align: center;
}
.footprint h2 {
margin-bottom: 40px;
}
.map-wrap {
position: relative;
margin: 40px auto;
max-width: 1000
px; /* Adjust based on image width */
width: 100%;
line-height: 0; /* Remove extra space below image */
}
.map-wrap img {
width: 100%;
height: auto;
display: block;
}
.
map-svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height
: 100%;
z-index: 1;
}
.route-glow {
stroke: #007bff;
stroke-width: 6;
fill: none;
opacity: 0.4;
}
.route {
stroke: #00
7bff;
stroke-width: 2;
fill: none;
animation: dash 4s linear infinite;
}
@keyframes dash {
from { stroke-dashoffset: 1000; }
to { stroke-dashoffset: 0; }
}
.pin {
position: absolute;
transform: translate(-50%, -100%);
z-index: 2
;
color: #FF6B00;
font-weight: 600;
font-size: 0.85em;
text-align: center;
}
.pin i {
display: block;
width: 12px;
height:
12px;
background-color: #FF6B00;
border-radius: 50%;
margin:
0 auto 5px auto;
animation: pulse-pin 1.5s infinite;
}
.pin.hq i
{
background-color: #00C9A7;
}
.metrics {
display: grid;
grid
-template-columns: repeat(4, 1fr);
gap: 30px;
margin-top: 50px;
text
-align: center;
}
.metric {
background-color: #ffffff;
padding: 30px 20px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0
.08);
}
.metric img {
margin-bottom: 15px;
}
.metric-num
{
font-size: 2.8em;
font-weight: 700;
color: #0a21
1f;
margin-bottom: 5px;
}
.metric-num sup {
font-size: 0.6
em;
color: #555;
}
.metric p {
font-size: 1em;
color:
#555;
margin-bottom: 0;
font-weight: 500;
}
/* Applications Section */
.apps {
background-color: #ffffff;
padding: 80px 0;
}
.apps h2 {
margin-
bottom: 40px;
}
.accordion {
display: flex;
gap: 20px;
overflow-x: auto; /* Allow horizontal scroll if needed */
scroll-snap-type: x mandatory;
padding-bottom: 20px
;
}
.app-item {
flex: 0 0 220px; /* Fixed width for each item */
scroll-snap
-align: start;
cursor: pointer;
position: relative;
border-radius: 10px;
overflow: hidden;
transition
: flex 0.5s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 400px; /* Fixed height */
color: #ffffff;
text
-decoration: none;
}
.app-item.is-active {
flex: 1; /* Expand active item */
box-
shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.app-item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10
0%;
object-fit: cover;
transition: transform 0.5s ease;
z-index: 0;
}
.app-item.is-active img {
transform: scale(1.05);
}
.app-item::before {
content
: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height:
100%;
background: linear-gradient(to top, rgba(10,33,31,0.8) 2
0%, rgba(10,33,31,0) 70%);
z-index: 1;
}
.app-num
, .app-vert {
position: absolute;
z-index: 2;
font-weight: 900;
color
: rgba(255, 255, 255, 0.15);
}
.app-num {
font-size: 8em;
top: -20px;
left: -10px;
}
.app-vert {
font-size: 1.5em;
bottom: 20px;
left: 20px;
transform: rotate(-90deg);
transform-origin: left bottom;
white-space: nowrap;
opacity: 0.8;
}
.app-info {
position: relative;
z-index: 2;
padding: 30px 20
px;
transition: opacity 0.3s ease;
opacity: 0;
transform: translateY(20px);
}
.app-item.is-active .app-info {
opacity: 1;
transform: translateY(0);
}
.app-info h3 {
font-size: 1.6em;
margin-top: 0;
margin-bottom: 1
0px;
color: #ffffff;
font-weight: 700;
}
.app-info p {
font-size: 1em;
color: rgba(255, 255, 255, 0.
9);
margin-bottom: 20px;
}
.app-info a {
display: inline-flex;
align
-items: center;
color: #00C9A7;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.app-info a:hover {
color: #ffffff;
}
.app-info a .icon {
width: 18px;
height: 18px;
margin-left:
8px;
stroke-width: 2;
color: #00C9A7;
fill: none;
}
.app-info a:hover .icon {
stroke: #ffffff;
}
/* Buyer's Guide Section */
.guide {
background-color: #f8f9fa;
padding: 80px 0;
}
.guide h
2 {
margin-bottom: 40px;
}
.table-container {
overflow-x: auto;
margin
: 40px auto;
width: 100%;
background-color: #ffffff;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.0
8);
}
.table-container table {
width: 100%;
border-collapse: collapse;
font
-size: 0.95em;
}
.table-container th,
.table-container td {
padding: 15
px 18px;
text-align: left;
border-bottom: 1px solid #eee;
}
.table-container
th {
background-color: #0a211f;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.table-container tr:last-child td {
border-bottom: none;
}
.table-container td {
color: #444;
}
.table-
container td a {
color: #007bff;
text-decoration: none;
font-weight: 500;
transition
: color 0.3s ease;
}
.table-container td a:hover {
color: #0056b3;
}
.guide .note {
text-align: center;
font-size: 0.9em;
color: #
666;
margin-top: 20px;
font-style: italic;
}
.process {
display: grid
;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
margin-top: 5
0px;
text-align: center;
}
.process .step {
position: relative;
padding-top: 4
0px; /* Space for step number */
}
.process .step::before {
content: attr(data-step-num
);
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 4
0px;
height: 40px;
background-color: #007bff;
color: #ffffff;
border-radius
: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight
: 700;
font-size: 1.1em;
}
.process .step h3 {
font-size:
1.2em;
margin-bottom: 10px;
color: #0a211f;
}
.process .
step p {
font-size: 0.95em;
color: #555;
margin-bottom: 0;
max-width: none;
}
/* CTA Section */
.cta {
background-image: url('https://site
.cdnfile.io/www.cimicequip.com/16f94b0c4e2928e9f
1ebf9454dc29009.jpg');
background-size: cover;
background-position: center;
position: relative
;
padding: 100px 0;
color: #ffffff;
text-align: center;
}
.cta::before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 10
0%;
height: 100%;
background: rgba(10, 33, 31, 0.8); /* Dark overlay
*/
z-index: 0;
}
.cta .container {
position: relative;
z-index: 1;
max-width: 900px;
}
.cta h2 {
font-size: 2.8
em;
margin-bottom: 15px;
color: #ffffff;
}
.cta p {
font-size
: 1.2em;
opacity: 0.9;
max-width: none;
}
.cta-side {
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: center
;
gap: 15px;
}
.cta-side .flow-btn {
background-color: #00C
9A7; /* Accent color */
color: #ffffff !important;
padding: 18px 35px;
border-radius:
5px;
font-weight: 700;
font-size: 1.2em;
text-decoration: none;
transition: background-color 0.3s ease, transform 0.2s ease;
display: flex;
align-items: center;
}
.cta-side .flow-btn:hover {
background-color: #00a180;
transform: translateY
(-3px);
}
.cta-side small {
font-size: 0.85em;
opacity:
0.8;
margin-top: 5px;
}
.cta-side .alt {
background-color: transparent;
color: #ffffff !important;
border: 2px solid #ffffff;
padding: 15px 30px;
font
-weight: 600;
text-decoration: none;
transition: background-color 0.3s ease, color 0.3
s ease;
}
.cta-side .alt:hover {
background-color: #ffffff;
color: #0a211
f !important;
}
.cta-side .icon {
width: 20px;
height: 20px;
margin-left: 8px;
stroke-width: 2;
fill: none;
}
/* News Section
*/
.news {
background-color: #ffffff;
padding: 80px 0;
}
.
news-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 3
0px;
}
.news-top .sec-head {
text-align: left;
margin-bottom: 0;
}
.news-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.n-card {
background-color: #f8f9fa;
border-radius: 8px;
overflow: hidden;
text-decoration: none;
color: #333;
transition
: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column
;
height: 100%;
}
.n-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.n-card.feature
{
grid-column: span 2; /* Feature card spans two columns */
background-color: #ffffff;
box-shadow: 0
8px 25px rgba(0,0,0,0.1);
}
.n-img {
position: relative;
overflow
: hidden;
}
.n-card.feature .n-img {
height: 350px; /* Larger image
for feature */
}
.n-img img {
width: 100%;
height: 220px; /*
Standard image height */
object-fit: cover;
display: block;
}
.n-tag {
position: absolute;
bottom
: 15px;
left: 15px;
background-color: #007bff;
color: #ffffff;
padding
: 5px 10px;
border-radius: 4px;
font-size: 0.8em;
font-weight
: 600;
z-index: 1;
}
.n-card.feature .n-tag {
background-color: #FF6B00;
}
.n-body {
padding: 25px;
flex-grow:
1;
display: flex;
flex-direction: column;
}
.n-body h3 {
font-size:
1.3em;
margin-top: 0;
margin-bottom: 12px;
color: #0a211f
;
line-height: 1.4;
}
.n-card.feature .n-body h3 {
font
-size: 1.8em;
margin-bottom: 18px;
}
.n-body p {
font-size
: 0.95em;
color: #555;
margin-bottom: 20px;
flex-grow: 1
;
}
.n-more {
display: flex;
align-items: center;
font-weight: 6
00;
color: #007bff;
text-decoration: none;
margin-top: auto; /* Pushes link to bottom */
transition: color 0.3s ease;
}
.n-card.feature .n-more {
color: #FF
6B00;
}
.n-more:hover {
color: #0056b3;
}
.n-
more .icon {
width: 16px;
height: 16px;
margin-left: 8px;
stroke-
width: 2;
fill: none;
}
/* FAQ Section */
.faq {
background-color: #ffffff;
padding: 80px 0;
}
.faq-grid {
display: grid;
grid-template-columns:
1fr 2fr;
gap: 50px;
align-items: center;
}
.faq-side h2 {
text-align: left;
margin-bottom: 15px;
}
.faq-side p {
text-align: left
;
max-width: none;
font-size: 1.1em;
color: #555;
}
.
faq-list details {
background-color: #f8f9fa;
border-radius: 8px;
margin-bottom:
15px;
border: 1px solid #e0e0e0;
overflow: hidden;
}
.faq-list
summary {
display: block;
padding: 20px;
font-weight: 600;
font-size:
1.1em;
cursor: pointer;
position: relative;
transition: background-color 0.3s ease;
color: #
0a211f;
}
.faq-list summary::after {
content: '+';
position: absolute;
right
: 20px;
font-size: 1.5em;
color: #007bff;
transition: transform 0.
3s ease;
}
.faq-list details[open] > summary::after {
content: '−';
transform: rotate(1
80deg);
}
.faq-list details[open] > summary {
background-color: #eef2f3;
}
.faq-list p {
padding: 0 20px 20px 20px;
margin: 0;
font-size: 1em;
color: #555;
text-align: left;
}
/* Footer */
.
site-footer {
background-color: #0a211f;
color: #ccc;
padding: 60px 0
20px 0;
font-size: 0.9em;
position: relative;
}
.site-footer::
before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: linear-gradient(to right, #007bff, #28a745, #ffc
107);
}
.foot-main {
display: grid;
grid-template-columns: 1.5fr 1fr
1fr 1.5fr; /* Brand column wider */
gap: 40px;
align-items: start;
}
.foot-brand {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.foot-col h2 {
color: #ffffff;
font-size: 1.2em;
margin-
bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 25
5, 255, 0.2);
}
.foot-links {
list-style: none;
padding:
0;
margin: 0;
}
.foot-links li {
margin-bottom: 10px;
}
.foot-links a {
color: #ccc;
text-decoration: none;
transition: color 0.3s ease;
}
.foot-links a:hover {
color: #ffffff;
}
.foot-social {
list-style: none;
padding: 0;
margin: 20px 0 0 0;
display: flex;
}
.foot-
social li {
margin-right: 15px;
}
.foot-social .icon {
width: 2
4px;
height: 24px;
color: #ffffff;
fill: currentColor;
transition: color 0.3
s ease;
}
.foot-social a:hover .icon {
color: #007bff;
}
.
foot-contact .icon {
width: 18px;
height: 18px;
margin-right: 10px;
color: #007bff;
stroke: #007bff;
vertical-align: middle;
}
.foot
-contact span, .foot-contact a {
vertical-align: middle;
}
.foot-bottom {
padding-top: 20
px;
margin-top: 40px;
border-top: 1px solid rgba(255, 255,
255, 0.1);
text-align: center;
font-size: 0.85em;
color: #
aaa;
}
.foot-bottom a {
color: #ccc;
text-decoration: underline;
}
.foot-
bottom a:hover {
color: #ffffff;
}
/* Back to Top Button */
.to-top {
position
: fixed;
bottom: 30px;
right: 30px;
background-color: #007bff;
color:
#ffffff;
border: none;
border-radius: 50%;
width: 50px;
height: 50px
;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity:
0;
visibility: hidden;
transition: opacity 0.3s ease, background-color 0.3s ease;
z
-index: 1001;
}
.to-top.show {
opacity: 1;
visibility: visible;
}
.to-top:hover {
background-color: #0056b3;
}
.to-
top .icon {
width: 24px;
height: 24px;
stroke-width: 2.5;
color: #ffffff;
}
/* Specific content for Side Open Door Container */
.aicc_side-open-intro {
background-
color: #f4f7f6;
padding: 80px 0;
}
.aicc_side-open
-content {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 50px;
align
-items: center;
}
.aicc_side-open-content h2 {
text-align: left;
font-size: 2.8em;
margin-bottom: 20px;
}
.aicc_side-open-content p
{
text-align: left;
font-size: 1.15em;
color: #444;
line
-height: 1.8;
max-width: none;
}
.aicc_side-open-features {
margin
-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25
px;
}
.aicc_side-open-features .aicc_feature-item {
display: flex;
align
-items: center;
background-color: #ffffff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.aicc_side
-open-features .aicc_icon {
width: 50px;
height: 50px;
margin-right:
15px;
color: #28a745; /* Green for benefits */
stroke: #28a745
;
fill: none;
flex-shrink: 0;
}
.aicc_side-open-features .aicc
_feature-item h3 {
font-size: 1.2em;
margin: 0 0 5px 0;
color: #0a211f;
}
.aicc_side-open-features .aicc_feature-item p {
font
-size: 0.95em;
color: #555;
margin: 0;
line-height: 1.6
;
}
.aicc_global-stats {
padding: 80px 0;
background-color: #ffffff;
text-align: center;
}
.aicc_global-stats h2 {
margin-bottom: 40px;
}
.aicc_stat-item {
background-color: #f8f9fa;
border-radius: 8px;
padding
: 30px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%; /* Equal height */
}
.aicc_stat-item:hover {
transform: translateY(-10px);
box-shadow: 0 8px 25px
rgba(0,0,0,0.15);
}
.aicc_stat-item .aicc_icon {
width:
50px;
height: 50px;
margin-bottom: 20px;
color: #FF6B00; /*
Orange accent */
stroke: #FF6B00;
fill: none;
}
.aicc_stat-value
{
font-size: 3em;
font-weight: 700;
color: #0a211f
;
display: block;
margin-bottom: 10px;
}
.aicc_stat-item p {
font-
size: 1.1em;
color: #555;
margin-bottom: 0;
font-weight: 500
;
}
.aicc_industry-outlook {
padding: 80px 0;
background-color: #ffffff;
}
.aicc_industry-outlook h2 {
text-align: center;
margin-bottom: 40px;
}
.aicc_outlook-grid {
display: grid;
grid-template-columns: repeat(3, 1fr
);
gap: 30px;
}
.aicc_outlook-card {
background-color: #f8f9fa;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(
0,0,0,0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}
.aicc_outlook-card:hover {
transform: translateY(-5
px);
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.a
icc_outlook-card .aicc_icon {
width: 45px;
height: 45px;
margin-bottom
: 20px;
color: #007bff;
stroke: #007bff;
fill: none;
}
.aicc_outlook-card h3 {
font-size: 1.3em;
margin-top: 0;
margin
-bottom: 10px;
color: #0a211f;
}
.aicc_outlook-card p {
font-size: 0.95em;
color: #555;
margin-bottom: 0;
line
-height: 1.7;
flex-grow: 1;
}
.aicc_procurement-needs {
padding:
80px 0;
background-color: #ffffff;
}
.aicc_procurement-needs h2 {
text
-align: center;
margin-bottom: 40px;
}
.aicc_needs-grid {
display
: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.aicc
_needs-card {
background-color: #f8f9fa;
padding: 30px;
border-radius:
8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
transition:
transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}
.aicc_needs-card:hover {
transform: translateY(-5px);
box-shadow: 0 6px 2
0px rgba(0,0,0,0.1);
}
.aicc_needs-card .aicc_icon {
width:
45px;
height: 45px;
margin-bottom: 20px;
color: #28a745
; /* Green for needs */
stroke: #28a745;
fill: none;
}
.aicc_needs-
card h3 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 10px;
color: #0a211f;
}
.aicc_needs-card p {
font-size: 0.9
5em;
color: #555;
margin-bottom: 0;
line-height: 1.7;
flex-
grow: 1;
}
.aicc_faq-section { /* Reuse of FAQ structure */
padding: 80px 0;
background-color: #ffffff;
}
.aicc_faq-section h2 {
text-align: center;
margin-bottom: 40px;
}
/* Product Showcase Banner */
.aicc_product-banner {
position: relative;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
overflow
: hidden;
background-color: #0a211f;
margin-bottom: 60px;
}
.aicc_
product-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.aicc_product-banner img {
width: 100%;
height: 1
00%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index
: 0;
}
.aicc_product-banner .aicc_content {
position: relative;
z-index: 2
;
text-align: center;
color: #ffffff;
}
.aicc_product-banner h2 {
font
-size: 3em;
margin-bottom: 15px;
font-weight: 700;
text-
shadow: 2px 2px 8px rgba(0,0,0,0.4);
}
.aicc_product-banner p
{
font-size: 1.2em;
opacity: 0.9;
text-shadow: 1px 1px 4px
rgba(0,0,0,0.4);
max-width: none;
}
/* Product Grid in Banner */
.aicc
_product-banner-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20
0px, 1fr));
gap: 20px;
max-width: 1280px;
margin: -
100px auto 80px auto; /* Overlap with section below */
padding: 0 20px;
position: relative;
z-index: 5;
}
.aicc_product-card-small {
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,
0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display:
flex;
flex-direction: column;
text-align: center;
}
.aicc_product-card-small:hover {
transform: translateY(-5px);
box-shadow: 0 6px 20px rgba(0,0,0,0.1
);
}
.aicc_product-card-small img {
width: 100%;
height: 1
50px;
object-fit: cover;
display: block;
}
.aicc_product-card-small .a
icc_content {
padding: 15px 10px;
flex-grow: 1;
}
.aicc_product-
card-small h3 {
font-size: 1em;
margin-top: 0;
margin-bottom: 8
px;
color: #0a211f;
height: 40px; /* Fixed height for titles */
overflow
: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.aicc_product-card-small .aicc_link.aicc_button-link {
display: inline-block;
padding: 8px 12px;
background-color: #007bff;
color: #ffffff !important;
border-radius: 5px;
font-size: 0.8em;
font-weight: 600;
margin
-top: 10px;
text-decoration: none;
}
.aicc_product-card-small .aicc_link
.aicc_button-link:hover {
background-color: #0056b3;
}
</style>
</
head>
<body>
<div class="aicc_full-screen-wrapper">
<header class="site-header">
<
div class="topbar">
<div class="aicc_container topbar-in">
<ul class="top-contact">
<li><a href
="tel:+8613920482102" aria-label="Call CIMIC"><svg class="icon" viewbox="0
0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="
round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19
.79 19.79 0 0 1-8.63-3.07 19.5 19.5
0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.
67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.
72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45
2.11L8.09 9.91a16 16 0 0 0 6 6l1.2
7-1.27a2 2 0 0 1 2.11-.45c.91.34
1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></
svg>+86 139 2048 2102</a></li>
<li><a href="mailto:info@cim
container.com"><svg class="icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2
" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><
path d="m22 6-10 7L2 6"/></svg>info@cimcontainer.com</a></li>
<li><
a href="https://api.whatsapp.com/send?phone=8613920482102" target="_blank" rel="nofollow
noopener"><svg class="icon" viewbox="0 0 448 512" fill="currentColor"><path d="M3
80.9 97.1C339 55.1 283.2 32 223.9 32
c-122.4 0-222 99.6-222 222 0 39.1 10
.2 77.3 29.6 111L0 480l117.7-30.9c3
2.4 17.7 68.9 27 106.1 27h.1c122.3 0
224.1-99.6 224.1-222 0-59.3-25.2-11
5-67.1-157zm-157 341.6c-33.2 0-65.7
-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.
2l-4.4-7c-18.5-29.4-28.2-63.3-28.2
-98.2 0-101.7 82.8-184.5 184.6-184.5
49.3 0 95.6 19.2 130.4 54.1 34.8 34
.9 56.2 81.2 56.1 130.5 0 101.8-84.
9 184.6-186.6 184.6zm101.2-138.2c-5.
5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-
2.8-12.5 2.8-3.7 5.6-14.3 18-17.6
21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3
-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.
3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.
8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9
.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0
-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19
.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2
.8 3.7 39.1 59.7 94.8 83.8 35.2 1
5.2 49 16.5 66.6 13.9 10.7-1.6 32.8
-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-
26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg>WhatsApp
</a></li>
</ul>
<ul class="social">
<li><a href="https://www.facebook.com/profile.php?id=
61563264453012" target="_blank" rel="nofollow noopener" aria-label="CIMIC on Facebook"><svg
viewbox="0 0 24 24" fill="currentColor"><path d="M14 9h3V5h-3a4
4 0 0 0-4 4v2H8v4h2v7h4v-7h3l1-
4h-4V9z"/></svg></a></li>
<li><a href="https://www.youtube.com/@May-o5o-sss/videos
" target="_blank" rel="nofollow noopener" aria-label="CIMIC on YouTube"><svg viewbox="0 0 24 24" fill
="currentColor"><path d="M23 7.2a3 3 0 0 0-2.1-2.1C19 4
.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0
0 1 7.2 31 31 0 0 0 .5 12a31 31 0
0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8
.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.
1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.
5-4.8zM9.8 15.1V8.9l5.4 3.1-5.4 3.1z
"/></svg></a></li>
<li><a href="https://www.youtube.com/channel/UC5fEsDFVrjfQwa32-CnG
8Xg" target="_blank" rel="nofollow noopener" aria-label="CIMIC YouTube channel"><svg viewbox="0 0 24 2
4" fill="currentColor"><path d="M23 7.2a3 3 0 0 0-2.1-2.1C
19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3
0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0
0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8
.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.
1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.
5-4.8zM9.8 15.1V8.9l5.4 3.1-5.4 3.1z
"/></svg></a></li>
</ul>
</div>
</div>
<div class="navbar">
<div class="aicc_container nav
-in">
<a href="/" class="brand" aria-label="CIMIC Container home">
<span class="brand-logo"><img src
="https://site.cdnfile.io/www.cimicequip.com/f040ab0d477ac00
8ebca6f123fcfd43d.png" alt="CIMIC container manufacturer logo" width="120" height="34">
</span>
<span class="brand-text"><strong>CIMIC</strong><small>Container Manufacturer</small></span>
</a>
<nav
class="main-nav" id="mainNav" aria-label="Primary navigation">
<ul class="menu">
<li><a href="/" aria
-current="page">Home</a></li>
<li class="has-sub mega">
<a href="/products/">Products<svg class="caret" view
box="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="
m6 9 6 6 6-6"/></svg></a>
<button class="sub-toggle" aria-label="Toggle products menu" aria-
expanded="false"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="
round"><path d="m6 9 6 6 6-6"/></svg></button>
<ul class="sub">
<li><a href="/modular-container-manufacturer-manufacturers/">Modular Container</a></li>
<li><a href="/tank-container-products-quotes/">
Tank Container</a></li>
<li><a href="/special-container-factory-exporters/">Special Container</a></li>
<li><a href="/
used-container-pricelist-manufacturers/">Used Container</a></li>
<li><a href="/insulated-container-exporter-exporters/">Insulated Container</a>
</li>
<li><a href="/offshore-container-manufacturers-quotes/">Offshore Container</a></li>
<li><a href="/dry-container-
pricelist-quotes/">Dry Container</a></li>
<li><a href="/reefer-container-product-quotes/">Reefer Container</a></li>
<li><a href="/used-reefer-container-exporter-exporters/">Used Reefer Container</a></li>
<li><a href="/used-dry-
container-pricelist-product/">Used Dry Container</a></li>
<li><a href="/iso-standard-container-products-manufacturers/">ISO Standard Container</a></li>
<li><a href="/road-and-rail-transport-containers-factory-product/">Road and Rail Transport Containers</a></li>
<li><a href
="/special-containers-pricelist-factories/">Special Containers</a></li>
<li><a href="/combined-container-manufacturer-factories/">Combined
Container</a></li>
<li><a href="/side-open-door-container-exporter-manufacturers/">Side Open Door Container</a></li>
<li><a
href="/iso-standard-container-manufacturer-manufacturers/">ISO Standard Container</a></li>
<li><a href="/special-containers-factory-quotes
/">Special Containers</a></li>
<li><a href="/offshore-shipping-container-factory-manufacturers/">Offshore Shipping Container</a></li>
<li><
a href="/roll-up-door-container-exporter-manufacturers/">Roll-Up Door Container</a></li>
</ul>
</li>
<li class
="has-sub">
<a href="javascript:;">Resource<svg class="caret" viewbox="0 0 24 24" fill
="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m6 9 6 6 6-6"/></svg
></a>
<button class="sub-toggle" aria-label="Toggle resource menu" aria-expanded="false"><svg viewbox="0 0
24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="m6 9 6
6 6-6"/></svg></button>
<ul class="sub">
<li><a href="/global_service/">Global Service
</a></li>
<li><a href="/blog/">Hot Blog</a></li>
<li><a href="/top-search/">Top Search Keywords</a></li>
</ul>
</li>
<li><a href="/contact/">Contact us</a></li>
</ul>
<a href="/catalog/" class="btn btn-
orange btn-catalog">Request a Catalog<svg class="icon" viewbox="0 0 24 24" fill="none" stroke="currentColor
" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6
l6 6-6 6"/></svg></a>
</nav>
<div class="nav-backdrop" id="navBackdrop"></div>
<
button class="burger" id="burger" aria-label="Open menu" aria-expanded="false" aria-controls="mainNav">
<svg view
box="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="
M4 7h16M4 12h16M4 17h10"/></svg>
</button>
</div>
</div>
</header>
<section class="aicc_product-banner">
<img src="https://ecdn6.globalso.com
/upload/p/2658/image_other/2024-12/banner1-2.jpg" alt="Side
Open Door Container Banner" loading="lazy">
<div class="aicc_content">
<h1>Side Open Door Containers</h1>
<p>
Maximizing Accessibility and Efficiency for Diverse Cargo Needs</p>
</div>
</section>
<div class="aicc_product-banner-
grid">
<article class="aicc_product-card-small">
<img src="https://site.cdnfile.io/www.cimice
quip.com/d4bad8024fec9e2e471b28f38f27867
5.jpg" alt="40ft High-Cube Side Open Door Container" loading="lazy">
<div class="aicc_content">
<h3>4
0ft High-Cube Side Open Door Container</h3>
<a href="/side-open-door-container-exporter-manufacturers/" class="aicc_link
aicc_button-link">View Details</a>
</div>
</article>
<article class="aicc_product-card-small">
<img
src="https://site.cdnfile.io/www.cimicequip.com/888aa4fe864466
29ee55b5bf69f5e386.jpg" alt="40ft High-Cube Roll Up Reefer Container" loading="lazy
">
<div class="aicc_content">
<h3>40ft HC Roll Up Reefer</h3>
<a href="/roll-up-door-
container-exporter-manufacturers/" class="aicc_link aicc_button-link">View Details</a>
</div>
</article>
<article
class="aicc_product-card-small">
<img src="https://site.cdnfile.io/www.cimicequip.com/9
5f4bbaba2d03914754d01d7478bc0a1.jpg" alt="
40ft High-Cube Reefer Container" loading="lazy">
<div class="aicc_content">
<h3>40ft HC Ree
fer Container</h3>
<a href="/reefer-container-product-quotes/" class="aicc_link aicc_button-link">View Details</a>
</div>
</article>
<article class="aicc_product-card-small">
<img src="https://site.cdnfile.
io/www.cimicequip.com/efcc34b93be0a842c865a58a
aea8f066.png" alt="20ft Double Door Dry Cargo Container" loading="lazy">
<div class="aicc
_content">
<h3>20ft Double Door Dry Cargo</h3>
<a href="/dry-container-pricelist-quotes/" class="aicc_link aicc
_button-link">View Details</a>
</div>
</article>
<article class="aicc_product-card-small">
<img src
="https://site.cdnfile.io/www.cimicequip.com/7d9e164926cbe8
115ecf09bdae11f96e.jpg" alt="40ft High Cube Insulated Container" loading="lazy">
<
div class="aicc_content">
<h3>40ft HC Insulated Container</h3>
<a href="/insulated-container-exporter-ex
porters/" class="aicc_link aicc_button-link">View Details</a>
</div>
</article>
<article class="aicc
_product-card-small">
<img src="https://site.cdnfile.io/www.cimicequip.com/fb9
e1e1ddadeeebf491b70ff7007fea5.jpg" alt="Offshore Dry Cargo Container" loading="lazy
">
<div class="aicc_content">
<h3>Offshore Dry Cargo Container</h3>
<a href="/offshore-shipping-container-factory-
manufacturers/" class="aicc_link aicc_button-link">View Details</a>
</div>
</article>
<article class="a
icc_product-card-small">
<img src="https://site.cdnfile.io/www.cimicequip.com/8
09b2dd267ddb80ce12934673a618101300_
300.webp" alt="Used 40ft HC Shipping Reefer Container" loading="lazy">
<div class="aicc_content">
<h3>Used 40ft HC Reefer</h3>
<a href="/oem-used-40ft-hc-shipping-reefer-container-
pricelist-quotes/" class="aicc_link aicc_button-link">View Details</a>
</div>
</article>
</div>
<section
class="aicc_section aicc_white">
<div class="aicc_container">
<div class="aicc_side-open
-content">
<div>
<span class="aicc_eyebrow">Global Reach, Localized Solutions</span>
<h2>Unlocking Logistics
Potential with Side Open Door Containers</h2>
<p>In the dynamic world of global trade and specialized logistics, the need for adaptable and efficient cargo handling solutions is
paramount. Side Open Door (SOD) containers, often referred to as "Open Side" or "Full Side Access" containers, represent a significant innovation in shipping
container design, addressing the limitations of traditional end-loading systems. These specialized containers are engineered to provide unimpeded access along the entire length of one or both sides,
transforming how businesses manage bulky, palletized, or irregularly shaped cargo.</p>
<p>As a leading exporter and manufacturer, CIMIC is at
the forefront of providing these advanced solutions. Our Side Open Door containers are crafted with the same commitment to durability, quality, and reliability that defines our entire product range, ensuring your
operations benefit from enhanced loading/unloading speeds, reduced handling costs, and improved safety.</p>
<div class="aicc_side-open-features">
<div class="aicc_feature-item">
<svg class="aicc_icon" viewbox="0 0 24 2
4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4
7h16M4 12h16M4 17h10"/></svg>
<div>
<h3>
Unrivaled Accessibility</h3>
<p>Full-length side opening facilitates rapid loading and unloading of palletized goods, oversized machinery, and project cargo
.</p>
</div>
</div>
<div class="aicc_feature-item">
<svg class="aicc_icon"
viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"><path d="M12 2v20M4.9 4.9l14.2 14
.2M2 12h20M4.9 19.1 19.1 4.9"/></svg>
<div>
<h3>Efficiency Gains</h3>
<p>Significantly reduces time and labor costs associated with cargo handling, especially in congested or limited
-access locations.</p>
</div>
</div>
<div class="aicc_feature-item">
<svg class="a
icc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round
" stroke-linejoin="round"><path d="M21 16v-4a2 2 0 0 0-2-
2h-14a2 2 0 0 0-2 2v4a2 2 0 0 0 2
2h14a2 2 0 0 0 2-2z"/><path d="M21 12v8a
2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8"/></
svg>
<div>
<h3>Versatile Applications</h3>
<p>Ideal for warehousing, construction sites, retail distribution, event logistics, and transport of
oversized items.</p>
</div>
</div>
<div class="aicc_feature-item">
<svg class="aicc_icon" view
box="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="
round"><path d="M3 15h18M4 19h16M10 12h4"/></svg>
<div>
<h3>Enhanced Safety</h3>
<p>Minimizes the need for complex loading equipment and reduces strain on personnel, contributing to a
safer work environment.</p>
</div>
</div>
</div>
</div>
<div>
<img src="https://site.
cdnfile.io/www.cimicequip.com/d4bad8024fec9e2e471b2
8f38f278675.jpg" alt="40ft High-Cube Side Open Door Container in use" loading="lazy" width="7
00" height="500">
</div>
</div>
</div>
</section>
<section class="aicc_section
aicc_gray">
<div class="aicc_container">
<h2>The Global Landscape of Side Open Door Container Utilization</h2>
<p
>The adoption of Side Open Door (SOD) containers is a growing trend driven by the need for greater flexibility in supply chains across various industries. From perishable goods requiring
swift distribution to bulky construction materials needing easy access, SOD containers are proving their worth.</p>
<div class="aicc_grid-container">
<
article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 24 24" fill="
none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9h1
2M6 12h12M6 15h12M4.5 21V3a2 2 0 0 1
2-2h11a2 2 0 0 1 2 2v18"/></svg>
<h3>Logistics &
; Warehousing</h3>
<p>Revolutionizing warehouse operations by allowing side-door forklifts to access cargo quickly, streamlining inventory management and order fulfillment.</p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 2
4 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2
3h6a4 4 0 0 1 4 4v12a4 4 0 0 1-
4 4H2a2 2 0 0 1-2-2V5a2 2 0 0 1 2
-2zm17.37 10.76a2 2 0 0 1-1.38-1.13l
-.76-1.89a2 2 0 0 0-1.79-1.13h-2.17M
12 12h8"/></svg>
<h3>Construction & Project Cargo</h3>
<p>Facilitating the movement of large
structural components, machinery, and equipment to construction sites, often in remote or confined areas.</p>
</article>
<article class="aicc_
grid-item">
<svg class="aicc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor
" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4v16a2 2 0
0 0 2 2h10a2 2 0 0 0 2-2V8l-6-6H
7a2 2 0 0 0-2 2z"/><path d="M14 2v6a2 2 0
0 0 2 2h6"/></svg>
<h3>Retail & E-commerce Distribution</h3>
<p>Enabling faster
restocking of retail shelves and efficient handling of high volumes of e-commerce fulfillment goods.</p>
</article>
<article class="aicc_grid
-item">
<svg class="aicc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke
-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10V5a2 2 0
0 0-2-2h-14a2 2 0 0 0-2 2v12a2 2
0 0 0 2 2h13M12 16h4M8 16h.01"/></svg>
<h3>Event & Exhibition Logistics</h3>
<p>Providing quick setup and teardown solutions for exhibition materials, staging equipment, and promotional displays.</p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 24
24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18
7h.01M13 13h.01M8 13h.01M18 13h.0
1M18 19h.01M11 19h.01M7 19h.01M2
2 4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v
16a2 2 0 0 0 2 2h10l6-6V4z"/></svg>
<h3>Special
ty & Oversized Cargo</h3>
<p>Ideal for transporting items that cannot be loaded through standard end doors, such as long pipes, pre-
fabricated modules, or industrial components.</p>
</article>
<article class="aicc_grid-item">
<svg class="a
icc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round
" stroke-linejoin="round"><path d="M14.7 6.3a1 1 0 0 0 0 1.1
l1.66 1.66l2.06-2.06a2 2 0 0 0 0
-2.83L21.6 5a2 2 0 0 0-2.83 0l-2.06
2.06l-1.66-1.66a1 1 0 0 0-1.1-.1z"/><
path d="M22 7.5V20a2 2 0 0 1-2 2H5a2 2 0
0 1-2-2v-16a2 2 0 0 1 2-2h10.5"/></svg>
<h3>
Temporary Storage Solutions</h3>
<p>Serving as easily accessible, on-site storage units for construction materials, event equipment, or seasonal inventory.</p>
</article>
</div>
</div>
</section>
<section class="aicc_section aicc_white">
<div class
="aicc_container">
<h2>China's Manufacturing Prowess: Efficiency and Expertise in SOD Container Production</h2>
<p>China has
long been recognized as a global manufacturing hub, and the container industry is no exception. CIMIC leverages this advantage by combining advanced production techniques with a highly skilled workforce to
deliver Side Open Door containers that meet international standards.</p>
<div class="aicc_grid-container">
<article class="aicc_
grid-item">
<svg class="aicc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.86 4.45l
-5.09 5.09-1.75 1.75a2 2 0 0 1-2.83
0L2.34 5.94a2 2 0 0 1 0-2.83l1.41
-1.41a2 2 0 0 1 2.83 0l5.09 5.09-
1.75 1.75a2 2 0 0 0 0 2.83l-1.75
1.75 5.09 5.09a2 2 0 0 0 2.83 0l
1.41-1.41a2 2 0 0 0 0-2.83L16.86 4
.45z"/><path d="M6 18h12M6 22h12"/></svg>
<h3>Optimized Production Lines
</h3>
<p>Our state-of-the-art factories employ automated welding, precision cutting, and efficient assembly processes, significantly reducing manufacturing lead times and costs
.</p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0
0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d
="M12 2C6.477 2 2 6.477 2 12s4.477 1
0 10 10 10-4.477 10-10S17.523 2 1
2 2zm0 18a8 8 0 1 0 0-16 8 8 0 0 0
0 16z"/><circle cx="12" cy="12" r="3"/></svg>
<h3>Stringent Quality Control</h3>
<p>Adherence to ISO 9001 and BV certification standards ensures every container undergoes rigorous quality checks, from material sourcing to final inspection.</p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 24
24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1
1 17l-5-5M11 17h3a2 2 0 0 0 2-2V
6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v
7a2 2 0 0 0 2 2h3l4 4z"/></svg>
<h3>Experienced Engineering</h3>
<
p>Our team of experienced engineers specializes in custom container solutions, ensuring that SOD features like door mechanisms, sealing, and reinforcement meet specific project requirements.</p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 2
4 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2
0 12l-6 6-6-6M15 12h-3m-3 0h-3"/></svg>
<h3>
Cost-Effective Solutions</h3>
<p>By optimizing production and leveraging economies of scale, we offer competitive pricing without compromising on the quality and durability of our SOD containers.</
p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0
0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><
path d="M20 7h-2.91a2 2 0 0 0-1.64.57
l-1.04.92a2 2 0 0 1-1.64.57H7a2 2 0
0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0
0 0 2-2v-5m-3-14l3 3-3 3"/></svg>
<h3>Customization Capabilities
</h3>
<p>From specialized locking mechanisms to unique dimensions and internal fittings, we can tailor SOD containers to meet your exact operational needs.</p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 2
4 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6
9h12M6 12h12M6 15h12M10 3L4 3a2 2 0
0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0
0 0 2-2V5a2 2 0 0 0-2-2h-6l-6-6z
"/></svg>
<h3>Rapid Prototyping</h3>
<p>Our agile manufacturing process allows for swift design iteration and prototyping, ensuring your custom SOD container requirements
are met efficiently.</p>
</article>
</div>
</div>
</section>
<section class="aicc_section a
icc_gray">
<div class="aicc_container">
<h2>Understanding Search Intent: Why Importers Seek Side Open Door Containers</h2>
<p>As a web designer and SEO specialist focused on semantic search and user intent, understanding the "why" behind a search query is crucial. When
an importer searches for "Side Open Door Container Exporter & Manufacturers," they are not just looking for a product; they are seeking a solution to a specific logistical
challenge. This intent typically stems from one or more of the following needs:</p>
<div class="aicc_grid-container">
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 24 24" fill
="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9
l9-7 9 7M13 3v11a1 1 0 0 1-1 1H6
a1 1 0 0 1-1-1V3m1-3h12a2 2 0 0 1
2 2v10"/></svg>
<h3>Improved Loading Efficiency</h3>
<p><strong>Core Need:</strong> Faster and easier loading/
unloading of palletized goods or cargo that requires side access. Importers are looking to reduce dwell times at ports and warehouses.</p>
</article
>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 24 2
4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2
a10 10 0 1 0 0 20 10 10 0 0 0 0-
20zm0 16a6 6 0 1 1 0-12 6 6 0 0 1
0 12z"/></svg>
<h3>Handling of Bulky/Oversized Items</h3>
<p><strong>Core Need:</strong> Transport
ing items that are too large or have an awkward shape to fit through standard end doors. This includes machinery, construction materials, or pre-fabricated units.</p>
</
article>
<article class="aicc_grid-item">
<svg class="aicc_icon" viewbox="0 0 24
24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.
84 4.61a5.5 5.5 0 0 0-7.78 0L12 5
.67l-1.06-1.06a5.5 5.5 0 0 0-7.78
7.78l1.06 1.06L12 21.23l7.78-7.78
1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
<h3>Specific Project Requirements</h3>
<p><strong>Core Need:</strong> Sourcing containers for unique projects, such as temporary on-site storage, exhibition booths
, or specialized industrial applications where standard containers are not suitable.</p>
</article>
<article class="aicc_grid-item">
<
svg class="aicc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke
-linecap="round" stroke-linejoin="round"><path d="M10 18a6 6 0 1 0 0
-12 6 6 0 0 0 0 12z"/><path d="M21 15a2 2 0 1
1-4 0 2 2 0 0 1 4 0z"/></svg>
<h3>Cost-Effectiveness & Value
</h3>
<p><strong>Core Need:</strong> Finding a supplier that offers high-quality SOD containers at competitive prices, ideally from a manufacturer with proven expertise
and efficient production.</p>
</article>
<article class="aicc_grid-item">
<svg class="aicc_
icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke
-linejoin="round"><path d="M10.34 15.34c1.47 1.47 3
.87 1.47 5.34 0c.73-.73.73-1.92 0-
2.65c-.73-.73-1.92-.73-2.65 0c-.73.73-.
73 1.92 0 2.65zm-2.75-2.75a2.05 2.05 0
0 1 2.9-2.9m-2.9 2.9a2.05 2.05 0 0
0 2.9 2.9m-2.9-2.9a2.05 2.05 0 0
1-2.9-2.9M6 9.76v1.28c0 1.02.55 1.9
5 1.45 2.43l4.25 2.55c.7.42 1.55.
42 2.25 0l4.25-2.55c.9-.48 1.45-1
.41 1.45-2.43V9.76M12 22V12"/></svg>
<h3>
Reliable Manufacturer & Exporter</h3>
<p><strong>Core Need:</strong> Seeking trusted partners with a track record in manufacturing and exporting, ensuring compliance,
quality, and timely delivery to their international destinations.</p>
</article>
<article class="aicc_grid-item">
<svg class="a
icc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round
" stroke-linejoin="round"><path d="M21 21l-6-6M17 5a2 2 0 1
1-4 0 2 2 0 0 1 4 0zM9.4 17.4a1.
25 1.25 0 1 0 0-2.5 1.25 1.25 0 0
0 0 2.5z"/><path d="M3 16.1L1 18a2 2 0 0 0
0 2.8l4.2 4.2a2 2 0 0 0 2.8 0L9
.9 21"/></svg>
<h3>Customization & Flexibility</h3>
<p><strong>Core Need:</strong> Requirement for bespoke features, specific
dimensions, or unique door configurations to perfectly match their cargo and operational workflow.</p>
</article>
</div>
</div>
</section>
<section
class="aicc_section aicc_white">
<div class="aicc_container">
<h2>Industry Trends and Future Outlook for Side Open Door Containers</h2>
<p>The demand for Side Open Door containers is projected to grow steadily, driven by several key factors shaping the global logistics landscape:</p>
<
div class="aicc_global-stats">
<div class="aicc_grid-container">
<article class="aicc_stat
-item">
<svg class="aicc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke
-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3
3-3-3-4 3-4-3V4a2 2 0 0 1 2-2h14
a2 2 0 0 1 2 2v14z"/><path d="M10 16v.01M14
16v.01"/></svg>
<span class="aicc_stat-value">30%</span>
<p>Project
ed annual growth in demand for specialized containers by 2028.</p>
</article>
<article class="aicc_stat
-item">
<svg class="aicc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke
-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0
1 1-4 0 2 2 0 0 1 4 0z"/><path d="M17 15v
5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v
-12a2 2 0 0 1 2-2h5"/></svg>
<span class="aicc_stat
-value">15%</span>
<p>Increase in e-commerce logistics driving demand for faster, more accessible cargo solutions.</p>
</article>
<article class="aicc_stat-item">
<svg class="aicc_icon" viewbox="0 0 24
24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22
12h-4l-3 3-3-3-4 3-4-3V4a2 2 0 0 1
2-2h14a2 2 0 0 1 2 2v14z"/><path d="M10 16v.0
1M14 16v.01"/></svg>
<span class="aicc_stat-value">25%</span>
<p>
Growth in the construction sector worldwide, necessitating efficient material handling.</p>
</article>
<article class="aicc_stat-item">
<svg
class="aicc_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-
linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 0
20 10 10 0 0 0 0-16zM6.75 13.25a
1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3
0zm6 0a1.5 1.5 0 1 1-3 0 1.5 1.5
0 0 1 3 0zm6 0a1.5 1.5 0 1 1-3 0
1.5 1.5 0 0 1 3 0z"/></svg>
<span class="aicc_stat-value">10
%</span>
<p>Increase in automation within ports and warehouses favoring side-access cargo handling.</p>
</article>
</div>
</div>
</div>
</section>
<section class="aicc_section aicc_gray">
<div class="aicc_container">
<h2>Global Procurement Needs & CIMIC's Advantage</h2>
<p>International businesses seeking Side Open Door containers typically require not just the product, but a reliable partner
who can deliver quality, customization, and value. CIMIC addresses these needs by offering:</p>
<div class="aicc_needs-grid">
<
article class="aicc_needs-card">
<svg class="aicc_icon" viewbox="0 0 24 24" fill="
none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 2
1v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4
4v2"/><path d="M8 11c4 0 5-3 5-5a4.9 4.9 0 0
0-1.5-3.5L9 1l-2.5 2.5a4.9 4.9 0 0 0
-1.5 3.5c0 2 1 5 4 5z"/></svg>
<h3>Flexible Order Quantities</h3>
<p
>Whether you need a single custom container for a specific project or a fleet for large-scale distribution, we cater to diverse order sizes.</p>
</article
>
<article class="aicc_needs-card">
<svg class="aicc_icon" viewbox="0 0 24 2
4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20
.84 4.61a5.5 5.5 0 0 0-7.78 0L12
5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78
7.78l1.06 1.06L12 21.23l7.78-7.
78 1.06-1.06a5.5 5.5 0 0 0 0-7.7
8z"/></svg>
<h3>Customization Expertise</h3>
<p>We excel in engineering custom solutions, adapting dimensions, door types, locking systems, and paint
finishes to match your unique requirements.</p>
</article>
<article class="aicc_needs-card">
<svg class="aicc
_icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round
" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8
3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></
svg>
<h3>International Certifications</h3>
<p>All our containers, including SOD models, comply with ISO and BV standards, ensuring global acceptance
and operational reliability.</p>
</article>
<article class="aicc_needs-card">
<svg class="aicc_
icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round
" stroke-linejoin="round"><path d="M13 2L3 14c-.1.2-.2.4-.2.6
s.1.4.2.6L3 18a2 2 0 0 0 2 2h14a2 2 0
0 0 2-2V8l-6-6z"/><path d="M13 2v6h6"/></svg>
<h3>Transparent Pricing & Quotations</h3>
<p>We provide detailed, itemized quotations, allowing you to understand the value and cost breakdown of your chosen SOD container configuration
.</p>
</article>
<article class="aicc_needs-card">
<svg class="aicc_icon" viewbox="0
0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path
d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8
10 8 10z"/><path d="m9 12 2 2 4-4"/></svg>
<h3>Global Shipping
Network</h3>
<p>Leveraging our extensive experience, we offer seamless shipping and export services to destinations worldwide, ensuring timely delivery.</p>
</article
>
<article class="aicc_needs-card">
<svg class="aicc_icon" viewbox="0 0 24 2
4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2
L2 7l10 5 10-5-10-5z"/><path d="M2 17l10
5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
<h3>Dedicated
Customer Support</h3>
<p>Our team is committed to providing end-to-end support, from initial inquiry and design consultation to after-sales service.</p>
</article>
</div>
</div>
</section>
<section class="aicc_section aicc_white">
<div class
="aicc_container">
<h2>Frequently Asked Questions (FAQ) about Side Open Door Containers</h2>
<div class="aicc_faq-list
">
<details open>
<summary>What makes a Side Open Door container different from a standard container?<span class="pm"><svg view
box="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M
12 5v14M5 12h14"/></svg></span></summary>
<p>The primary difference is the
door configuration. Standard containers have doors only at one end, while Side Open Door (SOD) containers feature one or both long sides that can open fully, allowing access
along the entire length of the container. This design is optimized for side loading and unloading.</p>
</details>
<details>
<summary>What
are the typical sizes available for SOD containers?<span class="pm"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke
-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></span></summary
>
<p>Commonly, Side Open Door containers are manufactured in 20ft and 40ft lengths, often in High Cube (
HC) variants for increased vertical space. We can also engineer custom dimensions based on specific project needs.</p>
</details>
<details>
<summary>
Can SOD containers be refrigerated or insulated?<span class="pm"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor
" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 12h14"/></svg></span>
</summary>
<p>Yes, CIMIC can customize SOD containers with insulation or refrigeration units. For example, a Side Open Door Reefer container offers
the benefit of side access combined with temperature control, crucial for cold chain logistics requiring quick side-palletizing.</p>
</details>
<details
>
<summary>What are the advantages of using SOD containers for palletized cargo?<span class="pm"><svg viewbox="0 0 24 2
4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5
12h14"/></svg></span></summary>
<p>For palletized cargo, SOD containers significantly speed up loading and unloading processes. Forklifts can
efficiently place or remove pallets from the side without needing to maneuver around end doors, drastically reducing turnaround times and labor costs.</p>
</details>
<
details>
<summary>How do the side doors operate and what about security?<span class="pm"><svg viewbox="0 0 24 24
" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M12 5v14M5 1
2h14"/></svg></span></summary>
<p>The side doors typically function like standard container doors, swinging outwards and secured by multiple
locking rods and handles. They are designed to offer robust security and weather resistance when closed. We offer various locking mechanisms and high-security options upon request.</p>
</details>
<details>
<summary>Can CIMIC provide custom modifications for SOD containers?<span class="pm"><svg viewbox="
0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M
12 5v14M5 12h14"/></svg></span></summary>
<p>Absolutely. Customization is a core strength
. We can modify SOD containers with specific shelving, internal partitions, specialized locking systems, additional access points, or specific paint/coating requirements to meet unique project needs
.</p>
</details>
</div>
</div>
</section>
<footer class="site-footer">
<
div class="aicc_container foot-main">
<div class="foot-brand">
<a href="/" class="brand" aria-label="C
IMIC Container home">
<span class="brand-logo"><img src="https://site.cdnfile.io/www.cimicequip.com/
f040ab0d477ac008ebca6f123fcfd43d.png" alt="CIMIC logo
" width="120" height="34" loading="lazy"></span>
<span class="brand-text"><strong>CIMIC</strong><small
>Container Manufacturer</small></span>
</a>
<p>Tianjin Cimic Imp&Exp Co., Ltd. — reefer, dry, offshore
, insulated, tank and modular containers for buyers worldwide.</p>
<ul class="social foot-social">
<li><a href="https
://www.facebook.com/profile.php?id=61563264453012" target="_blank" rel="nofollow
noopener" aria-label="CIMIC on Facebook"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M1
4 9h3V5h-3a4 4 0 0 0-4 4v2H8v4h2v7
h4v-7h3l1-4h-4V9z"/></svg></a></li>
<li><a href="https://www.youtube.com
/@May-o5o-sss/videos" target="_blank" rel="nofollow noopener" aria-label="CIMIC on YouTube"><svg viewbox="0
0 24 24" fill="currentColor"><path d="M23 7.2a3 3 0 0 0-
2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.
9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12
a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2
.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0
0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31
0 0 0-.5-4.8zM9.8 15.1V8.9l5.4 3.1
-5.4 3.1z"/></svg></a></li>
<li><a href="https://www.youtube.com/channel/UC
5fEsDFVrjfQwa32-CnG8Xg" target="_blank" rel="nofollow noopener" aria-label="CIMIC YouTube channel
"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M23 7.2a3 3 0
0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7
0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .
5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1
2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a
3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8
31 31 0 0 0-.5-4.8zM9.8 15.1V8.9l5.4
3.1-5.4 3.1z"/></svg></a></li>
<li><a href="https://api.whatsapp.com/send?
phone=8613920482102" target="_blank" rel="nofollow noopener" aria-label="Chat on WhatsApp"><svg view
box="0 0 448 512" fill="currentColor"><path d="M380.9 97.1C33
9 55.1 283.2 32 223.9 32c-122.4 0-22
2 99.6-222 222 0 39.1 10.2 77.3 29.6
111L0 480l117.7-30.9c32.4 17.7 68.
9 27 106.1 27h.1c122.3 0 224.1-99.
6 224.1-222 0-59.3-25.2-115-67.1-15
7zm-157 341.6c-33.2 0-65.7-8.9-94-2
5.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7
c-18.5-29.4-28.2-63.3-28.2-98.2 0-10
1.7 82.8-184.5 184.6-184.5 49.3 0 95
.6 19.2 130.4 54.1 34.8 34.9 56.2 8
1.2 56.1 130.5 0 101.8-84.9 184.6-18
6.6 184.6zm101.2-138.2c-5.5-2.8-3
2.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.
5 2.8-3.7 5.6-14.3 18-17.6 21.8-3
.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54
-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-3
0.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5
-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.
5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1
.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46
.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.
7 39.1 59.7 94.8 83.8 35.2 15.2 49
16.5 66.6 13.9 10.7-1.6 32.8-13.4
37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1
.3-2.5-5-3.9-10.5-6.6z"/></svg></a></li>
</ul>
</div>
<nav class="foot-col" aria-label="Product links">
<h3>Products</h3>
<ul class="foot-links">
<li><a
href="/reefer-container-product-quotes/">Reefer Container</a></li>
<li><a href="/dry-container-pricelist-quotes/">
Dry Container</a></li>
<li><a href="/offshore-container-manufacturers-quotes/">Offshore Container</a></li>
<li><a href="/insulated-
container-exporter-exporters/">Insulated Container</a></li>
<li><a href="/tank-container-products-quotes/">Tank Container</a></li>
<li><
a href="/modular-container-manufacturer-manufacturers/">Modular Container</a></li>
<li><a href="/used-container-pricelist-manufacturers/">Used
Container</a></li>
<li><a href="/special-container-factory-exporters/">Special Container</a></li>
</ul>
</nav>
<nav class="foot-col" aria-label="Quick links">
<h3>Quick Links</h3>
<ul class="foot-links">
<li><
a href="/">Home</a></li>
<li><a href="/products/">Products</a></li>
<li><a href="/global_service/">Global Service</a></li>
<li>
<a href="/blog/">Hot Blog</a></li>
<li><a href="/top-search/">Top Search Keywords</a></li>
<li><a href="/
contact/">Contact us</a></li>
<li><a href="/catalog/">Request a Catalog</a></li>
</ul>
</nav>
<div class="foot-
col">
<h3>Contact Us</h3>
<ul class="foot-contact">
<li><svg class="icon" viewbox="0 0 24
24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1
2 22s7-6.2 7-12a7 7 0 1 0-14 0c0 5.8
7 12 7 12z"/><circle cx="12" cy="10" r="2.5"/></svg><span>Huaying Building-11
34, Central Avenue, Airport Economic Zone, Tianjin FTA Pilot Area, China</span></li>
<li><svg class="icon" viewbox="0 0 2
4 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M
22 16.92v3a2 2 0 0 1-2.18 2 19.79 19
.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-
6-6 19.79 19.79 0 0 1-3.07-8.67A2
2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.1
3.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.
11L8.09 9.91a16 16 0 0 0 6 6l1.27-1
.27a2 2 0 0 1 2.11-.45c.91.34 1.85.
57 2.81.7A2 2 0 0 1 22 16.92z"/></svg><
a href="tel:+8613920482102">+86 139 2048 2102</a></li>
<li><svg class="icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="
2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><
path d="m22 6-10 7L2 6"/></svg><a href="mailto:info@cimcontainer.com">info@cimcontainer
.com</a></li>
</ul>
<div class="clocks" aria-label="Contact hours">
<div class="clock hq"><span>
Tianjin HQ</span><b data-tz="Asia/Shanghai">--:--</b></div>
<div class="clock"><span>Your Time</span><b data-tz="
local">--:--</b></div>
</div>
</div>
</div>
<div class="foot-bottom">
<div class="aicc
_container">
<span>Copyright © <span id="year">2024</span> Tianjin Cimic Imp&Exp Co., Ltd. All Rights Reserved.</span>
<a href="/sitemap.xml">Sitemap</a>
</div>
</div>
</footer>
</div>
<button class="to-top"
id="toTop" aria-label="Back to top"><svg viewbox="0 0 24 24" fill="none" stroke
="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5M6
11l6-6 6 6"/></svg></button>
<script>
(function(){
var header=document.getElementById('
siteHeader'),toTop=document.getElementById('toTop');
function onScroll(){var y=window.scrollY;header.classList.toggle('scrolled',y>
60);toTop.classList.toggle('show',y>700)}
window.addEventListener('scroll',onScroll,{passive:true});on
Scroll();
toTop.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'})});
var burger=document.getElementById('burger'),
nav=document.getElementById('mainNav'),backdrop=document.getElementById('navBackdrop');
function setNav(open){nav.classList.toggle
('open',open);backdrop.classList.toggle('show',open);burger.setAttribute('aria-expanded',open);document.body.style.overflow=
open?'hidden':''}
burger.addEventListener('click',function(){setNav(!nav.classList.contains('open'))});
backdrop.addEventListener('click',function
(){setNav(false)});
document.querySelectorAll('.sub-toggle').forEach(function(btn){
btn.addEventListener('click',function(){var
li=btn.parentElement,o=!li.classList.contains('open');li.classList.toggle('open',o);btn.setAttribute('aria-expanded
',o)});
});
document.querySelectorAll('.has-sub>a[href^="javascript"]').forEach(function(a){
a
.addEventListener('click',function(e){if(window.innerWidth<=1080){e.preventDefault();a.parentElement.querySelector('.sub-toggle').click()
}});
});
var slides=[].slice.call(document.querySelectorAll('.hero-slide')),bars=[].slice.call(document.querySelectorAll('#heroBars
button')),cap=document.getElementById('heroCaption'),now=document.getElementById('heroNow'),cur=0,timer,DUR=650
0;
function go(i){
i=(i+slides.length)%slides.length;
slides[cur].classList.remove('is-active');
var v=slides[cur].querySelector('video');if(v)v.pause();
cur=i;slides[cur].classList.add
('is-active');
var nv=slides[cur].querySelector('video');if(nv){nv.currentTime=0;var p=nv.play
();if(p&&p.catch)p.catch(function(){})}
bars.forEach(function(b,k){b.classList.remove('
is-active','done');if(k<cur)b.classList.add('done')});
void bars[cur].offsetWidth;bars[cur].classList.
add('is-active');
now.textContent=('0'+(cur+1)).slice(-2);
cap.classList.add('swap');
setTimeout(function(){cap.textContent=slides[cur].dataset.caption;cap.classList.remove('swap')},400);
restart();
}
function restart(){clearTimeout(timer);timer=setTimeout(function(){go(cur+1)},DUR)}
document.getElementById('
heroNext').addEventListener('click',function(){go(cur+1)});
document.getElementById('heroPrev').addEventListener('click',function(){go(cur-1)});
bars.forEach(function(b,k){b.addEventListener('click',function(){if(k!==cur)go(k)})});
document.documentElement.style.setProperty('--dur',DUR/1000+'s');
restart();
var track=document.getElementById('
prodTrack');
function step(){var c=track.querySelector('.p-card');return c?c.getBoundingClientRect().width+24:30
0}
document.getElementById('prodNext').addEventListener('click',function(){
if(track.scrollLeft+track.clientWidth>=track.scroll
Width-10)track.scrollTo({left:0,behavior:'smooth'});else track.scrollBy({left:step(),behavior:'smooth'})});
document.getElementById('prodPrev').addEventListener('click',function(){track.scrollBy({left:-step(),behavior:'smooth'})});
var certBtn=document.
getElementById('certBtn'),certPop=document.getElementById('certPop');
certBtn.addEventListener('click',function(e){e.stopPropagation();
var o=!certPop.classList.contains('open');certPop.classList.toggle('open',o);certBtn.setAttribute('aria-expanded',o
)});
document.addEventListener('click',function(e){if(!certPop.contains(e.target)){certPop.classList.remove('open');certBtn.
setAttribute('aria-expanded','false')}});
var frame=document.getElementById('aboutVideo'),vid=frame.querySelector('video');
document.getElementById('play
Btn').addEventListener('click',function(){frame.classList.add('playing');var p=vid.play();if(p&&p.catch)p.catch(
function(){})});
var items=[].slice.call(document.querySelectorAll('.app-item'));
function activate(el){items.forEach(function(i
){i.classList.toggle('is-active',i===el)})}
items.forEach(function(el){
el.addEventListener('mouseenter
',function(){if(window.matchMedia('(hover:hover)').matches)activate(el)});
el.addEventListener('click',function(){activate(el)});
el
.addEventListener('focus',function(){activate(el)});
});
function countUp(el){
var to=+el.dataset.to,from=+(
el.dataset.from||0),plain=el.dataset.plain,d=2000,s=null;
function f(
t){if(!s)s=t;var p=Math.min((t-s)/d,1),e=1-Math.pow(1-p
,3),v=Math.round(from+(to-from)*e);el.textContent=plain?v:v.toLocaleString('en-US');if(p<
1)requestAnimationFrame(f)}
requestAnimationFrame(f);
}
if('IntersectionObserver' in window){
var io=new IntersectionObserver(function
(es){es.forEach(function(en){if(en.isIntersecting){en.target.classList.add('in');io.unobserve(en.
target)}})},{threshold:.12,rootMargin:'0px 0px -40px 0px'});
document.querySelectorAll('.reveal').
forEach(function(el){io.observe(el)});
var co=new IntersectionObserver(function(es){es.forEach(function(en){if
(en.isIntersecting){countUp(en.target);co.unobserve(en.target)}})},{threshold:.6});
document.querySelectorAll('.
count').forEach(function(el){co.observe(el)});
}else{document.querySelectorAll('.reveal').forEach(function(el){el.classList.add
('in')})}
var clocks=document.querySelectorAll('[data-tz]');
function tick(){clocks.forEach(function(c){var o={
hour:'2-digit',minute:'2-digit',hour12:false};if(c.dataset.tz!=='local')o.timeZone=c.
dataset.tz;try{c.textContent=new Intl.DateTimeFormat('en-GB',o).format(new Date())}catch(e){}}
)}
tick();setInterval(tick,30000);
document.getElementById('year').textContent=new Date().getFullYear();
})();
</script>
<script type="text/javascript" src="https://sitev3.cdnfile.io/js/customerVisit.js?v=2026110216"></script>
<script type="text/javascript" src="https://form.grofrom.com/livechat.js?v=2026110216"></script>
</body>
</html>
<div style="text-align: center;padding: 20px;font-weight: 600;ont-size: 20px;">
<a href="/products/side-open-door-container-exporter-manufacturers/">All Side Open Door Container Products</a>
</div>
<!-- main-content-end --> <footer class="site-footer"> <div class="ruler" aria-hidden="true"></div> <div class="container foot-main"> <div class="foot-brand"> <a href="/" class="brand" aria-label="CIMIC Container home"> <span class="brand-logo"><img src="https://site.cdnfile.io/www.cimicequip.com/f040ab0d477ac008ebca6f123fcfd43d.png" alt="CIMIC logo" width="120" height="34" loading="lazy"></span> <span class="brand-text"><strong>CIMIC</strong><small>Container Manufacturer</small></span> </a> <p>Tianjin Cimic Imp&Exp Co., Ltd. — reefer, dry, offshore, insulated, tank and modular containers for buyers worldwide.</p> <ul class="social foot-social"> <li><a href="https://www.facebook.com/profile.php?id=61563264453012" target="_blank" rel="nofollow noopener" aria-label="CIMIC on Facebook"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M14 9h3V5h-3a4 4 0 0 0-4 4v2H8v4h2v7h4v-7h3l1-4h-4V9z"/></svg></a></li> <li><a href="https://www.youtube.com/@May-o5o-sss/videos" target="_blank" rel="nofollow noopener" aria-label="CIMIC on YouTube"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8zM9.8 15.1V8.9l5.4 3.1-5.4 3.1z"/></svg></a></li> <li><a href="https://www.youtube.com/channel/UC5fEsDFVrjfQwa32-CnG8Xg" target="_blank" rel="nofollow noopener" aria-label="CIMIC YouTube channel"><svg viewbox="0 0 24 24" fill="currentColor"><path d="M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8zM9.8 15.1V8.9l5.4 3.1-5.4 3.1z"/></svg></a></li> <li><a href="https://api.whatsapp.com/send?phone=8613920482102" target="_blank" rel="nofollow noopener" aria-label="Chat on WhatsApp"><svg viewbox="0 0 448 512" fill="currentColor"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"/></svg></a></li> </ul> </div> <nav class="foot-col" aria-label="Product links"> <h2>Products</h2> <ul class="foot-links"> <li><a href="/reefer-container-product-quotes/">Reefer Container</a></li> <li><a href="/dry-container-pricelist-quotes/">Dry Container</a></li> <li><a href="/offshore-container-manufacturers-quotes/">Offshore Container</a></li> <li><a href="/insulated-container-exporter-exporters/">Insulated Container</a></li> <li><a href="/tank-container-products-quotes/">Tank Container</a></li> <li><a href="/modular-container-manufacturer-manufacturers/">Modular Container</a></li> <li><a href="/used-container-pricelist-manufacturers/">Used Container</a></li> <li><a href="/special-container-factory-exporters/">Special Container</a></li> </ul> </nav> <nav class="foot-col" aria-label="Quick links"> <h2>Quick Links</h2> <ul class="foot-links"> <li><a href="/">Home</a></li> <li><a href="/products/">Products</a></li> <li><a href="/global_service/">Global Service</a></li> <li><a href="/blog/">Hot Blog</a></li> <li><a href="/top-search/">Top Search Keywords</a></li> <li><a href="/contact/">Contact us</a></li> <li><a href="/catalog/">Request a Catalog</a></li> </ul> </nav> <div class="foot-col"> <h2>Contact Us</h2> <ul class="foot-contact"> <li><svg class="icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s7-6.2 7-12a7 7 0 1 0-14 0c0 5.8 7 12 7 12z"/><circle cx="12" cy="10" r="2.5"/></svg><span>Huaying Building-1134, Central Avenue, Airport Economic Zone, Tianjin FTA Pilot Area, China</span></li> <li><svg class="icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg><a href="tel:+8613920482102">+86 139 2048 2102</a></li> <li><svg class="icon" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m22 6-10 7L2 6"/></svg><a href="mailto:info@cimcontainer.com">info@cimcontainer.com</a></li> </ul> <div class="clocks" aria-label="Contact hours"> <div class="clock hq"><span>Tianjin HQ</span><b data-tz="Asia/Shanghai">--:--</b></div> <div class="clock"><span>Your Time</span><b data-tz="local">--:--</b></div> </div> </div> </div> <div class="foot-bottom"> <div class="container"> <span>Copyright © <span id="year">2024</span> Tianjin Cimic Imp&Exp Co., Ltd. All Rights Reserved.</span> <a href="/sitemap.xml">Sitemap</a> </div> </div> </footer> <button class="to-top" id="toTop" aria-label="Back to top"><svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 19V5M6 11l6-6 6 6"/></svg></button> <script>
(function(){
var header=document.getElementById('siteHeader'),toTop=document.getElementById('toTop');
function onScroll(){var y=window.scrollY;header.classList.toggle('scrolled',y>60);toTop.classList.toggle('show',y>700)}
window.addEventListener('scroll',onScroll,{passive:true});onScroll();
toTop.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'})});
var burger=document.getElementById('burger'),nav=document.getElementById('mainNav'),backdrop=document.getElementById('navBackdrop');
function setNav(open){nav.classList.toggle('open',open);backdrop.classList.toggle('show',open);burger.setAttribute('aria-expanded',open);document.body.style.overflow=open?'hidden':''}
burger.addEventListener('click',function(){setNav(!nav.classList.contains('open'))});
backdrop.addEventListener('click',function(){setNav(false)});
document.querySelectorAll('.sub-toggle').forEach(function(btn){
btn.addEventListener('click',function(){var li=btn.parentElement,o=!li.classList.contains('open');li.classList.toggle('open',o);btn.setAttribute('aria-expanded',o)});
});
document.querySelectorAll('.has-sub>a[href^="javascript"]').forEach(function(a){
a.addEventListener('click',function(e){if(window.innerWidth<=1080){e.preventDefault();a.parentElement.querySelector('.sub-toggle').click()}});
});
var slides=[].slice.call(document.querySelectorAll('.hero-slide')),bars=[].slice.call(document.querySelectorAll('#heroBars button')),cap=document.getElementById('heroCaption'),now=document.getElementById('heroNow'),cur=0,timer,DUR=6500;
function go(i){
i=(i+slides.length)%slides.length;
slides[cur].classList.remove('is-active');
var v=slides[cur].querySelector('video');if(v)v.pause();
cur=i;slides[cur].classList.add('is-active');
var nv=slides[cur].querySelector('video');if(nv){nv.currentTime=0;var p=nv.play();if(p&&p.catch)p.catch(function(){})}
bars.forEach(function(b,k){b.classList.remove('is-active','done');if(k<cur)b.classList.add('done')});
void bars[cur].offsetWidth;bars[cur].classList.add('is-active');
now.textContent=('0'+(cur+1)).slice(-2);
cap.classList.add('swap');setTimeout(function(){cap.textContent=slides[cur].dataset.caption;cap.classList.remove('swap')},400);
restart();
}
function restart(){clearTimeout(timer);timer=setTimeout(function(){go(cur+1)},DUR)}
document.getElementById('heroNext').addEventListener('click',function(){go(cur+1)});
document.getElementById('heroPrev').addEventListener('click',function(){go(cur-1)});
bars.forEach(function(b,k){b.addEventListener('click',function(){if(k!==cur)go(k)})});
document.documentElement.style.setProperty('--dur',DUR/1000+'s');
restart();
var track=document.getElementById('prodTrack');
function step(){var c=track.querySelector('.p-card');return c?c.getBoundingClientRect().width+24:300}
document.getElementById('prodNext').addEventListener('click',function(){
if(track.scrollLeft+track.clientWidth>=track.scrollWidth-10)track.scrollTo({left:0,behavior:'smooth'});else track.scrollBy({left:step(),behavior:'smooth'})});
document.getElementById('prodPrev').addEventListener('click',function(){track.scrollBy({left:-step(),behavior:'smooth'})});
var certBtn=document.getElementById('certBtn'),certPop=document.getElementById('certPop');
certBtn.addEventListener('click',function(e){e.stopPropagation();var o=!certPop.classList.contains('open');certPop.classList.toggle('open',o);certBtn.setAttribute('aria-expanded',o)});
document.addEventListener('click',function(e){if(!certPop.contains(e.target)){certPop.classList.remove('open');certBtn.setAttribute('aria-expanded','false')}});
var frame=document.getElementById('aboutVideo'),vid=frame.querySelector('video');
document.getElementById('playBtn').addEventListener('click',function(){frame.classList.add('playing');var p=vid.play();if(p&&p.catch)p.catch(function(){})});
var items=[].slice.call(document.querySelectorAll('.app-item'));
function activate(el){items.forEach(function(i){i.classList.toggle('is-active',i===el)})}
items.forEach(function(el){
el.addEventListener('mouseenter',function(){if(window.matchMedia('(hover:hover)').matches)activate(el)});
el.addEventListener('click',function(){activate(el)});
el.addEventListener('focus',function(){activate(el)});
});
function countUp(el){
var to=+el.dataset.to,from=+(el.dataset.from||0),plain=el.dataset.plain,d=2000,s=null;
function f(t){if(!s)s=t;var p=Math.min((t-s)/d,1),e=1-Math.pow(1-p,3),v=Math.round(from+(to-from)*e);el.textContent=plain?v:v.toLocaleString('en-US');if(p<1)requestAnimationFrame(f)}
requestAnimationFrame(f);
}
if('IntersectionObserver' in window){
var io=new IntersectionObserver(function(es){es.forEach(function(en){if(en.isIntersecting){en.target.classList.add('in');io.unobserve(en.target)}})},{threshold:.12,rootMargin:'0px 0px -40px 0px'});
document.querySelectorAll('.reveal').forEach(function(el){io.observe(el)});
var co=new IntersectionObserver(function(es){es.forEach(function(en){if(en.isIntersecting){countUp(en.target);co.unobserve(en.target)}})},{threshold:.6});
document.querySelectorAll('.count').forEach(function(el){co.observe(el)});
}else{document.querySelectorAll('.reveal').forEach(function(el){el.classList.add('in')})}
var clocks=document.querySelectorAll('[data-tz]');
function tick(){clocks.forEach(function(c){var o={hour:'2-digit',minute:'2-digit',hour12:false};if(c.dataset.tz!=='local')o.timeZone=c.dataset.tz;try{c.textContent=new Intl.DateTimeFormat('en-GB',o).format(new Date())}catch(e){}})}
tick();setInterval(tick,30000);
document.getElementById('year').textContent=new Date().getFullYear();
})();
</script> <script type="text/javascript" src="https://sitev3.cdnfile.io/js/customerVisit.js?v=2026110216"></script>
<script type="text/javascript" src="https://form.grofrom.com/livechat.js?v=2026110216"></script>
</body> </html>