/*这个是原来的基础落地页面css内容*/
* { margin:0; padding:0; box-sizing:border-box; }
html, body { margin:0; padding:0; width:100%; height:100%; }
.prodmsh-global-container {margin:0; padding:0;}
.prodmsh-banner { background-color:#e2eee6; padding:30px 0 50px 0; min-height:600px; width:100%; margin:0; }
.prodmsh-container { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:60px; }
.prodmsh-image-section { flex:1; text-align:center; }
.prodmsh-banner-product-image { max-width:100%; height:auto; border-radius:12px; }
.prodmsh-content-section { flex:1; max-width:600px; }
.prodmsh-content-section h1 { color:#2B574B !important; font-size:3.6rem !important; font-weight:bold !important; line-height:1.2 !important; margin-bottom:30px !important; margin-top:-0px !important; }
.prodmsh-description { color:#4b5563; font-size:18px; line-height:1.6; margin-bottom:30px; }
.prodmsh-product-form { background:white; border-radius:12px; padding:20px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.1); }
.prodmsh-form-group { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e5e7eb; display:flex; justify-content:space-between; align-items:center; gap:50px; }
.prodmsh-form-group:last-of-type { border-bottom:none; margin-bottom:0; }
.prodmsh-form-label { color:#2B574B; font-weight:600; font-size:18px; min-width:140px; }
.prodmsh-form-value { color:#000000; font-size:18px; text-align:left; flex:1; }
.prodmsh-button-group { display:flex; gap:12px; margin-top:21px; }
.prodmsh-btn-primary { background-color:#2B574B; color:white !important; padding:14px 28px; border:none; border-radius:8px; font-weight:600; font-size:18px; cursor:pointer; transition:background-color 0.2s; flex:1; text-decoration:none; text-align:center; display:inline-block; }
.prodmsh-btn-primary:hover { background-color:#1e3f36; }
.prodmsh-btn-secondary { color:#333 !important; background-color:white; color:#2B574B; padding:14px 28px; border:2px solid #2B574B; border-radius:8px; font-weight:600; font-size:18px; cursor:pointer; transition:all 0.2s; flex:1; text-decoration:none; text-align:center; display:inline-block; }
.prodmsh-btn-secondary:hover { background-color:#2B574B; color:white !important; }
.prodmsh-ad { background-color:#FFFFFF; padding:80px 0; width:100%; margin:0; }
.prodmsh-ad-container { max-width:1200px; margin:0 auto; padding:0 20px; }
.prodmsh-ad-header { text-align:center; margin-bottom:60px; }
.prodmsh-ad-title { font-size:3rem; font-weight:bold; color:#2B574B; margin-bottom:20px; line-height:1.2; }
.prodmsh-ad-subtitle { font-size:20px; color:#2B574B; margin-bottom:40px; }
.prodmsh-ad-tabs { display:flex; justify-content:center; gap:40px; margin-bottom:60px; flex-wrap:wrap; }
.prodmsh-ad-tab { color:#999; font-size:15px; font-weight:600; cursor:pointer; transition:color 0.3s ease; border:none; background:none; padding:5px 0; position:relative; }
.prodmsh-ad-tab.active { color:#2B574B; }
.prodmsh-ad-tab.active::after { content:''; position:absolute; bottom:-5px; left:0; right:0; height:2px; background-color:#2B574B; }
.prodmsh-ad-content { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-bottom:40px; }
.prodmsh-ad-tab-content { display:none; }
.prodmsh-ad-tab-content.active { display:block; }
.prodmsh-ad-text { padding-right:20px; }
.prodmsh-ad-section-title { font-size:1.75rem; font-weight:bold; color:#2B574B; margin-bottom:20px; line-height:1.3; }
.prodmsh-ad-description { color:#666; font-size:18px; line-height:1.6; margin-bottom:25px; }
.prodmsh-ad-image { text-align:center; }
.prodmsh-ad-image img { max-width:100%; height:auto; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.1); transition:transform 0.3s ease; }
.prodmsh-ad-image img:hover { transform:scale(1.05); }
.prodmsh-ad-button { display:inline-block; background-color:#2B574B; color:white !important; padding:16px 32px; border-radius:25px; text-decoration:none; font-weight:600; font-size:18px; transition:background-color 0.3s ease; border:none; cursor:pointer; }
.prodmsh-ad-button:hover { background-color:#000000; }
.prodmsh-recom-section { padding:80px 0 100px 0; background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); width:100%; margin:0; }
.prodmsh-recom-container { max-width:1200px; margin:0 auto;}
.prodmsh-collections-section { position:relative; }
.prodmsh-section-title { text-align:center; margin-bottom:40px; }
.prodmsh-section-title h2 { font-size:3rem; color:#2B574B; margin-bottom:20px; font-weight:bold; }
.prodmsh-section-desc { font-size:18px; color:#666; line-height:1.6; max-width:1000px; margin:0 auto 40px; }
.prodmsh-products-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; }
.prodmsh-product-card { text-align:center; display:flex; flex-direction:column; }
.prodmsh-product-image-container { overflow: hidden !important; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); height: 0; padding-bottom: 100%; position: relative; contain: layout style paint; isolation: isolate; }
.prodmsh-product-card:hover .prodmsh-product-image-container { box-shadow: 0 8px 30px rgba(0,0,0,0.15); }
.prodmsh-product-image-container .prodmsh-product-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; max-width: 100%; max-height: 100%; }
img[src*="2.jpg"] { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; max-width: 100% !important; max-height: 100% !important; display: block !important; }
.prodmsh-product-card img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; }
.prodmsh-product-card:hover .prodmsh-product-image-container .prodmsh-product-image{ transform:scale(1.05); }
.prodmsh-product-title { font-size:20px; color:#2B574B; margin-bottom:20px; font-weight:600; flex:1; display:flex; align-items:center; justify-content:center; min-height:48px; }
.prodmsh-product-btn { display:inline-flex; align-items:center; gap:8px; background-color:transparent; color:#2B574B; padding:12px 25px; border:2px solid #2B574B; border-radius:5px; text-decoration:none; font-size:15px; font-weight:600; transition:all 0.3s ease; margin-top:auto; }
.prodmsh-product-card:hover .prodmsh-product-btn { background-color:#2B574B; color:white; }
.prodmsh-product-btn::after { content:'→'; font-size:1.1rem; }
.prodmsh-comparison-section { width:100%; margin:0; background-color:#f8f9fa; }
.prodmsh-com-container { display:flex; align-items:center; margin:0 auto; background:#FFF; }
.prodmsh-com-left { flex:1; justify-content:center; align-items:center; margin-bottom:50px; }
.prodmsh-com-image { width:78%; }
.prodmsh-com-right { flex:1; display:flex; justify-content:center; align-items:center; }
.prodmsh-com-table-wrapper { width:100%; background-color:#F2F2F2; border-radius:16px; padding:30px; box-shadow:0 4px 16px rgba(0,0,0,0.08); margin-left:-380px; margin-top:-80px; }
.prodmsh-com-title { font-size:3rem; font-weight:700; text-align:center; margin:0 0 25px 0; color:#333; padding:15px; }
.prodmsh-com-comparison-table { width:100%; border-collapse:collapse; background:white; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.prodmsh-com-header-row { background:linear-gradient(135deg, #0b382b, #34ffb45c); color:white; }
.prodmsh-com-header-row th { padding:16px 12px; font-weight:600; text-align:center; font-size:22px; text-shadow:0px 2px 7px #141515a1; }
.prodmsh-com-row { border-bottom:1px solid #eee; }
.prodmsh-com-row:last-child { border-bottom:none; }
.prodmsh-com-row:nth-child(even) { background-color:#fafafa; }
.prodmsh-com-cell { padding:14px 12px; text-align:left; vertical-align:middle; font-size:20px; line-height:1.4; }
.prodmsh-com-dimension-cell { font-weight:600; background-color:#f8f9fa; color:#555; text-align:left; border-right:2px solid #e9ecef; }
.prodmsh-com-eco-cell { background-color:#f8fff8; }
.prodmsh-com-plastic-cell { background-color:#fff8f8; }
.prodmsh-com-positive { color:#2e7d32; font-weight:600; }
.prodmsh-com-negative { color:#d32f2f; font-weight:600; }
.prodmsh-com-neutral { color:#f57c00; font-weight:600; }
.prodmsh-app { background-color:#347470; padding:60px 20px; width:100%; margin:0; }
.prodmsh-app .prodmsh-app-container { max-width:1200px; margin:0 auto; text-align:center; }
.prodmsh-app .prodmsh-app-title { color:white; font-size:3rem; font-weight:bold; margin-bottom:24px; line-height:1.2; }
.prodmsh-app .prodmsh-app-description { color:white; font-size:20px; line-height:1.6; margin:0 auto 50px; max-width:1000px; }
.prodmsh-app .prodmsh-app-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; max-width:1200px; margin:0 auto; }
.prodmsh-app .prodmsh-app-card { background:white; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.1); transition:transform 0.3s ease; }
.prodmsh-app .prodmsh-app-card:hover { transform:translateY(-4px); }
.prodmsh-app .prodmsh-app-image { width:100%; height:280px; object-fit:cover; }
.prodmsh-app .prodmsh-app-label { padding:20px; font-size:20px; font-weight:600; color:#000000; transition:color 0.3s ease; }
.prodmsh-app .prodmsh-app-card:hover .prodmsh-app-label { color:#1b4135; }
.prodmsh-seo { background-color:#f8f9fa; padding:80px 0; width:100%; margin:0; }
.prodmsh-seo-container { max-width:1200px; margin:0 auto; display:flex; align-items:center; gap:10px; }
.prodmsh-seo-content { flex:1; }
.prodmsh-seo-title { font-size:2.5rem; font-weight:bold; color:#333; margin-bottom:30px; line-height:1.2; }
.prodmsh-seo-description { color:#666; font-size:18px; line-height:1.6; margin-bottom:30px; }
.prodmsh-seo-list { list-style:none; margin-bottom:40px; }
.prodmsh-seo-list li { color:#666; font-size:18px; margin-bottom:12px; position:relative; padding-left:20px; }
.prodmsh-seo-list li::before { content:'♦ '; color:#347470; font-size:0.9rem; position:absolute; left:0; top:-2px; }
.prodmsh-seo-button { display:inline-block; color:white !important; padding:16px 32px; border-radius:25px; text-decoration:none; font-weight:600; font-size:1rem; position:relative; overflow:hidden; transition:all 0.4s ease; border:2px solid #2B574B; background-color:#2B574B; cursor:pointer; z-index:1; }
.prodmsh-seo-button::before { content:''; position:absolute; top:-2px; left:50%; width:0; height:calc(100% + 4px); background-color:#F8F9FA; transition:all 0.4s ease; z-index:-1; transform:translateX(-50%); border-radius:25px; }
.prodmsh-seo-button:hover::before { width:100%; }
.prodmsh-seo-button:hover { color:#2B574B !important; border-color:#2B574B; }
.prodmsh-seo-image { flex:1; text-align:center; }
.prodmsh-seo-image img { max-width:105%; height:auto; border-radius:12px; }
.pol-faq-container { font-family:Arial,sans-serif; max-width:1000px; margin:0 auto; padding:10px 0 50px 0; margin-bottom:30px; }
.pol-faq-container h2 { text-align:center; margin-bottom:20px; font-size:3rem; color:#333; margin-top:100px; }
.pol-faq-item { border-bottom:1px solid #ccc; padding:10px 0; }
.pol-faq-item button { background:none; border:none; width:100%; text-align:left; font-size:18px; font-weight:bold; cursor:pointer; padding:10px 0; display:flex; justify-content:space-between; color:#333; text-decoration:none; }
.pol-faq-item button:after { content:"+"; font-size:18px; color:#333; }
.pol-faq-item button.active:after { content:"-"; font-size:26px; }
.pol-faq-answer { max-height:0; overflow:hidden; transition:max-height 0.3s ease; font-size:17px; color:#555; text-align:left; }
.pol-faq-item button.active+.pol-faq-answer { max-height:500px; }
.pol-faq-item button:focus { outline:none; color:#000; }
.prodmsh-faq-button { color:#347470 !important; font-weight:bold; text-decoration: underline !important; }
.lio-form-container2 { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; max-width:1200px; margin:0 auto; padding:20px 0px 40px 0px }
.contact-content { display:flex; gap:20px; }
.contact-image { position:relative; }
.contact-image img { max-width:100%; border-radius:8px; height:auto; }
.fw-button { position:absolute; bottom:100px; left:50%; transform:translateX(-50%); padding:10px 20px; background-color:#347471; color:white!important; font-size:16px; text-align:center; text-decoration:none; border-radius:5px; transition:background-color 0.3s ease; }
.fw-button:hover { background-color:black; color:white!important; }
.advertising-quote { background-color:#e7e7e7; border-radius:12px; padding:20px 20px 0 20px; width:100%; max-width:500px; }
.advertising-quote .title { font-size:24px; font-weight:bold; margin-bottom:20px; text-align:center; color:#000; }
.batch_form .tow { display:flex; justify-content:space-between; gap:10px; margin-bottom:5px; }
.batch_form .tow .input-na { padding:10px; width:100%; height:50px; border-radius:6px; border:none; background-color:#d1d1d1; font-size:16px; color:#000; outline:none; margin:5px 0; }
.batch_form textarea { width:100%; padding:10px; border-radius:6px; border:none; background-color:#d1d1d1; font-size:16px; color:#000; outline:none; max-height:160px; resize:none; margin-bottom:15px; }
.batch_form .hidd-link { display:none; }
.batch_form .sub { width:100%; padding:12px; background-color:#347471; color:#fff; font-size:16px; font-weight:bold; border:none; border-radius:8px; cursor:pointer; transition:background-color 0.3s ease; }
.batch_form .sub:hover { background-color:#000; }
.vjfowk-catalogs { display:flex; flex-wrap:wrap; gap:20px; max-width:1200px; margin:60px auto 120px; font-family:'Arial',sans-serif; flex-direction:row; width:1200px; margin-bottom:-60px; }
.vjfowk-catalog-left { background-color:#f5f5f5; border-radius:12px; padding:20px; display:flex; justify-content:space-between; width:11%; min-height:auto; flex-direction:row; align-items:center; justify-content:space-between; background-color:#f5f5f5; border-radius:12px; padding:20px; display:flow; }
.vjfowk-catalog-left h3 { font-size:1.2rem; font-weight:600; color:#333; margin:0; line-height:1.3; text-align:center; }
.vjfowk-view-all { display:inline-block; background-color:#347471; color:white !important; text-decoration:none; border-radius:5px; font-size:15px; text-align:center; transition:background-color 0.3s; padding:4px 11px; margin-top:20px; color:white; }
.vjfowk-view-all:hover { background-color:#000000; color:white; }
.vjfowk-catalog-right { flex:1; }
.vjfowk-catalog-row{display:flex;flex-wrap:wrap;gap: 10px 15px;justify-content: end;}
.vjfowk-catalog-item { flex:0 0 calc(25% - 20px); max-width:calc(25% - 20px); display:flex; align-items:center; background-color:white; border-radius:50px; padding:10px 20px; box-shadow:0 2px 5px rgba(0,0,0,0.05); text-decoration:none; color:#333; transition:all 0.3s ease; border:1px solid #eee; }
.vjfowk-catalog-item:hover { transform:translateY(-3px); box-shadow:0 4px 10px rgba(0,0,0,0.1); border-color:#347471; }
.vjfowk-catalog-icon { width:40px; height:40px; display:flex; align-items:center; justify-content:center; margin-right:15px; border-radius:50%; overflow:hidden; background-color:#f8f8f8; }
.vjfowk-catalog-icon img { width:100%; height:100%; object-fit:cover; }
.vjfowk-catalog-text { flex:1; font-size:15px; font-weight:600; }
.vjfowk-catalog-arrow svg { stroke:#999; }
@media (min-width:999px) and (max-width:1441px) {
.prodmsh-com-image { width:80%; }
.prodmsh-com-table-wrapper {width: 120%;padding: 20px;margin-left: -200px; margin-top: -10px;margin-bottom: 50px;}
.prodmsh-com-title { font-size:2.1rem; margin:0 0 20px 0; padding:5px; }
.prodmsh-com-header-row th { font-size:20px; }
.prodmsh-com-cell { font-size:18px; }
.prodmsh-seo {padding: 80px 20px;}
.prodmsh-container {padding: 0 20px 0 0;}
}
@media (min-width:999px) and (max-width:1239px) {.prodmsh-recom-container {padding: 0 20px;} }
@media (max-width:768px) {
.prodmsh-banner-product-image { max-width:80%; }
.prodmsh-banner { padding:40px 15px; }
.prodmsh-container { flex-direction:column; gap:20px; }
.prodmsh-content-section h1 { text-align:center; }
.prodmsh-image-section { order:1; width:100%; }
.prodmsh-content-section { max-width:100%; order:2; }
.prodmsh-content-section h2 { font-size:40px; text-align:center; }
.prodmsh-description { text-align:left; }
.prodmsh-product-form { padding:20px; }
.prodmsh-form-group { align-items:flex-start; gap:20px; }
.prodmsh-button-group { flex-direction:column; }
.prodmsh-btn-primary, .prodmsh-btn-secondary { width:100%; }
.prodmsh-ad { padding:60px 0 30px 0; }
.prodmsh-ad-container { padding:0 15px; }
.prodmsh-ad-subtitle { font-size:18px; margin-bottom:30px; }
.prodmsh-ad-tabs { display:grid !important; grid-template-columns:repeat(2, 1fr); gap:15px 10px; margin-bottom:30px; justify-items:center; }
.prodmsh-ad-text { padding-right:0; text-align:center; order:2; }
.prodmsh-ad-image { order:1; }
.prodmsh-ad-button { padding:14px 28px; font-size:18px; }
.prodmsh-recom-section { padding:50px 0; }
.prodmsh-recom-section { padding:60px 0; }
.prodmsh-recom-container { padding:0 15px; }
.prodmsh-section-desc { font-size:16px; margin-bottom:30px; }
.prodmsh-products-grid { grid-template-columns:repeat(2, 1fr); gap:20px; }
.prodmsh-product-title { font-size:17px; margin-bottom:15px; min-height:40px; }
.prodmsh-product-btn { padding:10px 20px;}
.prodmsh-app { padding:40px 16px; }
.prodmsh-app .prodmsh-app-title { margin-bottom:16px; }
.prodmsh-app .prodmsh-app-description { font-size:16px; margin-bottom:40px; padding:0 10px; }
.prodmsh-app .prodmsh-app-grid { grid-template-columns:repeat(2, 1fr); gap:20px; max-width:400px; }
.prodmsh-app .prodmsh-app-image { height:150px; }
.prodmsh-app .prodmsh-app-label { padding:16px; font-size:16px; }
.prodmsh-com-container { flex-direction:column; padding:15px 15px 20px; background:#347470; }
.prodmsh-com-table-wrapper { padding:20px; margin:0; width:100%; }
.prodmsh-com-title { font-size:25px; margin-bottom:20px; }
.prodmsh-com-cell { padding:12px 8px; font-size:14px; border-right:2px solid #e9ecef; }
.prodmsh-com-header-row th { padding:14px 8px; font-size:15px; text-shadow:0px 2px 5px #141515a1; }
.prodmsh-com-image { display:none; }
.prodmsh-seo { padding:40px 0 40px 0; }
.prodmsh-seo-container { flex-direction:column; gap:15px; padding:0 15px; }
.prodmsh-seo-content { text-align:center; }
.prodmsh-seo-image { order:1; }
.prodmsh-seo-description { font-size:16px; text-align:left; margin-bottom:20px; }
.prodmsh-seo-list li { font-size:16px; text-align:left; }
.prodmsh-seo-list { margin-bottom:30px; }
.prodmsh-seo-button { padding:14px 28px; font-size:18px; }
.pol-faq-container { padding:15px 15px 40px 15px; }
.pol-faq-container h2 { font-size:22px; color:#333; margin-top:60px; }
.pol-faq-item button { font-size:18px; }
.pol-faq-answer { font-size:15px; text-align:left; }
.vjfowk-catalogs {flex-direction: column;width: 100%;padding: 0 10px;margin-bottom: 50px;}
.vjfowk-catalog-row {flex-direction: column;}
.vjfowk-catalog-item {width: 100%;max-width: 100%;flex: 1 1 auto;}
.vjfowk-catalog-left {width: 100%;text-align: center;padding: 20px;display: flex;margin-bottom: 10px;}
.vjfowk-catalog-left h3 {font-size: 20px;}
.vjfowk-view-all {margin-top: 0px;}
.vjfowk-catalog-text {font-size: 18px;}
.b-button-group { display:grid; text-align:center; }
.b-product-item p { font-size:20px; }
.vjfowk-catalog-text { font-size:18px; }
.lio-form-container2 { padding:10px; }
.contact-content { flex-direction:column-reverse; }
.contact-image { margin-bottom:20px; }
.fw-button { bottom:40px; }
.prodmsh-ad-content { grid-template-columns:1fr; gap:40px; }
.prodmsh-ad-section-title { font-size:22px; }
.prodmsh-seo-list li::before { font-size:15px; }
}
@media (min-width:768px) {
.contact-content { display:flex; gap:20px; }
.contact-image { flex:1; }
.advertising-quote { flex:1; }
}
@media (max-width:767px) {
.contact-content { flex-direction:column; }
.contact-image { margin-bottom:20px; }
}