@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 1264008 */
  src: url('//at.alicdn.com/t/c/font_1264008_72ughmp53ky.woff2?t=1767062259210') format('woff2'),
       url('//at.alicdn.com/t/c/font_1264008_72ughmp53ky.woff?t=1767062259210') format('woff'),
       url('//at.alicdn.com/t/c/font_1264008_72ughmp53ky.ttf?t=1767062259210') format('truetype');
}
.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }

/* ==========================================================================
   1. 基础重置 & Bootstrap 核心 (Grid & Reset)
   ========================================================================== */
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 100px; /* REM基准 */ -webkit-tap-highlight-color: transparent; }
body {font:14px/1.5 'Mircrosoft YaHei',Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif; line-height: 1.42857; color: #333; background-color: #fff; direction: "ltr"; height: 100%; }
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin: 0; padding: 0; }
/* 链接与图片 */
a { background-color: transparent; text-decoration: none; color: #333; text-shadow: none; }
a:active, a:hover { outline: 0; color: #2b9865; text-decoration: none; cursor: pointer; }
a:focus { outline: 0; outline-offset: -2px; }
img { border: 0; vertical-align: middle; max-width: 100%; }
ul, li, dl, ol { list-style: none; margin: 0; padding: 0; }

/* 辅助工具类 */
.clearfix:after, .clearfix:before { content: " "; display: table; }
.clearfix:after { clear: both; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.hide { display: none !important; }
.show { display: block !important; }
.po_re { position: relative; }
.posi{ position: relative;}
.po_fix { position: fixed; top: 0; }
.dflex { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; }
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}
.lump{display: block;}

/* Bootstrap 网格系统 (Grid System) */
.container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " "; }
.container-fluid:after, .container:after, .row:after { clear: both; }
.row { margin-left: -15px; margin-right: -15px; }

/* 动态效果 */
.opacity{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;}
.transition02{transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.transition035{transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.transition05{transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.transition075{transition:all 0.75s;-moz-transition:all 0.75s;-webkit-transition:all 0.75s;-o-transition:all 0.75s;}
.transition1{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.transition-delay01{transition-delay:0.1s;-moz-transition-delay:0.1s; -webkit-transition-delay:0.1s;-o-transition-delay:0.1s;}
.transition-delay02{transition-delay:0.2s;-moz-transition-delay:0.2s; -webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}
.transition-delay03{transition-delay:0.3s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s;-o-transition-delay:0.3s;}
.transition-delay05{transition-delay:0.5s;-moz-transition-delay:0.5s; -webkit-transition-delay:0.5s;-o-transition-delay:0.5s;}
.transition-delay075{transition-delay:0.75s;-moz-transition-delay:0.75s; -webkit-transition-delay:0.75s;-o-transition-delay:0.75s;}

/* 列的基础样式 */
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; 
}

/* 屏幕尺寸适配 */
.col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; }

@media (min-width:768px) {
    .container { width: 98%; margin: 0 auto; }
    .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; }
}
@media (min-width:992px) {
    .container { width: 970px; }
    .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; }
}
@media (min-width:1200px) {
    .container { width: 1170px; }
    .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; }
}
 @media (min-width:1400px) {
    .container { width: 1370px }
}
 @media (min-width:1600px) {
    .container { width: 1470px }
}
 @media (min-width:1880px) {
    .container { width: 1600px }
}


/* 响应式显示/隐藏工具 */
.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; }
@media (max-width:767px) { .visible-xs { display: block !important; } }
@media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important; } }
@media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important; } }
@media (min-width:1200px) { .visible-lg, .visible-lg-* { display: block !important; } }

/* ==========================================================================
   2. 基础组件 (Header, Form, Buttons)
   ========================================================================== */
.headimg { margin-top: 30px; }

/* 表单控件 */
.form-control { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #c2cad8; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; outline: 0 !important; }
.form-control:focus { border-color: #93a1bb; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(147, 161, 187, .6); }

/* 按钮 */
.btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; outline: 0 !important; }
.btn:hover { transition: all .3s; color: #333; text-decoration: none; }

/* 页面结构容器 */
.page-wrapper { display: table; width: 100%; table-layout: fixed; height: 100%; }
.page-wrapper .page-wrapper-row { width: 100%; display: table-row; }
.page-wrapper .page-wrapper-bottom, .page-wrapper .page-wrapper-top { width: 100%; display: table-cell; }
.page-wrapper .page-wrapper-middle { width: 100%; display: table-cell; height: 100%; }

/* ==========================================================================
   3. 头部导航与布局 (Header & Navigation)
   ========================================================================== */
.page-wrapper-top { height: 82px; border-bottom: 1px solid #ddd; }
.page-header { background-color: #fff; z-index: 999; height: 80px; box-shadow: 0 0 15px rgb(0 0 0 / 40%); width: 100%; margin: 0; border: 0; padding: 0; }
.page-header .logo{position: relative; height: 100%; overflow: hidden;}
.page-header .logo a{display: block; font-size: 0;}
.page-header .logo img{height: 80px; width: 100%; object-fit: contain;}
.page-header .logo::before{content: "";position: absolute;left: -800px;top: -460px;width: 400px;height: 15px;background-color: rgba(255, 255, 255, .4);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 1.5s ease-in 1.5s infinite;-o-animation: searchLights 1.5s ease-in 1.5s infinite;animation: searchLights 1.5s ease-in 1.5s infinite;}
@-webkit-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-o-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@-moz-keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@keyframes searchLights{0%{left: -100px;top: 0;}to{left: 120px;top: 100px;}}
@media (max-width: 768px) {
    .page-header .logo img{height: 80px; width: 85%; object-fit: contain;}
}    

/* 顶部右侧悬浮元素 */
.topewm { position: relative; cursor: pointer; }
.topewm .ewmimg { width: 120px; height: 120px; opacity: 0; transition: all .6s; position: absolute; padding: 5px 0; border-radius: 5px; top: 29px; left: -15px; }
.topewm:hover .ewmimg { opacity: 1; }

.toptel { position: relative; cursor: pointer; }
.hotline-bubble{opacity: 0;position:absolute;top:36px;right:-36px;white-space:nowrap;z-index:10;display:inline-flex;align-items:center;padding:12px 30px;background-color:#fff;border-radius:50px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:800;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .15))}
.hotline-bubble::before{content:"";position:absolute;top:-8px;right:40px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg)}
.toptel:hover .hotline-bubble { opacity: 1; }
.hotline-bubble .label{margin-right:10px;background:linear-gradient(to right,#86dd61,#4ca936);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hotline-bubble .number{font-family:Arial,sans-serif;letter-spacing:.5px;background:linear-gradient(to right,#3eaecb,#0e4ea0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.headimg img{ max-width: 25px;}

/* PC端导航栏 */
.navbar { width: 100%; position: relative; min-height: 50px; border: 1px solid transparent; margin-bottom: 0; }
.navbar > ul { margin: 20px 0; display: flex; justify-content: space-around; line-height: 40px; }
.navbar > ul > li { float: left; position: relative; }
.navbar > ul > li > a { text-decoration: none; font-size: 0.18rem; display: block; position: relative; color: #333333; text-transform: capitalize;}
/* 导航下划线动画 */
.navbar > ul > li > a::after { content: ""; display: block; width: 100%; height: 2px; background-color: #2b9865; position: absolute; left: 0; bottom: 0px; transition: all ease .3s; transform: scaleX(0); }
.navbar > ul > li:hover > a::after { transform: scaleX(1); }

/* 二级菜单 Subnav */
.navbar > ul > li .subnav { padding: 10px 0; position: absolute; top: 50px; left: 50%; background-color: rgba(255,255,255,0.9); z-index: 990; opacity: 0; visibility: hidden; transition: all ease .3s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); transform: translateX(-50%) perspective(300px) rotateX(-90deg); transform-origin: 0 0 0; border-radius: 10px !important; }
.navbar > ul > li .subnav li { line-height: 44px; font-size: 14px; transition: all ease .3s; border-bottom: 1px solid #f1f1f1; text-align: center; padding: 0 .3rem; background: url(../images/nav-bg-icon.png) 15px center no-repeat; }
.navbar > ul > li .subnav li:last-child { border-bottom: none; }
.navbar > ul > li .subnav li a { display: block; padding: 0px 12px; white-space: nowrap; color: #333333; font-size: 16px; line-height: 44px; }
.navbar > ul > li .subnav li:hover { background: #2b9865 url(../images/nav-hbg-icon.png) 15px center no-repeat; }
.navbar > ul > li .subnav li:hover a { color: #fff; text-decoration: none; }
.navbar > ul > li:hover .subnav { opacity: 1; visibility: visible; transform: translateX(-50%) perspective(200px) rotateX(0deg); }

/* 下拉搜索框 (.soso) */
.soso { width: 100%; z-index: 99 !important; position: absolute; display: none; left: 0; right: 0; top: 100%; background: rgba(255, 255, 255, 1); text-align: center; padding: 28px 0; box-shadow: 0 4px 10px #d0cece; }
.soso .header__search-form { position: relative; width: 635px; margin: 0 auto; }
.soso .header__search-form .form-text { width: calc(100% - 120px); height: 42px; border: none; background: #fff; padding: 15px; font-size: 14px; color: #333; float: left; outline: none; margin: 0; border: 1px solid #2b9865; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.soso .header__search-form .btn-submit { width: 120px; height: 42px; border: none; background: #2b9865; color: #fff; font-size: 14px; float: right; outline: none; line-height: 24px; text-align: center; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

/* ==========================================================================
   4. 移动端菜单 (Mobile Menu)
   ========================================================================== */
#navToggle { display: none; } /* 默认PC隐藏 */

.m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); }
.m_nav.open { transform: translateX(0); }
.m_nav .top { position: absolute; right: 0; height: 60px; padding: 20px; box-sizing: border-box; }
.m_nav .top .closed { width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer; }
.m_nav .w_en { position: absolute; left: 20px; height: 60px; padding: 20px; box-sizing: border-box; }
.m_nav>.logo1 { width: 100%; margin: 0 auto; }
.m_nav>.logo1 img { height: 50px; display: block; margin: 10px auto; }

/* 移动端菜单项动画 */
.m_nav .ul { margin-top: 30px; }
.m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(100%); transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; }
.m_nav.open .ul li { opacity: 1; transform: translateY(0); }
.m_nav .ul li:nth-child(1) { transition-delay: 0ms; }
.m_nav .ul li:nth-child(2) { transition-delay: 100ms; }
.m_nav .ul li:nth-child(3) { transition-delay: 200ms; }
.m_nav .ul li:nth-child(4) { transition-delay: 300ms; }
.m_nav .ul li:nth-child(5) { transition-delay: 400ms; }
.m_nav .ul li a { display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; }

/* 移动端二级菜单 */
.m_nav .ul li .dropdown_menu { display: none; }
.m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; }
.m_nav .ul li .dropdown_menu a:last-child { border: none; }

/* ==========================================================================
   5. 首页轮播 (Banner / Swiper)
   ========================================================================== */
.index-banner { width: 100%; position: relative; }
.index-banner img { width: 100%; }
.index-banner .w { position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%); z-index: 2; }
.index-banner .swiper-slide-active h3 { opacity: 1; transform: translateY(0); }
.index-banner .swiper-pagination-bullet { width: 13px; height: 13px; background: none; border: 2px solid #fff; opacity: 1; }
.index-banner .swiper-pagination-bullet-active { background-color: #2b9865; border: none; }
.index-banner .swiper-pagination.swiper-pagination { bottom: auto; left: 40px; right: auto; }
.index-banner .swiper-button-next,
.index-banner .swiper-button-prev { width: 0; height: 0; left: -12px; right: auto; bottom: 55px; top: auto; border-width: 12px; border-style: solid; border-color: transparent #acaeb3 transparent transparent; color: transparent; background: none; margin-top: 0; }
.index-banner .swiper-button-next { left: 60px; border-color: transparent transparent transparent #acaeb3; }
.index-banner .swiper-button-prev:after { content: ''; position: absolute; left: 36px; top: -16px; height: 34px; width: 2px; background: #6a6e76; }
.index-banner .swiper-button-next:hover { border-color: transparent transparent transparent #2b9865; }
.index-banner .swiper-button-prev:hover { border-color: transparent #2b9865 transparent transparent; }

/* ==========================================================================
   6. 通用工具类 (Utilities)
   ========================================================================== */
.mt2vh { margin-top: 2vh; }
.mt40 { margin-top: 40px; }
.mtb40 { margin: 40px 0; }
.fw600 { font-weight: 600; }
.fcgreen { color: #a4ea5a; }
.f12 { font-size: 12px; margin: 0; }
.clip-1 { overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; }
.clip-2 { overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; }

/* ==========================================================================
   7. 媒体查询与响应式修正 (Media Queries)
   ========================================================================== */

/* 平板到桌面过渡 */
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar { margin-left: 0px; }
    .navbar > ul > li { margin: 0 10px; }
}

/* 小于 1200px 时 (移动端/平板布局) */
@media screen and (max-width: 1200px) {
    .navbar { display: none; }
    .topewm, .ewmimg, .toptel, .topsear, .ent { display: none !important; }
    .index-banner .w { display: none; }
    
    /* 调整 Top 高度 */
    .page-wrapper-top { width: 100%; display: table-cell; height: 80px; }
    .page-header { background-color: #fff; height: 80px; z-index: 999; }

    /* 显示汉堡按钮 */
    #navToggle { position: absolute; right: 10px; top: 20px; display: inline-block; cursor: pointer; }
    #navToggle span { position: relative; width: 25px; height: 1px; margin-top: 19px; background: #4f4f4f; display: block; transition: 0.3s; }
    #navToggle span:before, #navToggle span:after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; background: #4f4f4f; transition: 0.3s; }
    #navToggle span:before { top: -8px; }
    #navToggle span:after { bottom: -8px; }
    
    /* 汉堡按钮点击展开状态 (X形状) */
    #navToggle.open span { background: none; }
    #navToggle.open span:before { top: 0; transform: rotate(-45deg); }
    #navToggle.open span:after { bottom: 0; transform: rotate(45deg); }
}

/* 标题样式 */
.sy-title{ width: 100%; text-align: center; font-size: 50px; color: #333; text-transform: uppercase;}
.sy-subtitle{ line-height:60px; font-size: 36px; color:#333; font-weight:normal}
.sy-desc{ font-size: 18px; color: #666666; text-align: center; display: block; padding-top: 0px;  line-height: 28px; width:80%; margin:0 auto;}
@media screen and (max-width: 768px){
    .sy-title{ font-size: 32px; line-height: 32px;}
    .sy-subtitle{ font-size: 24px;}
    .sy-desc{ font-size: 14px;}
}


/*首页产品*/
.pro-header-section{padding:100px 0;text-align:center;background:url(../images/pro-bg.jpg) no-repeat top center}
.pro-header-section .header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.pro-header-section .title-group{display:flex;align-items:baseline;flex-wrap:wrap}
.pro-header-section .main-title{font-size:40px;font-weight:800;color:#333;letter-spacing:2px;margin-right:12px;text-transform: uppercase;}
.pro-header-section .sub-title{font-size:24px;color:#666;font-weight:300;text-transform:uppercase}
.pro-header-section .search-container{flex:1;display:flex;justify-content:flex-end;padding:0 30px;}
.pro-header-section .search-container form{position:relative;width:100%;max-width:400px}
.pro-header-section .search-input{width:100%;height:55.7px;border:1px solid #dcdcdc;border-radius:25px;padding:0 45px 0 20px;outline:0;font-size:16px;color:#333;background-color:#fff;transition:all .3s}
.pro-header-section .search-input:focus{border-color:#2b9865;box-shadow:0 0 8px rgba(43,152,101,.15)}
.pro-header-section .search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:0 0;border:none;cursor:pointer;color:#999;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .3s}
.pro-header-section .search-btn:hover{color:#2b9865}
.pro-header-section .more-btn{padding:15px 50px;border-radius:50px;color:#fff;font-size:18px;font-weight:700;text-decoration:none;display:flex;align-items:center;background:linear-gradient(90deg,#72cdc5,#2b9865);transition:transform .2s,opacity .2s;white-space:nowrap}
.pro-header-section .more-btn span{font-weight:400;padding-left:10px}
.pro-header-section .more-btn:active{transform:scale(.95)}
.pro-header-section .more-btn:hover{background:linear-gradient(90deg,#2b9865,#72cdc5);}
.pro-header-section .tab-nav{display:flex;width:100%;background-color:#f0f2f5}
.pro-header-section .tab-item{flex:1;height:70px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#333;font-size:22px;background-color:#f0f2f5;transition:all .3s;border-right:1px solid #e0e0e0;user-select:none}
.pro-header-section .tab-item:last-child{border-right:none}
.pro-header-section .tab-icon{width:22px;height:22px;margin-right:10px;fill:#666;transition:fill .3s}
.pro-header-section .tab-item.active{background-color:#2b9865;color:#fff}
.pro-header-section .tab-item.active .tab-icon{fill:white}
.pro-header-section .content-area{width:100%;height:400px;position:relative;overflow:hidden;background:url("../images/pronr-bg1.jpg") center/cover no-repeat,radial-gradient(circle at 80% 50%,#438778,#023747)}
.pro-header-section .molecule-decoration{position:absolute;right:-50px;top:0;width:60%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0,transparent 20%),radial-gradient(circle at 80% 60%,rgba(0,160,233,.2) 0,transparent 30%);z-index:1;pointer-events:none}
.pro-header-section .product-list-container{position:relative;z-index:2;height:100%;display:none;flex-direction:column;justify-content:center;padding-left:80px;padding-right:20px}
.pro-header-section .product-list-container.active{display:flex;animation:fadeIn .4s ease-out}
.pro-header-section .product-list{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(6,min-content);grid-auto-flow:column;column-gap:60px;row-gap:18px;justify-content:start;width:100%}
.pro-header-section .product-list a{text-decoration:none;display:block; text-align: left;}
.pro-header-section .product-list li{color:#fff;font-size:18px;margin-bottom:0;display:flex;align-items:flex-start;line-height:1.4;white-space:nowrap}
.pro-header-section .product-list li::before{content:"•";color:#fff;font-size:24px;margin-right:10px;line-height:1;flex-shrink:0}
.pro-header-section .product-list li:hover{color:#333}
@keyframes fadeIn{
    from{opacity:0;transform:translateX(-15px)}
    to{opacity:1;transform:translateX(0)}
}
@media screen and (max-width:768px){
    .pro-header-section{padding:50px 0 20px 0}
    .pro-header-section .header{align-items:center;flex-wrap: wrap; gap: 10px;}
    .pro-header-section .title-group{order:1;flex:1;width:auto;margin-bottom:0;flex-direction:column;align-items:flex-start}
    .pro-header-section .main-title{font-size:24px;margin-right:0;margin-bottom:2px}
    .pro-header-section .sub-title{font-size:15px}
    .pro-header-section .more-btn{order:2;padding:6px 12px;font-size:12px;margin-left:auto}
    .pro-header-section .search-container{order:3;width:100%;flex:none;padding:0;margin-top:5px;justify-content:center}
    .pro-header-section .search-container form{max-width:100%}
    .pro-header-section .search-input{height:38px}
    .pro-header-section .tab-nav{flex-wrap:wrap}
    .pro-header-section .tab-item{flex:0 0 50%;height:60px;font-size:15px;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}
    .pro-header-section .tab-item:nth-child(2n){border-right:none}
    .pro-header-section .tab-item:nth-last-child(-n+2){border-bottom:none}
    .pro-header-section .tab-icon{width:18px;height:18px;margin-right:6px}
    .pro-header-section .content-area{height:auto;min-height:320px}
    .pro-header-section .product-list-container{padding:30px 20px;justify-content:flex-start}
    .pro-header-section .product-list{display:block}
    .pro-header-section .product-list li{font-size:15px;margin-bottom:12px;white-space:normal}
    .pro-header-section .molecule-decoration{opacity:.4;width:100%}
}


/* 首页关于我们 */
.about-header-section{padding:50px 0;text-align:center}
.about{ width:100%; padding: 5% 0; height:auto;position:relative}
.zuo_ab{ width:100%; margin:0 auto; background-color:#2b9865ad; padding:4% 0; position:relative}
.zuo_ab h2{ font-size:24px; color:#fff; text-transform:uppercase; text-align:center;}
.zuo_ab p{ color:#fff; font-size:18px; text-indent: 2em; text-align:justify; margin:0 auto; margin-top:30px; line-height:2.5em; width:90%}
.zuo_ab p a{ color:#fff; }
.zuo_ab .more{ border:1px #fff solid; width:20%; margin:40px auto; padding:10px; text-align:center ; transition:all 0.4s}
.zuo_ab .more a{ width: 100%; display: inline-block; text-align:center; color:#fff; font-size:18px; transition:all 0.4s}
.zuo_ab .more:hover { background:#2b9865; width:22%;  transition:all 0.4s; display:block; color:#333}
.zuo_ab .more:hover a{ color:#fff}
@media screen and (max-width: 768px){
    .zuo_ab h2{ font-size: 20px;}
    .zuo_ab p{  font-size: 15px; line-height: 1.8em; text-align: left;}
    .zuo_ab .more{ width: 50%;}
}

/* 首页优势 */
.youshi{overflow:hidden;padding:50px 0; text-align:center}
.youshi .sliderlc{ padding: 50px 0;}
.youshi .sliderlc .swiper-slide{overflow:hidden;height:458px;border:1px solid #e5e5e5;padding:38px 38px 0;text-align:center;transition: all 0.3s ease; /* 新增过渡，样式切换更丝滑 */}
.youshi .sliderlc .ico{width:128px;height:128px;line-height:128px;margin:0 auto 14px;border-radius:50%;background-image:url(../images/ico1.png);background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.youshi .sliderlc i{display:inline-block;vertical-align:middle;width:70px;height:70px;background-repeat:no-repeat;background-position:center}
.youshi .sliderlc .ico.i1 i{background-image:url(../images/num1.png)}
.youshi .sliderlc .ico.i2 i{background-image:url(../images/num2.png)}
.youshi .sliderlc .ico.i3 i{background-image:url(../images/num3.png)}
.youshi .sliderlc .ico.i4 i{background-image:url(../images/num4.png)}
.youshi .sliderlc .swiper-slide:hover .ico.i1 i, 
.youshi .sliderlc .swiper-slide.active .ico.i1 i{background-image:url(../images/num5.png)}
.youshi .sliderlc .swiper-slide:hover .ico.i2 i, 
.youshi .sliderlc .swiper-slide.active .ico.i2 i{background-image:url(../images/num6.png)}
.youshi .sliderlc .swiper-slide:hover .ico.i3 i, 
.youshi .sliderlc .swiper-slide.active .ico.i3 i{background-image:url(../images/num7.png)}
.youshi .sliderlc .swiper-slide:hover .ico.i4 i, 
.youshi .sliderlc .swiper-slide.active .ico.i4 i{background-image:url(../images/num8.png)}
.youshi .sliderlc .swiper-slide:hover, 
.youshi .sliderlc .swiper-slide.active{background:#2b9865;border-color:#2b9865}
.youshi .sliderlc .swiper-slide:hover .ico,
.youshi .sliderlc .swiper-slide.active .ico{background-image:url(../images/ico2.png)}
.youshi .sliderlc .swiper-slide:hover .desc,
.youshi .sliderlc .swiper-slide.active .desc,
.youshi .sliderlc .swiper-slide:hover .tit,
.youshi .sliderlc .swiper-slide.active .tit{color:#fff}
.youshi .sliderlc .tit{font-size:24px;color:#222;font-weight:700}
.youshi .sliderlc .en{color:rgba(34,34,34,.34);text-transform:uppercase;font-family:Impact;font-size:28px;margin-bottom:10px}
.youshi .sliderlc .desc{font-size:17px;color:#666;line-height:1.76;height:5.28em;margin-bottom:36px;overflow:hidden}
.youshi .sliderlc .jian{width:26px;height:7px;margin:0 auto;background:url(../images/ico3.png) no-repeat}
.youshi .sliderlc .swiper-slide:hover .jian,
.youshi .sliderlc .swiper-slide.active .jian{background-image:url(../images/ico4.png)}
.youshi .sliderlc .swiper-slide:hover .en,
.youshi .sliderlc .swiper-slide.active .en{color:rgba(255,255,255,.1)}

/* 首页新闻 */
.in-news{ background: rgba(238,238,238,1); padding: 50px 0 100px 0; text-align: center;}
.in-news .container{ position: relative; overflow: visible;}
.in-news .newsswiper{ margin-top: 50px;}
.in-news .newsswiper .swiper-slide{ background: #2b98652e; border-radius: 5px;overflow: hidden;position: relative; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.in-news .newsswiper .swiper-slide:hover{ background: #2b9865; box-shadow: 0 4px 20px rgba(0,0,0,0.2); transform: translateY(-5px); transition: all 0.3s ease-in-out; }
.in-news .newsswiper .swiper-slide a{display: block;height: 100%;padding: 37px 30px 28px;}
.in-news .newsswiper .swiper-slide .txt{text-align: justify;}
.in-news .newsswiper .swiper-slide .txt .t1{font-size: 15px; display: flex;align-items: center;}
.in-news .newsswiper .swiper-slide .txt .t1 img{width: 16px;margin-right: 8px;font-size: 14px;}
.in-news .newsswiper .swiper-slide .txt .t2{line-height: 1.5;height: 3em;margin: 15px 0;font-size: 18px;font-weight: bold; text-align: left;}
.in-news .newsswiper .swiper-slide .txt .t3{display: flex;align-items: center;margin-bottom: 35px;}
.in-news .newsswiper .swiper-slide .txt .t3 .in{width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;border: 1px solid #474747;border-radius: 50px;margin-left: 10px;}
.in-news .newsswiper .swiper-slide .txt .t3 .in .i{width: 10px;position: relative;}
.in-news .newsswiper .swiper-slide .txt .t3 .in .i img{border: none; display: block; max-width: 100%;}
.in-news .newsswiper .swiper-slide .img{overflow: hidden;border-radius: 8px; height: 200px;}
.in-news .newsswiper .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.in-news .newsswiper .swiper-slide:hover:after{width: 100%;}
.in-news .newsswiper .swiper-slide:hover .txt .t1{color: #fff;}
.in-news .newsswiper .swiper-slide:hover .txt .t2{color: #fff;}
.in-news .newsswiper .swiper-slide:hover .img img{transform: scale(1.05);}
.in-news .newsswiper .swiper-slide:hover .txt .t3{color: #fff;}
.in-news .newsswiper .swiper-slide:hover .txt .t3 .in{border: 1px solid #fff;background: #fff;}
.in-news .custom-arrow{position: absolute;top: 60%;width: 40px;height: 40px;background: rgba(0, 0, 0, 0.4);color: #fff;border-radius: 50%;z-index: 99;display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0.7;transition: all 0.3s;}
.in-news .custom-arrow:hover{opacity: 1;background: rgba(0, 0, 0, 0.6);}
.in-news .swiper-button-prev{left: -60px;}
.in-news .swiper-button-next{right: -60px;}
.in-news .custom-arrow i{font-size: 30px;}
.in-news .custom-arrow::before{ font-size: 20px;}
.in-news .custom-arrow::after{ font-size: 20px;}
@media (max-width: 1280px){
    .in-news .newsswiper .swiper-slide .img{height: 150px;}
}
@media (max-width: 768px){
  .in-news {padding: 50px 0;}
  .in-news .swiper-button-prev{ left: 0;}
  .in-news .swiper-button-next{ right: 0;}
}

/* 首页联系 */
.in-contact{color:#fff;text-align:center;padding:120px 0 150px 0;position:relative}
.in-contact .sy-desc,.in-contact .sy-subtitle,.in-contact .sy-title{color:#fff}
.in-contact .in-content{margin-top:4em}
.in-contact .zl{display:flex;flex-wrap:wrap;width:100%;clear:both;overflow:visible;gap:1%}
.in-contact .zl dl{width:24%;flex:0 0 24%;text-align:center;color:#fff;font-size:18px;display:flex;flex-direction:column;align-items:center}
.in-contact .zl dl span{display:inline-block;text-align:left;padding:4px 8px}
.in-contact .zl dl img{margin:0 auto 27px;transition:ease .5s}
.in-contact .zl dl:hover img{transform:rotateY(180deg)}
.in-contact .zl dl dt{line-height:26px;width:70%;margin:0 auto;color:#fff;text-transform:uppercase;font-size:22px}
.in-contact .zl dl dd{letter-spacing:1px;color:#fff;font-size:16px;padding-top:10px;font-weight:400;line-height:24px}
@media screen and (max-width:768px){.in-contact{padding:50px 0}
    .in-contact .zl{flex-direction:column;gap:20px}
    .in-contact .zl dl{width:100%;flex:0 0 100%;font-size:16px;display:flex}
    .in-contact .zl dl dd{color:#fff;font-size:15px;font-weight:400;line-height:30px;padding-bottom:20px}
    .in-contact .zl dl img{margin:0 auto 17px;width:50px;height:auto}
}


/* 页尾 */
.footer{padding-top:2.5vw;padding-bottom:2vw;background-color:#2b9865;}
.footer .footer_t{align-items:center;padding-bottom:2vw; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer .footer_t:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(150,150,150,.1);}
.footer .footer_logo img{height:62px;}
.footer .footer_nav{margin-left:auto;}
.footer .footer_nav li{padding-left:3.4vw;}
.footer .footer_nav li a{font-size:16px;color:rgba(255,255,255,.7); text-transform: capitalize;}
.footer .footer_nav li a:hover{color:#fff;}

.footer .footer_b{padding-top:3vw;}
.footer .footer_b_title{ color: rgba(255, 255, 255, .7);margin-bottom:1.5vw;}
.footer .footer_b_title h5{font-size:24px;margin-bottom:5px;}
.footer .footer_b_title p{font-size:15px;}
.footer .footer_b_line{line-height:32px;font-size:15px; color: rgba(255, 255, 255, .7);word-break:break-all;}
.footer .footer_b_line a{ color: rgba(255, 255, 255, .7);}
.footer .footer_b_line a:hover{color:#fff;}   
.footer_code>div{background-color:rgba(150,150,150,.1);padding:10px;}
.footer_code .footer_code_img{width:122px;margin-bottom:10px;}
.footer_code .footer_code_img img{width:100%;}
.footer_code p{color:rgba(255, 255, 255, .7);font-size:14px; text-align: center;}

@media screen and (max-width: 768px){
    .footer .footer_t{ flex-direction: column; gap: 15px;  padding: 3% 5%;}
    .footer .footer_nav li{ width: 25%;}
    .footer .footer_b{ flex-direction: column; gap: 15px}
    .footer_code .footer_code_img{ margin: 0 auto;}
    .footer_code p{ padding-top: 10px;}
    .footer .footer_logo img{ height: auto;}
    .footer_code{ padding-bottom: 50px;}
}

/* 返回顶部按钮样式*/
.back-to-top{display: none;position: fixed;bottom: 20px;right: 20px;width: 40px;height: 40px;background-color: #237d53;color: #fff;text-align: center;line-height: 40px;border-radius: 50%;cursor: pointer;z-index: 999;}
.back-to-top:hover{background-color: #2b6b4d;}
.footer-fix{ display: none;}
@media screen and (max-width: 768px){
    .footer-fix{box-shadow:0 0 10px rgba(41,42,45,.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:9999999;display:block}
    .footer-fix li{float:left;width:25%}
    .footer-fix li a{display:block;text-align:center;padding:7px 0;font-size:14px;line-height:1}
    .footer-fix li i{display:block; font-size: 25px; background:no-repeat center;background-size:contain;margin-bottom:5px}
}