.in_banner-wrapper { width:100%; overflow:hidden; background-color:#222222; margin:0; padding:0; }
.in_banner-container { position:relative; width:100%; height:550px; margin:0 auto; overflow:hidden; }
.in_banner-image { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1); transition:transform 0.5s ease; }
.in_banner-link-wrapper:hover .in_banner-image { transform:scale(1.0001); }
.in_banner-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.01); }
.in_banner-content { position:absolute; top:0; left:0; right:0; width:100%; height:100%; max-width:1400px; padding:0px 3% 0px; margin:0 auto; }
.in_banner-title { position:absolute; top:75%; left:5%; transform:translateY(-50%);  font-weight:600; font-size:clamp(2rem,6vw,3rem); line-height:1.1; font-weight:normal; margin:0; color:#ffffff; transition:color 0.3s ease; }
.in_banner-link-wrapper:hover .in_banner-title { color:#ffffff; }
.in_banner-date { position:absolute; top:50%; left:5%; transform:translateY(80%); font-family:Arial,sans-serif; font-size:clamp(0.9rem,2vw,1.1rem); color:#ffffff; opacity:0.9; }
@media (max-width:768px) { .in_banner-container { height:300px; } .in_banner-title,.in_banner-date { left:4%; } }
@media (max-width:480px) { .in_banner-container { height:120px;margin-top:70px } } 
			
/* ————————————————————————————内页面包导航———————————————————————————— */
.nav-wrapper { background-color: #ffffff; width: 100%; position: relative; z-index: 10; }
.nav_container { display: flex; justify-content: space-between; align-items: center; max-width: 1400px; width: 100%; margin: 0 auto; padding: 14px 20px; background-color: #ffffff; position: relative; }
.nav_menu { display: flex; list-style: none; gap: 0; margin: 0; padding: 0; }
.nav_menu li { margin-right: 25px; position: relative; cursor: pointer; }
.nav_menu li:last-child { margin-right: 0; }
.nav_menu a { text-decoration: none; font-size: 16px; font-weight: 500; color: #2c3e4f; padding: 8px 0 6px 0; display: inline-block; transition: color 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1); letter-spacing: 0.3px; }
.nav_menu a:hover { color: #015bac; }
.nav_menu li::after { content: ""; position: absolute; bottom: -15px; left: 0; width: 0%; height: 1px; background-color: #015bac; border-radius: 3px; transition: width 0.32s cubic-bezier(0.2, 0.9, 0.4, 1.1); }
.nav_menu li:hover::after { width: 100%; }
.nav_menu li.active::after { width: 100%; background-color: #015bac; }
.nav_breadcrumb { display: flex; align-items: center; font-size: 14px; color: #3a546d; background-color-: #f1f5f9; padding: 6px 16px; }
.nav_breadcrumb i { color: #015bac; margin-right: 8px; font-size: 14px; }
.nav_breadcrumb span, .nav_breadcrumb a { font-size: 14px; color: #2c4b6e; text-decoration: none; margin: 0 2px; }
.nav_breadcrumb a:hover { color: #015bac; text-decoration: none; cursor: pointer; }
.nav_breadcrumb .current { color: #015bac; font-weight: 600; pointer-events: none; }
.breadcrumb-sep { margin: 0 5px; color: #98a9bc; font-size: 12px; }
.full-width-gray-line { width: 100%; height: 1px; background-color: #ededed; display: block; }
@media (max-width: 780px) { .nav_breadcrumb { display: none !important; } .nav_container { padding: 12px 16px; justify-content: space-between; } .nav_menu { display: none; } .mobile-menu-trigger { background-color: #f5f7fa; border-radius: 50px; padding: 6px 16px 6px 20px; display: flex; align-items: center; gap: 15px; cursor: pointer; width: auto; border: 1px solid #eef2f6; transition: background 0.2s; } .mobile-menu-trigger:active { background-color: #e9edf2; } .red-square-icon { background-color: #015bac; width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 18px; } .menu-label { font-size: 16px; font-weight: 600; color: #1e2f3c; } .menu-plus { font-size: 20px; font-weight: 400; color: #015bac; transition: transform 0.25s ease; } .mobile-menu-trigger.open .menu-plus { transform: rotate(45deg); } .mobile-dropdown-panel { position: absolute; top: calc(100% - 2px); left: 16px; right: 16px; background-color: #f8fafd; border-radius: 24px; box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0,0,0,0.02); z-index: 200; margin-top: 8px; overflow: hidden; transition: all 0.25s ease; max-height: 0; opacity: 0; visibility: hidden; transform: translateY(-12px); } .mobile-dropdown-panel.show { max-height: 500px; opacity: 1; visibility: visible; transform: translateY(0); transition: max-height 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.1), opacity 0.25s ease; } .mobile-menu-list { list-style: none; margin: 0; padding: 8px 0; } .mobile-menu-list li { border-bottom: 1px solid #e2e8f0; } .mobile-menu-list li:last-child { border-bottom: none; } .mobile-menu-list a { display: block; padding: 16px 20px; text-decoration: none; font-size: 16px; font-weight: 500; color: #1e2f3c; transition: background 0.2s, color 0.2s; } .mobile-menu-list a:active { background-color: #f0f2f5; color: #015bac; } .mobile-menu-list li.active-mobile a { color: #015bac; background-color: #f9f9f9; border-left: 3px solid #015bac; } }
@media (min-width: 781px) { .mobile-menu-trigger, .mobile-dropdown-panel { display: none !important; } }




/* ————————————————————————————内页关于我们通用左图右字———————————————————————————— */
.singal-root { display: block; margin: 0; padding: 0; box-sizing: border-box; }
.singal-root *, .singal-root *::before, .singal-root *::after { box-sizing: inherit; }
.singal-page { width: 100%; margin: 0; padding: 2rem 1.5rem; font-family: system-ui, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; overflow-x: hidden; }
.singal-container { max-width: 1400px; width: 100%; margin: 0 auto; background: #ffffff;  overflow: hidden; }
.singal-content { float: left; width: 50%; padding: 2.5rem 2rem; background: #ffffff; min-height: 1px; }
.singal-title { font-size: 2rem; font-weight: 700; line-height: 1.2; color: #0f172a; margin: 0 0 1rem 0;  }
.singal-description { font-size: 1.125rem; line-height: 1.5; color: #334155; margin: 0 0 1.5rem 0; max-width: 90%; }
.singal-highlight { display: inline-block; background: #015bac; color: #ffffff; padding: 0.5rem 1rem; border-radius: 2rem; font-size: 0.875rem; font-weight: 600; width: fit-content; margin-bottom: 1rem; }
.singal-button { display: inline-block; background: #3b82f6; color: white; font-weight: 600; font-size: 1rem; padding: 0.75rem 1.8rem; border-radius: 3rem; text-decoration: none; width: auto; border: none; cursor: pointer; margin-top: 0.5rem; }
.singal-button:hover { background: #2563eb; }
.singal-button:active { position: relative; top: 1px; }
.singal-media { float: right; width: 50%; background-: #e2e8f0; padding: 2rem; min-height: 280px; text-align: center; }
.singal-image { max-width: 100%; height: auto; width: auto; max-height: 420px; display: inline-block; vertical-align: middle; border-radius: 1.25rem; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); }
.singal-clearfix { clear: both; display: block; height: 0; overflow: hidden; }
@media screen and (max-width: 992px) { .singal-page { padding: 1.5rem; } .singal-content { padding: 2rem 1.8rem; } .singal-title { font-size: 2rem; } .singal-description { font-size: 1rem; max-width: 100%; } .singal-media { padding: 1.8rem; } }
@media screen and (max-width: 768px) { .singal-page { padding: 1.25rem; } .singal-content { float: none; width: 100%; padding: 1.8rem 1.5rem; } .singal-media { float: none; width: 100%; padding: 1.5rem; min-height: 220px; } .singal-title { font-size: 1.75rem; } .singal-description { font-size: 0.95rem; margin-bottom: 1.2rem; } .singal-button { font-size: 0.9rem; padding: 0.6rem 1.5rem; } }
@media screen and (max-width: 480px) { .singal-page { padding: 1rem; } .singal-container { border-radius: 1.25rem; } .singal-content { padding: 1.5rem 1.2rem; } .singal-title { font-size: 1.5rem; } .singal-description { font-size: 0.9rem; line-height: 1.45; } .singal-media { padding: 1.2rem; } .singal-button { padding: 0.55rem 1.3rem; font-size: 0.85rem; } .singal-highlight { font-size: 0.75rem; padding: 0.3rem 0.8rem; } }
@media screen and (max-width: 320px) { .singal-page { padding: 0.75rem; } .singal-content { padding: 1.2rem 0.9rem; } .singal-title { font-size: 1.3rem; word-break: break-word; } .singal-description { font-size: 0.85rem; word-break: break-word; } .singal-media { padding: 0.9rem; } .singal-button { padding: 0.5rem 1.1rem; font-size: 0.8rem; } .singal-container { border-radius: 1rem; } }
.singal-description { font-size: 1.2rem; max-width: 90%; } }
@supports (padding: max(0px)) { .singal-page { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); } }
.singal-root { overflow-x: hidden; }
.singal-media .singal-image { max-width: 100%; height: auto; object-fit: contain; }
.singal-media { overflow: hidden; }
/* ————————————————————————————内页关于我们1———————————————————————————— */
.about-body {margin:0;padding:0;font-family:Microsoft YaHei,SimSun,sans-serif;color:#333333;background:#fff;}
.about-wrap {margin:40px auto 0 auto;overflow:hidden;}
.about-left-box {width:48%;margin:0 0 0 0;float:left;overflow:hidden;}
.about-right-box {width:48%;margin:0 0 0 4%;float:left;}
.about-img-box {width:100%;overflow:hidden;position:relative;}
.about-img-box img {width:100%;display:block;transition:transform 0.3s ease,opacity 0.3s ease;}
.about-img-box:hover img {transform:scale(1.02);opacity:0.99;}
.about-title {font-size:32px;color:#015bac;margin:0 0 12px 0;line-height:1.2;transition:color 0.3s ease;}
.about-title:hover {color:#015bac;}
.about-line {width:80px;height:3px;background:#015bac;margin:0 0 20px 0;}
.about-desc-text {font-size:18px;line-height:2;margin:0;color:#333333;}
.about-clear {clear:both;height:0;overflow:hidden;}
@media screen and (max-width:1400px) {.about-wrap {width:92%;}}
@media screen and (max-width:992px) {.about-wrap {width:94%;}.about-left-box {width:100%;float:none;margin:0 0 30px 0;}.about-right-box {width:100%;float:none;margin:0;}.about-title {font-size:28px;}}
@media screen and (max-width:576px) {.about-wrap {width:96%;margin:20px auto 0 auto;}.about-title {font-size:22px;}.about-desc-text {font-size:15px;}.about-line {width:60px;}}

/* ————————————————————————————内页文化2-———————————————————————————— */
.culture_top { width: 100%; padding: 60px 0px; background: #f5f7fb; text-align: center; font-size: 0; letter-spacing: 0; }
.culture_top_container { display: block;  margin: 0 auto; padding: 0; text-align: center; font-size: 0; letter-spacing: 0; }
.culture_top_item { display: inline-block; vertical-align: top; width: 500px; min-width: 260px; max-width: 450px; margin: 15px; font-size: 16px; letter-spacing: normal; text-align: left; }
.culture_top_card { display: block; width: 100%; position: relative; border-radius: 20px; overflow: hidden; background-color: #333333; aspect-ratio: auto; height: auto; padding-bottom: 105%; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 20px 30px -12px rgba(0, 0, 0, 0.2); text-align: center; color: #ffffff; }
.culture_top_card:hover { transform: translateY(-6px); box-shadow: 0 28px 36px -14px rgba(0, 0, 0, 0.3); }
.culture_top_card_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-position: center; transition: filter 0.4s ease, transform 0.5s ease;filter: brightness(0.48) contrast(0.8); }
.culture_top_card:hover .culture_top_card_bg { filter: brightness(0.48) contrast(1.08); transform: scale(1.02); }
.culture_top_content { position: absolute; top: 0; left: 0; width: 86%; height: 100%; padding: 16px 0; display: table; text-align: center; margin: 0 7%; z-index: 2; backdrop-filter: blur(0px); }
.culture_top_content > * { display: table-cell; vertical-align: middle; text-align: center; }
.culture_top_title { font-size: 1.9rem; font-weight: 600; letter-spacing: 2px; margin: 0 0 18px 0; display: inline-block; vertical-align: middle; text-align: center; width: auto; color: #fff; }
.culture_top_title i { font-size: 2rem; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; }
.icon-blue { color: #6bc2ff; text-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.icon-red { color: #ff7b6e; text-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.culture_top_line { width: 70px; height: 3px; background: linear-gradient(90deg, #ffffff, #d4d9e2); margin: 0 auto 32px auto; border-radius: 4px; display: block; }
.culture_top_text { font-size: 1.08rem; line-height: 1.55; margin-bottom: 16px; font-weight: 450; letter-spacing: 0.3px; text-shadow: 0 1px 2px rgba(0,0,0,0.2); display: block; color: #fff; }
.culture_top_text:last-child { margin-bottom: 0; }
@media screen and (max-width: 900px) { .culture_top { padding: 48px 20px; } .culture_top_item { width: 300px; min-width: 260px; max-width: 380px; margin: 14px; } .culture_top_title { font-size: 1.7rem; } .culture_top_title i { font-size: 1.7rem; } .culture_top_text { font-size: 1rem; } }
@media screen and (max-width: 680px) { .culture_top { padding: 40px 16px; } .culture_top_item { display: block; width: 100%; max-width: 100%; margin: 0 auto 28px auto; min-width: 0; text-align: center; } .culture_top_item:last-child { margin-bottom: 0; } .culture_top_card { aspect-ratio: auto; padding-bottom: 95%; margin: 0 auto; max-width: 480px; } .culture_top_title { font-size: 1.55rem; } .culture_top_line { margin-bottom: 24px; width: 56px; } .culture_top_text { font-size: 0.95rem; line-height: 1.45; margin-bottom: 12px; } }
@media screen and (max-width: 480px) { .culture_top_card { padding-bottom: 90%; border-radius: 24px; max-width: 100%; } .culture_top_title { font-size: 1.4rem; } .culture_top_content { width: 90%; margin: 0 5%; } }
.culture_top_card { aspect-ratio: auto; height: auto; padding-bottom: 105%; position: relative; background-color: #1a2a32; }
.culture_top_content { position: absolute; top: 0; left: 0; width: 86%; height: 100%; padding: 16px 0; display: table; text-align: center; margin: 0 7%; }
.culture_top_content > * { display: table-cell; vertical-align: middle; text-align: center; }
.culture_top_content .culture_top_title { display: inline-block; width: auto; margin: 0 auto 18px auto; }
.culture_top_content .culture_top_line { display: block; margin: 0 auto 32px auto; }
.culture_top_content .culture_top_text { display: block; width: 100%; text-align: center; }
.culture_top_title i { display: inline-block; vertical-align: middle; margin-right: 8px; }
.culture_top_card:hover { transform: none; box-shadow: 0 20px 30px -12px rgba(0,0,0,0.2); }
.culture_top_card:hover .culture_top_card_bg { filter: none; transform: none; }

/* ————————————————————————————内页优势3-———————————————————————————— */

    .culture_bottom { width:100%; margin:50px auto; padding:0 0px; overflow:hidden; }
    .culture_bottom__grid { width:100%; margin:0 auto; overflow:hidden; }
    .culture_bottom__grid:before, .culture_bottom__grid:after { content:""; display:table; }
    .culture_bottom__grid:after { clear:both; }
    .culture_bottom__card { background-color:#f7f7f7; padding:40px 30px; margin:0 0 30px 0; text-align:center; float:left; width:calc(50% - 15px); }
    .culture_bottom__card:nth-child(odd) { margin-right:30px; }
    .culture_bottom__card:nth-child(even) { margin-right:0; }
    .culture_bottom__card:nth-child(3) { margin-bottom:0; }
    .culture_bottom__card:nth-child(4) { margin-bottom:0; }
    .culture_bottom__icon i{ font-size:45px; color:#555555; margin-bottom:25px; display:inline-block; }
    .culture_bottom__line { width:80%; height:1px; background-color:#dddddd; margin:0 auto 25px; }
    .culture_bottom__title { font-size:28px; font-weight:500; color:#222222; margin-bottom:15px; }
    .culture_bottom__desc { font-size:16px; color:#444444; line-height:1.8; margin:0; }
    @media screen and (max-width:768px) { .culture_bottom { margin:50px auto; } .culture_bottom__card { float:none; width:100%; padding:35px 25px; margin:0 0 25px 0; } .culture_bottom__card:nth-child(odd) { margin-right:0; } .culture_bottom__card:nth-child(even) { margin-right:0; } .culture_bottom__card:nth-child(3) { margin-bottom:25px; } .culture_bottom__card:nth-child(4) { margin-bottom:0; } .culture_bottom__icon { font-size:38px; margin-bottom:20px; } .culture_bottom__title { font-size:20px; } }
    @media screen and (max-width:480px) { .culture_bottom { margin:30px auto; } .culture_bottom__card { padding:30px 20px; margin:0 0 25px 0; } .culture_bottom__card:nth-child(3) { margin-bottom:25px; } .culture_bottom__icon { font-size:36px; margin-bottom:18px; } .culture_bottom__title { font-size:18px; } .culture_bottom__desc { font-size:13px; } }



/* -----------------------内页图片列表------------------------ */
@keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }        
.piclist-container { margin: 0 auto; padding: 0px 0; }        
.piclist-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }        
.piclist-item { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 0px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); }        
.piclist-item:hover { transform: translateY(-1px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); }        
.piclist-img-container { position: relative; width: 100%; height: 250px; overflow: hidden; cursor: pointer; }        
.piclist-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }        
.piclist-item:hover .piclist-img { transform: scale(1.05); }        
.piclist-img-container::after { content: "\e612"; font-family: "iconfont"; font-weight: 400; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2.5rem; opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,0.7); transition: all 0.3s ease; z-index: 2; pointer-events: none; }        
.piclist-item:hover .piclist-img-container::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }        
.piclist-content { padding: 20px; text-align: center; }        
.piclist-title { font-size: 1rem; font-weight:400; margin-bottom: 5px; transition: color 0.3s ease; }        
.piclist-title a { color: #333333; text-decoration: none; transition: color 0.3s ease; cursor: pointer; }        
.piclist-title a:hover { color: #000000; }        
.piclist-btn { display: inline-block; padding: 10px 25px; background: linear-gradient(to right, #0a4387, #0a4387); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); cursor: pointer; }        
.piclist-btn:hover { transform: translateY(-3px); color: white; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: linear-gradient(to right, #0a4387, #0a4387); }        
.piclist-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.80); display: flex; justify-content: center; align-items: center; z-index:99999; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }        
.piclist-lightbox.active { opacity: 1; pointer-events: all; }        
.piclist-lightbox-content { position: relative; max-width: 90%; max-height: 90%; transform: scale(0.8); transition: transform 0.5s ease; }        
.piclist-lightbox.active .piclist-lightbox-content { transform: scale(1); }        
.piclist-lightbox-img { max-width: 100%; max-height: 90vh; border-radius: 0px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8); }        
.piclist-lightbox-close { position: absolute; top: -40px; right: -40px; width: 36px; height: 36px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.5rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 107, 74, 0.4); }        
.piclist-lightbox-close:hover { background: #ffffff; transform: rotate(90deg); }        
.piclist-lightbox-info { position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; color: white; padding: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 10px 10px; }        
.piclist-lightbox-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; transform: translateY(-50%); pointer-events: none; }        
.piclist-lightbox-prev, .piclist-lightbox-next { background: rgba(255, 255, 255, 0.9); width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; pointer-events: auto; }        
.piclist-lightbox-prev:hover, .piclist-lightbox-next:hover { color: #000000; background: rgba(255, 255, 255, 0.99); }        
@media (max-width: 1200px) { .piclist-grid { grid-template-columns: repeat(3, 1fr); } }        
@media (max-width: 900px) { .piclist-grid { grid-template-columns: repeat(2, 1fr); } .piclist-header h1 { font-size: 3rem; } }        
@media (max-width: 600px) { .piclist-container { margin: 30px 0 0 0 ; } .piclist-grid { grid-template-columns: 1fr; } .piclist-header h1 { font-size: 2.2rem; } .piclist-header p { font-size: 1rem; } .piclist-lightbox-close { top: -60px; right: 0; } }        
.piclist-footer { text-align: center; margin-top: 50px; padding: 20px; color: rgba(255, 255, 255, 0.7); font-size: 1.1rem; background: rgba(0, 0, 0, 0.2); border-radius: 15px; backdrop-filter: blur(5px); }        
@keyframes loader { to { transform: translateY(-15px); background: #feb47b; } }        
a, .piclist-btn, .piclist-lightbox-close, .piclist-img-container, .piclist-lightbox-prev, .piclist-lightbox-next { cursor: pointer; }  

/* -----------------------内页证书------------------------ */		
@keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }        
.honorlist-container { margin: 0 auto; padding: 0px 0; }        
.honorlist-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}        
.honorlist-item { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 0px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); }        
.honorlist-item:hover { transform: translateY(-1px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); }        
.honorlist-img-container { position: relative; width: 100%; height: 450px; overflow: hidden; cursor: pointer; border:#900 8px solid}        
.honorlist-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }        
.honorlist-item:hover .honorlist-img { transform: scale(1.05); }        
.honorlist-img-container::after { content: "✚"; font-family: "iconfont"; font-weight: 400; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: white; font-size: 2.5rem; opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,0.7); transition: all 0.3s ease; z-index: 2; pointer-events: none; }        
.honorlist-item:hover .honorlist-img-container::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }        
.honorlist-content { padding: 20px; text-align: center; }        
.honorlist-title { font-size: 1rem; font-weight:400; margin-bottom: 5px; transition: color 0.3s ease; }        
.honorlist-title a { color: #333333; text-decoration: none; transition: color 0.3s ease; cursor: pointer; }        
.honorlist-title a:hover { color: #000000; }        
.honorlist-btn { display: inline-block; padding: 10px 25px; background: linear-gradient(to right, #0a4387, #0a4387); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); cursor: pointer; }        
.honorlist-btn:hover { transform: translateY(-3px); color: white; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: linear-gradient(to right, #0a4387, #0a4387); }        
.honorlist-lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; }        
.honorlist-lightbox.active { opacity: 1; pointer-events: all; }        
.honorlist-lightbox-content { position: relative; max-width: 90%; max-height: 90%; transform: scale(0.8); transition: transform 0.5s ease; }        
.honorlist-lightbox.active .honorlist-lightbox-content { transform: scale(1); }        
.honorlist-lightbox-img { max-width: 100%; max-height: 90vh; border-radius: 0px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8); }        
.honorlist-lightbox-close { position: absolute; top: -40px; right: -40px; width: 45px; height: 45px; background: #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.8rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(255, 107, 74, 0.4); }        
.honorlist-lightbox-close:hover { background: #ffffff; transform: rotate(90deg); }        
.honorlist-lightbox-info { position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; color: white; padding: 15px; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 10px 10px; }        
.honorlist-lightbox-nav { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; padding: 0 20px; transform: translateY(-50%); pointer-events: none; }        

.honorlist-lightbox-prev, .honorlist-lightbox-next { background: rgba(255, 255, 255, 0.9); width: 45px; height: 45px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #333333; font-size: 1.5rem; cursor: pointer; transition: all 0.3s ease; pointer-events: auto; }        
.honorlist-lightbox-prev:hover, .honorlist-lightbox-next:hover { color: #000000; background: rgba(255, 255, 255, 0.99); }        
@media (max-width: 1200px) { .honorlist-grid { grid-template-columns: repeat(3, 1fr); } }        
@media (max-width: 900px) { .honorlist-grid { grid-template-columns: repeat(2, 1fr); } .honorlist-header h1 { font-size: 3rem; } }        
@media (max-width: 600px) { .honorlist-container { margin: 30px 0 0 0 ; } .honorlist-grid { grid-template-columns: 1fr; } .honorlist-header h1 { font-size: 2.2rem; } .honorlist-header p { font-size: 1rem; } .honorlist-lightbox-close { top: -60px; right: 0; } }        
.honorlist-footer { text-align: center; margin-top: 50px; padding: 20px; color: rgba(255, 255, 255, 0.7); font-size: 1.1rem; background: rgba(0, 0, 0, 0.2); border-radius: 15px; backdrop-filter: blur(5px); }        
@keyframes loader { to { transform: translateY(-15px); background: #feb47b; } }        
a, .honorlist-btn, .honorlist-lightbox-close, .honorlist-img-container, .honorlist-lightbox-prev, .honorlist-lightbox-next { cursor: pointer; } 


/* ————————————————————————————内页产品分类代表图———————————————————————————— */	

    .product-type-body { margin:0; padding-bottom:50px; background:#f5f7fa; color:#333333; font-size:14px; line-height:1.6; }
    .product-type-container { width:100%; max-width: 1600px; margin: 0px auto; padding: 0 0%; margin:30px auto; display:flex; flex-direction:column; gap:35px; }
    .product-type-card-wrap { width:100%; background:#ffffff; border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,0.08); overflow:hidden; transition:box-shadow 0.2s; }
    .product-type-card-wrap:hover { box-shadow:0 6px 20px rgba(0,0,0,0.10); }
    .product-type-card-inner { width:100%; position:relative; }
    .product-type-row { display:flex; flex-wrap:wrap; width:100%; }
    .product-type-col-left { flex:0 0 42%; max-width:42%; padding:25px; vertical-align:top; }
    .product-type-col-right { flex:0 0 58%; max-width:58%; padding:45px 25px 25px 25px; vertical-align:top; display:flex; flex-direction:column; }
    .product-type-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:30px; width:100%; }
    .product-type-header-left { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
    .product-type-header-right { display:flex; align-items:center; white-space:nowrap; }
    .product-type-num-tag { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; background:#015bac; color:#fff; font-size:18px; font-weight:bold; border-radius:6px; margin-right:12px; flex-shrink:0; }
    .product-type-card-title { display:inline-block; font-size:28px; font-weight:bold; color:#333333; margin:0; }
    .product-type-card-title a { color:#333333; text-decoration:none; }
    .product-type-card-title a:hover { color:#015bac; }
    .product-type-img-box { width:100%; height:350px; overflow:hidden; border-radius:6px; margin-bottom:18px; background:#eaeef3; }
    .product-type-img-box a { display:block; width:100%; height:100%; }
    .product-type-img-box img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.3s ease, opacity 0.3s ease; opacity:0.95; }
    .product-type-img-box:hover img { transform:scale(1.04); opacity:0.78; }
    .product-type-more-btn { display:inline-flex; align-items:center; gap:6px; padding:10px 22px; background:transparent; color:#333333; border:1px solid #999; border-radius:24px; font-size:14px; cursor:pointer; text-decoration:none; transition:all 0.3s ease; white-space:nowrap; }
    .product-type-more-btn i { font-size:13px; }
    .product-type-more-btn:hover { background:#015bac; color:#ffffff; border-color:#015bac; }
    .product-type-list-wrap { width:100%; flex:1 1 auto; }
    .product-type-list-row { display:flex; flex-wrap:wrap; width:100%; gap:0 2%; }
    .product-type-list-col { flex:0 0 49%; max-width:49%; display:flex; flex-direction:column; gap:20px; margin-bottom:8px}
    .product-type-list-item { width:100%; }
    .product-type-list-item a { display:flex; align-items:center; justify-content:space-between; width:100%; padding:10px 15px; border:1px solid #eee; border-radius:6px; text-decoration:none; color:#333333; transition:border-color 0.2s, background 0.1s; box-sizing:border-box; background:#fafbfc; }
    .product-type-list-item a:hover { border-color:#015bac; background:#f9f9f9; }
    .product-type-list-item i { color:#666; font-size:12px; transition:transform 0.2s; }
    .product-type-list-item a:hover i { transform:translateX(3px); color:#015bac; }
    @media screen and (max-width: 992px) {
      .product-type-container { width:94%; gap:30px; margin:20px auto; }
      .product-type-row { flex-direction:column; }
      .product-type-col-left { flex:0 0 100%; max-width:100%; padding:20px 20px 0 20px; }
      .product-type-col-right { flex:0 0 100%; max-width:100%; padding:20px 20px 20px 20px; }
      .product-type-img-box { height:350px; }
      .product-type-list-row { gap:0; }
      .product-type-list-col { flex:0 0 100%; max-width:100%; gap:12px; }
      .product-type-list-col:last-child { margin-top:6px; }
      .product-type-header { flex-wrap:wrap; gap:10px 0; }
      .product-type-header-right { white-space:normal; }
    }
    @media screen and (max-width: 576px) {
      .product-type-container { width:96%; gap:24px; margin:16px auto; }
      .product-type-col-left, .product-type-col-right { padding:14px 14px 0 14px; }
      .product-type-col-right { padding-bottom:18px; }
      .product-type-num-tag { width:34px; height:34px; font-size:16px; margin-right:8px; }
      .product-type-card-title { font-size:17px; }
      .product-type-more-btn { padding:8px 16px; font-size:13px; }
      .product-type-img-box { height:auto; aspect-ratio:800/600; }
      .product-type-list-item a { padding:8px 10px; font-size:13px; }
      .product-type-body { overflow-x:hidden; }
      .product-type-container { overflow:hidden; }
      .product-type-card-wrap { border-radius:6px; }
    }
    @media screen and (max-width: 400px) {
      .product-type-header-left { flex-wrap:wrap; gap:4px; }
      .product-type-more-btn { padding:6px 12px; font-size:12px; }
      .product-type-card-title { font-size:15px; }
    }
	
	
/* ————————————————————————————产品左右，左有二级———————————————————————————— */

        .pro-main .product-container { margin: 30px auto; padding: 0 0px; }
        .pro-main .product-wrapper { display: flex; flex-wrap00: wrap; margin: 0 -15px; }
        .pro-main .product-sidebar { width: 280px; padding: 0 15px; flex-shrink: 0; }
        .pro-main .product-sidebar-inner { background: #ffffff; border-radius: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05); overflow: hidden; }
        .pro-main .product-nav { background: #015bac; color: #ffffff; padding: 14px 20px; font-size: 16px; font-weight: 600; letter-spacing: 0.3px; border-bottom: 1px solid #eef2f6; }
        .pro-main .product-sidebar-item { border-bottom: 1px solid #eef2f6; }
        .pro-main .product-sidebar-item:last-child { border-bottom: none; }
        .pro-main .product-sidebar-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            background: #ffffff;
            font-size: 17px;
            font-weight: 600;
            color: #1f2a3e;
            cursor: pointer;
            user-select: none;
            transition: background 0.2s ease;
            text-decoration: none;
        }
        .pro-main .product-sidebar-title:hover { background-color: #f5f7fb; }
        .pro-main .product-sidebar-title i { color: #015bac; font-size: 14px; transition: transform 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1); margin-left: 8px; }
        .pro-main .product-sidebar-title .title-text {
            display: flex;
            align-items: center;
            gap: 4px;
        }
        .pro-main .product-sidebar-title .title-text a {
            color: inherit;
            text-decoration: none;
            display: inline-block;
        }
        .pro-main .product-sidebar-title .title-text a:hover {
            color: #015bac;
        }
        .pro-main .product-sidebar-list { list-style: none; margin: 0; padding: 0; overflow: hidden; transition: max-height 0.35s ease-out, opacity 0.25s ease; background-color: #fefefe; }
        .pro-main .product-sidebar-list li { padding: 12px 20px 12px 42px; font-size: 16px; color: #2c3e4e; border-bottom: 1px solid #f0f2f5; position: relative; font-weight: 450; transition: all 0.2s; }
        .pro-main .product-sidebar-list li:last-child { border-bottom: none; }
        .pro-main .product-sidebar-list li:hover { background-color: #eef3fc; }
        .pro-main .product-sidebar-list a { text-decoration: none; color: inherit; display: block; width: 100%; }
        .pro-main .product-sidebar-title.active { background-color: #eef3fc; color: #015bac; }
        .pro-main .product-sidebar-list li.active { background-color: #eef3fc; color: #015bac; font-weight: 600; border-left: 3px solid #015bac; padding-left: 39px; }
        .pro-main .product-sidebar-list li.active a { color: #015bac; font-weight: 600; }
        .pro-main .product-main { flex: 1; padding: 0 15px; min-width: 0; }
        .pro-main .product-grid { display: flex; flex-wrap: wrap; margin: -12px; }
        .pro-main .product-card { 
            width: calc(25% - 24px); 
            margin: 12px; 
            background: #ffffff; 
            border-radius: 18px; 
            overflow: hidden; 
            transition: box-shadow 0.25s ease, transform 0.2s ease, border-color 0.2s ease; 
            text-decoration: none; 
            display: block; 
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.03); 
            border: 1px solid #eeeeee; 
        }
        .pro-main .product-card:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); transform: translateY(-3px); border-color: #015bac; }
        .pro-main .product-image-box { 
            position: relative; 
            width: 100%; 
            padding-top: 100%; 
            background: #f5f7fa; 
            overflow: hidden; 
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .pro-main .product-image-box img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            background: #ffffff;
            padding: 8px;
        }
        .pro-main .product-card:hover .product-image-box img { 
            transform: scale(1.06); 
        }
        .pro-main .product-info { padding: 14px 12px 18px; text-align: center; background: #ffffff; transition: background 0.2s ease; }
        .pro-main .product-card:hover .product-info { background: #015bac; }
        .pro-main .product-code { font-size: 15px; font-weight: 500; color: #1e2a3e; line-height: 1.4; margin: 0; transition: color 0.2s ease; word-break: break-word; letter-spacing: -0.2px; display: inline-block; }
        .pro-main .product-card:hover .product-code { color: #ffffff; }
        
        /* 响应式 */
        @media (max-width: 992px) { 
            .pro-main .product-card { width: calc(33.333% - 24px); } 
        }
        @media (max-width: 768px) { 
            .pro-main .product-container { margin: 20px auto; padding: 0 16px; } 
            .pro-main .product-wrapper { flex-direction: column; margin: 0; } 
            .pro-main .product-sidebar { width: 100%; padding: 0; margin-bottom: 20px; } 
            .pro-main .product-main { padding: 0; } 
            .pro-main .product-card { width: calc(50% - 24px); } 
            .pro-main .product-info { padding: 10px 10px 14px; } 
            .pro-main .product-code { font-size: 13px; } 
        }
        @media (max-width: 480px) { 
            .pro-main .product-card { width: calc(50% - 20px); margin: 10px; } 
            .pro-main .product-grid { margin: -10px; } 
            .pro-main .product-code { font-size: 12px; } 
        }
        .pro-main a.product-card { text-decoration: none; }
        .pro-main .product-sidebar-title i.fa { font-size: 16px; }




/* ————————————————————————————内页产品全屏4行4列———————————————————————————— */		
.prolist-container { max-width: 1400px; margin: 40px auto; padding: 0 15px; }
.prolist-row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.prolist-col { width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }
.prolist-item { display: flex; flex-direction: column; background-color: #ffffff; border-radius: 12px; overflow: hidden; transition: box-shadow 0.25s ease, border-color 0.2s ease; border: 2px solid transparent; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02); cursor: pointer; text-decoration: none; color: inherit; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08); }
.prolist-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; width: 100%; }
.prolist-img-wrap { position: relative; width: 100%; aspect-ratio: 1 / 1; background-color: #ffffff; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: background 0.2s; flex-shrink: 0; }
.prolist-img-wrap img { width: auto; height: auto; max-width: 90%; max-height: 90%; object-fit: contain; transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1); display: block; }
.prolist-title { padding: 15px 8px; font-size: 0.95rem; font-weight: 500; color: #1f2d3d; text-align: center; line-height: 1.3; background-color: #ffffff; transition: background-color 0.25s ease, color 0.2s ease; border-top: 1px solid #f0f2f5; letter-spacing: 0.3px; word-break: break-word; }
.prolist-badge { position: absolute; top: 12px; left: 12px; background: #015bac; color: white; padding: 4px 12px; font-size: 12px; border-radius: 30px; z-index: 2; font-weight: 500; pointer-events: none; }
.prolist-item:hover { border: 2px solid #015bac; box-shadow: 0 12px 24px rgba(1, 91, 172, 0.12); }
.prolist-item:hover .prolist-title { background-color: #015bac; color: #ffffff; border-top-color: #015bac; }
.prolist-item:hover .prolist-img-wrap img { transform: scale(1.07); }
.prolist-item:hover { border-radius: 12px; }
.prolist-img-wrap { background: #ffffff; }
.prolist-title { background: #ffffff; }
a, a:visited, a:hover, a:active { text-decoration: none; }
@media (max-width: 991px) and (min-width: 577px) { .prolist-col { width: 50%; } }
@media (max-width: 576px) { .prolist-col { width: 100%; } .prolist-title { padding: 12px 8px; font-size: 0.9rem; } }
@media (min-width: 1401px) { .prolist-container { max-width: 1500px; } .prolist-col { width: 25%; } }
.prolist-item { will-change: transform, border; }


/* ————————————————————————————内页产品详情上———————————————————————————— */		
.prov_top_container{max-width:1600px;margin:3rem auto;padding:0 0px;}
.prov_top_row{display:flex;flex-wrap:wrap;background:#fff;border-radius:0px;overflow:hidden;transition:all 0.2s;}
.prov_top_left{width:50%;padding:30px 20px 0px 0px;}
.prov_top_right{width:50%;padding:40px 35px 40px 30px;background:#fff;}
.prov_top_gallery{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
}
.prov_top_main_img{
  width:100%;
  /* 核心：宽高1:1正方形 */
  padding-top:100%; 
  position:relative;
  border-radius:5px;
  overflow:hidden;
  margin-bottom:20px;
  border:1px solid #e3e9ef;
}
.prov_top_main_img img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  /* 关键：cover 等比铺满，超出部分裁剪，无拉伸变形 */
  object-fit:cover;
  display:block;
  transition:opacity 0.2s ease;
}
.prov_top_thumb_wrapper{position:relative;display:flex;align-items:center;user-select:none;}
.prov_top_thumb_container{flex:1;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c0c4cc #e9eef2;padding:4px 0 8px;margin:0 5px;white-space:nowrap;-webkit-overflow-scrolling:touch;}
.prov_top_thumb_container::-webkit-scrollbar{height:5px;}
.prov_top_thumb_container::-webkit-scrollbar-thumb{background:#b3bac5;border-radius:12px;}
.prov_top_thumb_container::-webkit-scrollbar-track{background:#e3e7ec;border-radius:12px;}
.prov_top_thumb_track{display:flex;flex-wrap:nowrap;font-size:0;}
.prov_top_thumb_item{display:inline-block;vertical-align:top;width:calc((100% - 48px)/5);min-width:70px;aspect-ratio:1/1;border-radius:5px;overflow:hidden;border:2px solid transparent;background:#e9ecf0;cursor:pointer;transition:border-color 0.2s,transform 0.1s;box-shadow:0 4px 8px rgba(0,0,0,0.02);margin-right:12px;}
.prov_top_thumb_item:last-child{margin-right:0;}
.prov_top_thumb_item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;}
.prov_top_thumb_item.prov_top_active_thumb{border-color:#015bac;;}
.prov_top_arrow{background:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 15px rgba(0,0,0,0.1);color:#2f3e4e;font-size:1.rem;cursor:pointer;transition:all 0.15s;border:1px solid #e2e7ed;flex-shrink:0;z-index:3;}
.prov_top_arrow:hover{background:#015bac;color:#fff;border-color:#015bac;}
.prov_top_arrow_left{margin-right:6px;}
.prov_top_arrow_right{margin-left:6px;}
.prov_top_title{font-size:clamp(2rem,5vw,2rem);font-weight:800;color:#1a2634;letter-spacing:-0.02em;line-height:1.5;margin-bottom:1rem;}
.prov_top_desc{font-size:1.em;color:#3f4a57;margin-bottom:2rem;font-weight:400;border-left:5px solid #d4dce5;padding-left:1rem;line-height:1.8}
.prov_top_info_line{padding:1rem 0;border-bottom:1px solid #e3e9ef;display:flex;align-items:center;flex-wrap:wrap;}
.prov_top_info_line:first-of-type{border-top:1px solid #e3e9ef;}
.prov_top_info_icon{width:28px;color:#5e6f82;font-size:1.2rem;text-align:center;margin-right:12px;}
.prov_top_info_text{font-size:1.12rem;color:#1b2938;font-weight:500;word-break:break-word;}
.prov_top_info_text a{color:inherit;text-decoration:none;border-bottom:none;}
.prov_top_info_text a:hover{color:#015bac;}
.prov_top_share{display:flex;flex-wrap:wrap;margin:2.2rem 0 2rem;}
.prov_top_share_link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;color:#fff;font-size:1.5rem;transition:transform 0.15s,box-shadow 0.2s;box-shadow:0 8px 14px rgba(0,0,0,0.08);text-decoration:none;margin-right:15px;}
.prov_top_share_link:last-child{margin-right:0;}
.prov_top_share_link:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 16px 24px rgba(0,0,0,0.12);}
.prov_top_wa{background:#25D366;}
.prov_top_fb{background:#1877F2;}
.prov_top_li{background:#0077B5;}
.prov_top_mail{background:#9B59B6;}
.prov_top_yt{background:#FF0000;}
.prov_top_email_btn{display:inline-flex;align-items:center;background-color:#015bac;border:none;border-radius:60px;padding:16px 38px;font-size:1.3rem;font-weight:500;color:#fff;transition:background-color 0.2s,box-shadow 0.2s;cursor:pointer;text-decoration:none;border:1px solid rgba(255,255,255,0.1);margin-top:5px;outline:none;}
.prov_top_email_btn i{font-size:1.4rem;margin-right:12px;}
.prov_top_email_btn:hover{background-color:#333333;color:#fff;}
.prov_top_email_btn:active{background-color:#015bac;color:#fff;}
.prov_top_email_btn:focus{background-color:#015bac;color:#fff;}

@media screen and (max-width:992px){ .prov_top_left,.prov_top_right{width:100%;} .prov_top_left{padding:25px 25px 20px;} .prov_top_right{padding:30px 30px 40px;} .prov_top_thumb_item{width:calc((100% - 48px)/5);min-width:65px;margin-right:12px;} }
@media screen and (max-width:576px){ .prov_top_container{padding:0 10px;margin:1rem auto;} .prov_top_left{padding:20px 16px;} .prov_top_right{padding:24px 20px;} .prov_top_thumb_item{width:70px;margin-right:12px;} .prov_top_arrow{width:32px;height:32px;font-size:1rem;} .prov_top_title{font-size:2rem;} .prov_top_desc{font-size:1rem;} .prov_top_share_link{width:42px;height:42px;font-size:1.3rem;margin-right:12px;} .prov_top_email_btn{padding:12px 24px;font-size:1.1rem;} .prov_top_email_btn i{margin-right:10px;} }

/* ————————————————————————————内页产品详情下———————————————————————————— */		
.prov_bottom_container {  width: 100%; background-color: #ffffff; border-radius: 0px;  display: flex; flex-wrap: wrap; overflow: hidden; transition: all 0.2s ease; }
.prov_bottom_left { width: 100%; padding: 32px 0px; background: white; }
.prov_bottom_right { width: 30%; background: #fefefe; padding: 32px 20px; border-left: 1px solid rgba(0, 100, 60, 0.1); }
.prov_bottom_tabbar { display: flex; flex-wrap: wrap; margin: 0; margin-bottom: 28px; background: #f8f8f8; padding: 0px; border-radius: 0px; list-style: none; }
.prov_bottom_tab {  text-align: center; padding: 15px 8px; font-weight: 600; font-size: 1.2rem; border-radius: 0px; background: transparent; color: #2f3e2f; cursor: pointer; transition: all 0.2s; border: none; outline: none; white-space: nowrap; letter-spacing: 0.3px; margin: 0 5px; width: 180px; }
.prov_bottom_tab:first-child { margin-left: 0; }
.prov_bottom_tab:last-child { margin-right: 0; }
.prov_bottom_tab.prov_bottom_active { background: #015bac; color: white; }
.prov_bottom_tab:hover:not(.prov_bottom_active) { background: #dde9e0; color: #1d4a34; }
.prov_bottom_content { min-height: 240px; background: #fefefe; border-radius: 0px; padding: 24px 22px; margin: 10px 0 20px 0;  }
.prov_bottom_info_card { display: block; }
.prov_bottom_info_card p { color: #333333; line-height: 1.6; font-size: 1.05rem; margin-bottom: 5px; }
.prov_bottom_info_card img { max-width: 100%; display: block; margin-top: 8px; }
.prov_bottom_info_card img:hover {  }
.prov_bottom_form_row { display: block; margin-bottom: 18px; overflow: hidden; }
.prov_bottom_form_group { float: left; width: calc(50% - 10px); margin-right: 20px; margin-bottom: 0; min-width: 200px; }
.prov_bottom_form_group:nth-child(2n) { margin-right: 0; }
.prov_bottom_full { float: none; width: 100%; margin-right: 0; }
.prov_bottom_form_group input, .prov_bottom_form_group textarea { width: 100%; padding: 16px 18px; border: 1px solid #cfded5; border-radius: 40px; font-size: 0.95rem; background: white; transition: 0.15s; color: #1f3a2c; }
.prov_bottom_form_group input:focus, .prov_bottom_form_group textarea:focus { border-color: #2b6e4f; outline: none; box-shadow: 0 0 0 3px rgba(43,110,79,0.15); }
.prov_bottom_form_group input::placeholder, .prov_bottom_form_group textarea::placeholder { color: #a7b9ae; font-weight: 300; opacity: 1; }
.prov_bottom_captcha { overflow: hidden; }
.prov_bottom_captcha input { float: left; width: 60%; margin-right: 20px; min-width: 140px; }
.prov_bottom_captcha_img { float: left; width: calc(40% - 10px); background: #e2efe5; border-radius: 40px; padding: 12px 12px; text-align: center; font-weight: 600; color: #2b6e4f; border: 1px dashed #7faF91; font-size: 1.1rem; letter-spacing: 3px; user-select: none; display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; }
.prov_bottom_captcha_img i { font-size: 1.2rem; color: #1d5b3e; }
.clearfix::after { content: ""; display: table; clear: both; }
.prov_bottom_form_row { *zoom: 1; }
.prov_bottom_form_row:before, .prov_bottom_form_row:after { content: ""; display: table; }
.prov_bottom_form_row:after { clear: both; }
.prov_bottom_footer_nav { margin-top: 20px; background: #f8f8f8; border-radius: 0px; padding: 15px 20px 15px 28px; border: 1px solid #f5f5f5; overflow: hidden; }
.prov_bottom_prevnext { float: left; }
.prov_bottom_prevnext a { text-decoration: none; color: #333333; font-weight: 500; font-size: 1rem; display: block; margin-bottom: 10px; transition: 0.2s; }
.prov_bottom_prevnext a i { color: #015bac; font-size: 1rem; width: 22px; margin-right: 8px; }
.prov_bottom_prevnext a:last-child { margin-bottom: 0; }
.prov_bottom_prevnext a:hover { color: #0b3623; transform: translateX(3px); display: inline-block; }
.prov_bottom_back { float: right; background: white; padding: 15px 22px; border-radius: 40px; border: 1px solid #cccccc; transition: 0.2s; margin-top: 0; }
.prov_bottom_back a { text-decoration: none; color: #333333; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.prov_bottom_back a i { color: #015bac; margin-right: 6px; }
.prov_bottom_back:hover { background: #015bac; border-color: #015bac; }
.prov_bottom_back:hover a, .prov_bottom_back:hover a i { color: white; }
.prov_bottom_right_title { background: #f8f8f8; color: #000000; text-align: center; padding: 12px 10px; border-radius: 0px; font-weight: 600; font-size: 1.4rem; letter-spacing: 1px; border: 1px solid #efefef;margin-bottom: 32px; }
.prov_bottom_right_title i { margin-right: 8px; font-size: 1.2rem; }
.prov_bottom_product_list { display: block; }
.prov_bottom_product_item { display: block; text-decoration: none; border: 0px solid #f8f8f8; border-radius: 8px; transition: all 0.25s; background: white; margin-bottom: 24px; }
.prov_bottom_product_item:last-child { margin-bottom: 0; }
.prov_bottom_product_item:hover { border-color: #015bac; transform: translateY(-4px);  }
.prov_bottom_product_item:hover .prov_bottom_product_title { color: #333333; }
.prov_bottom_product_img { 
    aspect-ratio: 1 / 1; 
    width: 100%; 
    border-radius: 8px; 
    background: #ffffff; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 2.5rem; 
    color: #346b4c; 
    margin-bottom: 14px; 
    overflow: hidden; 
    border: 1px solid #dddddd; 
}

.prov_bottom_product_img img { 
    width: 100%; 
    height: 100%; 
	padding:10px;
    object-fit: contain;  /* 从 cover 改为 contain */
    display: block; 
}
.prov_bottom_product_title { font-weight: 600; color: #333333; text-align: center; font-size: 1.1rem; transition: color 0.2s; word-break: break-word; }
@media screen and (max-width: 900px) { .prov_bottom_left, .prov_bottom_right { width: 100%; } .prov_bottom_right { border-left: none; border-top: 1px solid #cde0d5; } .prov_bottom_tabbar { display: flex; flex-wrap: wrap; background: transparent; padding: 0; margin-bottom: 24px; } .prov_bottom_tab { width: calc(50% - 8px); margin: 0 4px 8px 4px; background: #f0f6f2; border-radius: 60px; white-space: normal; padding: 12px 5px; flex: none; } .prov_bottom_tab:nth-child(odd) { margin-left: 0; } .prov_bottom_tab:nth-child(even) { margin-right: 0; } .prov_bottom_tab:first-child, .prov_bottom_tab:last-child { margin-left: 0; margin-right: 0; } .prov_bottom_product_item { margin-bottom: 18px; } }
@media screen and (max-width: 480px) { .prov_bottom_container { border-radius: 24px; } .prov_bottom_left { padding: 22px 16px; } .prov_bottom_form_group { float: none; width: 100%; margin-right: 0; margin-bottom: 12px; } .prov_bottom_form_group:last-child { margin-bottom: 0; } .prov_bottom_captcha input { float: none; width: 100%; margin-right: 0; margin-bottom: 12px; } .prov_bottom_captcha_img { float: none; width: 100%; white-space: normal; justify-content: center; } .prov_bottom_footer_nav { padding: 16px; text-align: center; } .prov_bottom_prevnext { float: none; text-align: center; margin-bottom: 16px; } .prov_bottom_back { float: none; display: inline-block; } }
.prov_bottom_hide { display: none !important; }
.prov_img_placeholder { background: linear-gradient(145deg, #d6e6da, #c0d8c8); color: #2a5e40; display: flex; align-items: center; justify-content: center; }

/* ————————————————————————————内页新闻列表———————————————————————————— */		
.container { width: 100%; background: white; border-radius: 16px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); overflow: hidden; }        
.news_list { padding: 0px 0px; }        
.news_list-item { display: flex; position: relative; padding: 30px 0; text-decoration: none; color: #333; transition: all 0.4s ease; }        
.news_list-item::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #015bac; transition: width 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }        
.news_list-item:hover::after { width: 100%; }        
.news_list-item---:not(:last-child) { border-bottom: 1px solid #e0e0e0; }        
.news_list-item { border-bottom: 1px solid #e0e0e0; }        
.news_list-item:hover { color: #015bac; }        
.news_list-time { flex: 0 0 150px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 15px; transition: color 0.3s ease; }        
.news_list-date { font-size: 50px; font-weight: 700; line-height: 1; }        
.news_list-month { font-size: 18px; font-weight: 500; margin-top: 5px; color: #666; transition: color 0.3s ease; }        
.news_list-content { flex: 1; padding: 0 30px; display: flex; flex-direction: column; justify-content: center; }        
.news_list-title { font-size: 24px; font-weight: 700; margin-bottom: 15px; transition: color 0.3s ease; }        
.news_list-desc { font-size: 15px; line-height: 1.8; color: #999999; margin-bottom: 20px; transition: color 0.3s ease; }        
.news_list-btn { display: inline-block; padding: 10px 25px; width:150px; border: 1px solid #ddd; background: transparent; color: #333; font-size: 14px; font-weight: 400; text-decoration: none; border-radius: 30px; transition: all 0.3s ease; width: fit-content; position: relative; overflow: hidden; }        
.news_list-btn::after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: #015bac; transition: width 0.3s ease; z-index: -1; }        
.news_list-btn:hover { color: white; border-color: #015bac; }        
.news_list-btn:hover::after { width: 100%; }        
.news_list-image { flex: 0 0 300px; height: 200px; overflow: hidden; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); position: relative; }        
.news_list-image img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease; }        
.news_list-image::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: background 0.4s ease; }        
.news_list-item:hover .news_list-title, .news_list-item:hover .news_list-desc, .news_list-item:hover .news_list-date, .news_list-item:hover .news_list-month { color: #015bac; }        
.news_list-item:hover .news_list-image img { transform: scale(1.05); }        
.news_list-item:hover .news_list-image::after { background: rgba(0,0,0,0.2); }        
.news_list-mobile-date { display: none; font-size: 16px; color: #666; margin-top: 10px; margin-left: 10px; }        
@media (max-width: 900px) { .news_list { padding: 20px; } .news_list-item { flex-direction: column; padding: 25px 0; } .news_list-time { display: none; } .news_list-content { padding: 20px 0 0; order: 2; } .news_list-image { flex: 0 0 auto; width: 100%; height: 300px; order: 1; } .news_list-mobile-date { display: block; order: 3; font-weight: 500; } .news_list-title { font-size: 20px; } .news_list-desc { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } }        
@media (max-width: 480px) { .news_list-image { height: 300px; } .news_list-btn { display: none; } }

/* ————————————————————————————内页新闻详情———————————————————————————— */		
.news_view_container { margin: 0 auto; display: flex; flex-wrap: wrap; gap: 30px; padding-bottom:50px }        
.news_view_left { flex: 0 0 calc(65% - 15px); background: white; border-radius: 0px; box-shadow-: 0 5px 20px rgba(0,0,0,0.05); padding: 40px 20px 40px 0px; }        
.news_view_right { flex: 0 0 calc(35% - 15px); }        
.news_view_title { font-size: 30px; font-weight: 700; color: #222222; text-align: center; line-height: 1.4; margin-bottom: 15px; }        
.news_view_meta { text-align: center; font-size: 14px; color: #666; margin-bottom: 25px; }        
.news_view_meta span { margin: 0 12px; }        
.news_view_hr { height: 1px; background: #eaeaea; margin: 25px 0; border: 0; }        
.news_view_content { font-size: 15px; color: #666; line-height: 2; }        
.news_view_content p { margin-bottom: 20px; text-align: justify; }        
.news_view_nav { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }        
.news_view_prev_next { display: flex; flex-direction: column; }        
.news_view_prev_next a { color: #333; text-decoration: none; font-size: 15px; margin: 5px 0; transition: color 0.3s; }        
.news_view_prev_next a:hover { color: #015bac; }        
.news_view_back { display: inline-block; padding: 12px 30px; border: 1px solid #ddd; background: transparent; color: #333; text-decoration: none; border-radius: 50px; font-size: 15px; transition: all 0.3s ease; }        
.news_view_back:hover { background: #015bac; color: #fff; border-color: #bbb; transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); }        
.news_view_related { background: white; border-radius: 10px; box-shadow0: 0 5px 20px rgba(0,0,0,0.05); padding: 30px; margin-bottom: 30px; }        
.news_view_related_title { font-size: 30px; font-weight: 700; color: #222222; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #f0f0f0; }        
.news_view_related_list { background: #f9f9f9; border-radius: 8px; padding: 0; }        
.news_view_related_item { padding: 18px 20px; border-bottom: 1px solid #eaeaea; transition: background 0.3s; }        
.news_view_related_item:last-child { border-bottom: none; }        
.news_view_related_item:hover { background: #f0f0f0; }        
.news_view_related_item a { text-decoration: none; color: #333; }        
.news_view_related_item_title { font-size: 16px; font-weight: 600; margin-bottom: 8px; transition: color 0.3s; }        
.news_view_related_item:hover .news_view_related_item_title { color: #015bac; }        
.news_view_related_item_time { font-size: 14px; color: #888; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 15px; }        
.news_view_ad { background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); border-radius: 10px; padding: 30px; color: white; text-align: center; }        
.news_view_ad h3 { font-size: 20px; margin-bottom: 15px; }        
.news_view_ad p { font-size: 15px; opacity: 0.9; margin-bottom: 20px; }        
.news_view_ad_btn { display: inline-block; background: white; color: #2575fc; padding: 10px 25px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.3s; }        
.news_view_ad_btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); }        
@media (max-width: 768px) { .news_view_left, .news_view_right { flex: 0 0 100%; } .news_view_left { padding: 25px; } .news_view_title { font-size: 24px; } .news_view_nav { flex-direction: column; align-items: flex-start; } .news_view_back { margin-top: 20px; align-self: flex-end; } }        
@media (max-width: 480px) { .news_view_title { font-size: 22px; } .news_view_content { font-size: 15px; } .news_view_related_title { font-size: 22px; } }

/* ————————————————————————————内页服务———————————————————————————— */	
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.service-container{padding:30px 0;width:100%;margin:0 auto;}
.service-header{text-align:center;margin-bottom:60px;}
.service-header h1{font-size:38px;color:#222222;font-weight:700;margin-bottom:20px;position:relative;display:inline-block;}
.service-header h1::after{content:'';position:absolute;width:60px;height:3px;background:#015bac;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px;}
.service-header p{font-size:18px;color:#999999;max-width:600px;margin:0 auto;line-height:1.6;}
.service-cards{max-width:100%;margin:0 auto;}
.service-card{float:left;width:calc(33.333% - 20px);background:#f5f5f5;overflow:hidden;position:relative;padding:40px 30px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:1;margin-right:30px;margin-bottom:30px;}
.service-card:nth-child(3n){margin-right:0;}
.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#015bac;clip-path:circle(0% at 50% 50%);transition:clip-path 0.6s ease-in-out;z-index:-1;}
.service-card:hover::before{clip-path:circle(100% at 50% 50%);}
.service-card h3{font-size:30px;color:#222222;margin-bottom:20px;transition:color 0.3s ease;}
.service-card .service-divider{width:60px;height:2px;background:#015bac;margin-bottom:25px;transition:background 0.3s ease;}
.service-card .service-description{font-size:16px;line-height:1.7;color:#7f8c8d;margin-bottom:35px;transition:color 0.3s ease;}
.service-card .service-footer{display:block;overflow:hidden;zoom:1;}
.service-card .service-button{float:left;display:inline-block;padding:10px 30px;background:transparent;border:1px solid #015bac;border-radius:30px;color:#015bac;font-weight:600;font-size:16px;text-decoration:none;position:relative;overflow:hidden;z-index:1;transition:all 0.4s ease;}
.service-card .service-icon{float:right;width:50px;height:50px;padding-top:9px;background:#015bac;border-radius:50%;text-align:center;transition:background 0.3s ease;}
.service-card .service-icon i{color:white;font-size:28px;line-height:1;vertical-align:middle;display:inline-block;}
.service-card:hover .service-icon{background:white;}
.service-card:hover .service-icon i{color:#015bac;}
.service-card .service-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#015bac;z-index:-1;transition:left 0.4s ease;}
.service-card .service-button:hover{color:white;}
.service-card .service-button:hover::before{left:0;}
.service-card:hover{transform:translateY(-10px);box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.service-card:hover h3,.service-card:hover .service-description{color:white;}
.service-card:hover .service-divider{background:white;}
.service-card:hover .service-button{border-color:white;color:white;}
.service-card:hover .service-button::before{background:none;}
@media (max-width:992px){ .service-card{width:calc(50% - 10px);margin-right:20px;padding:30px 25px;} .service-card:nth-child(3n){margin-right:20px;} .service-card:nth-child(2n){margin-right:0;} .service-card h3{font-size:24px;} }
@media (max-width:768px){ .service-cards{max-width:100%;} .service-card{float:none;width:100%;max-width:600px;margin:0 auto 30px auto;display:block;clear:both;margin-right:auto;margin-left:auto;} .service-card:nth-child(2), .service-card:nth-child(3) { margin-left: auto !important; margin-right: auto !important; } .service-header h1{font-size:36px;} }
@media (max-width:576px){ .service-header h1{font-size:32px;} .service-header p{font-size:16px;} .service-card{padding:25px 20px;} }
.service-card:last-child{margin-right:0;}
@media (max-width:992px){ .service-card:last-child{margin-right:0;} }

/* ————————————————————————————内页技术———————————————————————————— */		
.tech-container { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 50px; padding: 80px; backdrop-filter: blur(1px); position: relative; overflow: hidden; }        
.tech-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 5px; }        
.tech-left { flex: 1; min-width: 300px; display: flex; flex-direction: column; justify-content: center; }        
.tech-right { flex: 1; min-width: 300px; }        
.tech-title { color: #fff; font-size: 50px; font-weight: 600; margin-bottom: 20px; line-height: 1.2; position: relative; text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }        
.tech-title::after { content: ""; position: absolute; left: 0; bottom: -15px; width: 80px; height: 2px; background: #015bac; border-radius: 3px; }        
.tech-subtitle { font-size: 36px; line-height: 1.8; margin-bottom: 50px; max-width: 500px; color: #fff; }        
.tech-contact-button { display: inline-block; padding: 10px 5px; background: transparent; border: 2px solid #fff; color: #fff; font-size: 18px; font-weight: 400; text-decoration: none; border-radius: 50px; transition: all 0.4s ease; position: relative; overflow: hidden; max-width: 220px; text-align: center; z-index: 1; }        
.tech-contact-button::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: all 0.6s ease; z-index: -1; }        
.tech-contact-button:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); }        
.tech-contact-button:hover::before { left: 100%; }        
.tech-contact-card { display: flex; align-items: flex-start; padding: 20px; margin-bottom: 5px; background0: rgba(30, 41, 59, 0.7); border-radius: 15px; transition: all 0.3s ease; border-lef0=t0: 4px solid #ff4d4d; box-shadow0: 0 8px 20px rgba(0, 0, 0, 0.2); }        
.tech-contact-card:hover { transform: translateX(5px); background: rgba(0, 0, 0, 0.1); border-left: 0px solid #015bac; }        
.tech-contact-icon { width: 70px; height: 70px; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 25px; flex-shrink: 0; background: rgba(255, 255, 255, 0.05); transition: all 0.3s ease; }        
.tech-contact-card:hover .tech-contact-icon { background: #015bac; transform: scale(1.1); border-color: #015bac; }        
.tech-contact-icon i { font-size: 35px; padding-top:0px; color: #fff; }        
.tech-contact-info h3 { font-size: 22px; margin-bottom:5px; font-weight: 600; color: #ffffff; }        
.tech-contact-info p { font-size: 20px; color: #e2e8f0; line-height: 1.6; }        
.tech-contact-info a { color: #ffffff; text-decoration: none; transition: color 0.3s ease; }        
.tech-contact-info a:hover { color: #ff4d4d; text-decoration: none; }        
@media (max-width: 992px) { .tech-container { padding: 40px; } .tech-title { font-size: 46px; } .tech-contact-card { padding: 25px; } }        
@media (max-width: 768px) { .tech-container { flex-direction: column; gap: 40px; padding: 40px 30px; } .tech-left, .tech-right { width: 100%; } .tech-title { font-size: 40px; } .tech-subtitle { font-size: 18px; margin-bottom: 40px; } .tech-contact-button { padding: 16px 40px; font-size: 18px; } .tech-contact-info h3 { font-size: 20px; } .tech-contact-info p { font-size: 18px; } }        
@media (max-width: 576px) { .tech-title { font-size: 34px; } .tech-contact-card { padding: 20px; flex-direction: row; align-items: flex-start; } .tech-contact-icon { margin-right: 0; margin-bottom: 20px;margin-right: 20px; } .tech-contact-info { width: 100%; } }

/* ————————————————————————————内页售后承诺书———————————————————————————— */				
		

/* ————————————————————————————内页下载———————————————————————————— */

/* ————————————————————————————内页人才理念———————————————————————————— */	

.hr-container{max-width:1600px;padding: 0px 0%;margin:0 auto;display:flex;flex-wrap:wrap;margin-top:40px;margin-bottom:40px;}
.hr-card-item{width:25%;padding:0 15px;margin-bottom:30px;}
.hr-card-inner{background-color:#ffffff;box-shadow:0 8px 30px rgba(0,0,0,0.05);border-radius:8px;padding:45px 30px;text-align:center;height:100%;}
.hr-card-icon{font-size:48px;color:#015bac;margin-bottom:25px;}
.hr-card-icon i {font-size:48px;color:#015bac;margin-bottom:25px;}
.hr-card-title{font-size:22px;font-weight:bold;color:#222222;margin-bottom:25px;}
.hr-card-desc{font-size:15px;color:#555555;line-height:1.8;text-align:left;}
.hr-bottom-line{width:1400px;margin:0 auto;height:1px;background-color:#eeeeee;}
@media screen and (max-width: 992px){.hr-container{width:95%;}.hr-card-item{width:50%;}.hr-bottom-line{width:95%;}}
@media screen and (max-width: 768px){body{padding:0px 0;}.hr-container{width:92%;}.hr-card-item{width:100%;}.hr-bottom-line{width:92%;}.hr-card-inner{padding:35px 25px;}.hr-card-icon{font-size:42px;margin-bottom:20px;}.hr-card-title{font-size:20px;margin-bottom:20px;}.hr-card-desc{font-size:14px;}}


/* ————————————————————————————内页招聘———————————————————————————— */	
.job-page-title{font-size:36px;font-weight:bold;color:#222222;text-align:center;margin-bottom:40px;}
.job-container{display:flex;margin:0;gap:30px;margin-bottom:40px;}
.job-sidebar{width:220px;flex-shrink:0;}
.job-menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:12px;border-radius:4px;cursor:pointer;font-size:16px;transition:all 0.2s ease;background-color:#f7f7f7;color:#333333;}
.job-menu-item.active{background-color:#015bac;color:#ffffff;}
.job-menu-item i{color:#015bac;font-size:14px;}
.job-content{flex:1;background-color:#f7f7f7;border-radius:4px;padding:35px;}
.job-department-title{font-size:28px;font-weight:bold;color:#222222;margin-bottom:25px;}
.job-divider{height:1px;background-color:#eeeeee;margin-bottom:30px;}
.job-subtitle{font-size:20px;font-weight:bold;color:#222222;margin-bottom:15px;}
.job-desc-text{font-size:16px;color:#555555;line-height:1.8;margin-bottom:45px;}
.job-email-text{font-size:16px;color:#222222;line-height:1.8;}
.job-email-text span{color:#015bac;font-weight:500;}
@media screen and (max-width: 768px){.job-container{flex-direction:column;}.job-sidebar{width:100%;}body{padding:0px;overflow-x:hidden;}.job-page-title{font-size:28px;margin-bottom:25px;}.job-content{padding:25px 20px;}.job-department-title{font-size:24px;}}
@media screen and (max-width: 480px){.job-page-title{font-size:24px;}.job-menu-item{padding:14px 16px;font-size:15px;}.job-subtitle{font-size:18px;}.job-desc-text,.job-email-text{font-size:15px;}body{overflow-x:hidden;}.job-content{padding:20px 16px;}}
/* ————————————————————————————内页案例———————————————————————————— */		


/* ————————————————————————————内页联系我们———————————————————————————— */	
.contact-container {width:100%;max-width:1600px;margin:30px auto;padding:28px 5%px;background-color:#ffffff;}
.contact-left {float:left;width:50%;margin-right:5%;}
.contact-right {float:left;width:45%;}
.contact-clear {clear:both;}
.contact-title {font-size:36px;font-weight:600;color:#222222;margin-bottom:28px;border-left:5px solid #015bac;padding-left:18px;line-height:1.5;}
.contact-info-list {margin-top:38px;margin-bottom:38px;background:#f9fafc;padding:16px 20px;border-radius:24px;}
.contact-info-item {font-size:17px;margin-bottom:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;word-break:break-word;color:#1f2f44;}
.contact-info-item i {color:#015bac;font-size:20px;width:28px;text-align:center;flex-shrink:0;}
.contact-info-item span {flex:1;}
.contact-qrcode-wrap {margin-top:12px;overflow:hidden;width:100%;}
.contact-qrcode-card {float:left;width:23%;margin-right:2%;text-align:center;background:#ffffff;border-radius:20px;padding:12px 8px 14px 8px;border:1px solid #f0f0f0;box-sizing:border-box;}
.contact-qrcode-card:nth-child(4n) {margin-right:0;}
.contact-qrcode-img {width:100%;max-width:120px;aspect-ratio:1/1;object-fit:cover;border-radius:16px;margin:0 auto 10px auto;display:block;background:#f2f4f8;border:1px solid #eaeef2;}
.contact-qrcode-title {font-size:15px;font-weight:600;margin-bottom:6px;color:#1f3b4c;}
.contact-qrcode-desc {font-size:13px;color:#5c6f87;line-height:1.45;}
.contact-manager-tel {color:#c4282b;font-weight:600;letter-spacing:0.3px;white-space:nowrap;}
.contact-map-box {width:100%;border-radius:0px;overflow:hidden;box-shadow:0 12px 24px -12px rgba(0,0,0,0.12);border:1px solid #eaedf2;background:#eef2f5;}
.contact-map-box img {width:100%;height:auto;display:block;}
@media screen and (max-width:1024px){.contact-left {width:100%;float:none;margin-right:0;margin-bottom:30px;}.contact-right {width:100%;float:none;}.contact-qrcode-card {width:48%;margin-right:4%;}.contact-qrcode-card:nth-child(2n) {margin-right:0;}.contact-qrcode-card:nth-child(4n) {margin-right:4%;}.contact-qrcode-card:nth-child(2n) {margin-right:0;}}
@media screen and (max-width:768px){.contact-container {padding:20px 16px;margin:12px;width:auto;}.contact-title {font-size:26px;margin-bottom:20px;padding-left:14px;}.contact-info-list {padding:14px 16px;margin-bottom:28px;}.contact-qrcode-card {width:48%;margin-right:4%;padding:10px 6px 12px 6px;}.contact-qrcode-card:nth-child(2n) {margin-right:0;}.contact-qrcode-title {font-size:14px;}.contact-qrcode-desc {font-size:12px;}.contact-manager-tel {font-size:12px;white-space:normal;word-break:keep-all;}.contact-map-box {height:auto;}}
@media screen and (max-width:480px){.contact-container {padding:16px 12px;margin:8px;}.contact-title {font-size:22px;margin-bottom:16px;}.contact-info-item {font-size:14px;gap:10px;margin-bottom:12px;}.contact-info-item i {font-size:18px;width:24px;}.contact-qrcode-card {width:48%;margin-right:4%;padding:8px 4px 10px 4px;}.contact-qrcode-title {font-size:13px;}.contact-qrcode-desc {font-size:11px;}.contact-manager-tel {font-size:11px;white-space:normal;}}
@media screen and (max-width:380px){.contact-qrcode-card {width:48%;margin-right:4%;}.contact-qrcode-title {font-size:12px;}.contact-qrcode-desc {font-size:10px;}}



/* ————————————————————————————内页留言——————————————————————————— */			
        .guest { width: 100%; max-width: 1600px; margin: 30px auto; padding: 0 0%; overflow-x: hidden; box-sizing: border-box; }
        .guest .guest-title { font-size: 36px; font-weight: bold; color: #222222; margin-bottom: 12px; word-break: break-word; }
        .guest .guest-desc { font-size: 14px; color: #666666; line-height: 1.6; margin-bottom: 40px; word-break: break-word; }
        .guest .guest-form-row-top { width: 100%; margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 25px; }
        .guest .guest-form-item { flex: 1; min-width: 220px; }
        .guest .guest-form-input { width: 100%; height: 55px; padding: 0 20px; border: 1px solid #eeeeee; background-color: #f8f8f8; font-size: 15px; color: #333; outline: none; transition: border 0.3s ease, box-shadow 0.3s ease; box-sizing: border-box; }
        .guest .guest-form-input:focus { border-color: #015bac; box-shadow: 0 0 0 2px rgba(1, 91, 172, 0.1); }
        .guest .guest-form-input.error { border-color: #c0392b; background-color: #fff6f5; }
        .guest .guest-textarea-wrap { width: 100%; margin-bottom: 30px; }
        .guest .guest-textarea { width: 100%; min-height: 180px; padding: 20px; border: 1px solid #eeeeee; background-color: #f8f8f8; font-size: 15px; color: #333; outline: none; resize: vertical; transition: border 0.3s ease, box-shadow 0.3s ease; box-sizing: border-box; }
        .guest .guest-textarea:focus { border-color: #015bac; box-shadow: 0 0 0 2px rgba(1, 91, 172, 0.1); }
        .guest .guest-form-row-code { width: 100%; margin-bottom: 35px; display: flex; flex-wrap: wrap; align-items: center; gap: 25px; }
        .guest .guest-code-input-wrap { flex: 1; min-width: 220px; }
        .guest .guest-code-img { height: 55px; width: 120px; border: 1px solid #eeeeee; background-color: #f8f8f8; display: flex; align-items: center; justify-content: center; font-size: 28px; font-style: italic; color: #015bac; user-select: none; letter-spacing: 4px; flex-shrink: 0; font-weight: 500; }
        .guest .guest-submit-btn { width: 320px; height: 60px; background-color: #015bac; border: none; color: #ffffff; font-size: 18px; font-weight: 500; cursor: pointer; transition: background-color 0.3s ease, transform 0.1s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; border-radius: 4px; }
        .guest .guest-submit-btn:hover { background-color: #004a8f; }
        .guest .guest-submit-btn:active { transform: scale(0.97); }
        .guest .guest-error-msg { color: #c0392b; font-size: 13px; margin-top: 6px; display: none; align-items: center; gap: 4px; }
        .guest .guest-error-msg.show { display: flex; }
        .guest .guest-error-msg i { font-size: 14px; }
        .guest .guest-form-item .guest-error-msg { margin-top: 4px; }
        .guest .guest-toast { position: fixed; top: 30px; left: 50%; transform: translateX(-50%) translateY(-20px); background: #2c3e50; color: #fff; padding: 14px 30px; border-radius: 40px; font-size: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.2); opacity: 0; transition: opacity 0.4s ease, transform 0.4s ease; z-index: 999; pointer-events: none; white-space: nowrap; }
        .guest .guest-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
        @media screen and (max-width: 992px) { .guest .guest-title { font-size: 28px; } .guest .guest-form-row-top { gap: 20px; } .guest .guest-form-item { min-width: 100%; } .guest .guest-form-row-code { gap: 20px; } .guest .guest-code-input-wrap { min-width: 100%; } .guest .guest-code-img { width: 120px; } }
        @media screen and (max-width: 768px) { .guest { margin: 20px auto; padding: 0 12px; } .guest .guest-title { font-size: 24px; } .guest .guest-desc { margin-bottom: 30px; } .guest .guest-submit-btn { width: 100%; } }
        @media screen and (max-width: 480px) { .guest { padding: 0 10px; } .guest .guest-form-input, .guest .guest-code-img { height: 50px; } .guest .guest-submit-btn { height: 55px; font-size: 16px; } .guest .guest-code-img { width: 110px; font-size: 24px; letter-spacing: 3px; } .guest .guest-form-row-code { gap: 15px; } .guest .guest-toast { white-space: normal; max-width: 90%; padding: 12px 20px; font-size: 14px; } }
		
		
.guest-container{margin:0 auto;padding:50px 0;color:#333;box-sizing:border-box;}
.guest-header{margin-bottom:30px;text-align:center;}
.guest-main-title{font-size:2rem;font-weight:700;color:#222;margin-bottom:10px;line-height:1.2;}
.guest-subtitle{font-size:1.2rem;color:#666;margin-bottom:25px;}
.guest-divider{height:4px;text-align:center;width:80px;background-color:#015bac;margin-bottom:40px;transition:width 0.5s ease;}
.guest-divider:hover{width:150px;}
.guest-form{padding:30px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.guest-form-row{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:20px;}
.guest-form-group{flex:1;min-width:250px;}
.guest-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444;}
.guest-input-wrapper{position:relative;}
.guest-input-wrapper i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777;}
.guest-form-input{width:100%;padding:15px 15px 15px 45px;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;transition:border-color 0.3s,box-shadow 0.3s;}
.guest-form-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,0.2);}
.guest-form-input::placeholder{color:#aaa;}
.guest-textarea-wrapper{position:relative;}
.guest-textarea-wrapper i{position:absolute;left:15px;top:20px;color:#777;}
.guest-form-textarea{width:100%;padding:15px 15px 15px 45px;border:1px solid #ddd;border-radius:4px;font-size:1rem;min-height:150px;resize:vertical;box-sizing:border-box;transition:border-color 0.3s,box-shadow 0.3s;}
.guest-form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,0.2);}
.guest-captcha-row{display:flex;flex-wrap:wrap;align-items:center;gap:15px;}
.guest-captcha-input{flex:1;min-width:200px;}
.guest-captcha-image{height:50px;border-radius:4px;border:1px solid #ddd;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#333;padding:0 15px;user-select:none;}
.guest-orange-btn{background-color:#f39c12;color:white;border:none;padding:15px 30px;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color 0.3s,transform 0.2s;}
.guest-orange-btn:hover{background-color:#015bac;transform:translateY(-2px);}
.guest-submit-row{text-align:center;margin-top:30px;}
.guest-red-btn{background-color:#015bac;color:white;border:none;padding:18px 50px;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color 0.3s,transform 0.2s;}
.guest-red-btn:hover{background-color:#333333;transform:translateY(-3px);}
@media (max-width:768px){.guest-container{padding:15px 0;}.guest-main-title{font-size:2rem;}.guest-subtitle{font-size:1.1rem;}.guest-form{padding:20px;}.guest-form-group{min-width:100%;}.guest-captcha-row{flex-direction:column;align-items:stretch;}.guest-captcha-input{min-width:100%;}.guest-orange-btn,.guest-red-btn{width:100%;padding:18px 20px;}}
@media (max-width:480px){.guest-main-title{font-size:1.7rem;}.guest-form{padding:5px;}.guest-form-input,.guest-form-textarea{padding-left:40px;}}