/* Css for , Version=1785961313 */
 .information-boxT .panel-body > .ul-list > li{padding:15px 0px;border-bottom:1px solid #e9e9e9;}.information-boxT .panel-body > .ul-list > li:before{display:none;}.information-boxT .panel-block .panel-body > .ul-list{margin:0px;}a,a:hover{text-decoration:none;}footer .foot-bottom div span{display:inline-block;}span a.footer_span:hover{color:#297286 !important;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}#block281 #block267{height:initial !important;}.cp-info .content-item#characteristic{clear:both;}.cp-info .content-item#characteristic img{display:block;}.block-item .tags a{color:#fff !important;border-color:#fff !important;}.block-item .tags a:hover{color:#77d1ff !important;}div.product-content li{width:auto !important;}body:after{height:0 !important;}.poly-r .second-name{display:flex !important;align-items:center;}.poly-r .second-name span{float:none !important;}.poly-r .second-name span a{margin-left:15px;color:#fff !important;background:#0c70bb;padding:0 12px;text-transform:uppercase;font-size:17px;line-height:35px;display:inline-block;border-radius:3px;}.poly-r .second-name span a::after{content:'>';margin-left:5px;}@media screen and (max-width: 1400px){footer .foot-bottom div.medias{display:block !important;float:none !important;margin:5px 0;}}@media screen and (max-width: 750px){footer .foot-bottom div.medias{padding-bottom:16px;}}.go{display:inline-block;line-height:45px;color:#fff;height:45px;width:45px;background-color:#1270ba;text-align:center;border-radius:50%;}.phone-number{float:left;}.panel{border:none;box-shadow:none;}.block-list .row,.block-list .col{margin:0;padding:0;}#block3.panel>.panel-heading{font-size:24px;border:none;text-align:center;}#block3.panel>.panel-heading strong{border-bottom:2px #0e6eb8 solid;padding:25px 0;display:inline-block;}#block3.panel-block .panel-body .card > .media{width:150px;height:210px;position:absolute;right:0px;top:0px;}#block3.panel-block .panel-body .card{position:relative;padding:0 140px 0 30px;height:210px;}#block3.panel-block .panel-body .cards-borderless .card{margin-top:40px;}#block3 .panel-body .cards-custom .card > .card-heading{text-align:left;height:auto !important;}#block3 .panel-body .cards-custom .card > .card-heading > strong{width:100%;font-size:20px;max-width:100% !important;color:#000;}#block3 .panel-body .cards-custom .card > .card-heading > span{color:#0e6eb8;font-size:18px;width:100%;display:block;margin-top:20px;margin-left:-20px;}#block3 .panel-body .cards-custom .card > .card-content{color:#999;font-size:18px;}#block271{margin-top:60px;}#block272.panel > .panel-heading,#block273.panel > .panel-heading,#block274.panel > .panel-heading,#block271.panel > .panel-heading{display:none;}.infor-text .panel-body .cards-custom .card > .card-heading{font-size:18px;color:#333;}.infor-text .panel-body .cards-custom .card > .card-content{font-size:14px;color:#999;text-align:center;margin:0px;padding:0px;}.focus-middle{max-width:100%;}.focus-middle .col{padding-right:0;padding-left:0;}.focus-bottom{max-width:100%;}.focus-bottom .row[data-id="293"]{max-width:1170px;margin:0 auto;padding:20px 0;}.information-boxT .panel-body > .ul-list > li{padding:15px 0px;border-bottom:1px solid #e9e9e9;}.information-boxT .panel-body > .ul-list > li:before{display:none;}.information-boxT .panel-block .panel-body > .ul-list{margin:0px;}.block-list .main-banner.index-banner1{margin-top:-80px;}.main-banner.index-banner1 .swiper-container{height:100vh;}.index-banner1 .swiper-slide img{height:100%;}.block #ls{padding-top:50px;}.block .index-prot{margin-top:0px;box-shadow:0px 0px 0px 0px #e2dede;background:none;}.block .index-prot .listing{width:31.5%;border:1px solid #bababa !important;background:#fff;margin-left:1.8%;border-radius:30px;padding:30px;position:relative;overflow:hidden;}.block .index-prot .listing .imgs{margin:5vw 0;}.block .index-prot .listing h3{font-size:28px;height:36px;line-height:36px;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;}.block .index-prot .listing .sm{position:absolute;left:0%;bottom:-100%;opacity:0;width:100%;height:100%;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}.block .index-prot .listing .sm:before{content:'';position:absolute;left:0%;top:0;width:100%;height:100%;background:rgba(11,25,54,0.3);z-index:5;}.block .index-prot .listing .sm .box{position:relative;width:100%;height:100%;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;}.block .index-prot .listing .sm h4{font-size:42px;color:#fff;}.block .index-prot .listing .sm span{display:block;width:224px;height:63px;background:#eff1f4;border-radius:20px;line-height:63px;text-align:center;font-size:28px;color:#333;margin-top:50px;}.block .index-prot .listing:hover h3{opacity:0;}.block .index-prot .listing:hover .sm{bottom:0;opacity:1;}.new-product .product-list .listing.list-play .imgs img{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}.new-product .product-list .listing.list-play:hover  .imgs img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}@media screen and (max-width: 1600px){.block .index-prot .listing h3{font-size:22px;}.block .index-prot .listing .sm h4{font-size:26px;}.block .index-prot .listing .sm span{line-height:50px;height:50px;font-size:20px;}}@media screen and (max-width: 768px){.block #ls{padding-top:30px;}.block .index-prot{margin-top:-20px;}.block .index-prot .listing{width:100%;margin-top:20px;margin-left:0;}.block .index-prot .listing h3{font-size:22px;}.block .index-prot .listing .sm h4{font-size:26px;}.block .index-prot .listing .sm span{line-height:50px;height:50px;font-size:20px;}}.swiper-pagination-bullet{background:#fff;}
    ul.parents li img{
        width:15px;
        position: relative;
        top:3px;
    }
    div.parameter{
        margin-bottom:25px;
        margin-top:5px;
        width:100%;
    }
    .parameter a{
        margin-left:25px;
        line-height: 20px;
    }
    .ep-img .img-c{
        margin-bottom: 10px;
    }
    .menu-product{
        position: relative;
    }
    div.menu{
        background-color:#f6f6f6!important;
        transition:all 0.4s ease;
    }
    div.search{
        margin-right:7px;
    }
    .menu .enva div.product-content{
        min-height:300px;
        padding-left:220px;
    }
    div.product-content li{
        margin-top:2px;
        width:200px;
    }
    .parameter div a{
        marigin-top:10px;
    }
    a.prot-link{
        right:0!important;
    }
    a.more-link{
        right:0!important;
        bottom:20px;
        padding:10px 20px;
        background-color: #0C70BB;
        border:1px solid #0C70BB;
        color:white;
    }
    .header-right .search{
        margin-top:30px;
    }
    #search-list{
        top:22px;
    }
    .search span input{
        width:120px;
        height:20px;
        padding:0 10px;
        font-size:12px;
    }
    .search span button{
        width:16px;
        background-size:12px;
        top:64%;
        right:4px;
    }
    .ep-img{
        max-height:200px!important;
    }
    a.language{
        border:initial;
        color:#368ee0;
        width:initial;
        margin-top:-15px;
        right:30px;
    }
    a.language img{
        position: relative;
        top:4px;
        max-width:20px;
    }
    .header-right{
        padding-right:90px!important;
    }
    @media (max-width: 767px){
        #headTitle a.language img {
            height:auto!important;
            min-width: auto;
        }
        a.language{
            right:40px;
        }
        .header-right{
            padding-right:0!important;
        }
    }


#header {padding: 0; margin-bottom: 14px;}
#headNav {min-height: 30px; line-height: 30px; padding: 0; margin-bottom: 8px;}
#headNav, #headTitle {position: static; display: block;}
#headNav > .row {margin: 0}
#headTitle > .row, #headNav > .row {display: table; width: 100%; margin: 0;max-width: 100%;}
#headNav > .row > #siteNav,
#headNav > .row > #siteSlogan,
#headNav > .row > #searchbar,
#headTitle > .row > #siteTitle,
#headTitle > .row > #searchbar {display: table-cell; vertical-align: middle;}

#headTitle {padding: 0;}
#siteNav {text-align: right; float: right; display: inline-block !important;}
@media (max-width: 767px){#siteNav {padding-left: 8px; padding-right: 8px;} }

#searchbar {max-width: initial;}
#searchbar > form {max-width: 200px; float: right;}
#navbar .navbar-nav {width: 100%}
#navbarCollapse {padding: 0;}
#navbar .navbar-nav {margin: 0;}
#navbar li.nav-item-searchbar {float: right;}
#navbar li.nav-item-searchbar #searchbar > form {margin: 4px;}














#headTitle > .row > #navbarWrapper {display: table-cell; vertical-align: middle; padding-left: 8px;}
#headTitle > .row > #navbarWrapper > #navbar {margin:0}
#siteTitle, #siteLogo img {min-width: 150px;}
@media (max-width: 767px)
{
  #headTitle {padding: 0;}
  #headTitle > .row {margin: 0; display: block;}
  #headTitle > .row > #siteTitle {display: block; position: absolute; z-index: 10015; left: 8px;}
  #headTitle > .row > #navbarWrapper {display: block; padding: 0}
  #headTitle > .row > #navbarWrapper > #navbar {margin-bottom: 14px; width: 100%}
  #headTitle #siteLogo img {margin-top: 2px;}
}


#block13{}#block13 .panel-heading{}.menu-industry-l li .img-c{width:199px;height:108px;}header .container{padding:0 !important;}header .container .logo{left:0 !important;}.ty-list：last-of-type{color:#2972b6 !important;}.focus{z-index:1;}.filter{width:80%;position:absolute;top:88%;}.menu{border-top:none !important;}
    /* =========================================
       1. 轮播器基础设置 (100vh 极致霸屏版)
       ========================================= */
    .forlinx-main-slider {
        width: 100%;
        /* 假设顶部导航栏为 80px 高度，保证第一屏完美塞满 */
        height: calc(100vh - 80px); 
        min-height: 500px; 
        position: relative;
        overflow: hidden;
        background-color: #050505; /* 纯黑底色，彻底防止透视 */
    }
    
    .forlinx-main-slider .swiper-slide {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #050505; /* 每一页加上纯黑兜底防漏底 */
    }
    
    /* =========================================
       2. 背景与基础遮罩 (颜色在 HTML 中内联控制)
       ========================================= */
    .forlinx-main-slider .bg-media {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        object-fit: cover;
        z-index: 1;
    }
    
    /* 基础遮罩：只负责满屏占位，颜色由各自 Banner 的 style 属性独立控制 */
    .forlinx-main-slider .overlay {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        z-index: 2;
    }
    
    /* =========================================
       3. 内容布局：单侧文字排版 (右侧留给背景图产品)
       ========================================= */
    .slide-inner {
        position: relative;
        z-index: 3;
        width: 100%;
        max-width: 1600px;
        height: 100%;
        margin: 0 auto;
        padding: 0 40px;
        display: flex;
        align-items: center;
        justify-content: flex-start; /* PC端文字靠左对齐 */
    }
    
    /* 限制文字区宽度，防止盖住右侧产品图 */
    .content-left {
        width: 100%;
        max-width: 750px; 
        color: #fff;
    }
    
    
    /* =========================================
       4. 文字与排版细节 (带进场动画)
       ========================================= */
    .forlinx-main-slider .eyebrow {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(0, 123, 255, 0.15); 
        border: 1px solid rgba(0, 123, 255, 0.5); 
        color: #66b2ff;
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 2px;
        text-transform: uppercase;
        border-radius: 30px;
        margin-bottom: 20px;
        opacity: 0; transform: translateY(20px); transition: all 0.6s ease;
    }
    
    .forlinx-main-slider h1 {
        font-size: 52px;
        font-weight: bold !important;
        margin-bottom: 20px;
        line-height: 1.2;
        color: #fff;
        opacity: 0; transform: translateY(20px); transition: all 0.6s ease 0.15s;
    }
    
    .forlinx-main-slider p {
        font-size: 18px;
        margin-bottom: 40px;
        line-height: 1.6;
        color: #ddd;
        opacity: 0; transform: translateY(20px); transition: all 0.6s ease 0.3s;
    }
    
    /* =========================================
       5. Toradex 风格同色 2x2 矩阵按钮
       ========================================= */
    .forlinx-main-slider .cta-group {
        display: grid; 
        grid-template-columns: repeat(2, 1fr); 
        gap: 16px 20px;     
        max-width: 420px;   
        opacity: 0; transform: translateY(20px); transition: all 0.6s ease 0.45s;
    }
    
    .hero-btn {
        display: inline-flex; 
        align-items: center;
        justify-content: center;
        width: 100%;        
        padding: 12px 16px; 
        font-size: 15px;    
        font-weight: 500;   
        border-radius: 50px; /* 胶囊圆角 */
        text-decoration: none; 
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        
        /* 统一实心底色与边框 */
        background-color: #007bff; 
        color: #fff !important;
        border: 2px solid #007bff; 
    }
    
    .hero-btn:hover { 
        background-color: #0056b3; 
        border-color: #0056b3;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2); 
    }
    
    /* 激活状态的进场动画执行 */
    .forlinx-main-slider .swiper-slide-active .eyebrow,
    .forlinx-main-slider .swiper-slide-active h1,
    .forlinx-main-slider .swiper-slide-active p,
    .forlinx-main-slider .swiper-slide-active .cta-group {
        opacity: 1; transform: translateY(0);
    }
    
    /* =========================================
       6. 手机端响应式 (首屏绝对锁定修复版)
       ========================================= */
    @media screen and (max-width: 767px) {
        /* --- 1. 容器严格锁死首屏高度 --- */
        .forlinx-main-slider {
            /* 使用 dvh 动态视口高度，完美解决手机浏览器上下地址栏遮挡问题 */
            height: calc(100dvh - 60px) !important; 
            min-height: 400px !important;
            padding: 0 !important; 
        }
        
        /* 强制 Swiper 滑块服从父级高度，绝不允许被内容撑开 */
        .forlinx-main-slider .swiper-wrapper,
        .forlinx-main-slider .swiper-slide {
            height: 100% !important;
            max-height: 100% !important;
        }
    
        /* 强制图片铺满且绝对定位，防止长图把容器撑爆 */
        .forlinx-main-slider .bg-media {
            position: absolute !important;
            top: 0 !important; 
            left: 0 !important;
            width: 100% !important; 
            height: 100% !important;
            object-fit: cover !important; 
        }
    
        /* 强制盖上一层 30% 的纯黑，确保文字清晰 */
        .forlinx-main-slider .overlay { background: rgba(0,0,0,0.3) !important; }
        
        /* --- 2. 内容层修复 --- */
        .slide-inner {
            display: flex !important;
            flex-direction: column !important;
            justify-content: flex-start !important; 
            align-items: center !important;
            height: 100% !important; 
            
            /* 核心修复：把 padding 算进 100% 总高度里，绝对不能溢出 */
            box-sizing: border-box !important; 
            padding-top: 80px !important; 
            padding-bottom: 20px !important;
        }
        
        /* 内容区宽度与居中 */
        .content-left { text-align: center; max-width: 100%; padding: 0 10px; flex-shrink: 0; } 
        
        /* 文字排版 */
    .forlinx-main-slider .eyebrow { 
            font-size: 11px; 
            margin-bottom: 10px; /* 增加了引题与标题的呼吸感 */
            padding: 3px 10px; 
        }
        
        .forlinx-main-slider h1 { 
            font-size: 26px; /* 稍微提了一点字号，更有冲击力 */
            margin-bottom: 12px; /* 标题与段落拉开适中距离 */
            line-height: 1.2; 
        }
        
        .forlinx-main-slider p { 
            font-size: 13px; 
            margin-bottom: 26px; /* 【核心优化】段落与按钮之间加大留白，界限分明 */
            line-height: 1.4; 
            padding: 0 5px; /* 让段落文字稍微往中间聚拢一点，阅读更舒服 */
        }
        
        /* 2x2 矩阵网格限制宽度，让按钮居中且不空旷 */
        .forlinx-main-slider .cta-group { 
            display: grid; 
            grid-template-columns: repeat(2, 1fr); 
            gap: 10px; 
            width: 100%;
            max-width: 320px; /* 限制按钮矩阵最大宽度 */
            margin: 0 auto;   /* 居中对齐 */
            padding: 0;
        }
        
        /* 胶囊按钮 */
        .hero-btn { 
            width: 100%;
            max-width: none;   
            margin: 0;         
            font-size: 12px;   
            padding: 8px 4px; /* 缩减厚度，更加轻盈 */
            white-space: nowrap; 
            letter-spacing: -0.3px; 
        } 
    }
    
/* =========================================
   7. 普通笔记本屏幕适配 (13-15寸 / 1440px 及以下)
   ========================================= */
@media screen and (min-width: 768px) and (max-width: 1440px) {
    /* 1. 增加两侧安全距离，防止文字在小屏幕上贴边 */
    .slide-inner { 
        padding: 0 80px !important; 
    }
    
    /* 2. 强制收窄文字区宽度，把右半边屏幕让给产品图 */
    .content-left { 
        max-width: 500px !important; 
    }
    
    /* 3. 适度缩小标题和段落字号，防止换行太难看 */
    .forlinx-main-slider h1 { 
        font-size: 38px; 
        margin-bottom: 12px; 
    }
    .forlinx-main-slider p { 
        font-size: 15px; 
        margin-bottom: 25px; 
    }
    .forlinx-main-slider .eyebrow { 
        font-size: 11px; 
        padding: 3px 10px; 
    }
    
    /* 4. 将 2x2 按钮矩阵稍微缩紧，适应小字号 */
    .forlinx-main-slider .cta-group {
        max-width: 380px;
        gap: 12px 16px;
    }
    .hero-btn {
        padding: 10px 12px;
        font-size: 13px;
    }
}
    
    /* =========================================
       8. 高级横线指示器 (更新为白色主题)
       ========================================= */
    .forlinx-main-slider .swiper-button-next,
    .forlinx-main-slider .swiper-button-prev { display: none !important; }
    
    .forlinx-main-slider .swiper-pagination { bottom: 20px !important; }
    
    .forlinx-main-slider .swiper-pagination-bullet {
        background: #ffffff !important; 
        opacity: 0.3; /* 非激活状态：半透明白色 */
        width: 30px !important; 
        height: 3px !important;
        border-radius: 2px !important; 
        margin: 0 5px !important;
        transition: all 0.3s ease;
    }
    
    .forlinx-main-slider .swiper-pagination-bullet-active {
        opacity: 1; 
        background: #ffffff !important; /* 激活状态：纯亮白色 */
        width: 45px !important;
    }
    #block307{}#block307 .panel-heading{}#block290{}#block290 .panel-heading{}.type-prot p{text-align:left;}div.index-type li span{font-size:24px;}div.index-type li.active span{font-size:27px;}.desc{line-height:20px;}p.prot-tit{margin-top:40px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:55%;}.new-prot div.prot-item{height:260px;}.fr .prot-item{position:relative;}.fr .prot-item a.go{position:absolute;left:25px;bottom:40px;}.new-prot{border-top:none !important;}.new-prot .prot-item:nth-child(1),.new-prot .prot-item:nth-child(2),.new-prot .prot-item:nth-child(3){border-top:1px solid #e6e6e6;}.new-prot .fl{border-top:1px solid #e6e6e6 !important;}@media screen and (max-width: 1600px){.fr .prot-item a.go{left:15px;}}@media screen and (max-width: 766px){.index-type li span,.index-type li.active span{font-size:16px !important;}.new-prot .fl{height:95px !important;}.type-prot .swiper-button-next,.type-prot .swiper-button-prev{width:30px !important;}.new-prot .prot-item .go{position:relative;bottom:40px;}.index-type li span{padding:5px 0 !important;}.info-tab li{width:18.9% !important;text-align:center;}.new-prot .fl{height:90px 2 !important;}.toggle-page span.swiper-pagination-bullet-active{height:15px;}.toggle-page span.swiper-pagination-bullet{height:15px;}div.toggle-page .swiper-pagination{position:relative;bottom:5px;}section.index-banner1 .swiper-slide img{height:200px;}h4.titi1.scribing{font-size:22px;margin-bottom:0;}.new-prot .fl{display:none;}.new-prot .fr{display:block !important;}.new-prot div.prot-item{height:200px;}.spec_li3{width:100%;}}#block279{}#block279 .panel-heading{}.main-block{padding:25px 0;}.main-block .fl{width:49%;margin-right:2%;overflow:hidden;height:940px;}.main-block  .fr{width:49%;overflow:hidden;}.main-block .block-item{position:relative;}.block-item .tit{position:absolute;left:70px;top:70px;}.main-block .block-item:hover img{transform:scale(1.05);}.block-item img{object-fit:cover;height:100%;transition:all 0.5s ease;}.block-item h5{font-size:18px;font-weight:bold;}.block-item .tags{margin-top:50px;}.block-item .tags a{display:inline-block;color:#3f3f41;padding:5px;border-right:1px solid #3f3f41;}.main-block  .fr .block-item:first-child{height:605px;margin-bottom:30px;}.main-block  .fr .block-item:last-child{height:305px;}.block-item .tags a:hover{color:#146fb8;}@media screen and (max-width: 500px){div.main-block div.block-item{height:260px !important;}}.about-us{padding:100px 0;background-size:cover;background-repeat:no-repeat;background-position:center center;}.about-us .container{display:flex;align-items:center;justify-content:space-between;}.about-us .lefted{display:flex;align-items:start;justify-content:space-around;flex-direction:column;height:100%;color:#fff;box-sizing:border-box;}.about-us .lefted h3{font-size:48px;font-weight:normal;}.about-us .lefted .listed{display:flex;}.about-us .lefted .listed li{position:relative;display:inline-block;margin-right:44px;}.about-us .lefted .listed li:before{content:"";width:1px;height:40px;background:rgba(255,255,255,0.4);position:absolute;left:-22px;top:50%;margin-top:-20px;}.about-us .lefted .listed li:first-child:before{display:none;}.about-us .lefted .listed li .top{display:flex;align-items:flex-end;line-height:0.9;}.about-us .lefted .listed li .top .num{font-size:44px;font-family:"Arial";}.about-us .lefted .listed li .top p{font-size:18px;margin-left:5px;}.about-us .lefted .listed li .top .nian{font-size:13px;margin-left:0px;}.about-us .lefted .listed li h5{font-weight:normal;font-size:14px;margin-top:10px;font-family:"Arial";}.about-us .lefted .links{width:180px;height:58px;line-height:58px;text-align:center;background-color:#fff;border-radius:5px;font-size:22px;color:#3268c0;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}.about-us .lefted .links span{margin-left:10px;vertical-align:middle;}.about-us .lefted .links:hover{background-color:#3268c0;color:#fff;}.about-us .videos{border-radius:30px;overflow:hidden;position:relative;width:560px;max-height:350px;display:flex;align-items:center;justify-content:center;}.about-us .videos .vi{position:relative;width:100%;max-height:100%;z-index:9;object-fit:fill;}.about-us .videos .icon{position:absolute;width:56px;height:56px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;cursor:pointer;}@media screen and (max-width: 1600px){.about-us{padding:80px 0;}.about-us .lefted h3{font-size:36px;font-weight:normal;}.about-us .lefted .listed{display:flex;}.about-us .lefted .listed li{margin-right:36px;}.about-us .lefted .listed li:before{content:"";width:1px;height:32px;background:rgba(255,255,255,0.4);position:absolute;left:-18px;top:50%;margin-top:-16px;}.about-us .lefted .listed li .top .num{font-size:32px;}.about-us .lefted .listed li .top p{font-size:14px;margin-left:5px;}.about-us .lefted .listed li .top .nian{font-size:12px;}.about-us .lefted .listed li h5{font-weight:normal;font-size:13px;margin-top:8px;}.about-us .lefted .links{width:150px;height:50px;line-height:50px;font-size:18px;}.about-us .lefted .links span{margin-left:6px;}.about-us .videos{width:500px;}}@media screen and (max-width: 1024px){.about-us{padding:50px 0;}.about-us .container{display:block;}.about-us .lefted{height:auto !important;}.about-us .lefted h3{font-size:36px;font-weight:normal;}.about-us .lefted .listed{display:flex;margin:20px 0 30px 0;flex-wrap:wrap;width:100%;}.about-us .lefted .listed li{width:33.3%;margin-right:0;margin-top:25px;}.about-us .lefted .listed li:before{display:none;}.about-us .lefted .listed li .top .num{font-size:24px;}.about-us .lefted .listed li .top p{font-size:13px;margin-left:5px;}.about-us .lefted .listed li .top .nian{font-size:12px;}.about-us .lefted .listed li h5{font-weight:normal;font-size:12px;margin-top:8px;}.about-us .lefted .links{width:150px;height:50px;line-height:50px;font-size:15px;}.about-us .lefted .links span{margin-left:6px;}.about-us .videos{margin-top:40px;width:100%;border-radius:20px;}}#block297{}#block297 .panel-heading{}.content .trade-head ul li{font-size:14px;}.all-contens .trade-item p{font-size:13px;}.all-contens .trade-item h3{font-size:20px;}.content.toggle{margin-top:130px;}.container{position:relative;z-index:9;}.container h2{font-size:26px;}.wrapper:after{position:absolute;top:0;left:0;content:"";background-color:#372d2de6;opacity:0.6;z-index:1;width:100%;height:100%;}ul.fl.parents1 li{width:120px;margin-left:60px;}.trade-block{height:720px;}.trade-head ul li.spec_li{display:none;}.trade-head ul li.active{background-color:#2972b6 !important;}.main-block .fr .block-item:last-child{height:255px;}.main-block .fr .block-item:last-child{height:305px;}@media screen and (max-width: 500px){.trade-block{background:inherit;}.main-block .fr .block-item{margin-top:10px;margin-bottom:0px !important;}.main-block .fl,.main-block .fr .block-item{height:260px !important;}.content.toggle{margin-left:5%;width:90%;padding-top:30px !important;margin-top:0;border-top:1px solid #67869f;}.trade-head{background-color:initial !important;}.trade-block li.nor_li.active{background-color:#146fb8 !important;border-radius:5px;color:white !important;}.trade-head ul li.nor_li{width:20%;float:left;text-align:center;margin-right:5px;margin-left:5px;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;}.trade-head ul li.spec_li{float:left;display:block;width:initial;}.trade-head ul li:nth-child(8){width:28%;margin-left:6%;}.trade-head ul li:nth-child(10){width:21%;}.trade-head ul li:nth-child(12){width:21%;}ul.fl.parents1 li.spec_li{margin-left:0;}.trade-block{height:initial;background-image:none !important;background-color:#b2afaf !important;}}.why-forlinx{padding:70px 0;background-size:cover;background-repeat:no-repeat;background-position:center center;}.why-forlinx .tit{font-size:48px;font-weight:normal;}.why-forlinx .listed{margin-top:60px;display:flex;flex-wrap:wrap;}.why-forlinx .listed li{width:33.3%;background-color:#fff;padding:45px 33px 30px 33px;box-sizing:border-box;text-align:center;flex-direction:column;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}.why-forlinx .listed li:nth-child(odd){background-color:#f5f5f5;}.why-forlinx .listed li .images{height:84px;display:inline-flex;align-items:center;justify-content:center;position:relative;}.why-forlinx .listed li .images img{max-height:100%;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}.why-forlinx .listed li .images .img2{position:absolute;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%);}.why-forlinx .listed li h3{font-weight:normal;font-size:24px;margin-top:30px;overflow:hidden;line-height:1.5;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#000;transition:all 0.3s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;}.why-forlinx .listed li .st{font-size:16px;color:#000;line-height:25px;margin-top:10px;max-height:75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;}.why-forlinx .listed li:hover{background-color:#3268c0;}.why-forlinx .listed li:hover .images .img1{opacity:0;}.why-forlinx .listed li:hover .images .img2{opacity:1;}.why-forlinx .listed li:hover h3{color:#fff;}.why-forlinx .listed li:hover .st{color:#fff;}@media screen and (max-width: 1600px){.why-forlinx{padding:60px 0;}.why-forlinx .tit{font-size:40px;font-weight:normal;}.why-forlinx .listed{margin-top:50px;display:flex;flex-wrap:wrap;}.why-forlinx .listed li{width:33.3%;background-color:#fff;padding:40px 30px 30px 30px;}.why-forlinx .listed li .images{height:80px;}.why-forlinx .listed li h3{font-weight:normal;font-size:20px;}.why-forlinx .listed li .st{font-size:15px;}}@media screen and (max-width: 1024px){.why-forlinx{padding:50px 0;}.why-forlinx .tit{font-size:26px;}.why-forlinx .listed{margin-top:30px;}.why-forlinx .listed li{width:100%;background-color:#fff;padding:30px 15px;}.why-forlinx .listed li .images{height:40px;}.why-forlinx .listed li h3{font-weight:normal;font-size:17px;}.why-forlinx .listed li .st{font-size:13px;}}#block308{}#block308 .panel-heading{}
.ul-list .addDataList.withStick{padding-right:126px !important;}
.ul-list .addDataList.withoutStick{padding-right:80px !important;}
.ul-list .notDataList.withStick{padding-right:60px !important;}
.ul-list .notDataList.withoutStick{padding-right:5px !important;}
.articleTitleA{display:inline-block;}
.articleTitleB{display:inline-block;}
.sticky{padding-left: 5px;}
#block267{}#block267 .panel-heading{}#block267{height:auto;}
.ul-list .addDataList.withStick{padding-right:126px !important;}
.ul-list .addDataList.withoutStick{padding-right:80px !important;}
.ul-list .notDataList.withStick{padding-right:60px !important;}
.ul-list .notDataList.withoutStick{padding-right:5px !important;}
.articleTitleA{display:inline-block;}
.articleTitleB{display:inline-block;}
.sticky{padding-left: 5px;}
#block266{}#block266 .panel-heading{}#block266{height:auto;}

/* ==========================================================
   Forlinx Homepage News Section - Apple Style Remaster
   ========================================================== */
   

/* Company News 顶图 */
#block266::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url('https://forlinx.net/image/home-page/home-news.webp');
    background-size: cover;
    background-position: center center;
    border-radius: 20px 20px 0 0; /* 配合苹果风格的上圆角 */
    margin-bottom: -15px; /* 抵消一点默认间距 */
}

/* Blog 顶图 */
#block267::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-image: url('https://forlinx.net/image/home-page/home-tech-insights2.webp');
    background-size: cover;
    background-position: center center;
    border-radius: 20px 20px 0 0;
    margin-bottom: -15px;
}

/* --- 1. 整个新闻区背景 100% 全屏平铺，彻底去除外层圆角 --- */
.row[data-id="301"] {
    position: relative;
    padding: 60px 0 80px !important; /* 上下留出充裕的呼吸空间 */
    border-radius: 0 !important; /* 明确取消圆角 */
    background: transparent !important; /* 容器自身背景透明 */
    margin-bottom: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* 核心黑科技：用底层伪元素铺满整个屏幕宽度 (100vw)，不影响内部卡片的居中排版 */
.row[data-id="301"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* 强行跨越屏幕总宽 */
    height: 100%;
    background-color: #f5f5f7; /* 苹果经典浅灰背景，可自行替换 */
    z-index: -1; /* 将背景层垫在最下方 */
    border-radius: 0 !important; /* 保证边缘直角 */
}

/* --- 2. 居中全局大标题 --- */
.apple-section-title {
    text-align: center;
    margin-bottom: 30px;
}
.apple-section-title h2 {
    font-size: 38px;
    font-weight: 700;
    color: #1d1d1f; /* 苹果黑 */
    letter-spacing: -0.5px;
    margin-bottom: 12px;
    margin-top: 50px;
}
.apple-section-title p {
    font-size: 18px;
    color: #86868b; /* 苹果灰 */
}

/* --- 3. 三大列：卡片化 UI (Card UI) --- */
.row[data-id="301"] > .col {
    height: auto !important;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); /* 极柔和的弥散阴影 */
    overflow: hidden; /* 保证内部元素不溢出圆角 */
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
    padding: 0 !important; /* 清除默认栅格内边距 */
    margin: 0 1% !important;
    width: 31.33% !important; /* 调整宽度，留出卡片间隙 */
    display: flex;
    flex-direction: column;
}



.row[data-id="301"] > .col:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* --- 4. 左列 & 中列：顶部头图样式 --- */
.apple-hero-img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
.apple-hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* --- 5. 动态列表区头部 (Blog / Company News) 样式 --- */
.row[data-id="301"] .panel-heading {
    background: #ffffff !important;
    border-bottom: 1px solid #f0f0f2 !important;
    padding: 20px 24px 15px !important;
}
.row[data-id="301"] .panel-heading strong {
    font-size: 24px;
    font-weight: 600;
    color: #1d1d1f;
    letter-spacing: -0.3px;
    text-transform: none; /* 苹果风格倾向于首字母大写而非全大写 */
}
.row[data-id="301"] .panel-heading .pull-right a {
    color: #0071e3; /* 苹果蓝 */
    font-weight: 500;
    font-size: 14px;
    background: #f5f5f7;
    padding: 4px 12px;
    border-radius: 12px;
    transition: all 0.2s;
}
.row[data-id="301"] .panel-heading .pull-right a:hover {
    background: #0071e3;
    color: #ffffff;
    text-decoration: none;
}

/* --- 6. 动态列表内部排版 (彻底修复圆点、标题截断与日期悬空) --- */

.newarticles .panel-body {
    padding: 10px 24px 24px !important;
}

/* 彻底重置列表容器 */
.newarticles .panel-body .ul-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 强制清理 LI 上的所有多余背景和图标 */
.newarticles .panel-body .ul-list li {
    display: flex !important;
    align-items: center !important; /* 维持垂直居中 */
    justify-content: space-between !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #f5f5f7 !important; 
    background: none !important; 
}

/* 👇 新增核心：强行干掉禅知自带的 pull-left 和 pull-right 浮动！这是日期无法居中的罪魁祸首 */
.newarticles .panel-body .ul-list li > span,
.newarticles .panel-body .ul-list li > a {
    float: none !important; 
}

.newarticles .panel-body .ul-list li::before,
.newarticles .panel-body .ul-list li::after {
    display: none !important; 
}
.newarticles .panel-body .ul-list li:last-child {
    border-bottom: none !important; 
}

.newarticles .article-list {
    flex: 1 !important; 
    padding-right: 20px !important; 
    background: none !important; 
    /* 👇 新增：开启内部 flex，保证内部的标题也遵循对齐规则 */
    display: flex !important; 
    align-items: center !important; 
}

/* 彻底解禁标题文字的强制单行，改为自然双行 */
.newarticles .articleTitleA {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important;
    white-space: normal !important; 
    overflow: hidden !important; 
    text-overflow: ellipsis !important; 
    font-size: 14px !important;
    color: #333333 !important;
    font-weight: 500 !important;
    line-height: 1.6 !important; 
    transition: color 0.2s !important;
    background: none !important; 
    padding-left: 0 !important; 
}
.newarticles .articleTitleA:hover {
    color: #0071e3 !important; 
    text-decoration: none !important;
}

/* 日期样式对齐 */
.newarticles .article-date {
    flex-shrink: 0 !important; 
    font-size: 13px !important;
    color: #86868b !important;
    margin-top: 0 !important;
    /* 👇 新增：强制自身为弹性盒子，配合外层实现绝对的垂直居中 */
    display: inline-flex !important; 
    align-items: center !important; 
    height: 100% !important; 
}

/* --- 7. 右列：自定义图文列表重塑 --- */

.custom-featured-list {
    /* 👇 核心修改1：去掉外层容器的 padding，防止双重挤压 */
    padding: 0; 
    height: 100%; 
    display: flex;
    flex-direction: column;
}

.custom-featured-list .panel-heading {
    /* 👇 核心修改2：删掉独立的 padding 设定，让它自动继承左中两列的精准边距 */
    border-bottom: 1px solid #f0f0f2;
    margin-bottom: 15px;
}

/* 👇 核心修改3：新增这一个类，把被抽离的内边距单独补给下方的内容区，保证图片和文字对齐 */
.featured-list-body {
    padding: 0 24px 24px;
    flex: 1;
}

.custom-featured-list .featured-item {
    display: flex;
    align-items: center; 
    gap: 16px; 
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f5f7; 
}
.custom-featured-list .featured-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.custom-featured-list .featured-img {
    flex: 0 0 32%; /* 左侧图片稍小，更加精致 */
    border-radius: 8px;
    overflow: hidden;
}
.custom-featured-list .featured-img img {
    width: 100%;
    height: auto;
    aspect-ratio: 5/3; /* 强制图片比例统一 */
    object-fit: cover;
    display: block;
}
.custom-featured-list .featured-text {
    flex: 1; 
}
.custom-featured-list .title {
    font-size: 14px;
    color: #1d1d1f;
    font-weight: 600;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 最多显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
}
.custom-featured-list .title:hover {
    color: #0071e3;
    text-decoration: none;
}

/* ==========================================================
   8. 移动端响应式优化 (Mobile & Tablet Optimization)
   ========================================================== */
@media screen and (max-width: 992px) {
    /* 1. 外层容器空间紧凑化，适应小屏幕 */
    .row[data-id="301"] {
        padding: 40px 15px 40px !important; 
    }

    /* 2. 全局大标题缩放 */
    .apple-section-title h2 {
        font-size: 28px;
        margin-top: 40px;
    }
    .apple-section-title p {
        font-size: 15px;
        padding: 0 15px;
    }

    /* 3. 核心：三大列由 33% 强行变为 100% 纵向堆叠 */
    .row[data-id="301"] > .col {
        width: 100% !important;
        margin: 0 0 24px 0 !important; /* 取消左右间距，改为下方留白 */
    }
    /* 最后一个卡片底部不需要留白 */
    .row[data-id="301"] > .col:last-child {
        margin-bottom: 0 !important;
    }

/* 4. 卡片内部留白微调，节省手机屏幕空间，并修复双重 padding 问题 */
    .newarticles .panel-body,
    .featured-list-body {
        padding: 10px 15px 15px !important;
    }
    
    /* 清除右侧列表外层的多余 padding */
    .custom-featured-list {
        padding: 0 !important;
    }

    /* 头部标题区左右对齐 */
    .row[data-id="301"] .panel-heading {
        padding: 16px 15px 12px !important;
    }
    
    /* 保持手机端标题字体为 20px */
    .row[data-id="301"] .panel-heading strong {
        font-size: 20px !important;
    }

    /* 5. 顶图高度微调 */
    .apple-hero-img {
        height: 180px; 
    }
}

/* 针对极小屏幕手机 (如 iPhone SE) 的极限优化 */
@media screen and (max-width: 480px) {
    /* 右列左图右文比例微调，防止图片太小 */
    .custom-featured-list .featured-img {
        flex: 0 0 38%; 
    }
    .newarticles .articleTitleA {
        font-size: 14px !important;
    }
    .newarticles .article-date {
        font-size: 12px !important;
    }
}
#block309{}#block309 .panel-heading{}#block284{}#block284 .panel-heading{}.m-index-index .all-bottom,.all-bottom{width:100%;max-width:100%;margin:0px;}.all-bottom .col{padding:0px;}div.fr{float:right;}#block284 .code img{max-width:initial;}#block284 div.tells img{margin-bottom:20px;}#block284 div.tells p{padding:5px 0;}#block284 ul.links li h6{font-size:16px;font-weight:800;}#block284 ul.links li a:hover{color:#297286;}#block284 .footer{background:#444;color:#fff;}#block284 .foot-top{padding:50px 0px;}#block284 .foot-top .fl{width:60%;min-width:500px;}#block284 .phone-number{display:inline-block;vertical-align:top;}#block284 .phone-number p{line-height:20px;margin:10px 0;}#block284 .links{display:inline-block;}#block284 .links li{display:inline-block;float:left;vertical-align:top;padding:0 60px 0 20px;border-right:1px solid #958e8e;position:relative;}#block284 .links li:first-child{border-left:1px solid #958e8e;}#block284 .links li:last-child{border:none;}#block284 .links li h6{font-size:14px;padding:0 10px;margin-bottom:10px;}#block284 .links li a{display:block;color:#fff;padding:10px;color:#999;font-size:12px;}#block284 .code{text-align:center;float:left;}#block284 .code p{margin-top:10px;font-size:14px;}#block284 .code img{width:120px;height:120px;}#block284 .tells img{max-width:170px;}#block284 .tells p{padding:15px 0;font-size:14px;}#block284 .tells p span{font-size:16px;}@media screen and (max-width: 1125px){.fl,.fl ul{width:100% !important;}.fl ul li{width:33.3% !important;}.fr{display:none;}}
        .foot-bottom span{
            margin-left:2px;
        }
        span a{
            color:inherit;
        }
        a:visited{
            color:#999;
        }
        .showy .listing a.toparrow{
            background:url("/myself/image/topArrow.png") no-repeat 10px center  #0b6fba;
            background-size:15%;
        }
        /* 修改后的新侧边栏导航 */
        aside{
            position:fixed;
            right:20px;
            top:300px;
            z-index:750;
        }
        aside ul.listul{
            width:50px;
        }
        aside ul.listul li.list_new{
            width:100%;
            height:50px;
            background-color:#0E66A7;
            text-align:center;
            line-height:65px;
            cursor: pointer;
        }
        /* 顶部 Skype 按钮圆角 */
        aside ul.listul li.list_new:first-child{
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            position: relative;
        }
        /* 底部返回顶部按钮圆角与间距 */
        aside ul.listul li.list_new:last-child{
            margin-top:10px;
            border-radius:10px;
        }
        aside ul.listul li.list_new img{
            width:50%;
        }